Sketch 圖片

圖片

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

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

位圖編輯

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

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

?選區(qū)：在圖片上選擇一個(gè)矩形區(qū)域
?魔棒：?jiǎn)螕舢嫴忌先我稽c(diǎn)開始拖拽以選擇一個(gè)區(qū)域，拖拽的范圍越大，容差就會(huì)越大。

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

?反向：當(dāng)前未被選中的區(qū)域會(huì)被選中，反之亦然。

?剪裁：剪去選區(qū)之外的區(qū)域。

?填色：為選區(qū)填充特定顏色。會(huì)出現(xiàn)拾色器供你選擇顏色。

?矢量化：將選區(qū)轉(zhuǎn)變?yōu)榈膱D形圖層，與魔棒工具結(jié)合能發(fā)揮強(qiáng)大功能。

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

九宮格

正常情況下，你縮放一個(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è)問題。進(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ū)域。

下次你再縮放這個(gè)圖片時(shí)，變只會(huì)向某一個(gè)方向移動(dòng)和伸展，并按比例的縮放中心的部分。

色彩校正

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

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