sketch怎么繪制微信朋友圈中的照相機(jī)icon圖標(biāo)?

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

Sketch DevTools(sketch插件) v0.2.0 官方最新版
- 類(lèi)型:濾鏡插件
- 大?。?/span>8.82MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2015-05-26
1、打開(kāi)Mac電腦中的sketch軟件,界面如下:
2、在Sketch里面,按下快捷鍵R,即可選中矩形工具,開(kāi)始在畫(huà)布上拖動(dòng)繪制3個(gè)矩形,調(diào)整尺寸和位置,效果如下:
3、按下快捷鍵O,即可選中圓形工具,開(kāi)始繪制2個(gè)圓形。效果圖如下:
4、將Sketch里面的矩形和圓形,進(jìn)行布爾運(yùn)算,并且填充上白色和灰色。效果如下:
5、現(xiàn)在發(fā)現(xiàn)頂部的矩形,要是能改成梯形,這照相機(jī)就更完美了。所以,可以雙擊矩形的一個(gè)點(diǎn),開(kāi)始按下鍵盤(pán)上的水平方向鍵【←】,即可調(diào)整成直角梯形。效果如下 :
6、再把右邊的點(diǎn),也雙擊選中,調(diào)整位置。使得梯形變成,上邊短,下邊長(zhǎng)的等腰梯形。效果如下:
7、整個(gè)過(guò)程,我擺成一排。這樣看起來(lái),步驟更清晰,效果如下:從線(xiàn)框圖→到灰色填充圖→到微調(diào)仿真效果
8、這樣就完成了微信的照相機(jī)icon制作。效果如下: 左邊是我畫(huà)的線(xiàn)框圖,右邊是微信截圖。兩邊的照相機(jī)icon,簡(jiǎn)直一模一樣了。
注意事項(xiàng):
1、Sketch軟件,目前僅支持Mac電腦。
2、軟件只是工具,建議在畫(huà)icon之前,先用鉛筆在紙上勾畫(huà)出icon的大致效果,然后再用軟件去畫(huà)。
3、APP界面設(shè)計(jì),還涉及到切圖和尺寸標(biāo)注。因?yàn)殚_(kāi)發(fā)需要切圖和尺寸標(biāo)注來(lái)實(shí)現(xiàn)界面的效果。
相關(guān)推薦:
相關(guān)文章
- sketchup怎么制作c字母形狀的桌椅模型?sketchup中經(jīng)常繪制一些模型圖,今天我們就來(lái)看看使用sketchup制作拱形桌椅的模型的教程,需要的朋友可以參考下2016-07-31
- sketchup怎么繪制b字母桌椅模型?sketchup作圖很方便,下面我們就以繪制b字母桌椅模型為例,教大家使用sketchup制作模型的教程,需要的朋友可以參考下2016-07-30
- SketchUp怎么繪制圓形的小茶幾?想使用SketchUp繪制一些小家具,今天就以圓形茶幾為例,繪制過(guò)程很簡(jiǎn)單,感興趣的朋友可以進(jìn)來(lái)參考一下2016-07-25
- SketchUp圖紙?jiān)趺词褂胿ary渲染?SketchUp中為了讓圖紙效果更好,我們可以使用vary渲染,今天我們就來(lái)看看vary渲染的詳細(xì)使用方法,需要的朋友可以參考下2016-07-17
- sketchup怎么繪制山體模型?sketchup中繪制山體主要分為曲面,臺(tái)階和網(wǎng)格三種山體,今天我們就來(lái)這三種山體的繪制教程,很簡(jiǎn)單,圖文很詳細(xì),需要的朋友可以參考下2016-07-08
sketchup草圖大師導(dǎo)出dwg格式尺寸不對(duì)該怎么辦?
sketchup草圖大師導(dǎo)出dwg格式尺寸不對(duì)該怎么辦?使用sketchup繪制圖紙的時(shí)候,想讓圖紙能在cad中使用所以想導(dǎo)成dwg格式的,但是導(dǎo)出來(lái)以后發(fā)現(xiàn)尺寸不對(duì),該怎么辦呢?下面2016-07-07- sketchup怎么使用實(shí)體工具做減去效果?今天我們來(lái)看看使用實(shí)體工具來(lái)做物體折疊并去掉重疊部分,該怎么實(shí)現(xiàn)這個(gè)功能呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-07-06
- sketchup怎么使用實(shí)體工具相交繪制模型?sketchup中怎么使用實(shí)體工具相交的功能讓物體相交即保留實(shí)體的相交部位,下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-07-05
- sketchup怎么畫(huà)自動(dòng)鉛筆模型?sketchup中想繪制一個(gè)鉛筆模型,繪制的方法很簡(jiǎn)單,但是步驟很多,今天我們就來(lái)看看sketchup繪制自動(dòng)鉛筆模型的詳細(xì)教程,需要的朋友可以參考2016-07-04
- sketchup一套單人的桌子和椅子?想繪制一套單人的家具,桌子椅子,該怎么繪制呢?下面我們就來(lái)看看sketchup建立桌子椅子的模型,很簡(jiǎn)單,需要的朋友可以參考下2016-07-03