教你使用PS繪制一枚清新優(yōu)雅的調(diào)節(jié)旋鈕換擋圖標(biāo)
我要評論今天給大家?guī)硪粋€(gè)調(diào)節(jié)旋紐的圖標(biāo)教程，與往常一樣，依舊是圖層樣式的應(yīng)用為主，源文件已打包，一起來練個(gè)手！
我們的最終效果：
新建一個(gè)漸變調(diào)整層，做一個(gè)45度的從 #a1a5ae 到 #eef2f3 的線性漸變。
光是漸變背景，感覺差了點(diǎn)什么，添加點(diǎn)質(zhì)感吧。復(fù)制一層漸變圖層，轉(zhuǎn)智能對象，添加一個(gè)雜色。
執(zhí)行“濾鏡—風(fēng)格化—浮雕效果”，添加一個(gè)浮雕效果。
將這個(gè)圖層的圖層混合模式更改為“疊加”，我們的背景就完成了。
畫一個(gè)圓角矩形，并添加圖層樣式。
復(fù)制一層這個(gè)圓角矩形，移到下層，將圖層填充修改為0，添加一個(gè)投影圖層樣式，我們來增加陰影的層次感。
載入圓角矩形的選區(qū)，在主體陰影下層新建一層，填充黑色，執(zhí)行一個(gè)動(dòng)感模糊，配合蒙版，我們做了一個(gè)長投影，更改圖層混合模式為“正片疊底”，圖層不透明度為33%。
接下來，我們來做那個(gè)中框，這里需要注意的是圓角矩形的圓度需要對齊一下，不然看上去很難看。將圖層的填充修改為0，添加一個(gè)圖層樣式。
用橢圓工具畫出旋紐的主體來，添加圖層樣式。
跟剛才給圓角矩形做陰影一樣，復(fù)制一層，移到下層，將圖層填充修改為0，添加一個(gè)投影圖層樣式。
同樣的，跟剛才一樣，利用動(dòng)感模糊做個(gè)長投影，適當(dāng)調(diào)整不透明度。
接下來，用橢圓工具畫出中間的小圓，添加圖層樣式。
添加我們P大點(diǎn)S的LOGO，同時(shí)添加一個(gè)圖層樣式，黑色內(nèi)陰影，白色投影。
下面，我們畫刻度。畫個(gè)矩形，利用Ctrl+Alt+Shift+T，得到一圈刻度。（我想這個(gè)不用解釋吧），依照我們的設(shè)定，刻度應(yīng)該位于旋紐的下層，因?yàn)槲覀兘o旋紐設(shè)置了投影，而陰影也應(yīng)該對刻度起作用，所以我將刻度置于旋紐投影的下層，刻度顏色為#cececf，添加一個(gè)跟剛才我們給LOGO設(shè)置的圖層樣式一樣的樣式，黑色的內(nèi)陰影，白色的投影，透明度自己把握下，我們的效果如下：
用橢圓工具畫一個(gè)小圓，做旋紐的指示位置的標(biāo)記。顏色隨大家喜歡了，我自己用的顏色是#77e4ff，同樣的添加一個(gè)黑色的內(nèi)陰影，白色的投影。
接下來，添加文字，這個(gè)沒什么好說的，我的建議是一個(gè)文字一層，因?yàn)槭苄~陰影的影響，在陰影位置的文字，它看起來，相應(yīng)的應(yīng)該深一些，比如圖中的MIN、0、1應(yīng)該比其它的深一些。
我們的最終效果：
相關(guān)文章
- 這篇教程是向腳本之家的朋友介紹PS鼠繪一個(gè)超簡潔的白色音樂控制旋鈕方法介紹，教程繪制出來的旋鈕非常地不錯(cuò)，難度不是很大，推薦到腳本之家，喜歡的朋友一起來學(xué)習(xí)吧2015-10-20
- 這篇教程是向腳本之家的朋友介紹PS鼠繪漂亮超質(zhì)感的旋鈕方法，教程制作出來的旋鈕非常地漂亮，難度也不是很大，推薦到腳本之家，喜歡的朋友一起來學(xué)習(xí)吧2015-05-12
PS繪制一個(gè)風(fēng)扇開關(guān)旋鈕教程
做法其實(shí)很簡單，其實(shí)就是一些圈圈疊加上去，在加上一些常用的圖層樣式，需要耐心調(diào)整一些樣式的參數(shù)，時(shí)間問題教程制作有些簡陋,希望大家多多嘗試2013-01-03