從這個(gè)系列開始,我們一起來開始學(xué)習(xí)Sketch,而學(xué)習(xí)它最好的方式莫過于實(shí)踐,我的計(jì)劃是先從簡(jiǎn)單的圖標(biāo)開始,然后模仿一些復(fù)雜的圖標(biāo),接著我們會(huì)去仿市面說比較好的App的界面,Web頁面。
我之前看到Allen朝輝的makeicons系列,覺得作為入門來說非常的好,而且他提供的解決問題的思路很好。只是他這個(gè)系列沒有把具體的步驟寫出來,只是有一個(gè)gif效果圖,對(duì)于已經(jīng)熟悉這個(gè)軟件的人來說,已經(jīng)是夠用了,但是對(duì)于初學(xué)者來說,肯定不怎么方便,所以呢,我就搞了一個(gè)step by step的教程,希望大家能夠一起學(xué)習(xí)(感謝@Allen朝輝)。
第一課,我們畫一個(gè)愛心。如下圖:
第一步,我們建立一個(gè)畫板(Artboard),快捷鍵A,大小設(shè)置成500*500,在畫板上,畫一個(gè)正方形240*240,快捷鍵R(這個(gè)表示要畫一個(gè)矩形),然后按Shift鍵(同時(shí)按的話就表示要畫一個(gè)正方形),然后將顏色填充成紅色,
第二步,在這個(gè)正方形之上,畫一個(gè)圓形240*240,快捷鍵O,然后按Shift鍵(表示要畫一個(gè)圓形),填充成紅色,并將圓心放在正方形最上面一條邊上。如下圖:
第三步,復(fù)制剛才那個(gè)圓形,把它放到正方形的右邊,如下圖
第四步,將所有的元件組成Group,旋轉(zhuǎn)-45度就可以了(在最右邊找到Transform,填寫-45),好了,愛心圖標(biāo)就做好了。
下面,我放上原作者的Gif圖,以供參考: