Photoshop制作簡潔大氣的圓形開關(guān)圖標(biāo)
站酷 發(fā)布時間：2014-05-19 09:39:20 作者：殘酷de樂章 
我要評論
我要評論制作之前我們先找一些實(shí)物照片來分析一下開關(guān)的質(zhì)感，色彩表現(xiàn)等。然后分解開關(guān)，了解它的結(jié)構(gòu)。再設(shè)定材質(zhì)為塑料，設(shè)定好光源位置就可以繪制了
制作之前我們先找一些實(shí)物照片來分析一下開關(guān)的質(zhì)感，色彩表現(xiàn)等。然后分解開關(guān)，了解它的結(jié)構(gòu)。再設(shè)定材質(zhì)為塑料，設(shè)定好光源位置就可以繪制了。
最終效果
1、先建立一個1136 * 640的畫布。
2、在這個畫布上，用橢圓工具勾繪出一個圓形，作為按鈕側(cè)面，命名圖層為“按鈕-下”。
3、建立一個新圖層，畫一個同樣大小的同心圓，再選中底邊錨點(diǎn)，向上拖到錨點(diǎn)位置如圖，作為按鈕正面，命名圖層為“按鈕-上”。
4、編輯“按鈕-上”，繪制開關(guān)按鈕正面的形狀和質(zhì)感，圖層樣式如下圖。
5、接著我們編輯“按鈕-上”，繪制開關(guān)按鈕側(cè)下方的形狀和質(zhì)感，圖層樣式如下。
6、接著我們畫用來按鈕按鈕的凹槽位。同樣的方法我們畫一個稍大一些的同心圓，圖層名“凹槽”，然后添加下圖所示的樣式。
7、至此，我們已經(jīng)完成了70%了，需要再加上陰影。陰影層，我使用了一個稍微“瘦”一些的橢圓形狀，這樣形成的陰影看起來更加真實(shí)。
8、最后我們再打上OFF，ON的字樣，再增加一點(diǎn)泛紅光的效果，完成最終效果。
最終效果
1、先建立一個1136 * 640的畫布。
2、在這個畫布上，用橢圓工具勾繪出一個圓形，作為按鈕側(cè)面，命名圖層為“按鈕-下”。
3、建立一個新圖層，畫一個同樣大小的同心圓，再選中底邊錨點(diǎn)，向上拖到錨點(diǎn)位置如圖，作為按鈕正面，命名圖層為“按鈕-上”。
4、編輯“按鈕-上”，繪制開關(guān)按鈕正面的形狀和質(zhì)感，圖層樣式如下圖。
5、接著我們編輯“按鈕-上”，繪制開關(guān)按鈕側(cè)下方的形狀和質(zhì)感，圖層樣式如下。
6、接著我們畫用來按鈕按鈕的凹槽位。同樣的方法我們畫一個稍大一些的同心圓，圖層名“凹槽”，然后添加下圖所示的樣式。
7、至此，我們已經(jīng)完成了70%了，需要再加上陰影。陰影層，我使用了一個稍微“瘦”一些的橢圓形狀，這樣形成的陰影看起來更加真實(shí)。
8、最后我們再打上OFF，ON的字樣，再增加一點(diǎn)泛紅光的效果，完成最終效果。
相關(guān)文章
Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形八卦圖標(biāo)
本教程主要使用Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形圖標(biāo)，經(jīng)常看到有人問這種圓型icon要怎么做，覺得很有趣稍微思考一下原理2014-06-04Photoshop設(shè)計(jì)制作圓形火光斑點(diǎn)路徑人像特效
非常有創(chuàng)意也很有特色的教程，制作思路很新穎，首先是用濾鏡來描出人物的邊，然后再給邊添加路徑再描述圓斑筆刷，最后渲染上非常驚艷的亮色彩2013-08-07
Photoshop設(shè)計(jì)制作夢幻的舞臺上圓環(huán)形紫色星點(diǎn)光束
環(huán)形光束看上去有點(diǎn)復(fù)雜，不過制作并不難，很多光束可以直接用濾鏡來完成，尤其是比較密集的光束部分。這樣可以省去大量手工刻畫的過程2013-05-15- photoshop設(shè)計(jì)制作圓形紐扣式按鈕，喜歡的朋友可以試試看。2013-02-20
Photoshop設(shè)計(jì)制作出晶瑩剔透的圓形水珠
水珠的制作重點(diǎn)就是高光部分的渲染，邊緣，中間等都有高光區(qū)域，并且高光形狀各不相同?？坍嫷臅r候需要配合蒙版、涂抹工具、濾鏡等來共同完成。2012-08-14
Photoshop設(shè)計(jì)制作出逼真的藍(lán)色橢圓形水珠
水珠構(gòu)成是非常復(fù)雜的，邊緣及中間部分都是由高光及暗部區(qū)域交錯疊加而成。渲染的時候需要更改圖層的混合模式及不透明度，這樣疊加的效果才會有層次及透明感。2012-02-01
photoshop設(shè)計(jì)制作出圓形黑色開關(guān)按鈕
本ps教程學(xué)習(xí)如何用photoshop制作類似電燈開關(guān)的黑色按鈕，主要用到了自定義形狀工具和圖層樣式。2011-12-23- 這篇文章主要介紹了photoshop制作圓形漸變邊框教程的相關(guān)資料,需要的朋友可以參考下2016-12-20
