Photoshop制作Apple風(fēng)格的按鈕(9)
作者:涂健 來源:eNet硅谷動力
在這個教程中,我們將學(xué)習(xí)用PS來制作一個類似于APPLE 風(fēng)格的時間機器按鈕。制作過程可能會有些復(fù)雜但我相信這對你以后的設(shè)計將有所幫助。……
先看一下最終效果:
下面我們開始制作:
1.建立一新文檔,用深灰色填充背景層。在文檔的水平居中位置用橢圓工具建立一正圓選區(qū)并用白色填充選區(qū)再將其重命名為 B CircLe。
2.復(fù)制該圖層并用自由變換工具將復(fù)制層圖中的略微小一些。然后按住CTRL+點擊該復(fù)制層載入其選區(qū)。
下面選擇 B CircLe并執(zhí)行圖層-圖層蒙版-隱藏選區(qū)。
3.重復(fù)第1.2步驟用橢圓選框工具另外建立2個圖層將2個圖層的顏色分別設(shè)置成為綠色和紅色。將這個2個圖層分別重命名為M CircLe和S CircLe。
4.選中B CircLe雙擊該圖層加入漸變疊加圖層樣式。
在加入斜面與浮雕圖層樣式
5.復(fù)制B CircLe層然后改變之前的圖層樣式。將之前附加的漸變疊加和斜面與浮雕圖層樣式去除加入內(nèi)陰影圖層樣式。(注意將填充不透明度也設(shè)置為0)。
6.選擇M CircLe層加入漸變疊加和描邊圖層樣式。
7.選擇S CircLe層加入顏色疊加和描邊圖層樣式。
8.建立一個名為Metels圖層組的文件夾,將以上4個圖層放置于該圖層組中。
9.建立一新圖層為Screen,再在文檔中心位置用橢圓選框工具建立一正圓選區(qū)用白色填充。雙擊該圖層加入漸變疊加圖層樣式。
10.建立一新圖層,將前景色和背景色設(shè)置為白色和黑色。然后執(zhí)行濾鏡-渲染-云彩。設(shè)置圖層混合模式為疊加,F(xiàn)在按住CTRL+點擊Screen層載入其選區(qū),再回到云彩圖層上來執(zhí)行圖層-圖層蒙版-顯示選區(qū)。
11.復(fù)制云彩層,將復(fù)制層命名為Twirl并將圖層混合模式設(shè)置為顏色減淡。執(zhí)行圖層-圖層蒙版-應(yīng)用。之后再次按住CTRL+點擊Screen層載入其選區(qū),然后執(zhí)行濾鏡-扭曲-旋轉(zhuǎn)扭曲。
12.執(zhí)行濾鏡以后不要區(qū)需要選擇區(qū),再接著執(zhí)行濾鏡-液化并選擇褶皺工具。進一步加大扭曲度
13.接著用橡皮擦工具載入Twirl層中的一些標(biāo)注出來的位置。
14.建立一新圖層并命名為S stars,用黑色填充后設(shè)置圖層混合模式為顏色減淡。再執(zhí)行濾鏡-像素化-銅板雕刻。
15.執(zhí)行濾鏡-模糊-徑向模糊,設(shè)置如下。下面再次按住CTRL+點擊Screen層載入其選區(qū),然后回到云彩層上執(zhí)行圖層-圖層蒙版-顯示選區(qū)。
16.下面我們來制作一些星星。建立一新圖層并用黑色填充再重命名為B Stars,設(shè)置圖層混合模式為顏色減淡。之后選擇畫筆工具對其做一下設(shè)置在圖中編輯出如下所示的星星。
17.重復(fù)第14步的方法用縮放模糊做出大一些的星星,但是這次數(shù)量設(shè)置為50就可以了。
18.復(fù)制Screen層并改變其圖層樣式,選擇漸變疊加圖層樣式設(shè)置漸變色為白色到白色,但是透明度設(shè)置為100%-0%,F(xiàn)在選擇橢圓選框工具建立建立一橢圓選區(qū),然后執(zhí)行圖層-圖層蒙版-顯示選區(qū),調(diào)整好漸變疊加圖層的位置并改變圖層不透明度為40%。
19.再用第1.2步的方法在邊框上做出一些小圓。
再給它加入顏色疊加和描邊圖層樣式。
20.在把做好的“小圓”復(fù)制幾個按比例放置于按鈕上的合適位置,最終效果如下。
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS的圖層樣式制作逼真的玉石圖標(biāo)
- 四分環(huán),如何用PS設(shè)計曲線四分環(huán)視頻教程詳解
- 圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計,通過PS設(shè)計制作一款逼真的玉石圖案
- 圖標(biāo)制作,通過PS制作彌撒圖標(biāo)
- 圖標(biāo)設(shè)計,通過PS制作設(shè)計質(zhì)感水晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 描邊圖標(biāo),用PS繪制簡單的書本圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡單的彩色線性圖標(biāo)