PS教程:繪制一枚寫實皮包圖標

教程頻道 - Photoshop 來源:中國設(shè)計在線 作者:cdo 2016-06-30

今天的圖標教程是一個寫實的皮包圖標,絕大部分效果都是圖層樣式做出來的,不熟悉這部分的同學(xué)可以來練習(xí)了,附上源文件免費下載,不會就看作者怎么做的,來試試手!

我們的最終效果:

54pdds20160329

       下面,教程開始!

       在正式做圖標之前,需要先自定義一個圖案。

       首先新建一個1000×1000px 的畫布,填充顏色#c5ab90,然后【濾鏡】-【雜色】-【添加雜色】,給圖層添加7%的雜色。完成之后,【編輯】-【自定義圖案】添加一個圖案,命名為【磨砂紋理】

53pdds20160329

       準備工作做好了,開始畫皮包。

       新建一個1000×1000的畫布,填充一個從#d9d5cf到#9c8c7e的徑向漸變。

52pdds20160329

       建一個512×512,半徑為90的圓角矩形,并添加圖層樣式,其中【圖案疊加】疊加的是剛才新建的【磨砂紋理】

51pdds20160329

50pdds20160329

49pdds20160329

       CTRL+J復(fù)制一層剛才的圓角矩形,CTRL+T并按住ALT+SHIFT等比縮小,然后再給這個圖層添加一個投影。

48pdds20160329

       畫一個豎著的矩形,居中擺放,并添加圖層樣式。

46pdds20160329

45pdds20160329

44pdds20160329

43pdds20160329

       畫一條細線,緊貼豎矩形的右邊緣,添加圖層樣式。

42pdds20160329

41pdds20160329

40pdds20160329

       將這個線條復(fù)制一層,移動到豎矩形的左側(cè),將【投影】角度改為0°

39pdds20160329

       復(fù)制一層較小的圓角矩形(圖層【中】),清除圖層樣式,用布爾運算裁掉上半部分,并填充顏色#372715

38pdds20160329

       給這個形狀添加圖層樣式,其中【圖案疊加】疊加的是【皮革紋理】

37pdds20160329

36pdds20160329

35pdds20160329

34pdds20160329

       CTLR+J復(fù)制一層之前畫的豎線(圖層【左】),CTRL+T旋轉(zhuǎn)為橫線,放到皮革的上邊緣。

       調(diào)節(jié)顏色和投影,做成這個樣子~

28pdds20160329

       把這條橫線復(fù)制一層,在形狀工具下將線條改為虛線。

32pdds20160329

       調(diào)整圖層顏色和投影,做成以下效果:

31pdds20160329

       將剛才做的實線和虛線一起建組(CTRL+G),添加一個圖層蒙版,然后在蒙版上拉一個漸變。

30pdds20160329

       然后新建一個圖層,添加一個黑白漸變。

29pdds20160329

       按住CTRL較小的圓角矩形(圖層【中】)的選區(qū),加一個蒙版,把多余的地方隱藏掉。然后將混合模式改為【柔光】不透明度改為60%。

       中間部分的效果已經(jīng)完成了,建議把除了【底面】和【背景】以外的圖層一起建一個組。

28pdds20160329

       將【底面】圖層復(fù)制一層,調(diào)整形狀,更改圖層樣式。

27pdds20160329

       將剛才的圖層【蓋】再復(fù)制一層,調(diào)整大小,修改圖層樣式。

26pdds20160329

25pdds20160329

24pdds20160329

再復(fù)制一層,將形狀改為虛線,然后拷貝之前做的【虛線】圖層的圖層樣式,粘貼到這個虛線圖層上,修改圖層樣式。

23pdds20160329

22pdds20160329

21pdds20160329

       調(diào)整圖層順序,把【上虛線】圖層移動到【上】圖層的下面。

然后通過布爾運算做出以下白色形狀。

20pdds20160329

       柵格化圖層,【濾鏡】-【高斯模糊】給予適當?shù)哪:,并調(diào)節(jié)圖層透明度,用圖層蒙版隱藏掉多余的部分,做出如下效果。

19pdds20160329

       皮包的整體形狀已經(jīng)有了,接下來做皮帶和金屬扣。

       用圓角矩形工具畫一個下圖的形狀,并填充顏色#c5ab90,記得將這個圖層移動到剛才做的【上高光】圖層的下面。

18pdds20160329

       將前面【皮革層】的圖層樣式拷貝過來,適當調(diào)節(jié)圖層樣式,用蒙版隱藏掉多余的形狀,得到如下效果:

17pdds20160329

       用之前做虛線的辦法,再做一條虛線。

16pdds20160329

       在皮帶上畫一個黑色的小圓,然后復(fù)制一個小圓,用布爾運算畫一個圓環(huán),填充顏色# c5ab90。

       這里最好不要用圖層描邊的方式做圓環(huán)。如果一定要這么做,就必須要把圓環(huán)柵格化,才能繼續(xù)后面的步驟。

       將【虛線】圖層的圖層樣式拷貝過來,粘貼給【環(huán)】圖層,適當調(diào)節(jié),做出以下效果

15pdds20160329

       將【環(huán)】和【孔】一起建組,復(fù)制組,排列成以下效果:

14pdds20160329

       畫一個矩形,利用變形做出以下形狀,并填充顏色#c5ab90。

13pdds20160329

       將【皮革層】的圖層樣式拷貝過來,適當調(diào)節(jié),并添加一個【漸變疊加】

12pdds20160329

11pdds20160329

       在【橫扣】右邊畫一個圓,添加圖層樣式

10pdds20160329

9pdds20160329

8pdds20160329

7pdds20160329

       復(fù)制一個【圓扣】到左邊。再復(fù)制一個【橫扣】圖層到下面,調(diào)節(jié)形狀,做成以下效果。

6pdds20160329

       用布爾運算畫出金屬扣的形狀,再將【圓扣】的圖層樣式拷貝過來,適當調(diào)節(jié)

5pdds20160329

       關(guān)于這個金屬扣,我自己是畫了一個圓,然后將下面的錨點拖上去,并調(diào)節(jié)錨點的手柄,得到了這個形狀。

       做出金屬扣之后,用圖層蒙版隱藏掉下面的那條邊,然后用之前做高光的辦法,給金屬扣被皮帶蓋住的部分加點陰影

4pdds20160329

       畫一個瘦長的矩形,將【金屬扣】的圖層樣式拷貝過來。

3pdds20160329

       給這個圖層添加一個蒙版,在蒙版上拉一個黑白漸變。

2pdds20160329

       然后皮包就大功告成了~

1pdds20160329

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關(guān)推薦