APP界面設(shè)計中,有很多icon需要繪制,比如:微信朋友圈的照相機icon等,這些icon都可以使用Sketch軟件來繪制。

1、打開Mac電腦中的sketch軟件,界面如下:

2、在Sketch里面,按下快捷鍵R,即可選中矩形工具,開始在畫布上拖動繪制3個矩形,調(diào)整尺寸和位置,效果如下:

3、按下快捷鍵O,即可選中圓形工具,開始繪制2個圓形。效果圖如下:

4、將Sketch里面的矩形和圓形,進行布爾運算,并且填充上白色和灰色。效果如下:

5、現(xiàn)在發(fā)現(xiàn)頂部的矩形,要是能改成梯形,這照相機就更完美了。所以,可以雙擊矩形的一個點,開始按下鍵盤上的水平方向鍵【←】,即可調(diào)整成直角梯形。效果如下 :

6、再把右邊的點,也雙擊選中,調(diào)整位置。使得梯形變成,上邊短,下邊長的等腰梯形。效果如下:

7、整個過程,我擺成一排。這樣看起來,步驟更清晰,效果如下:從線框圖→到灰色填充圖→到微調(diào)仿真效果

8、這樣就完成了微信的照相機icon制作。效果如下: 左邊是我畫的線框圖,右邊是微信截圖。兩邊的照相機icon,簡直一模一樣了。

注意事項:
1、Sketch軟件,目前僅支持Mac電腦。
2、軟件只是工具,建議在畫icon之前,先用鉛筆在紙上勾畫出icon的大致效果,然后再用軟件去畫。
3、APP界面設(shè)計,還涉及到切圖和尺寸標(biāo)注。因為開發(fā)需要切圖和尺寸標(biāo)注來實現(xiàn)界面的效果。
相關(guān)推薦:
sketchup怎么繪制山體模型?
SketchUp怎么制作3D立體文字?
Sketchup草圖大師怎么導(dǎo)出清晰圖?
新聞熱點
疑難解答