Sketch的使用
???? 重要資料Sketch中文用戶(hù)手冊(cè)
先上一些大招——最齊的sketch路徑快捷鍵
提升sketch效率的神器,在medium上找到它們的時(shí)候真的要淚目,關(guān)于sketch的中文資源相對(duì)ps來(lái)說(shuō)真的不算多,網(wǎng)絡(luò)上大部分sketch的shortcut合集也幾乎沒(méi)有鋼筆工具相關(guān)的快捷鍵,好歹還是被我找到了~
? 雙擊錨點(diǎn)可以在straight和mirrored之間切換模式
? 單擊tab可以選中下一個(gè)錨點(diǎn)
? 單擊1,2,3,4可以切換模式(straight,mirrored,disconnected,asymmetric)
? 按住commend拖動(dòng)錨點(diǎn)關(guān)閉smart guides(就是那條水平垂直方向和其他點(diǎn)對(duì)齊的線)
? 按住commend拖動(dòng)手柄可以自由定位手柄位置(直接切換到disconnected)
方便新手小tips:
straight(直線角):點(diǎn)擊畫(huà)布時(shí)添加一個(gè)直角,沒(méi)有弧度。兩個(gè)錨點(diǎn)得到的就是一條直線。
mirrored(鏡像):兩個(gè)錨點(diǎn)鏡像對(duì)應(yīng),也就是兩點(diǎn)距離相等且相互對(duì)立。通常是默認(rèn)模式。
disconnected(斷開(kāi)連接):兩個(gè)錨點(diǎn)完全獨(dú)立互不影響。
asymmetric(不對(duì)稱(chēng)):兩個(gè)錨點(diǎn)相互對(duì)立,但是距離獨(dú)立不受影響。
sketch就是一個(gè)基于路徑的矢量設(shè)計(jì)軟件
雖然sketch有很多讓設(shè)計(jì)新手喜愛(ài)的功能,但其中各種shapes仍然非常獨(dú)特且有用,r,o,u分別是矩形,圓形,圓角矩形的快捷鍵,按下enter鍵即可轉(zhuǎn)化為路徑模式。因此很多看起來(lái)復(fù)雜icons進(jìn)行拆解后通過(guò)簡(jiǎn)單的布爾運(yùn)算和修改路徑之后就可以完成。
除此之外,由于sketch就是個(gè)矢量繪圖軟件,因此sketch里稍微重要的功能幾乎都和路徑有關(guān),或者說(shuō),都可以轉(zhuǎn)化成矢量模式進(jìn)行編輯。
? 文字工具(A):是的,你沒(méi)看錯(cuò),文字也可以轉(zhuǎn)變成路徑,通過(guò)“Sketch’s Convert Text to Outlines”功能 (快捷鍵是??O)。
? 鉛筆工具(P):比起鋼筆工具,鉛筆工具使用的地方還是比較少,和鋼筆工具一樣,按下enter/return鍵就可以進(jìn)入矢量模式。
? 直線工具(L):直線工具和insert shapes的不同點(diǎn)在于,形狀都是閉合的,直線是開(kāi)放的,形狀是從繪制之初就填充好顏色且有描邊(fills和borders),而直線只有描邊(borders)。
? 鋼筆工具(V):直線工具只能繪制直線,鋼筆工具可以繪制出任何的形狀,按下enter/return鍵完成繪制。
sketch編輯路徑的幾種方法
1.拼湊
通過(guò)各種形狀工具,把復(fù)雜的icons通過(guò)簡(jiǎn)單的圖形拼湊出來(lái),對(duì)于扁平化圖標(biāo)這一招尤其有用。
具體應(yīng)用可以參考下面這個(gè)教程,是我最喜歡的sketch教程之一
如何只用方/圓/線和快捷鍵在Sketch畫(huà)插畫(huà)-UI中國(guó)-專(zhuān)業(yè)界面交互設(shè)計(jì)平臺(tái)
其中最常用的幾種功能及其快捷鍵在這里列出,方便大家使用。
? 編組 ?(?G)
? create as a symbol ?(無(wú)快捷鍵)
? 建立蒙板 ?(??M)
? transform自由變換 ? (??T)
2.剪刀工具scissors
比如在繪制半圓的時(shí)候,可以用剪刀工具把兩個(gè)四分之一邊剪去。
3.布爾運(yùn)算
通過(guò)union,subtract,intersect,difference四種布爾運(yùn)算,可以進(jìn)行圖形之間的合并或剪去。
圖片作者:Peter Nowell
經(jīng)過(guò)布爾運(yùn)算后,兩個(gè)圖形變成一個(gè),但是原來(lái)兩個(gè)圖形依然作為subpath存在,也就是說(shuō),單擊圖層名稱(chēng)旁邊的小三角形,兩個(gè)圖形就會(huì)顯示出來(lái),并沒(méi)有真正融合。這一點(diǎn),當(dāng)你按下回車(chē)進(jìn)入矢量編輯模式的時(shí)候也能感覺(jué)到——依然需要兩個(gè)圖形分別編輯路徑。如果你需要讓它們真的融合,可以通過(guò)Layer-paths-flatten功能。
基本功——路徑到底怎么學(xué)
在寫(xiě)下這篇文章的時(shí)候,我也在學(xué)習(xí)進(jìn)行時(shí),繪制矢量圖形說(shuō)到底其實(shí)是一門(mén)技藝,不管是使用sketch也好,ps或ai也好都是一樣的,需要的都是不斷的練習(xí)練習(xí)再練習(xí)。關(guān)于路徑學(xué)習(xí)的問(wèn)題我其實(shí)并不大有資格大談特談。這小節(jié)我會(huì)持續(xù)更新,希望和大家共同學(xué)習(xí),相互指正。
1.一個(gè)超棒的練習(xí)路徑網(wǎng)站
The Bézier Game
2.學(xué)習(xí)路徑的小tips(持續(xù)更新)
? 手柄在路徑三分之一處可以使路徑更加平滑
? 把圖片導(dǎo)入sketch中再進(jìn)行擬合練習(xí)可以進(jìn)步得更快
總結(jié)
- 上一篇: python opencv截取视频
- 下一篇: CodeForces - 514B H