Photoshop制作簡(jiǎn)潔大氣的圓形開關(guān)圖標(biāo)
站酷 發(fā)布時(shí)間:2014-05-19 09:39:20 作者:殘酷de樂(lè)章
我要評(píng)論

制作之前我們先找一些實(shí)物照片來(lái)分析一下開關(guān)的質(zhì)感,色彩表現(xiàn)等。然后分解開關(guān),了解它的結(jié)構(gòu)。再設(shè)定材質(zhì)為塑料,設(shè)定好光源位置就可以繪制了
制作之前我們先找一些實(shí)物照片來(lái)分析一下開關(guān)的質(zhì)感,色彩表現(xiàn)等。然后分解開關(guān),了解它的結(jié)構(gòu)。再設(shè)定材質(zhì)為塑料,設(shè)定好光源位置就可以繪制了。
最終效果

1、先建立一個(gè)1136 * 640的畫布。

2、在這個(gè)畫布上,用橢圓工具勾繪出一個(gè)圓形,作為按鈕側(cè)面,命名圖層為“按鈕-下”。

3、建立一個(gè)新圖層,畫一個(gè)同樣大小的同心圓,再選中底邊錨點(diǎn),向上拖到錨點(diǎn)位置如圖,作為按鈕正面,命名圖層為“按鈕-上”。

4、編輯“按鈕-上”,繪制開關(guān)按鈕正面的形狀和質(zhì)感,圖層樣式如下圖。





5、接著我們編輯“按鈕-上”,繪制開關(guān)按鈕側(cè)下方的形狀和質(zhì)感,圖層樣式如下。





6、接著我們畫用來(lái)按鈕按鈕的凹槽位。同樣的方法我們畫一個(gè)稍大一些的同心圓,圖層名“凹槽”,然后添加下圖所示的樣式。





7、至此,我們已經(jīng)完成了70%了,需要再加上陰影。陰影層,我使用了一個(gè)稍微“瘦”一些的橢圓形狀,這樣形成的陰影看起來(lái)更加真實(shí)。

8、最后我們?cè)俅蛏螼FF,ON的字樣,再增加一點(diǎn)泛紅光的效果,完成最終效果。

最終效果

1、先建立一個(gè)1136 * 640的畫布。

2、在這個(gè)畫布上,用橢圓工具勾繪出一個(gè)圓形,作為按鈕側(cè)面,命名圖層為“按鈕-下”。

3、建立一個(gè)新圖層,畫一個(gè)同樣大小的同心圓,再選中底邊錨點(diǎn),向上拖到錨點(diǎn)位置如圖,作為按鈕正面,命名圖層為“按鈕-上”。

4、編輯“按鈕-上”,繪制開關(guān)按鈕正面的形狀和質(zhì)感,圖層樣式如下圖。





5、接著我們編輯“按鈕-上”,繪制開關(guān)按鈕側(cè)下方的形狀和質(zhì)感,圖層樣式如下。





6、接著我們畫用來(lái)按鈕按鈕的凹槽位。同樣的方法我們畫一個(gè)稍大一些的同心圓,圖層名“凹槽”,然后添加下圖所示的樣式。





7、至此,我們已經(jīng)完成了70%了,需要再加上陰影。陰影層,我使用了一個(gè)稍微“瘦”一些的橢圓形狀,這樣形成的陰影看起來(lái)更加真實(shí)。

8、最后我們?cè)俅蛏螼FF,ON的字樣,再增加一點(diǎn)泛紅光的效果,完成最終效果。

相關(guān)文章
Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形八卦圖標(biāo)
本教程主要使用Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形圖標(biāo),經(jīng)常看到有人問(wèn)這種圓型icon要怎么做,覺(jué)得很有趣稍微思考一下原理2014-06-04Photoshop設(shè)計(jì)制作圓形火光斑點(diǎn)路徑人像特效
非常有創(chuàng)意也很有特色的教程,制作思路很新穎,首先是用濾鏡來(lái)描出人物的邊,然后再給邊添加路徑再描述圓斑筆刷,最后渲染上非常驚艷的亮色彩2013-08-07Photoshop設(shè)計(jì)制作夢(mèng)幻的舞臺(tái)上圓環(huán)形紫色星點(diǎn)光束
環(huán)形光束看上去有點(diǎn)復(fù)雜,不過(guò)制作并不難,很多光束可以直接用濾鏡來(lái)完成,尤其是比較密集的光束部分。這樣可以省去大量手工刻畫的過(guò)程2013-05-15- photoshop設(shè)計(jì)制作圓形紐扣式按鈕,喜歡的朋友可以試試看。2013-02-20
Photoshop設(shè)計(jì)制作出晶瑩剔透的圓形水珠
水珠的制作重點(diǎn)就是高光部分的渲染,邊緣,中間等都有高光區(qū)域,并且高光形狀各不相同??坍嫷臅r(shí)候需要配合蒙版、涂抹工具、濾鏡等來(lái)共同完成。2012-08-14Photoshop設(shè)計(jì)制作出逼真的藍(lán)色橢圓形水珠
水珠構(gòu)成是非常復(fù)雜的,邊緣及中間部分都是由高光及暗部區(qū)域交錯(cuò)疊加而成。渲染的時(shí)候需要更改圖層的混合模式及不透明度,這樣疊加的效果才會(huì)有層次及透明感。2012-02-01photoshop設(shè)計(jì)制作出圓形黑色開關(guān)按鈕
本ps教程學(xué)習(xí)如何用photoshop制作類似電燈開關(guān)的黑色按鈕,主要用到了自定義形狀工具和圖層樣式。2011-12-23- 這篇文章主要介紹了photoshop制作圓形漸變邊框教程的相關(guān)資料,需要的朋友可以參考下2016-12-20