search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

【 PS電腦繪圖 】Photoshop繪製立體風格紅色鐘錶圖標教程 | PS筆刷工廠-

Photoshop繪製立體風格紅色鐘錶圖標教程

這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。

文章出處是來自23ps的PS教程類文章,寫教學的作者是佚名,感謝佚名提供鼠繪教程的實作教學。

教學大綱:

鐘錶是生活中最常見的,不過要製作出來還是要花一定心思和時間的。下面的教程將介紹如何製作一個壁鍾。作者製作得非常細緻,基本上每一步都有詳細的說明,喜歡的朋友可以嘗試一下。


鼠繪教程教學開始

本教程主要使用Photoshop繪製立體風格紅色鐘錶圖標教程,鐘錶是生活中最常見的,不過要製作出來還是要花一定心思和時間的。下面的教程將介紹如何製作一個壁鍾。作者製作得非常細緻,基本上每一步都有詳細的說明,喜歡的朋友可以嘗試一下。

最終效果

Photoshop繪製立體風格紅色鐘錶圖標教程

1、新建文檔:2304×1708PX,分辨率:300。調出標尺:Ctrl + R在標尺上點擊鼠標右鍵,將標尺顯示為“百分比”形式。確定中點:鍵盤V鍵,一定一定要讓輸入法成為這種形式,之後從上、左標尺處拖出兩條參考線來,定於50%處。準備工作完成了。

2、拉出下圖所示的藍色到黑色的徑向漸變作為背景。

Photoshop繪製立體風格紅色鐘錶圖標教程

3、花紋疊加:背景層上新建一層。給背景加上好看的花紋。可以找一張素材圖直接疊加上,或者像我這樣自己做一個。鍵盤V鍵,Shift + 加號或者減號鍵,調整此層的圖層模式為“疊加”,鍵盤V鍵,數字鍵3,調整圖層不透明度為30%。

Photoshop繪製立體風格紅色鐘錶圖標教程

4、鐘面形狀製作。新建一層,命名為“鐘錶主面”,所以不如直接用“Main Clock”。鍵盤“m”鍵,橢圓選區工具。按住Alt + Shift 鍵,從參考線交叉點起拖一個正圓出來。鍵盤“D”鍵,將前景色和背景色調整為PS默認顏色,之後Alt + Delete 鍵為選區填充上前景色。Ctrl + D取消選區。

Photoshop繪製立體風格紅色鐘錶圖標教程

5、鐘面效果添加。雙擊“Main Clock”圖層調出圖層樣式窗口。添加樣式,參數及效果如下。

Photoshop繪製立體風格紅色鐘錶圖標教程

Photoshop繪製立體風格紅色鐘錶圖標教程

Photoshop繪製立體風格紅色鐘錶圖標教程

Photoshop繪製立體風格紅色鐘錶圖標教程

Photoshop繪製立體風格紅色鐘錶圖標教程

Photoshop繪製立體風格紅色鐘錶圖標教程

6、鍵盤“t”鍵,在畫布任何一個地方敲入“00”【為什麼是00呢,據作者說這樣更容易在後期進行中心點對齊】。至於數字的形狀和大小,童鞋們就自己看着來吧,同時選中剛敲的這數字層和背景層【Ctrl + 鼠標左鍵點擊這兩層的圖層名稱位置】,利用對其工具使兩層中心點對齊。

7、鍵盤“v”鍵,點擊Shift 鍵的同時鼠標左鍵拖動數字“00”水平向上移動,一半在鐘面內一半在鐘面外即可:

Photoshop繪製立體風格紅色鐘錶圖標教程

調整好位置后Ctrl + T ,調出自由變換大小工具,把變換工具的變換中心點拖動到參考線交叉點(Alt + 鼠標左鍵)。將變換角度調整為30度。 回車確認應用變換效果。Ctrl + Shift + Alt + T 重複應用變換效果(話說,這個組合鍵真的是很有用的,很多匪夷所思類似的圖案都是用這個組合,童鞋們最好記住了哈)。讓數字00平均分佈在鐘錶周圍,且,為12個。

Photoshop繪製立體風格紅色鐘錶圖標教程

8、鍵盤“T”鍵,將所有的“00”更改為正確的數字。用Ctrl + T鍵調整數字角度為正常顯示。

