Sketch簡(jiǎn)介###
Sketch是Mac平臺(tái)下的一款針對(duì)于移動(dòng)UI設(shè)計(jì)的圖像處理軟件,它的相比于PhotoShop最大的優(yōu)勢(shì)是操作簡(jiǎn)單,更加適合像我這樣的設(shè)計(jì)小白。今天就教大家如何使用Sketch快速。
目標(biāo)圖###
準(zhǔn)備工作###
1.Sketch3 繪圖軟件(Sketch官網(wǎng));
2.Sketch圖標(biāo)集(GitHub地址:Font Awesome Symbols for Sketch)。
具體步驟###
1.將Github上下載的解壓Font Awesome Symbols解壓, 打開Font Awesome Symbols.sketch(切記從這里進(jìn)入Sketch,否則無法使用圖標(biāo)集);
這個(gè)綠色的是Font Awesome Symbols簡(jiǎn)介,我們可以右鍵邊上刪除這個(gè)畫布,當(dāng)然也可以不管它,在他的旁邊作圖。
2.任何圖形都是建立在一張畫布上的,我們新建一張畫布,
在左上角點(diǎn)擊insert中的Artboard(或者直接使用快捷鍵A),鼠標(biāo)成為一個(gè)十字形,在空白處拉出一個(gè)矩形來。
3.創(chuàng)建一個(gè)圓角矩形,在insert中選擇Shape中的Rounded(或者直接使用快捷鍵U),鼠標(biāo)成為一個(gè)十字形,在畫布上拉出一個(gè)矩形。如果在拉的同時(shí)按住shift,表示你需要的是一個(gè)等寬高的圓角矩形。
4.在右鍵編輯欄,去掉Borders的勾選,表示不要邊框
5.在Fill中選擇填充顏色
6.重點(diǎn)來了,選擇屏幕最上方的insert中的Symbols,你會(huì)發(fā)現(xiàn)出現(xiàn)了很多圖標(biāo)。
7.一直下翻找到微信圖標(biāo)
8.將微信圖標(biāo)拖入矩形中,并調(diào)節(jié)圖標(biāo)的大小
9.雙擊微信圖標(biāo)更換填充顏色為白色
10.全部選中這部分,按command + G 來合并
11.合并后左側(cè)會(huì)顯示
12.點(diǎn)擊這里輸出圖像
13.搞定
PS.有任何問題可以給我留言哦,大家一起交流。