這篇教程教腳本之家的PS鼠繪學(xué)習(xí)者和UI設(shè)計學(xué)習(xí)者們使用PS鼠繪清新風(fēng)格定位圖標，教程繪制出來的圖標挺漂亮的。繪制難度一般，推薦一下和腳本之家的朋友們一起分享，一起學(xué)習(xí)了，我們先來看看最終的效果圖吧：

具體的制作步驟如下：1、在640*640的畫布上用多邊形工具建立一個480*480的圓角矩形，填充顏色是#f1f1f1旋轉(zhuǎn)45度，對齊

2、添加圖層樣式，參數(shù)如下

3、先把垂直參考線拉出來，用橢圓工具畫一個180*180的正圓，填充顏色為#85bb03，

4、使用直接選擇工具，選擇住圖中紅圈的錨點，垂直下移一定的像素

5、還是用直接選擇工具，選擇住這個錨點，我們會發(fā)現(xiàn)，出現(xiàn)了調(diào)節(jié)曲線片段的杠桿節(jié)點，水平向左移動一定像素

6、OK，現(xiàn)在我們已經(jīng)完成了左邊部分的調(diào)節(jié)，如果還是按照這個方法去調(diào)節(jié)右邊，不好精確控制，無法保證百分百的對稱，所以，我畫了一個矩形，對齊垂直居中的參考線，模式減去

7、選擇住矩形的路徑和圓形變形后的路徑，合并形狀組件

8、復(fù)制這個一半的形狀，水平翻轉(zhuǎn)，移動到右邊，保持其切面與參考線貼合，選擇住這兩個一半的形狀，再次合并形狀組件，這樣我們就徹底的得到了一個對稱的形狀圖標了

9、復(fù)制一層定位的形狀，置于這層的下層，更改顏色為#6b9506，我們來構(gòu)建立體面

10、OK，現(xiàn)在我們開始細化圖標，首先我們先為最下層的立體面添加一個投影

11、復(fù)制一層這個立體面，將圖層的填充更改為0，添加一下投影樣式，完善投影

12、現(xiàn)在回到圖標形狀圖層，添加圖層樣式

13、復(fù)制一層圖標主體，將圖層填充更改為0，添加一個內(nèi)發(fā)光

14、設(shè)置前景色為#52a5ef，畫一個藍色的橢圓，并添加一個圖層樣式

15、還是使用橢圓工具，畫出下圖中的圓環(huán)，添加一個圖層樣式

16、設(shè)置前景色為#dacfcf，還是畫一個橢圓，創(chuàng)建剪貼蒙版，構(gòu)建白色圓環(huán)的立體感，為避免邊緣的生硬，我在屬性面板中設(shè)置了1像素的羽化

最終效果如下：

17、最后畫出中間的小指針。

好了，以上就是PS鼠繪小清新風(fēng)格的立體定位圖標過程，怎么樣，大家學(xué)會了嗎？希望這篇文章能對大家有所幫助哦！

最新評論