Photoshop繪製立體風格紅色鐘錶圖標教程

9、選中最頂上的數字層,按住Shift 鍵再點擊一下最底下的數字層(也就是選中12個數字層)Ctrl + G 鍵組合,Alt 鍵點擊組合前面的小眼睛,只顯示組合,其它層隱藏,之後Ctrl + Shift + Alt + T合併所有可見圖層,這時候你會發現在你的圖層面板最上面出現了一個單獨的數字層。

將此層命名為 “Merged Numbers”。現在可以點擊組合前面的小眼睛讓它不顯示啦!

Photoshop繪製立體風格紅色鐘錶圖標教程

10、添加數字效果。Ctrl + T 把數字調整到合適大小。注意:拖動調整框的時候一定要按住Shift + Alt 鍵,以確保大小調整是以中心點為中心並由四周像中心變化的。。。)下面加效果:

Photoshop繪製立體風格紅色鐘錶圖標教程

Photoshop繪製立體風格紅色鐘錶圖標教程

Photoshop繪製立體風格紅色鐘錶圖標教程

其中漸變的兩個顏色為:#ffffff,#c8c8c8。注意,調整好顏色之後把它保存為一個新的漸變。嗯~是這個樣子了(我喜歡金屬感覺!喜歡水晶質感!)

Photoshop繪製立體風格紅色鐘錶圖標教程

11、添加指針:

新建一層,命名為“hour hand”。鍵盤“u”鍵,選擇自定義形狀工具,之後選擇“鉛筆”形狀,拖出指針。Ctrl + T,將指針旋轉為直上直下,並將其頂點對齊到參考線交叉點。Ctrl+J複製此層,重命名為“minute hand”。選中複製層指針的上半部分,ctrl+T,按住shift鍵將其上半部分拉長。隱藏“minute hand”層。選中“hour hand”,ctrl+T,將中心點移動到參考線交叉點,並旋轉指針到一定位置。

同理操作“minute hand”層。為指針添加效果:

投影:不透明度=55,距離=11,大小=13(minute hand層的距離為14);

內陰影:不透明度=42;

斜面和浮雕:方法=雕刻清晰,大小=9,高光模式不透明度=55,陰影模式不透明度=55;

漸變疊加:用剛剛我們保存的新漸變,角度為96。

Photoshop繪製立體風格紅色鐘錶圖標教程

12、為鐘面加光效:鍵盤“d”鍵將前景色背景色轉換為默認顏色,鍵盤“x”鍵將前景色背景色交換。新建一層命名為“highlights”。鍵盤“b”鍵調出畫筆工具,筆刷直徑調整為150,硬度0%,不透明度為30%。在合適的地方化上白色半透明的高光。筆刷直徑調整為50,不透明度為60%,在剛剛畫上高光的中心點一下。

Photoshop繪製立體風格紅色鐘錶圖標教程

13、為鐘錶假如你喜歡的商標。在“hour hand”和“minute hand”兩個圖層下面插入商標圖片,ctrl+T調整商標大小。複製Merged Numbers層的圖層樣式並粘貼到商標層,修改一下其中“斜面和浮雕”的效果,大小=5,軟化=0.

Photoshop繪製立體風格紅色鐘錶圖標教程

14、新建一層,命名為“center”。Ctrl+鼠標左鍵點擊“main clock”層,調出選區。填充任何顏色(ctrl+delete)。Ctrl+d取消選區。Ctrl+T調整大小(這個做的是表中心那一個固定時針和分針上面的東東,所以不要太大)複製“main clock”圖層的圖層樣式,粘貼到“center”層。將投影的距離改為19,大小改為13.去掉內發光選項。

Photoshop繪製立體風格紅色鐘錶圖標教程

15、新建一層,命名為“cover”。Ctrl+鼠標左鍵點擊“main clock”層,調出選區。鍵盤“d”鍵,ctrl+delete填充白色。Ctrl+d取消選區,圖層不透明度調整為20%(鍵盤“v”鍵,數字鍵2)Ctrl+T,shift+ctrl+alt變換大小,將白色邊緣調整到比表面邊緣的陰影部分稍小。

Photoshop繪製立體風格紅色鐘錶圖標教程

