UI圖標(biāo),模仿擬物風(fēng)格的SIRI圖標(biāo)
我仔細(xì)觀察了原圖,金屬圓盤上似乎有“拉絲”的效果,但不是我們大家習(xí)慣使用的雜色+徑向模糊的那種。而是類似于很細(xì)很密的同心圓。按D恢復(fù)前景色和背景色。新建一層填充白色。選擇濾鏡素描中的半調(diào)圖案。
然后極坐標(biāo),一個同心圓的拉絲效果出來了。
如果你對上面的半調(diào)圖案有異議我認(rèn)為很正常,因為半調(diào)圖案里有“圓形”的選項,可以直接制作同心圓。但是直接制作出來的同心圓的線條比較粗,我想要一個線條很細(xì),很精致的同心圓,所以選擇直線選項再用極坐標(biāo)后它的效果比較符合我的要求。最后把這個同心圓的透明度調(diào)到8%左右,隱隱約約能看到就行,繼續(xù)把它剪切蒙版到金屬圓盤?;蛘呓o它一個蒙版也行。
接著我要用圖形工具制作圖標(biāo)中間的麥克風(fēng),按ctrl+’開啟網(wǎng)格,先用橢圓工具畫一個15%灰色,比“金屬圓盤”小1.5個網(wǎng)格單位的圓形。
繼續(xù)用“減去”模式再畫一個小1.5間隔單位的圓,這樣我得到一個邊寬為1.5間隔單位的圓環(huán)。
制作里面的麥克風(fēng)。打開網(wǎng)格,選用圓角矩形工具,把圓角的直徑盡可能的設(shè)得大一些,比如現(xiàn)在我就是500,用“添加”模式以膠囊狀下半圓直徑為中心畫一個的麥克風(fēng)支架。
標(biāo)簽(TAG) UI設(shè)計教程 擬物圖標(biāo) P大點S ps網(wǎng)頁設(shè)計 UI圖標(biāo) UI教程