Photoshop圖標(biāo)繪圖教程:手動創(chuàng)建失量風(fēng)格的美食圖標(biāo)。

2021-10-31 10:44:11 來源/作者: 網(wǎng)絡(luò) / 中華 己有:169人學(xué)習(xí)過

PS圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。效果圖如下:

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

教程的詳細操作步驟

溫馨提示:本篇教程中所有的尺寸單位都是px像素。沒標(biāo)色值的顏色,通常通常在后期會添加圖層樣式覆蓋,或者是與前面步驟使用相同的顏色,大家可以根據(jù)場景判斷,后面的操作中不再贅述。如果感覺預(yù)覽不清晰,可點擊圖片看大圖。

一、小蛋糕制作

1、小蛋糕基本造型

1:新建一個1920*1280大小的畫布,分辨率72,顏色模式為RGB

2:使用矩形工具繪制面包胚,長857,寬268,圓角為49,顏色為FFB547

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3:使用舉行工具繪制底部盤子,長934,寬30,顏色為FEE9DA

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

4:使用鋼筆工具安裝所示路徑繪制出上方奶油部分,注意杠桿的調(diào)整,顏色為FEE9DA。對鋼筆工具不熟悉的同學(xué)可以看看下面這篇基礎(chǔ)工具的內(nèi)容

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

到這里所有的造型就做完了,接下來我們一起去塑造里面的光影,如果對于光影部掌握比較薄弱的同學(xué)建議看看我往期的文章

2、蛋糕胚部分光影塑造

1:添加漸變疊加給面包胚添加光影效果,色值如圖所示,要注意角度和畫面的效果,因為有些同學(xué)可能勾選反相,所以做出來的效果是反的,并且要注意簡便疊加是會通過鼠標(biāo)拖動從而移動位置的,如果位置不對可以通過點擊重制對齊將位置居中

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2:再次添加漸變疊加制作面包胚上下的光影過渡

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3、奶油部分光影塑造

1:接下來塑造奶油部分,使用漸變疊加添加奶油圓柱形的光影過渡

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2:使用內(nèi)陰影制作奶油的暗部效果,混合模式為正片疊底,顏色為F5C0B0。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3:使用內(nèi)陰影制作奶油的暗部反光,混合模式為濾色,顏色為F5C0B0。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

4:使用內(nèi)陰影添加奶油的高光效果,混合模式為濾色,顏色為F5C0B0

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

4、盤子部分光影塑造

1:使用內(nèi)陰影制作盤子下方的暗部效果?;旌夏J綖檎B底,顏色為FEC29A

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2:使用內(nèi)陰影制作盤子上放的高光,混合模式為濾色,顏色為FFDBC3

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

5、投影制作

1:復(fù)制一份奶油,其中一份移動到上放,然后去除另一份奶油的圖層樣式。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2:給去除圖層樣式的奶油圖層,添加投影的圖層樣式,混合模式為正片疊底,顏色為F88F31

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3:將新的奶油圖層單獨編組,然后按住CTRL點擊面包胚的縮略圖,調(diào)出選區(qū),選中奶油圖層的組,添加蒙板,將面包胚外部的投影去掉。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

6、整體效果完善

1:因為上放的多層小蛋糕和下方的整體一致,所有我們可以直接圖層,然后CTRL+T調(diào)整大小,讓蛋糕呈現(xiàn)階梯狀效果即可。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2:使用畫筆工具顏色為FF862C,完善盤子部分的光影。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3:將畫筆繪制的圖層混合模式改為正片疊底,不透明度改為46,讓顏色有更舒適的混合效果。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

4:使用形狀工具創(chuàng)建一個89X89像素的正方形,去除填充,打開描邊,描邊顏色為FFA13E,粗細為17像素。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

5:調(diào)整形狀長度,然后復(fù)制一個旋轉(zhuǎn)為垂直狀態(tài)。并調(diào)整位置。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

6:在屬性中調(diào)整圓角的屬性,將圓角拉到最大。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

7:使用直接選擇工具選中圓角部分的錨點,然后移動位置。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

