PS鼠繪漂亮超質(zhì)感的旋鈕

我一直很喜歡用圖層樣式模仿一些漂亮的東西。今天這個(gè)我就覺得很漂亮,雖然不知道這個(gè)旋鈕是什么,但它沒有花里胡哨的特效,干脆內(nèi)斂。
下面是我臨摹的效果,按慣例你會(huì)在2樓看到原圖~
為了能跟大家有更好的互動(dòng),我打算邊臨摹邊發(fā)帖,雖然在效率上會(huì)慢一點(diǎn),但可以第一時(shí)間看到吧友的回復(fù),如果有疑問的話還能隨時(shí)解答。
這個(gè)是原圖~
下面開始我的山寨之旅~
新建一個(gè)1000X1000,72分辨率的新畫布~
新建一層,填充34%的灰色~
在當(dāng)前這個(gè)層上右鍵選擇"轉(zhuǎn)換為智能對(duì)象",你也可以在"圖層"菜單里選擇這個(gè)命令~
添加雜色~
再高斯模糊一點(diǎn)~
現(xiàn)在看上去跟原圖的背景差不多了。這里我插一句,之所以我把這個(gè)背景層轉(zhuǎn)成智能對(duì)象后再添加濾鏡的好處是你萬一覺得哪里不合適的話可以很方便的修改,比如你認(rèn)為雜色不夠的話可以直接雙擊圖層下面的雜色欄修改數(shù)值,不需要重新來過~
布置兩條居中的參考線,以參考線的交叉點(diǎn)為中心畫一個(gè)直徑為723像素的橢圓形狀~
在想、圓形的下面用"合并形狀"模式添加一個(gè)小圓形~
把填充透明度調(diào)至0,雙擊這個(gè)層進(jìn)入圖層樣式,添加純黑白的漸變,那些數(shù)值我不再重復(fù),點(diǎn)擊圖片你可以看到大圖里的數(shù)值~
繼續(xù)添加內(nèi)陰影~
外發(fā)光。我添加一些雜色,這樣外發(fā)光能很柔和的融入到同樣帶有雜色的背景里,不會(huì)太突然~
最后給這個(gè)層添加白色的"投影",數(shù)值非常的小,模擬這個(gè)凹陷的圓形邊緣厚度~
重新畫一個(gè)直徑為468像素的圓形~
從"橢圓1"層里復(fù)制小圓形~
粘貼到"橢圓2",把路徑操作模式改為"減去"~
同樣把填充透明度調(diào)為0,在圖層樣式里添加黑白漸變。為了這個(gè)漸變能更好的模仿原圖,你可以左鍵移動(dòng)漸變的黑白分布~
投影~
像橢圓1一樣,為了表示厚度添加白色的內(nèi)陰影~
在"橢圓1"層按A點(diǎn)擊小圓形,ctrl+j復(fù)制一層,移到頂層,ctrl+t把直徑改為192像素,順便把層的名稱改為"橢圓3"。在圖層樣式里取消外發(fā)光,把漸變"反向"勾取消,其他不做改變~
繼續(xù)把"橢圓3"復(fù)制一層,在圖層上右鍵清除圖層樣式,ctrl+t把直徑改為173像素~
填充透明度調(diào)為0,添加漸變,灰色選擇42%~
斜面浮雕~
投影~
畫一個(gè)直徑400像素的圓形,你也可以把"橢圓2"復(fù)制一層編輯一下,但是為了能直接明了地讓大家看清楚,我重新畫了一個(gè)~
填充透明度調(diào)為0 ,添加黑白漸變~
接著制作中間帶有細(xì)齒的旋鈕,畫一個(gè)矩形,旋轉(zhuǎn)45度,壓扁~
ctrl+alt+t,旋轉(zhuǎn)2度后狂shift+ctrl+alt+t完成循環(huán),一個(gè)齒輪出生了~
添加漸變~
投影~
最后是外發(fā)光~
再畫一個(gè)圓形,在屬性里羽化兩個(gè)像素,讓邊緣虛一點(diǎn),同時(shí)把填充透明度調(diào)為0~
添加一個(gè)大家喜聞樂見的模擬金屬的角度漸變,相比以前這個(gè)漸變有點(diǎn)復(fù)雜~
還有模擬旋鈕高度的斜面浮雕,其實(shí)你用投影效果也差不多~
接著是比較繁瑣的刻度的制作,畫一個(gè)稍小于外圓的圓形,復(fù)制一個(gè)路徑后減去,一個(gè)圓環(huán)出來了,為了能更好的目測(cè)它的大小,我暫時(shí)減低它的透明度~
用鋼筆裁去不需要的部分,為了使兩邊能更對(duì)稱,我添加了一個(gè)參考線~
復(fù)制一層,隱藏備用。進(jìn)入圖層樣式添加斜面浮雕~
點(diǎn)開隱藏的備用層,用"減去"模式添加一條居中的兩個(gè)像素寬直條~
ctrl+alt+t,旋轉(zhuǎn)3度~
之后是我最喜歡的一步,狂按shift+ctrl+alt+t~
在圖層樣式里把顏色更改為比較深的灰色后添加斜面浮雕~
還有一點(diǎn)點(diǎn)似有似無的投影~
編輯路徑,把不完整的個(gè)體去掉,底下那層凹槽也要做相應(yīng)的修改~
把橢圓8復(fù)制一層,右鍵清除圖層樣式,名稱改為橢圓9~
在圖層樣式里把顏色更改為比較靚麗的淺藍(lán)色后添加一個(gè)奇怪的斜面浮雕,因?yàn)樗鼪]有暗面~
再次編輯路徑,裁去一部分,科幻感十足的刻度完成了~
用前面同樣的辦法制作一個(gè)小按鈕上的指示燈,過程不再重復(fù)了~
加了內(nèi)陰影和白色投影的文字,非常簡單~
完成!
教程結(jié)束,以上就是PS鼠繪漂亮超質(zhì)感的旋鈕方法介紹,希望能對(duì)大家有所幫助!
相關(guān)文章
- 這篇教程是向腳本之家的朋友介紹PS鼠繪一個(gè)超簡潔的白色音樂控制旋鈕方法介紹,教程繪制出來的旋鈕非常地不錯(cuò),難度不是很大,推薦到腳本之家,喜歡的朋友一起來學(xué)習(xí)吧2015-10-20
PS繪制一個(gè)風(fēng)扇開關(guān)旋鈕教程
做法其實(shí)很簡單,其實(shí)就是一些圈圈疊加上去,在加上一些常用的圖層樣式,需要耐心調(diào)整一些樣式的參數(shù),時(shí)間問題教程制作有些簡陋,希望大家多多嘗試2013-01-03教你使用PS繪制一枚清新優(yōu)雅的調(diào)節(jié)旋鈕換擋圖標(biāo)
這篇文章主要介紹了教你使用PS繪制一枚清新優(yōu)雅的調(diào)節(jié)旋鈕換擋圖標(biāo)的相關(guān)資料,需要的朋友可以參考下2016-07-05