Sketch怎么設(shè)計(jì)保存圖標(biāo)? Sketch畫保存圖標(biāo)圖形的技巧

Sketch畫圖比較常用,有些圖形看著挺復(fù)雜,都是由簡(jiǎn)單的圖形組合轉(zhuǎn)化而成,想要畫一個(gè)保存圖標(biāo),該怎么繪制呢?下面我們就來看看詳細(xì)的教程。
首先打開Sketch工具。
新建一個(gè)畫布,在上面畫一個(gè) 40 x 40的正方形。
鼠標(biāo)雙擊、或鍵盤回車,又或點(diǎn)擊頂部工具欄的Edit工具,進(jìn)入編輯狀態(tài),此時(shí)圖形沒有變化,只是會(huì)出現(xiàn)錨點(diǎn)。
在上面和右面分別增加兩個(gè)錨點(diǎn)。
接下來選中右上角的錨點(diǎn)。
將這個(gè)右上角的錨點(diǎn)刪除,圖形開始發(fā)生了變化。
然后畫兩個(gè)矩形分別為:20x8,20x18.
接著畫一個(gè) 10x2的矩形。到此為主,一個(gè)保存的圖標(biāo)繪制完成。
為了讓圖形更加圓潤(rùn)好看,可以將邊角的圓角值更改一下,適當(dāng)做一點(diǎn)調(diào)整。
對(duì)于外面的不規(guī)則形狀,我們除了用剛才講到的添加刪除錨點(diǎn)的方式,還可以用布爾運(yùn)算的方式。下面來簡(jiǎn)單說一說思路,畫兩個(gè)圖形,一個(gè)正方形,一個(gè)三角形,并將三角形旋轉(zhuǎn)角度。
將這兩個(gè)圖形進(jìn)行布爾運(yùn)算(減去頂層/Subtract)。(詳情點(diǎn)擊:Sketch布爾運(yùn)算的技巧)。布爾運(yùn)算之后的圖形與前面增加刪除錨點(diǎn)得到的圖形一樣。后面的步驟就不多說了。
注意事項(xiàng):
一個(gè)圖形,有多種操作方法,當(dāng)然,還有其它的方法,僅供參考。
以上就是Sketch畫保存圖標(biāo)圖形的技巧,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Sketch Mac版怎么將圖片導(dǎo)出為png格式?
sketch怎么繪制微信朋友圈中的照相機(jī)icon圖標(biāo)?
相關(guān)文章
Sketch怎么畫文件夾圖標(biāo)? Sketch文件夾圖標(biāo)的技巧
Sketch怎么畫文件夾圖標(biāo)?Sketch中想要畫一個(gè)文件夾圖標(biāo),該怎么設(shè)計(jì)文件夾圖標(biāo)呢?下面我們就來看看Sketch文件夾圖標(biāo)的技巧,詳細(xì)請(qǐng)看下文介紹2021-09-03sketch哪些快捷鍵比較高效? 八個(gè)高效的快捷方式
sketch哪些快捷鍵比較高效?sketch在使用的時(shí)候,為了更節(jié)省時(shí)間,我們可以使用快捷鍵來完成一些操作,下面我們就來看看八個(gè)高效的快捷方式,詳細(xì)請(qǐng)看下文介紹2021-08-27sketch怎么設(shè)置字體行高? sketch文字行高的設(shè)置方法
sketch怎么設(shè)置字體行高?sketch中的輸入的文本是可以設(shè)置行高的,該怎么設(shè)置呢?下面我們就來看看兩種情況,一種單行文本,另一種多行文本,下面我們就來看看sketch文字行2021-08-27Sketch怎么增加組件? Sketch組件庫添加新組建的技巧
Sketch怎么增加組件?Sketch組件庫經(jīng)常使用,想要添加一些新的組件,該怎么添加呢?下面我們就來看看Sketch組件庫添加新組建的技巧,詳細(xì)請(qǐng)看下文介紹2021-08-18Sketch文字怎么添加漸變色? Sketch設(shè)計(jì)漸變字體的技巧
Sketch文字怎么添加漸變色?Sketch輸入的文字,想要添加漸變色,該怎么制作這個(gè)漸變色的藝術(shù)字體呢?下面我們就來看看Sketch設(shè)計(jì)漸變字體的技巧2021-08-18Sketch怎么進(jìn)行一鍵替換顏色? sketch一鍵填色的技巧
Sketch怎么進(jìn)行一鍵替換顏?Sketch中繪制的圖形,想要換顏色,該怎么更換顏色呢?下面我們就來看看sketch一鍵填色的技巧,詳細(xì)請(qǐng)看下文介紹2021-08-18- sketch怎么裁剪圖片一部分?sketch導(dǎo)入的圖片想要裁剪一下,該怎么操作呢?下面我們就來看看Sketch裁剪圖片的技巧,詳細(xì)請(qǐng)看下文介紹2021-08-18
sketch網(wǎng)格設(shè)置在哪里? Sketch顯示隱藏網(wǎng)格的技巧
sketch網(wǎng)格設(shè)置在哪里?我們可以通過工作欄打開網(wǎng)格,還可以通過快捷鍵顯示網(wǎng)格,下面我們就來看看Sketch顯示隱藏網(wǎng)格的技巧,詳細(xì)請(qǐng)看下文介紹2021-08-17Sketch圖層怎么重命名? Sketch修改圖層名稱的技巧
Sketch圖層怎么重命名?Sketch中創(chuàng)建了多個(gè)圖層,想要根據(jù)圖層的功能來命名,方便以后管理,該怎么重命名圖層呢?下面我們就來看看Sketch修改圖層名稱的技巧,詳細(xì)請(qǐng)看下文2021-08-16