80%的人不知道的Sketch小技巧

鋼筆工具

繪制矢量圖形時(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 的圖片晨仑。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市拆檬,隨后出現(xiàn)的幾起案子洪己,更是在濱河造成了極大的恐慌,老刑警劉巖竟贯,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件答捕,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡屑那,警方通過(guò)查閱死者的電腦和手機(jī)拱镐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)持际,“玉大人沃琅,你說(shuō)我怎么就攤上這事≈┯” “怎么了益眉?”我有些...
    開封第一講書人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)姥份。 經(jīng)常有香客問(wèn)我郭脂,道長(zhǎng),這世上最難降的妖魔是什么澈歉? 我笑而不...
    開封第一講書人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任展鸡,我火速辦了婚禮,結(jié)果婚禮上闷祥,老公的妹妹穿的比我還像新娘娱颊。我一直安慰自己,他們只是感情好凯砍,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開白布箱硕。 她就那樣靜靜地躺著,像睡著了一般悟衩。 火紅的嫁衣襯著肌膚如雪剧罩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評(píng)論 1 285
  • 那天座泳,我揣著相機(jī)與錄音惠昔,去河邊找鬼。 笑死挑势,一個(gè)胖子當(dāng)著我的面吹牛镇防,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播潮饱,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼来氧,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了香拉?” 一聲冷哼從身側(cè)響起啦扬,我...
    開封第一講書人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎凫碌,沒(méi)想到半個(gè)月后扑毡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡盛险,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年瞄摊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片枉层。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡泉褐,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鸟蜡,到底是詐尸還是另有隱情膜赃,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布揉忘,位于F島的核電站跳座,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏泣矛。R本人自食惡果不足惜疲眷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望您朽。 院中可真熱鬧狂丝,春花似錦换淆、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至蛋哭,卻和暖如春县习,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背谆趾。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工躁愿, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人沪蓬。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓彤钟,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親跷叉。 傳聞我的和親對(duì)象是個(gè)殘疾皇子样勃,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

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

  • 注:本文全部?jī)?nèi)容摘錄整理自《Sketch 中文手冊(cè)》,感謝 Sketch 中文網(wǎng) 以及網(wǎng)站作者 匡雪婷性芬。 1. 基...
    陳加新閱讀 3,692評(píng)論 0 21
  • 本書講了什么 Sketch3基本操作介紹峡眶。 作者什么來(lái)頭 鄭成云,社會(huì)化媒體營(yíng)銷實(shí)踐者植锉,專注網(wǎng)絡(luò)社交領(lǐng)域辫樱。從業(yè)6年...
    少穻閱讀 2,390評(píng)論 0 1
  • 注意:這是一篇譯文,如果你夠裝逼俊庇,完全可以瀏覽原文:Sketch Tutorial for iOS Develop...
    Andy矢?jìng)}閱讀 16,954評(píng)論 10 158
  • 長(zhǎng)夜漫漫狮暑,吾將上下而求索。鄉(xiāng)村夜晚給人的感覺總是寂靜的辉饱,它沒(méi)有白天一般的嘰吵搬男,給人一種祥和的黑暗。 這黑暗總有些溫...
    youngEF閱讀 232評(píng)論 0 0
  • 實(shí)在是沒(méi)有比這個(gè)書名更好的書名了彭沼。這是我最喜歡的中篇小說(shuō)之一缔逛,我認(rèn)為它完全可以和那些諾獎(jiǎng)文學(xué)相提并論,甚至與《局外...
    jinglan0379閱讀 303評(píng)論 0 1