相信經過前面三次的教程,再加上大家自己的努力實踐,sketch對於每個人都已經是輕車熟路了。剩下的，就是在不斷的實踐中總結適合自己的技巧,發覺隱藏在軟件中的各種功能，將各種操作爛熟於心，最重要的，我們還需要將自己的創意融入作品中，讓sketch成爲大家設計過程中的得力助手。
sketch是一款矢量軟件，提起矢量軟件，那麼大家一定會想到各種路徑，想到路徑，就有節點，想到節點，就有貝塞爾曲線，然後一定會有的東西就是鋼筆。扯到鋼筆，對於很多人來說，這一定是個不太愉快的回憶，鋼筆是繪圖軟件中很難掌握的工具之一。如果用不好，我們就沒法畫出各種不規則的形狀出來，要麼不夠平滑，要麼奇形怪狀慘不忍睹。
那麼sketch中的鋼筆工具會是什麼樣子呢？我們在界面中找到鋼筆形狀的圖標，如果找不到，可以在工具欄中右鍵，然後選擇自定義工具欄，將鋼筆工具拖動到工具欄中便於使用，順帶一提，鋼筆工具的快捷鍵是V，也就是Vector的首字母，這樣就不會忘了，和鋼筆工具相似的工具還有鉛筆（Pencil，快捷鍵P），編輯（Edit，木有快捷鍵）。
點擊鋼筆工具後，你的鼠標就會變成鋼筆形狀，在畫布上隨意點擊，即可添加節點。靜電在畫布上畫了個三角形。此時，我們會發現，右側的屬性欄發生了變化，多出了很多可選擇項目。同時工具欄的Edit圖標變爲選中狀態。
右側屬性欄
1.Finish Editing -如果我們完成了鋼筆的操作或者編輯，那麼可以點擊此按鈕完成編輯，鼠標恢復爲箭頭。
2.Open Path -如果我們繪製了一個封閉圖形，選擇此項後，路徑將打開變爲開放狀態。
下方四個圖標：
1.Straight-如果我們繪製了一個有弧度的節點，那麼點擊此按鈕後，節點將直接變爲折線，弧度消失，並且在這種模式下，只能調整節點位置，不能設定弧度了。（僅在此種模式下，下方Corners選項會生效，調整corners參數會得到平滑的弧度。這種方式有好有壞，缺點是不容易進一步調節，大家可以自行選擇使用）
2.Mirroed-如果我們想將三角形的某個角加入弧度，那麼我們切換到Mirrored，這時此節點兩側出現滑桿，我們可以調節滑桿的長度和位置來對此節點的弧度和節點兩側的線進行條件，但此種模式下，不論你拖動哪一測的滑桿，調節效果會由節點位置呈鏡像移動，適合畫圓形等對稱的形狀。
3.Disconnected -此時滑桿效果僅僅對你當前拖動的一側生效，調節更加靈活。
4.Asymmetric - 翻譯過來就是不對稱的。 當選中這種狀態的時候， 節點兩側的滑桿始終保持直線，但一側調整節點到節點的位置可以隨意變化。
下方的Round: Full Pixels 以及下拉框中的其他兩個選項,靜電查了許多資料,也做了一些實驗,但始終搞不明白具體作用是什麼,如果有哪位大神瞭解,歡迎一起交流.
繼續下方的Fills和borders,一個爲填充顏色,一個爲邊框顏色.其中Fills中的Blending選項則可以理解爲不同的顏色疊加模式.如下圖,我們使用一個紅色的圓疊加在一個綠色的圓上方,在紅色的圓上使用不同的blending選項,則會出現不同的顏色疊加效果,這與photoshop等軟件中的圖層疊加模式有些相似.
簡單的濾鏡效果
接下來的選項,是sketch提供的一些簡單的圖像效果,分別爲陰影,內陰影,模糊,投影效果.我們可以對一個元素同時運用多個圖像效果. 點擊右側加號,即可同時設置多個圖像效果,比如投影,多個方向的投影可以使投影效果更真實.
剪刀工具(Scissors)
對於路徑的操作,有時候我們需要創建一個不封閉的路徑,這個時候,我們可以使用見到工具,將兩個節點之間的路徑”剪斷”,這樣就會構成一個不封閉的路徑了.同時還可以填充顏色. 如果找不着剪刀工具,請從自定義工具欄中將他拖動到常用工具欄中.
大家可以親身實踐以便更好理解sketch中鋼筆工具的獨特之處，他的操作方法是和photoshop等我們經常使用的軟件是有些許差別的。
多個路徑的操作
對於多個路徑或者矢量圖形,sketch提供了四種組合方式. 這是圖形操作中常用的功能.
Union(組合):將兩個矢量圖形組合,如下圖第二排第一個圖形
Subtract(減去):將兩個圖形中相交的輪廓從第一個輪廓中減去
Intersect(相交):取兩個圖形的相交部分
Difference(挖空):取兩個圖形中的不相交部分.
獨特功能:沿路徑排列的文本
前幾天有朋友在教程下方留言問靜電,sketch是否有文本沿路徑排列的功能,靜電要告訴大家,這個是有的.來,看看靜電是怎麼做的吧.
1.創建一段文本與一條路徑
首先使用文本工具創建一段文本, 然後運用鋼筆工具創建一條路徑,如下圖.
2.選中文本,然後Type>Text on Path
3.拖動文本到路徑上即可.這時我們可以左右拖動觀看不同的文本沿路徑排列的效果,同時可以調整文本間距等屬性,以達到自己滿意的效果.如果我們對曲線效果不滿意,或者對文本不滿意,則雙擊即可進入文本或者曲線的編輯狀態,分別編輯即可.
4.如果要取消文本沿路徑排列的效果,使用鼠標將文本拖動到路徑外即可.或者在菜單Type>Text on Path中將此選項的對勾取消.
將文本轉換成路徑功能
將文本打散,可以根據自己的需要做出獨一無二的字體,這也是靜電在AI或者FW中經常使用的功能,但是很遺憾,靜電要告訴大家,這個功能在sketch中基本上就是雞肋,當你選擇菜單中的Type>Convert Text to Outlines後,字體雖然轉換成路徑了,但靜電的電腦基本屬於一步一卡的狀態了.所以如果大家想用sketch來做字體,那麼靜電還是勸大家先緩緩吧.使用其他工具設計完成然後再導入sketch中,是個不錯的選擇.
關於軟件購買及盜版sketch
對於破解,盜版,雖然我們跟這些詞有說不清道不明的曖昧,但是,請在力所能及的範圍內支持軟件開發者,試想,我們拿着別人辛苦開發的軟件,做着自己滿意的設計,同時又在聲討着別人的盜圖行爲,你難道不感覺這是很矛盾的行爲呢?靜電不是道德衛士，但只想說，支持正版從自身做起吧。 順便說一句，從sketch官網購買的價格稍貴，79.99美刀。靜電的sketch是從美國留學的同學那裏拿的優惠邀請碼後買到的，大概打了八折，但優惠碼只能用一次，比較可惜， 最後成交價格是約65美刀左右。關於優惠這件事，我會持續跟進，如果有優惠購買渠道，靜電會第一時間放出給大家。
sketch官方主頁爲http://www.bohemiancoding.com/sketch/
本文末尾的一點嘮叨
恩,今天內容量有點大,確實,鋼筆工具不管在哪個設計軟件中,都是一個很難掌握好的功能,但它又是一個非常必要的功能,因爲要設計出複雜的路徑和圖形,鋼筆工具是必不可少的,很多朋友可能一時半會畫不出非常平滑的曲線,對於這一點,靜電只有建議大家多練習,必要時可以用鋼筆工具臨摹一些複雜圖形,以便更好的掌握鋼筆工具的精髓,孰能生巧,大家加油.
至此,sketch的基本操作,詳細大家已經都掌握了,下一篇文章中,靜電和大家一起聊聊學習這個軟件的一些心得和體會,另外大家如果由問題,下次靜電收集後與大家一起探討解決辦法. 打個小廣告,歡迎大家繼續通過關注靜電微信的方式支持我,我的微信公號是jingdesign91,除了有各種乾貨,還與大家一同探討生活,工作...因爲靜電相信,這些一定是融爲一體互不分離的.
下次見,希望我們能成爲朋友.
點擊閱讀原文查看更多靜design的乾貨.
掃描下方二維碼關注公衆號: jingdesign91
