圖層是 Sketch 中最基本的構(gòu)成單位。不同于其他將圖層和對象混為一談的應(yīng)用,在 Sketch 里每個對象都有自己的圖層。所以在這個手冊中,我們所說的“圖層”和“對象”其實是一樣的意思,這兩個詞是可以相互替換的。
編組和畫板能讓你在 Sketch 里有效的管理內(nèi)容,他們也會被視為多個圖層的組合。要想添加新的涂層,你可以單擊工具欄中的 insert 按鈕。
添加圖層最簡單的方式便是直接從工具欄選擇一個標(biāo)準(zhǔn)圖形。比如選中矩形工具,光標(biāo)會變成一個右上角有個小矩形的十字圖案。這時你只需在畫布上單擊并拖動鼠標(biāo)來添加你想要的形狀。松開鼠標(biāo),隨即完成這個矩形,并開始編輯它。
高級選項
添加新圖層是非常容易的,但我們同時提供了幾個隱藏快捷鍵來幫助你方便的繪制。比如說你可以按住 shift 鍵來繪制等邊圖形;按住 option 鍵來從中心繪制圖形,而不是從左上角繪制。
如果你想改變圖形的起始點,你需要按住空格鍵,這樣你將會修改起始點,而不是圖形的大小。
你只需單擊來選中圖層,這時選擇框的四角和邊框上會出現(xiàn)8個小手柄。
值得注意的是,萬一你沒看見這些小手柄,那么有可能是你不小心將手柄隱藏起來了,你可以進(jìn)入 視圖 菜單欄,打開 顯示選區(qū)手柄 (View > Show Selection Handles)。
同時選擇多個圖層
你可以按住鍵盤上的 Shift 鍵來同時選擇多個圖層,當(dāng)你點擊其他圖層時,之前選中的圖層也會為你保留。如果你按住 Shift 鍵去點擊一個已經(jīng)選中的圖層,則會取消選擇它。
如果你在畫布上任一點單擊并拖拽出一個矩形,則會選中這個矩形中的所有圖層。你可以繼續(xù)按住 Shift 鍵或者command鍵來增加圖層或者取消個別已經(jīng)選中的圖層。
如果你同時按住 option 鍵,則只會選中完全被包括在所畫選取內(nèi)的圖層。
重疊圖層
為了讓選擇某一圖層底下的圖層更容易,你可以右擊鼠標(biāo),從菜單中選擇 “選擇圖層”(Pick Layer),便會顯示出鼠標(biāo)底下的所有圖層列表。
需要注意的是,在 Sketch 2 里,這個功能是通過快捷鍵 option + command 來實現(xiàn)的,在 Sketch 3 里將被右擊鼠標(biāo)代替。
另一個方便的快捷鍵是 option 鍵,按住 option 鍵,Sketch 會選中第二層圖層,而不是最上層的。如果某個區(qū)域有多個圖層重疊,而你想選擇第三層,那么還是需要用到上面說的右擊鼠標(biāo)的方法來選擇了,有些情況下,你會發(fā)現(xiàn)這是個非常方便的小功能。
快速選擇組中的圖層
編組能方便的管理內(nèi)容,有時還能預(yù)防無意的編輯操作。單擊組,整個組會被視為一個圖層,雙擊才會進(jìn)入組內(nèi)選擇具體圖形。
當(dāng)然,有時你肯定想從深深的編組層級中直接選中某一具體圖層,你可以按住 command 鍵,來直接選擇埋在組里的圖層,無需不停的雙擊以進(jìn)入更深的層級,這將省去你不少的時間。
如果你同時按住 shift 鍵,則能選擇多個圖層。
你可以選中任意圖層,并拖動鼠標(biāo)來移動他們。按住 Shift 鍵來拖動,則會讓圖層嚴(yán)格按照垂直或者水平方向移動。
當(dāng)你移動某一圖層(或者修改尺寸)時,Sketch會自動幫你將它與相鄰的圖層對齊。如果沒出現(xiàn)自動對齊,那可能是參考線功能被不小心關(guān)閉了,你可以在 視圖 菜單里打開顯示參考線 (View > Show Layer Guides)。標(biāo)尺 (Rule),參考線 (Guides) 和 網(wǎng)格 (Grid) 是一個大的話題,我們會在另一章節(jié)單獨來討論。
如果你先按住 alt 鍵再拖動圖層,你其實會創(chuàng)建一個原圖層的拷貝,原來的圖層還是會在最初的位子。(如果你接著按快捷鍵 command + D,Sketch則會重復(fù)你剛才的操作,復(fù)制出一個一樣的圖層。)
移動一個被遮蓋的圖層
這是另一個重疊圖層很麻煩的地方,正常情況下,你單擊并拖動一個圖層它會被立即選中,并移到新的位置。
大多數(shù)時候這是非常方便的,但如果你想移動一個完全在另一圖層底下的圖層,這就會變得非常礙事,因為會直接選中并移動最表面的圖層。
解決這個問題,你需要按住 option + command 鍵,再來單擊你需要的圖層并移動它,你甚至可以單擊畫布上完全不同的區(qū)域,Sketch 仍會為你保留之前的選區(qū)。
需要注意的是:在 Sketch 2 中這個功能的快捷鍵是 A 鍵,但在 Sketch 3 中,A 鍵被重新設(shè)定為添加畫板的快捷鍵。
8個手柄不僅會向你指示出選區(qū),還可以幫你修改圖層的大小。你可以拖動任一個手柄來調(diào)整,如果你同時按下Shift 鍵,圖層的長寬則會按等比例變化。
拖拽圖形某一邊中間的手柄會只調(diào)整圖形的長或?qū)?,想要同時調(diào)整,則直接拖拽圖形的角。
如果你按住 option 鍵,圖層會從中間向四周改變大小,而不是從對角開始變化。
鍵盤
你可以直接使用鍵盤調(diào)整圖層大小。相對于鼠標(biāo),使用鍵盤能更好實現(xiàn)精確到像素的調(diào)整。你需要按住 command 鍵和方向鍵來操作。?→會將圖層寬度增加 1px,?←則會將寬度減少 1px。同樣的,?↓ 和 ?↑則分別將長度增加和減少 1px。如果你同時按住 shift 鍵,每一次更改的數(shù)值將會變成 10 px。
縮放
當(dāng)你改變一個圖層的大小時,它的式樣元素并不會隨之變大變?。阂粋€ 10x10的圖形上 1px的描邊在這個圖形被拉伸至 50x50的時候,將仍保持 1px的描邊。想要更改圖層大小的同時一起更改式樣,那就使用編輯菜單當(dāng)中的縮放工具吧。
雙擊一個圖層,或者單擊工具欄中的編輯按鈕就可以進(jìn)入圖層的編輯模式,接下來發(fā)生什么則取決于你想編輯的是什么類型的圖層了,請接著閱讀相關(guān)的內(nèi)容。
請記得,你可以單擊圖層外任一點,或者按下 Return 鍵或 Escape 鍵,來隨時退出圖層的編輯模式。
更多建議: