亚洲国产高清aⅴ视频_国产欧美日韩免费看ⅴ视频_国产特级黄片视频播放_欧美gay1069大粗吊_无码欧美人xxxxx在线视频_亚欧免费无码在线观看_中文字幕一线产区和二线_九九久久自然熟的香蕉图片_久久国产精品一区二区免费_国产人妻大战黑人第1集

歡迎訪問唐山今典教育學(xué)校-一家專注室內(nèi)設(shè)計培訓(xùn)、平面設(shè)計培訓(xùn)21年的唐山高端設(shè)計培訓(xùn)機構(gòu)!

冀北地區(qū)老牌設(shè)計培訓(xùn)學(xué)校 21年專注平面設(shè)計、室內(nèi)設(shè)計教育

課程設(shè)置

首頁 > 常見問題

教你繪制一枚清新優(yōu)雅的調(diào)節(jié)旋鈕圖標(biāo)

發(fā)布時間: 2016-10-18 9:07:26 作者: 來源:

新建一個漸變調(diào)整層,做一個45度的從 #a1a5ae 到 #eef2f3 的線性漸變。

sx201607032

光是漸變背景,感覺差了點什么,添加點質(zhì)感吧。復(fù)制一層漸變圖層,轉(zhuǎn)智能對象,添加一個雜色。

sx201607033

執(zhí)行“濾鏡—風(fēng)格化—浮雕效果”,添加一個浮雕效果。

sx201607034

將這個圖層的圖層混合模式更改為“疊加”,我們的背景就完成了。

sx201607035

畫一個圓角矩形,并添加圖層樣式。

sx201607036sx201607037sx201607038sx201607039sx2016070310

復(fù)制一層這個圓角矩形,移到下層,將圖層填充修改為0,添加一個投影圖層樣式,我們來增加陰影的層次感。

sx2016070311sx2016070312

載入圓角矩形的選區(qū),在主體陰影下層新建一層,填充黑色,執(zhí)行一個動感模糊,配合蒙版,我們做了一個長投影,更改圖層混合模式為“正片疊底”,圖層不透明度為33%。

sx2016070313sx2016070314

接下來,我們來做那個中框,這里需要注意的是圓角矩形的圓度需要對齊一下,不然看上去很難看。將圖層的填充修改為0,添加一個圖層樣式。

sx2016070315sx2016070316sx2016070317sx2016070318sx2016070319

用橢圓工具畫出旋紐的主體來,添加圖層樣式。

sx2016070320sx2016070321sx2016070322sx2016070323

跟剛才給圓角矩形做陰影一樣,復(fù)制一層,移到下層,將圖層填充修改為0,添加一個投影圖層樣式。

sx2016070324sx2016070325

同樣的,跟剛才一樣,利用動感模糊做個長投影,適當(dāng)調(diào)整不透明度。

sx2016070326

接下來,用橢圓工具畫出中間的小圓,添加圖層樣式。

sx2016070327sx2016070328sx2016070329

添加我們P大點S的LOGO,同時添加一個圖層樣式,黑色內(nèi)陰影,白色投影。

sx2016070330sx2016070331sx2016070332

下面,我們畫刻度。畫個矩形,利用Ctrl+Alt+Shift+T,得到一圈刻度。(我想這個不用解釋吧),依照我們的設(shè)定,刻度應(yīng)該位于旋紐的下層,因為我們給旋紐設(shè)置了投影,而陰影也應(yīng)該對刻度起作用,所以我將刻度置于旋紐投影的下層,刻度顏色為#cececf,添加一個跟剛才我們給LOGO設(shè)置的圖層樣式一樣的樣式,黑色的內(nèi)陰影,白色的投影,透明度自己把握下,我們的效果如下:

sx2016070333

用橢圓工具畫一個小圓,做旋紐的指示位置的標(biāo)記。顏色隨大家喜歡了,我自己用的顏色是#77e4ff,同樣的添加一個黑色的內(nèi)陰影,白色的投影。

sx2016070334

接下來,添加文字,這個沒什么好說的,我的建議是一個文字一層,因為受旋紐陰影的影響,在陰影位置的文字,它看起來,相應(yīng)的應(yīng)該深一些,比如圖中的MIN、0、1應(yīng)該比其它的深一些。

sx2016070335

我們的最終效果:

sx2016070336
上一篇:前方高能!別讓這10個設(shè)計誤區(qū)毀了你的APP
下一篇:交互設(shè)計師如何才能不淪為“線框仔”?

我要報名

*姓名: *擬報課程:   915653978  13313259038
*住址摘要: 電話咨詢
*QQ號碼: *電話號碼:   13313259038
*驗證碼: 看不清楚? 短信咨詢
   13313259038