Sketch 不是一個位圖編輯器,所以我們的圖片編輯功能比較有限。但是 Sketch 3 改進了這一點,現(xiàn)在能更好的處理文件中的圖片。
值得注意的是,你可以將任何圖層變成一個扁平的位圖,通過進入 圖層 > 將選區(qū)變成位圖 (Layer > Flatten Selection to Bitmap)。
Sketch 中的位圖編輯有很大的提升,現(xiàn)在也有一個得體的 UI 來專門展示。
選中一個圖片,雙擊它進入編輯模式,你會看見檢查器里出現(xiàn)了幾個特殊的工具,但是你需要先在畫布上設(shè)立一個選區(qū),然后再選擇編輯工具。
http://wiki.jikexueyuan.com/project/sketch-3/images/editing.jpg" alt="" />
值得注意的是,你可以按住 shift 來同時添加多個選區(qū),或者按住 option 鍵從已有選區(qū)中取差集。一旦確立好選區(qū),你可以剪切/復(fù)制選區(qū)來創(chuàng)建一個新的位圖,或者用以下四種工具再來編輯。
當你結(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="" />