圖片

Sketch 不是一個位圖編輯器，所以我們的圖片編輯功能比較有限。但是 Sketch 3 改進了這一點，現(xiàn)在能更好的處理文件中的圖片。

值得注意的是，你可以將任何圖層變成一個扁平的位圖，通過進入 圖層 > 將選區(qū)變成位圖 （Layer > Flatten Selection to Bitmap）。

位圖編輯

Sketch 中的位圖編輯有很大的提升，現(xiàn)在也有一個得體的 UI 來專門展示。

選中一個圖片，雙擊它進入編輯模式，你會看見檢查器里出現(xiàn)了幾個特殊的工具，但是你需要先在畫布上設(shè)立一個選區(qū)，然后再選擇編輯工具。

• 選區(qū)：在圖片上選擇一個矩形區(qū)域
• 魔棒：單擊畫布上任一點開始拖拽以選擇一個區(qū)域，拖拽的范圍越大，容差就會越大。

http://wiki.jikexueyuan.com/project/sketch-3/images/editing.jpg" alt="" />

值得注意的是，你可以按住 shift 來同時添加多個選區(qū)，或者按住 option 鍵從已有選區(qū)中取差集。一旦確立好選區(qū)，你可以剪切/復(fù)制選區(qū)來創(chuàng)建一個新的位圖，或者用以下四種工具再來編輯。

• 反向：當前未被選中的區(qū)域會被選中，反之亦然。
• 剪裁：剪去選區(qū)之外的區(qū)域。
• 填色：為選區(qū)填充特定顏色。會出現(xiàn)拾色器供你選擇顏色。
• 矢量化：將選區(qū)轉(zhuǎn)變?yōu)榈膱D形圖層，與魔棒工具結(jié)合能發(fā)揮強大功能。

當你結(jié)束對位圖的編輯，只需單擊圖片外任一點，或按下 return 鍵/ escape 鍵即可退出編輯模式。

九宮格

正常情況下，你縮放一個位圖時，他們會對稱的向各個方向變化。但有時這并不是你想要的，比如說你在做一個網(wǎng)頁設(shè)計，你也許會想要一個 safari 里的白色背景，隨著網(wǎng)頁內(nèi)容變多而變長。

我們特意增加了針對圖片的九宮格縮放來解決這個問題。進入 圖層 > 轉(zhuǎn)化為九宮格圖片 （Layer > Convert to Nine-slice Image），你會發(fā)現(xiàn)圖片被劃分為了9個區(qū)域。你可以單擊拖拽四個中心點的任一個來調(diào)整9個區(qū)域。

http://wiki.jikexueyuan.com/project/sketch-3/images/nine-slice.jpg" alt="" />

下次你再縮放這個圖片時，變只會向某一個方向移動和伸展，并按比例的縮放中心的部分。

色彩校正

如果你想微調(diào)一張現(xiàn)有圖片的顏色，那可以使用檢查器中的色彩校正面板來實現(xiàn)，在這，你可以改變圖片的飽和度，亮度和對比色。

需要注意的是，這一個不破壞原圖的操作，所以你稍后還可以再次更改這些參數(shù)。

http://wiki.jikexueyuan.com/project/sketch-3/images/color-adjust.jpg" alt="" />