本文目錄一覽：
30個值得擁有的sketch插件（4）完結篇
21 選擇相似圖層-Select Similar Layers
如果你常在sketch裡面繪製適量插畫，那這個插件絕對能夠彌補你內心的空洞（哈哈）。這個插件可以自己抓去具有相匹配填充顏色、描邊顏色、描邊寬度、字體、透明度、疊加模式或者名字的圖層。一旦擁有，你後半生絕對離不開。
傳送門 Get it now
22 等分對齊工具-SketchDistributor
相比sketch內置的對齊工具，這個插件能夠自動等分圖層間距。嚴格規定幾個圖層間距有時是很有必要的，sketch具有等分間距的功能。
SketchDistributor插件幫助你選擇一組圖層，輸入像素級精確的間距。然後你就可以去喝杯咖啡了啊，再也不用因為一像素一像素調整間距或對齊而diaocuo啦。
傳送門 Get it now
23 貼合8像素-Sketch Nearest 8
跟對齊像素插件相似，這個插件能夠保證圖層貼合像素格。這個插件不同之處在於，在對齊像素的同時還能擴展寬高，保證跟下一個圖層間的數值保證8像素的原則。如果在android的設計中，這個插件一定能夠省大量的時間和能量。
傳送門 Get it now
24 sketchy餅狀圖-Sketchy Pies
Sketchy餅狀圖插件可以快速的將原型轉換成餅狀圖，你只需輸入顏色值然後用逗號隔開。當然，生成後也可以編輯每一部分的顏色和描邊。
提示：縮小每一部分的描邊，可以做環形的餅狀圖。
傳送門 Get it now
25 排序-Sort Me
我們常常要注意Sketch畫板的整潔，但是畫板有時候會亂序。Sort me這個插件可以快速的按圖層列表的名字的數字和字母順序調整圖層順序。你甚至可以選擇升序或者降序排列你的文件，就像你想要他的那樣。
傳送門 Get it now
26 解鎖所有圖層-Unlock All Layers
這個插件彌補了sketch工具欄中的漏洞。它能幫你避免一個圖層一個圖層尋找未鎖定圖層的麻煩。當然，有一天這個功能或許會被內置到sketch里，但是至少今天你還需要它。
傳送門 Get it now
27 人人都是藝術家- AutoDraw
這個插件跟 AutoDraw 功能一樣，甚至命名都一樣，你敢信。不過它是sketch里的插件了。有了它，媽媽再也不用但是你的畫畫啦。
傳送門 Get it now
28 生成中文名
生個娃，不知道起啥名字？你需要這個插件（哈哈哈）
傳送門 Get it now
29 自動填充unsplash的圖片-unsplash it
繪製矩形，運行插件，然後去倒杯咖啡，回來後，一切剛剛好～
傳送門 Get it now
30 一鍵生成曲線
能夠自動生成漸變曲線，跟ai的功能一樣。cool～
傳送門 Get it now
完結咯～希望這些插件能夠給你節省更多的時間和精力～撒花撒花～～～
80%的人不知道的Sketch小技巧
繪製矢量圖形時，你可以按住 shift 鍵再畫之後的點，Sketch會自動幫你對齊到前一點的45度角方向，這在你繪製直線時會非常方便。如果你是在兩點之間添加新的錨點時按住 shift 鍵，你便會得到兩點間的錨點。
如果你按住 command 鍵，單擊兩點間的線條，Sketch則會幫你在線條的正中間添加錨點。
繪製
如果你想改變圖形的起始點，你需要按住空格鍵，這樣你將會修改起始點，而不是圖形的大小
大小
我們有一個很特別的輸入框，鼠標懸停上去時你會看見上下兩個小剪頭出現在文本區域右邊，你可以單擊他們來增減圖形的大小。如果你按住 shift 則會以 10 為單位變化。如果你按住 option 鍵，則會以0.1 為單位變化。
一旦你開始直接編輯輸入框，上下剪頭就會消失，但這個功能依然可用，你可以用鍵盤上的上下方向鍵配合 shift 或 option 鍵來完成。
漸變
你可以按下1-9的數字鍵來在漸變線的 10%-90% 的位置添加新的節點，所以如果按下 5，就能將節點添加在正中間。
如果你想在兩個節點的正中間添加，則按下 = 鍵即可。
還可以使用 tab 鍵快速的在不同節點中切換，用方向鍵（也可以同時按住 shift 鍵）移動節點。
背景模糊
背景模糊是在蘋果發布 iOS 7之後添加的功能，需要確認有一個半透明的圖層在表面應用了背景模糊，這樣下層的內容才會出現模糊效果。
需要注意的是，模糊是一種非常消耗資源的渲染效果，圖層越大，模糊就需要佔用更多的內存空間和處理器能力。盡量少使用模糊，如果你一定要在背景模糊和普通模糊中選擇，那麼選擇普通模糊吧。
分離路徑
所有的複製圖形都會被視為原圖形的子路徑，如果你想讓他們成為完全獨立的圖層，你只需從菜單欄進入 編輯 路徑 分離 (Layer Paths Split)即可。
轉曲
不要將很長一段文字都轉化為矢量圖形，這會大大減緩文件的運行速度。
將一小段文字轉化為大量包含布爾運算的子路徑是非常非常消耗系統內存的，如果你不得不轉換一段文字，那麼你可以先將一段文字儘可能分成多個短文本，然後再一個個的轉化為矢量。
不過既然你現在可以直接在文本上運用漸變等效果，大多數時候你都不會需要將文本轉化為輪廓。
路徑文字
當你進入頂端的編輯菜單 文本路徑 (Edit Text on Path)，Sketch會幫你把文本圖層貼合的放在它下一層的矢量圖形上面。值得注意的是，兩者的順序必須是矢量圖形在文本圖層的下面，才能得到這樣的效果。
抗鋸齒
順利實現子像素抗鋸齒效果，文本必需出現在一個不透明的（有色的）背景上，因為系統需要知道最終的顏色對比結果是什麼樣的。這一點與圖層混合模式是相衝突的。要實現圖層混合模式，Sketch 需要在一個透明背景上渲染所有的圖層，這樣這些圖層才能像你所期望的那樣混合在一起，最終結果再渲染回 Sketch 的白色畫布上。
如果沒有一個不透明背景我們就不能渲染抗鋸齒的文字，但是有了不透明的背景我們又不能渲染圖層的混合模式了。這就意味着，一旦你的畫布中出現了一個有混合模式的圖層，Sketch 就不得不運用透明背景的算法，而無法給文字實現子像素抗鋸齒效果了。
色彩校正
如果你想微調一張現有圖片的顏色，那可以使用檢查器中的色彩校正面板來實現，在這，你可以改變圖片的飽和度，亮度和對比色。
需要注意的是，這一個不破壞原圖的操作，所以你稍後還可以再次更改這些參數。
九宮格
正常情況下，你縮放一個位圖時，他們會對稱的向各個方向變化。但有時這並不是你想要的，比如說你在做一個網頁設計，你也許會想要一個 safari 里的白色背景，隨着網頁內容變多而變長。
我們特意增加了針對圖片的九宮格縮放來解決這個問題。進入圖層 轉化為九宮格圖片 （Layer Convert to Nine-slice Image），你會發現圖片被劃分為了9個區域。你可以單擊拖拽四個中心點的任一個來調整9個區域。
普通蒙板
Sketch里的蒙版可以讓你有選擇性的顯示出圖層的一部分。比如說在一個圖片上圓形蒙版，那麼這張圖片就只會顯示出圓形內部的內容。
所有的圖形都可以變成蒙版，你只需要先選中圖形，然後進入圖層 使用圖形蒙版(Layer Use as Mask), 所有在這個蒙版上面的圖形都會被剪切成蒙版的內容顯示出來。
限制蒙版
如果你不想接下來所有的圖層都被蒙版剪切，那麼你可以將蒙版和想要被剪切的圖層單獨編組，一次來限制蒙版的使用情景。一旦蒙版被編組，其他一切在組外的圖層就都不會被蒙版剪切了。
在無法編組的情況下，你還可以通過以下方式限制蒙版：
・選中一個你想從剪切蒙版中釋放出來的圖層
・進入圖層 忽略底層蒙版 (Layer Ignore Underlying Mask)
這一層圖層和它以上的所有圖層就都不會被蒙版剪切了。當你調整圖層順序的時候則需要格外注意，個別圖層可能會意外的被蒙版剪切。
ALPHA 蒙版
默認情況下，一個蒙版會顯示出所在區域的圖片，隱藏其他的地方。另一種使用蒙版的方式是通過 ALPHA 蒙版建立漸變區域，來具體選擇圖片的各部分是否可見
使用這個方法你可以先選中蒙版，選擇 圖層 (Layer) 蒙版模式 (Mask Mode) ALPHA 蒙版 (ALPHA Mask) 來實現。
複製
command + D，Sketch則會重複你剛才的操作，複製出一個一樣的圖層。
編組選擇
想從深深的編組層級中直接選中某一具體圖層，你可以按住 command 鍵，來直接選擇埋在組裡的圖層，無需不停的雙擊以進入更深的層級，這將省去你不少的時間。同時按住 shift 鍵，則能選擇多個圖層。
疊加選擇
右擊鼠標，從菜單中選擇 “選擇圖層”（Pick Layer），便會顯示出鼠標底下的所有圖層列表。
按住 option 鍵，Sketch 會選中第二層圖層，而不是最上層的。如果某個區域有多個圖層重疊，而你想選擇第三層，那麼還是需要用到上面說的右擊鼠標的方法來選擇了。
鼠標框選
如果你同時按住 option 鍵，則只會選中完全被包括在所畫選取內的圖層
改變大小
可以直接使用鍵盤調整圖層大小。按住 command 鍵和方向鍵來操作。⌘→會將圖層寬度增加 1px，⌘←則會將寬度減少 1px。同樣的，⌘↓ 和 ⌘↑則分別將長度增加和減少 1px。如果你同時按住 shift 鍵，每一次更改的數值將會變成 10 px。
改變一個圖層的大小時，它的式樣元素並不會隨之變大變小：一個 10×10的圖形上 1px的描邊在這個圖形被拉伸至 50×50的時候，將仍保持 1px的描邊。想要更改圖層大小的同時一起更改式樣，那就使用編輯菜單當中的縮放工具吧。
圖層扁平化
當你使用扁平化功能（ Flattening），Sketch 會試着將一個圖形里的多個子路徑呈現為一個路徑——也就是將層級結構變得更扁平。但是有些圖形是無法扁平為一個路徑的，比如說一個環狀圖形，將只能被呈現為兩個路徑：一個是外圈路徑，一個是內圈路徑
當 Sketch 不能完成扁平化的命令時，會出現一個小警告，如果你繼續堅持，那有的子路徑可能被替換，也許比之前少，也許和之前一樣多。
也許在你之前使用的繪圖應用中，你每次添加布爾運算後到要讓圖層扁平一次，但在 Sketch 當中大可不必這麼做，你可以盡情添加無數曾布爾運算，而無需使用扁平命令。
你可以用無限精準的分辨率無關模式來查看畫布，或者打開像素模式來查看每一個像素導出成JPG或者PNG文件後的樣子。值得注意的是，有些效果——比如模糊——會自動將畫布的一部分以像素模式顯示，因為模糊本身就是一個基於像素的效果。值得注意的是，當模糊半徑被設置為0的時候，文本圖層的內陰影才是最好看的。擴散並不適用於文本圖層。
可以按住 command 鍵並滾動鼠標滾輪來放大查看。
還能用 Z 鍵來快速放大某一特定區域，單擊畫布任一點拖拽出矩形區域即可。
如果你在文件名中加入了一個斜杠 (一個”/”)，那麼Sketch就會自動新建一個文件夾，並把這個文件放入其中。舉個例子，如果你將切片命名為 foo/bar.png ，那麼Sketch會先幫你創建一個叫做 foo 的文件夾，然後在裡面創建一個叫 bar.png 的圖片。
巧用Sketch描邊繪製餅圖
除文本圖層外，Sketch的所有圖層都可以包含任意數量的邊框（即描邊），而且支持設置描邊的顏色、位置、厚度和混合模式。
另外，點擊邊框右邊的設置按鈕，可以看到更多的自定義設置選項，包括邊框路徑的起點和終點、箭頭的形式以及虛線設置。
這裡的虛線設置有4個可輸入數字的，用於配置虛線的文本框，這裡怎麼理解呢？舉個例子，如果是水平的一條直線，在文本框中分別輸入5-4-3-2，則該水平線將繪製5px的點距，4px的間隙，然後是3px的點距，2px的間隙，然後重複。
理解描邊的屬性和大致配置後，我們就可以利用描邊的特點繪製餅圖了，首先使用橢圓工具拉出一個圓形，取消填充，並設置描邊位置為“Inside”。
然後，我們可以設置邊框的厚度“Thickness”，厚度值越大，邊框就越大，我們可以發現隨着厚度值的增加，圓形逐漸變成了圓環圖，最後變成了實心圓。
在實際使用中，餅圖通常由幾個部分組成，或者用不完全閉合的環形表示佔比，這意味着我們需要開放路徑的餅圖，這時，我們可以使用邊框的虛線設置來繪製不完全閉合的環形。先在第二個文本框（間歇）中輸入1000，然後在第一個文本框中輸入數字即可調節圓環的比例。
推薦閱讀：
最新版： Sketch51正式版更新解讀：更多箭頭端點樣式選擇
實用手冊： Sketch中文手冊（2018）
好書推薦： 新書《Sketch交互設計之美：從零基礎到完整項目實現》上架
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/257005.html
微信掃一掃 
支付寶掃一掃 