8:另一半的圓角使用相同的辦法制作,然后選中兩個現(xiàn)狀圖層CTRL+E合并。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

9:復(fù)制另一個愛心,調(diào)整兩個愛心的大小與角度,放置到合適的位置。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

10:添加內(nèi)陰影制作愛心的暗部效果,混合模式為正片疊底,顏色為FF6D1E

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

11:添加內(nèi)陰影制作愛心的暗部反光效果,混合模式為濾色,顏色為FFB66B

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

11:添加內(nèi)陰影制作愛心的高光效果,混合模式為濾色,顏色為FFB66B

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

12:因為兩個愛心的體積相同,所以光影也是相同的,我們可以直接拷貝圖層樣式并進行粘貼。制作完成后將所有制作的圖層選中一起轉(zhuǎn)換為智能對象方便后期調(diào)整大小與位置

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

二、奶茶杯制作

1、基本形狀制作

1:使用矩形工具繪制奶茶杯的杯身部分,長度253,寬度為280,底部圓角設(shè)置為26,顏色為FFDF9F

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2:制作好的形狀,CTRL+T右鍵選中透視,調(diào)整底部的透視,如圖所示。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3:使用矩形工具制作奶茶杯的蓋子部分,長度為288,寬度為43,顏色為FFF3D8

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

4:使用矩形工具,創(chuàng)建一個長度為256,寬度為30,圓角為11,顏色為F2E5D7的形狀作為頂部蓋子。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2、杯子身光影塑造

1:給杯子身添加漸變疊加制作光影漸變,色值如下所示。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2:使用漸變疊加壓暗下方效果,要注意色標(biāo)的顏色和不透明度標(biāo)的透明度。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3:使用漸變疊加制作蓋子的投影。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

4:添加內(nèi)陰影效果制作暗部反光,要注意角度不要出問題了。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

5:添加新的內(nèi)陰影增加暗部效果,顏色為FF5E0A,混合模式為正片疊底。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

6:添加內(nèi)陰影提亮高光部分,要注意顏色為FF966F,不透明度為20,混合模式為濾色

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3、杯子蓋光影

1:選中蓋子的底部部分,添加漸變疊加塑造基本的漸變光影

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2:添加內(nèi)陰影效果制作蓋子的棱角高光,顏色為FFF3D8,混合模式為濾色

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3:添加內(nèi)陰影制作蓋子棱角的暗部,混合模式為正片疊底,顏色為FFD79A

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

4:添加內(nèi)陰影,增強蓋子的暗部棱角

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

5:添加內(nèi)陰影效果,增強暗部棱角的反光。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

6:接著塑造上放的蓋子,因為上放蓋子和下方蓋子的基本體積差不多,所以我們可以復(fù)制下方蓋子的漸變疊加,在基礎(chǔ)上加以調(diào)整。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

7:添加內(nèi)陰影效果,制作上放蓋子的高光,混合模式為濾色,顏色為FFF3D8

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

8:添加內(nèi)陰影效果,制作上放蓋子的暗部,混合模式為正片疊底,顏色為FFD79A,不透明度為57

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

4、吸管制作

1:使用矩形工具制作吸管的基本造型,長度為25,寬度為470,顏色為F2E5D7

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

2:復(fù)制幾份,制作吸管的紋理,然后調(diào)整角度和顏色,新顏色為FFA13E

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

3:新建圖層使用畫筆繪制吸管的光影效果

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

4:給上放圖層添加剪貼蒙板,剪貼至吸管上

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

5:做完的奶茶杯轉(zhuǎn)換為智能對象,方便后期調(diào)整位置與大小

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

三、最終效果

1、使用上述所講述的方式制作出其它的圖標(biāo)。并調(diào)整角度與位置,添加簡單的排版,一副輕擬物的圖標(biāo)作品就完成啦。

 

Photoshop圖標(biāo)繪制教程:手工打造失量風(fēng)格的美食圖標(biāo)。

 

標(biāo)簽(TAG) 繪圖教程