如何使用sketch繪制矢量路徑

先上一些大招——最齊的sketch路徑快捷鍵

提升sketch效率的神器祟辟,在medium上找到它們的時(shí)候真的要淚目医瘫,關(guān)于sketch的中文資源相對ps來說真的不算多,網(wǎng)絡(luò)上大部分sketch的shortcut合集也幾乎沒有鋼筆工具相關(guān)的快捷鍵旧困,好歹還是被我找到了~

? 雙擊錨點(diǎn)可以在straight和mirrored之間切換模式

? 單擊tab可以選中下一個(gè)錨點(diǎn)

? 單擊1醇份,2,3叮喳,4可以切換模式(straight被芳,mirrored缰贝,disconnected馍悟,asymmetric)

? 按住commend拖動錨點(diǎn)關(guān)閉smart guides(就是那條水平垂直方向和其他點(diǎn)對齊的線)

? 按住commend拖動手柄可以自由定位手柄位置(直接切換到disconnected)

方便新手小tips:

straight(直線角):點(diǎn)擊畫布時(shí)添加一個(gè)直角,沒有弧度剩晴。兩個(gè)錨點(diǎn)得到的就是一條直線锣咒。

mirrored(鏡像):兩個(gè)錨點(diǎn)鏡像對應(yīng),也就是兩點(diǎn)距離相等且相互對立赞弥。通常是默認(rèn)模式毅整。

disconnected(斷開連接):兩個(gè)錨點(diǎn)完全獨(dú)立互不影響。

asymmetric(不對稱):兩個(gè)錨點(diǎn)相互對立绽左,但是距離獨(dú)立不受影響悼嫉。



sketch就是一個(gè)基于路徑的矢量設(shè)計(jì)軟件

雖然sketch有很多讓設(shè)計(jì)新手喜愛的功能,但其中各種shapes仍然非常獨(dú)特且有用拼窥,r戏蔑,o蹋凝,u分別是矩形,圓形总棵,圓角矩形的快捷鍵鳍寂,按下enter鍵即可轉(zhuǎn)化為路徑模式。因此很多看起來復(fù)雜icons進(jìn)行拆解后通過簡單的布爾運(yùn)算和修改路徑之后就可以完成情龄。

除此之外迄汛,由于sketch就是個(gè)矢量繪圖軟件,因此sketch里稍微重要的功能幾乎都和路徑有關(guān)骤视,或者說鞍爱,都可以轉(zhuǎn)化成矢量模式進(jìn)行編輯。

? 文字工具(A):是的专酗,你沒看錯(cuò)硬霍,文字也可以轉(zhuǎn)變成路徑,通過“Sketch’s Convert Text to Outlines”功能 (快捷鍵是??O)笼裳。

? 鉛筆工具(P):比起鋼筆工具唯卖,鉛筆工具使用的地方還是比較少,和鋼筆工具一樣躬柬,按下enter/return鍵就可以進(jìn)入矢量模式拜轨。

? 直線工具(L):直線工具和insert shapes的不同點(diǎn)在于,形狀都是閉合的允青,直線是開放的橄碾,形狀是從繪制之初就填充好顏色且有描邊(fills和borders),而直線只有描邊(borders)颠锉。

? 鋼筆工具(V):直線工具只能繪制直線法牲,鋼筆工具可以繪制出任何的形狀,按下enter/return鍵完成繪制琼掠。



sketch編輯路徑的幾種方法

1.拼湊

通過各種形狀工具拒垃,把復(fù)雜的icons通過簡單的圖形拼湊出來,對于扁平化圖標(biāo)這一招尤其有用瓷蛙。

具體應(yīng)用可以參考下面這個(gè)教程悼瓮,是我最喜歡的sketch教程之一

如何只用方/圓/線和快捷鍵在Sketch畫插畫-UI中國-專業(yè)界面交互設(shè)計(jì)平臺

其中最常用的幾種功能及其快捷鍵在這里列出,方便大家使用艰猬。

? 編組 ?(?G)

? create as a symbol ?(無快捷鍵)

? 建立蒙板 ?(??M)

? transform自由變換 ? (??T)

2.剪刀工具scissors

比如在繪制半圓的時(shí)候横堡,可以用剪刀工具把兩個(gè)四分之一邊剪去。


3.布爾運(yùn)算

通過union冠桃,subtract命贴,intersect,difference四種布爾運(yùn)算,可以進(jìn)行圖形之間的合并或剪去胸蛛。


圖片作者:Peter Nowell

經(jīng)過布爾運(yùn)算后培己,兩個(gè)圖形變成一個(gè),但是原來兩個(gè)圖形依然作為subpath存在胚泌,也就是說省咨,單擊圖層名稱旁邊的小三角形,兩個(gè)圖形就會顯示出來玷室,并沒有真正融合零蓉。這一點(diǎn),當(dāng)你按下回車進(jìn)入矢量編輯模式的時(shí)候也能感覺到——依然需要兩個(gè)圖形分別編輯路徑穷缤。如果你需要讓它們真的融合敌蜂,可以通過Layer-paths-flatten功能。



基本功——路徑到底怎么學(xué)

在寫下這篇文章的時(shí)候津肛,我也在學(xué)習(xí)進(jìn)行時(shí)章喉,繪制矢量圖形說到底其實(shí)是一門技藝,不管是使用sketch也好身坐,ps或ai也好都是一樣的秸脱,需要的都是不斷的練習(xí)練習(xí)再練習(xí)。關(guān)于路徑學(xué)習(xí)的問題我其實(shí)并不大有資格大談特談部蛇。這小節(jié)我會持續(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)步得更快

? 在圖片中得折點(diǎn)通常需要放置錨點(diǎn)



參考資料

Sketch中文用戶手冊

Harnessing Vector Awesomeness in Sketch

Mastering the Bezier Curve in Sketch

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末巷查,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子抹腿,更是在濱河造成了極大的恐慌岛请,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件警绩,死亡現(xiàn)場離奇詭異崇败,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)房蝉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進(jìn)店門僚匆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人搭幻,你說我怎么就攤上這事〕雅瑁” “怎么了檀蹋?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我俯逾,道長贸桶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任桌肴,我火速辦了婚禮皇筛,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘坠七。我一直安慰自己水醋,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布彪置。 她就那樣靜靜地躺著拄踪,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拳魁。 梳的紋絲不亂的頭發(fā)上惶桐,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天,我揣著相機(jī)與錄音潘懊,去河邊找鬼姚糊。 笑死,一個(gè)胖子當(dāng)著我的面吹牛授舟,可吹牛的內(nèi)容都是我干的叛拷。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼岂却,長吁一口氣:“原來是場噩夢啊……” “哼忿薇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起躏哩,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤署浩,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后扫尺,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體筋栋,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年正驻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了弊攘。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,040評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡姑曙,死狀恐怖襟交,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情伤靠,我是刑警寧澤捣域,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響焕梅,放射性物質(zhì)發(fā)生泄漏迹鹅。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一贞言、第九天 我趴在偏房一處隱蔽的房頂上張望斜棚。 院中可真熱鬧,春花似錦该窗、人聲如沸弟蚀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽粗梭。三九已至,卻和暖如春级零,著一層夾襖步出監(jiān)牢的瞬間断医,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工奏纪, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鉴嗤,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓序调,卻偏偏與公主長得像醉锅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子发绢,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容