PS中級教程!教你繪制美味可口的冰淇淋圖標

編者按:周末練手走起!今天的教程是一枚寫實的冰淇淋圖標,細節雕刻非常精致,內含大量技巧,適合有基礎功的同學進階練習 >>>

最終結果:

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 1

新建一個畫布,大小為400×300像素。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 2

單擊“創建新的填充或調整圖層”,然后選擇純色。

PS中級教程!教你繪制美味可口的冰淇淋圖標

選擇淺藍色作為背景(參數如圖)。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 3

在圖層面板中雙擊圖層名稱更名為“ background”. 這個小的的習慣可以幫助你整理圖層。

PS中級教程!教你繪制美味可口的冰淇淋圖標

圖層面板底部的默認背景已經不再需要,可以刪除它。這種方法,可以讓你的文件大小節省幾千字節。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 4

使用矩形工具畫一個矩形。顏色選擇白色, 填充為無。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 5

按Ctrl + T應用自由變換。右鍵單擊,然后選擇透視。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 6

將矩形右上個角向外拉動。按回車鍵確認變換。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 7

選擇橢圓工具,在矩形下部添加橢圓形。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 8

雙擊圖層,添加一個從白色到淡藍色漸變疊加樣式。 樣式為“線性”,混合模式為“正片疊底”(其它參數如下)。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 9

添加一個淺藍色的矩形,并把它垂直于杯身。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 10

選擇路徑選擇工具,選擇我們剛才制作的形狀,按住Shift + Alt復制并拖動,直到矩形覆蓋杯身。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 11

用選擇工具選中形狀按Ctrl + T進行自由變換,右鍵單擊,然后選擇透視。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 12

將右下角向內拉動,直到其形狀與杯身的角度一致(如圖所示)。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 13

按Ctrl + Alt + G向下剪貼蒙版。 所有的矩形將成為杯子的條紋。

PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 14

在圖層面板中,創建新組命名為“Cup”,我們用來繪制杯子。 建立組能夠讓你大大提高工作效率。接下來用橢圓工具繪制一個橢圓。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 15

在之前的形狀上添加一個較小的橢圓形狀。從選項欄中設置路徑模式為減去頂層形狀做為冰淇淋杯的上部。(注:快捷鍵為alt)

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 16

想要把它變成三維的圖像,我們需要添加燈光和陰影。用路徑選擇工具選擇大的橢圓形狀,按Ctrl + C復制,然后按Ctrl+V粘貼。我們現在便有兩條路徑。選擇復制的路徑向上移動(如圖所示),然后將其路徑模式設為減去頂層形狀。將會得到兩個重疊的橢圓。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 17

點擊Ctrl+Enter將其轉換成選區,將有一個月牙形狀的選區。建立新層,填充顏色,作為下一高光層的剪貼蒙版來使用。點擊編輯 > 填充. 在對話框中,選擇使用:顏色,將會對話框顯示要求輸入顏色,選擇藍色,點擊OK。

PS中級教程!教你繪制美味可口的冰淇淋圖標PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 18

重復前面的步驟, 在頂部建立一個新的月牙的路徑。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 19

轉換為選區。仍然使用同樣的方式,填充藍色。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 20

按Ctrl點擊我們之前創建的第一環的形狀,按Ctrl + Enter轉換成一個選區。 單擊“選擇>修改>收縮大小為2px。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 21

建立新層,然后填充選擇白色。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 22

Ctrl + D取消選區, 然后添加濾鏡(濾鏡>模糊 >高斯模糊)。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 23

確保這一圖層在最上方, 將其轉換為剪貼蒙版(按Ctrl + Alt + G)。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 24

給圖層組添加蒙板,選擇畫筆工具,填充為黑色,如圖所示隱藏多余的部分。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 25

新建一層, 給畫筆工具調整好適當的透明度,用畫筆工具給杯子畫上陰影(如圖所示)。

PS中級教程!教你繪制美味可口的冰淇淋圖標

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 26

創建一個圖層組并將其命名為“ ice cream”. 將這一圖層組放在“cup”組的下面。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 27

選擇鋼筆工具,在選項欄中選擇形狀。 填充色選擇一個粉紅色,描邊為無,你也可以選擇你自己喜歡的顏色。單擊并拖動以繪制一個曲線的形狀(如圖所示)。

PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 28

雙擊該圖層,然后添加一個內發光, 顏色為白色, 混合模式為濾色,方法為柔和,。然后添加一個漸變疊加, 顏色從黑到白,混合模式為:疊加,樣式為線性(參數如圖所示)。

PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 29

繼續使用相同的顏色用鋼筆工具繪制一個彎曲的形狀,但這一次,顏色可以在原基礎上加一點亮度變化。這樣后面的顏色看起來才會自然一點。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 30

添加相同的圖層樣式,你也可以按住alt,拖動“fx”直接復制圖層樣式。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 31

繼續添加冰激凌的形狀,形狀任意,顏色相似,添加相同的圖層樣式。

PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 32

現在,我們要添加陰影和高光使它更真實。選擇之前第一層的形狀,在上面添加新層。 將其轉換為剪貼蒙版(按Ctrl + Alt + G)。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 33

選擇畫筆工具,大小為10。 改變筆刷的大小,只需單擊打開畫筆選項。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 34

將前景色改為暗粉紅色,然后畫上陰影。再畫的過程中可以不斷添加亮度,如果需要的話,你繼續添加新的圖層,然后把它剪貼蒙版。

PS中級教程!教你繪制美味可口的冰淇淋圖標

PS中級教程!教你繪制美味可口的冰淇淋圖標

下面你可以使用畫筆工具添加相較之前不同的和燈光和陰影。 你可以在選項欄中降低的畫筆工具的不透明度。

PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 36

讓我們繼續在杯子表面添加陰影,可以繼續添加新的層組。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 37

選擇橢圓框選工具畫一個和杯底大小一樣的橢圓選區,如圖所示。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 38

添加新的圖層,點擊編輯>填充,然后選擇填充深藍色。 你也可以選擇不同的顏色,這取決于你自己畫的的杯子的顏色。使用鍵盤快捷鍵Ctrl 激活選區,點擊濾鏡>模糊>高斯模糊,柔化陰影取消選區。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 39

選擇移動工具,然后點擊右箭頭兩次,將陰影向右邊移動兩個像素。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 40

按Ctrl + J復制陰影。按Ctrl + T變換它的形狀,讓它變的更寬。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 41

可以降低其不透明度使陰影自然一點。 你也可以再次使用高斯模糊濾鏡使它變的更柔和。

PS中級教程!教你繪制美味可口的冰淇淋圖標 PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 42: 添加陰影和高光

我們可以發現冰淇淋目前還是太平了。我們可以到其表面添加更多的高光。 建立新的圖層,選擇畫筆工具,顏色為白色、降低畫筆透明度在冰淇淋表面涂抹。

PS中級教程!教你繪制美味可口的冰淇淋圖標

可以發現發生了微妙的差異。

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 43

現在使用畫筆工具來給表面添加一點陰影,顏色改為黑色,降低不透明度。

PS中級教程!教你繪制美味可口的冰淇淋圖標

PS中級教程!教你繪制美味可口的冰淇淋圖標

Step 44

為了讓它更真實,我們還需要在表面上添加一些小瑕疵,可以稍微提高畫筆的透明度并減小筆刷的大小,例如 1 px 或 2 px. 添加新的圖層,再隨機在冰淇淋表面涂抹。

PS中級教程!教你繪制美味可口的冰淇淋圖標

你可以看到發生了細微差別,便得到了一個更逼真的冰淇淋。

PS中級教程!教你繪制美味可口的冰淇淋圖標

我們得到了一個看起來好看又美味的冰激凌 icon。這個教程,關鍵是耐心,希望你喜歡這個教程。

PS中級教程!教你繪制美味可口的冰淇淋圖標

【2015年最新圖標教程合集】

?風格素凈非常討人喜歡的播放器圖標:
《PS教程!手把手教你快速打造簡約的播放器圖標》

兩個科幻感風格的扁平化太空圖標!
《PS進階教程!手把手教你繪制扁平風行星與雷達圖標》

喂!別忘了給他一個天空(來自有愛的評論串)
《PS初級教程!手把手教你繪制酷炫有型的火箭圖標》

譯文地址:xueui
譯者:黃se7en

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量92萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS中級教程!教你繪制美味可口的冰淇淋圖標

收藏 6
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。