16、為圖層創建蒙版,選擇漸變工具(鍵盤“G”鍵)。選擇線性漸變。用我們保存好的白灰漸變斜向填充蒙版(從畫布的左上角拖到畫布的右下角)。

Photoshop繪製立體風格紅色鐘錶圖標教程

17、新建一層命名為“glare”。Ctrl+鼠標左鍵點擊“cover”層調出選區,鍵盤“d”鍵將前景色背景色改為默認。Ctrl+delete選區填充為白色。鍵盤“v”鍵,數字鍵4將圖層不透明度調整為40%.。Ctrl+D取消選區。Ctrl+T調整大小:

Photoshop繪製立體風格紅色鐘錶圖標教程

為glare層加蒙版。漸變工具填充為白黑漸變。

Photoshop繪製立體風格紅色鐘錶圖標教程

18、Ctrl+n新建文件,大小:7*7英寸,分辨率:300dpi。雙擊背景層解鎖。填充為黑色。濾鏡-渲染-鏡頭光暈。選105mm,110%。確定應用濾鏡。Ctrl+shift+F,將不透明度調整為90%,漸隱剛剛的濾鏡效果。

濾鏡-扭曲-極坐標。極坐標到平面坐標。確定應用。編輯-變換-垂直翻轉。之後 濾鏡-扭曲-平面坐標到極坐標。確定應用。選擇橢圓形選區工具(鍵盤“m”鍵),選擇中間的球形,之後ctrl+shift+I反選,delete刪除,將剩餘的圓形拖動到我們做的鐘錶文件中。

Photoshop繪製立體風格紅色鐘錶圖標教程

19、將剛剛拖過來的球形中心對準參考線交叉點。Ctrl+T,ctrl+shift+alt將圓形調整為和 cover層的圓形一樣大小,將大片的亮度旋轉到正下方,回車,確定應用。將此層命名為“flare”。放在glare圖層上面。圖層模式改為柔光。

Photoshop繪製立體風格紅色鐘錶圖標教程

Ctrl+鼠標左鍵點擊 glare圖層,調出選區。Shift+F6羽化100像素。Ctrl+shift+J複製出所選區域。新層重命名為 flare2,圖層模式為濾色。

Photoshop繪製立體風格紅色鐘錶圖標教程

20、新建一層命名為“flare3”。Ctrl+鼠標左鍵點擊 cover層,調出選區。填充黑色。不要取消選區,濾鏡-渲染-鏡頭光暈,50-300mm,110%,方向從正左到正右:

Photoshop繪製立體風格紅色鐘錶圖標教程

21、Ctrl+D取消選區。Ctrl+T將最亮的地方旋轉到正上方。圖層模式改為柔光。

Photoshop繪製立體風格紅色鐘錶圖標教程

Photoshop繪製立體風格紅色鐘錶圖標教程

22、建一層命名為“Inner Rim”,ctrl+鼠標左鍵點擊main clock層調出選區,填充白色,取消選區。Ctrl+T將白色圓形縮小,大小到表面邊緣的明暗交界處。Ctrl+鼠標左鍵點擊 cover層調出選區,delete刪除所選區域。

Photoshop繪製立體風格紅色鐘錶圖標教程

將圖層不透明度調整為70%,創建圖層蒙版。由黑到白填充線性漸變。

Photoshop繪製立體風格紅色鐘錶圖標教程

23、新建一層命名為“outer rim”。ctrl+鼠標左鍵點擊main clock層調出選區,填充白色,取消選區。

ctrl+鼠標左鍵點擊 inner rim層調出選區,按住shift鍵連同選區中間的部分一起選中,delete刪除。圖層不透明度調整為80%。創建圖層蒙版,漸變工具徑向漸變白向黑填充。

Photoshop繪製立體風格紅色鐘錶圖標教程

Photoshop繪製立體風格紅色鐘錶圖標教程

24、新建一層命名為“shadows”。填充黑色,圖層模式改為柔光。創建圖層蒙版。黑向白線性漸變。 最後合併圖層 得出最終效果圖。

Photoshop繪製立體風格紅色鐘錶圖標教程

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: Photoshop繪製立體風格紅色鐘錶圖標教程



熱門推薦

本文由 wwwfreebrushscom 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