鋼筆工具
繪制矢量圖形時(shí),你可以按住 shift 鍵再畫之后的點(diǎn),Sketch會(huì)自動(dòng)幫你對(duì)齊到前一點(diǎn)的45度角方向,這在你繪制直線時(shí)會(huì)非常方便澈魄。如果你是在兩點(diǎn)之間添加新的錨點(diǎn)時(shí)按住 shift 鍵,你便會(huì)得到兩點(diǎn)間的錨點(diǎn)仲翎。
如果你按住 command 鍵痹扇,單擊兩點(diǎn)間的線條铛漓,Sketch則會(huì)幫你在線條的正中間添加錨點(diǎn)。
矢量圖工具
繪制
如果你想改變圖形的起始點(diǎn)鲫构,你需要按住空格鍵浓恶,這樣你將會(huì)修改起始點(diǎn),而不是圖形的大小
大小
我們有一個(gè)很特別的輸入框结笨,鼠標(biāo)懸停上去時(shí)你會(huì)看見上下兩個(gè)小剪頭出現(xiàn)在文本區(qū)域右邊包晰,你可以單擊他們來(lái)增減圖形的大小。如果你按住 shift 則會(huì)以 10 為單位變化炕吸。如果你按住 option 鍵伐憾,則會(huì)以0.1 為單位變化。
一旦你開始直接編輯輸入框赫模,上下剪頭就會(huì)消失树肃,但這個(gè)功能依然可用,你可以用鍵盤上的上下方向鍵配合 shift 或 option 鍵來(lái)完成瀑罗。
漸變
你可以按下1-9的數(shù)字鍵來(lái)在漸變線的 10%-90% 的位置添加新的節(jié)點(diǎn)胸嘴,所以如果按下 5,就能將節(jié)點(diǎn)添加在正中間斩祭。
如果你想在兩個(gè)節(jié)點(diǎn)的正中間添加劣像,則按下 = 鍵即可。
還可以使用 tab 鍵快速的在不同節(jié)點(diǎn)中切換摧玫,用方向鍵(也可以同時(shí)按住 shift 鍵)移動(dòng)節(jié)點(diǎn)驾讲。
背景模糊
背景模糊是在蘋果發(fā)布 iOS 7之后添加的功能,需要確認(rèn)有一個(gè)半透明的圖層在表面應(yīng)用了背景模糊席赂,這樣下層的內(nèi)容才會(huì)出現(xiàn)模糊效果。
需要注意的是时迫,模糊是一種非常消耗資源的渲染效果颅停,圖層越大,模糊就需要占用更多的內(nèi)存空間和處理器能力掠拳。盡量少使用模糊癞揉,如果你一定要在背景模糊和普通模糊中選擇,那么選擇普通模糊吧溺欧。
分離路徑
所有的復(fù)制圖形都會(huì)被視為原圖形的子路徑喊熟,如果你想讓他們成為完全獨(dú)立的圖層,你只需從菜單欄進(jìn)入 編輯 > 路徑 > 分離 (Layer > Paths > Split)即可姐刁。
文字
轉(zhuǎn)曲
不要將很長(zhǎng)一段文字都轉(zhuǎn)化為矢量圖形芥牌,這會(huì)大大減緩文件的運(yùn)行速度。
將一小段文字轉(zhuǎn)化為大量包含布爾運(yùn)算的子路徑是非常非常消耗系統(tǒng)內(nèi)存的聂使,如果你不得不轉(zhuǎn)換一段文字壁拉,那么你可以先將一段文字盡可能分成多個(gè)短文本谬俄,然后再一個(gè)個(gè)的轉(zhuǎn)化為矢量。
不過(guò)既然你現(xiàn)在可以直接在文本上運(yùn)用漸變等效果弃理,大多數(shù)時(shí)候你都不會(huì)需要將文本轉(zhuǎn)化為輪廓溃论。
路徑文字
當(dāng)你進(jìn)入頂端的編輯菜單 > 文本路徑 (Edit > Text on Path),Sketch會(huì)幫你把文本圖層貼合的放在它下一層的矢量圖形上面痘昌。值得注意的是钥勋,兩者的順序必須是矢量圖形在文本圖層的下面,才能得到這樣的效果辆苔。
抗鋸齒
順利實(shí)現(xiàn)子像素抗鋸齒效果算灸,文本必需出現(xiàn)在一個(gè)不透明的(有色的)背景上,因?yàn)橄到y(tǒng)需要知道最終的顏色對(duì)比結(jié)果是什么樣的姑子。這一點(diǎn)與圖層混合模式是相沖突的乎婿。要實(shí)現(xiàn)圖層混合模式,Sketch 需要在一個(gè)透明背景上渲染所有的圖層街佑,這樣這些圖層才能像你所期望的那樣混合在一起谢翎,最終結(jié)果再渲染回 Sketch 的白色畫布上。
如果沒(méi)有一個(gè)不透明背景我們就不能渲染抗鋸齒的文字沐旨,但是有了不透明的背景我們又不能渲染圖層的混合模式了森逮。這就意味著,一旦你的畫布中出現(xiàn)了一個(gè)有混合模式的圖層磁携,Sketch 就不得不運(yùn)用透明背景的算法褒侧,而無(wú)法給文字實(shí)現(xiàn)子像素抗鋸齒效果了。
圖片
色彩校正
如果你想微調(diào)一張現(xiàn)有圖片的顏色谊迄,那可以使用檢查器中的色彩校正面板來(lái)實(shí)現(xiàn)闷供,在這,你可以改變圖片的飽和度统诺,亮度和對(duì)比色歪脏。
需要注意的是,這一個(gè)不破壞原圖的操作粮呢,所以你稍后還可以再次更改這些參數(shù)婿失。
九宮格
正常情況下,你縮放一個(gè)位圖時(shí)啄寡,他們會(huì)對(duì)稱的向各個(gè)方向變化豪硅。但有時(shí)這并不是你想要的,比如說(shuō)你在做一個(gè)網(wǎng)頁(yè)設(shè)計(jì)挺物,你也許會(huì)想要一個(gè) safari 里的白色背景懒浮,隨著網(wǎng)頁(yè)內(nèi)容變多而變長(zhǎng)。
我們特意增加了針對(duì)圖片的九宮格縮放來(lái)解決這個(gè)問(wèn)題识藤。進(jìn)入圖層 > 轉(zhuǎn)化為九宮格圖片 (Layer > Convert to Nine-slice Image)嵌溢,你會(huì)發(fā)現(xiàn)圖片被劃分為了9個(gè)區(qū)域眯牧。你可以單擊拖拽四個(gè)中心點(diǎn)的任一個(gè)來(lái)調(diào)整9個(gè)區(qū)域。
蒙板
普通蒙板
Sketch里的蒙版可以讓你有選擇性的顯示出圖層的一部分赖草。比如說(shuō)在一個(gè)圖片上圓形蒙版学少,那么這張圖片就只會(huì)顯示出圓形內(nèi)部的內(nèi)容。
所有的圖形都可以變成蒙版秧骑,你只需要先選中圖形版确,然后進(jìn)入圖層 > 使用圖形蒙版(Layer > Use as Mask), 所有在這個(gè)蒙版上面的圖形都會(huì)被剪切成蒙版的內(nèi)容顯示出來(lái)。
限制蒙版
如果你不想接下來(lái)所有的圖層都被蒙版剪切乎折,那么你可以將蒙版和想要被剪切的圖層單獨(dú)編組绒疗,一次來(lái)限制蒙版的使用情景。一旦蒙版被編組骂澄,其他一切在組外的圖層就都不會(huì)被蒙版剪切了吓蘑。
在無(wú)法編組的情況下,你還可以通過(guò)以下方式限制蒙版:
?選中一個(gè)你想從剪切蒙版中釋放出來(lái)的圖層
?進(jìn)入圖層 > 忽略底層蒙版 (Layer > Ignore Underlying Mask)
這一層圖層和它以上的所有圖層就都不會(huì)被蒙版剪切了坟冲。當(dāng)你調(diào)整圖層順序的時(shí)候則需要格外注意磨镶,個(gè)別圖層可能會(huì)意外的被蒙版剪切。
ALPHA 蒙版
默認(rèn)情況下健提,一個(gè)蒙版會(huì)顯示出所在區(qū)域的圖片琳猫,隱藏其他的地方。另一種使用蒙版的方式是通過(guò) ALPHA 蒙版建立漸變區(qū)域私痹,來(lái)具體選擇圖片的各部分是否可見
使用這個(gè)方法你可以先選中蒙版脐嫂,選擇 圖層 (Layer) > 蒙版模式 (Mask Mode) > ALPHA 蒙版 (ALPHA Mask) 來(lái)實(shí)現(xiàn)。
圖層
復(fù)制
command + D紊遵,Sketch則會(huì)重復(fù)你剛才的操作账千,復(fù)制出一個(gè)一樣的圖層。
編組選擇
想從深深的編組層級(jí)中直接選中某一具體圖層暗膜,你可以按住 command 鍵匀奏,來(lái)直接選擇埋在組里的圖層,無(wú)需不停的雙擊以進(jìn)入更深的層級(jí)桦山,這將省去你不少的時(shí)間。同時(shí)按住 shift 鍵醋旦,則能選擇多個(gè)圖層恒水。
疊加選擇
右擊鼠標(biāo),從菜單中選擇 “選擇圖層”(Pick Layer)饲齐,便會(huì)顯示出鼠標(biāo)底下的所有圖層列表钉凌。
按住 option 鍵,Sketch 會(huì)選中第二層圖層捂人,而不是最上層的御雕。如果某個(gè)區(qū)域有多個(gè)圖層重疊矢沿,而你想選擇第三層,那么還是需要用到上面說(shuō)的右擊鼠標(biāo)的方法來(lái)選擇了酸纲。
鼠標(biāo)框選
如果你同時(shí)按住 option 鍵捣鲸,則只會(huì)選中完全被包括在所畫選取內(nèi)的圖層
改變大小
可以直接使用鍵盤調(diào)整圖層大小。按住 command 鍵和方向鍵來(lái)操作闽坡。?→會(huì)將圖層寬度增加 1px栽惶,?←則會(huì)將寬度減少 1px。同樣的疾嗅,?↓ 和 ?↑則分別將長(zhǎng)度增加和減少 1px外厂。如果你同時(shí)按住 shift 鍵,每一次更改的數(shù)值將會(huì)變成 10 px代承。
改變一個(gè)圖層的大小時(shí)汁蝶,它的式樣元素并不會(huì)隨之變大變小:一個(gè) 10x10的圖形上 1px的描邊在這個(gè)圖形被拉伸至 50x50的時(shí)候论悴,將仍保持 1px的描邊掖棉。想要更改圖層大小的同時(shí)一起更改式樣,那就使用編輯菜單當(dāng)中的縮放工具吧意荤。
圖層扁平化
當(dāng)你使用扁平化功能( Flattening)啊片,Sketch 會(huì)試著將一個(gè)圖形里的多個(gè)子路徑呈現(xiàn)為一個(gè)路徑——也就是將層級(jí)結(jié)構(gòu)變得更扁平。但是有些圖形是無(wú)法扁平為一個(gè)路徑的玖像,比如說(shuō)一個(gè)環(huán)狀圖形紫谷,將只能被呈現(xiàn)為兩個(gè)路徑:一個(gè)是外圈路徑,一個(gè)是內(nèi)圈路徑
當(dāng) Sketch 不能完成扁平化的命令時(shí)捐寥,會(huì)出現(xiàn)一個(gè)小警告笤昨,如果你繼續(xù)堅(jiān)持,那有的子路徑可能被替換握恳,也許比之前少瞒窒,也許和之前一樣多。
也許在你之前使用的繪圖應(yīng)用中乡洼,你每次添加布爾運(yùn)算后到要讓圖層扁平一次崇裁,但在 Sketch 當(dāng)中大可不必這么做,你可以盡情添加無(wú)數(shù)曾布爾運(yùn)算束昵,而無(wú)需使用扁平命令拔稳。
多頁(yè)面操作
你可以用無(wú)限精準(zhǔn)的分辨率無(wú)關(guān)模式來(lái)查看畫布,或者打開像素模式來(lái)查看每一個(gè)像素導(dǎo)出成JPG或者PNG文件后的樣子锹雏。值得注意的是巴比,有些效果——比如模糊——會(huì)自動(dòng)將畫布的一部分以像素模式顯示,因?yàn)槟:旧砭褪且粋€(gè)基于像素的效果。值得注意的是轻绞,當(dāng)模糊半徑被設(shè)置為0的時(shí)候采记,文本圖層的內(nèi)陰影才是最好看的。擴(kuò)散并不適用于文本圖層政勃。
放大縮小視圖
可以按住 command 鍵并滾動(dòng)鼠標(biāo)滾輪來(lái)放大查看唧龄。
還能用 Z 鍵來(lái)快速放大某一特定區(qū)域,單擊畫布任一點(diǎn)拖拽出矩形區(qū)域即可稼病。
切片
如果你在文件名中加入了一個(gè)斜杠 (一個(gè)"/")选侨,那么Sketch就會(huì)自動(dòng)新建一個(gè)文件夾,并把這個(gè)文件放入其中然走。舉個(gè)例子援制,如果你將切片命名為 foo/bar.png ,那么Sketch會(huì)先幫你創(chuàng)建一個(gè)叫做 foo 的文件夾芍瑞,然后在里面創(chuàng)建一個(gè)叫 bar.png 的圖片晨仑。