10個容易忽略的Sketch冷門技巧

Sketch的操作相比PS來說要簡單容易上手的多,但在使用過程中,我們多多少少還是會遇到一些問題。那么今天就來聊一下Sketch中的一些使用技巧吧。以下的問題有我自己遇到后找到的解決方案,有些是小伙伴遇到后問我的,分享出來希望可以幫助到有同樣困擾的小伙伴。

1,批量刪除輔助線

關(guān)于輔助線,因為我個人不太習慣用輔助線,一般都是直接按住Option查看數(shù)值,方便有準確。但有時交接工作的時候,會收到帶有很多輔助線的文檔,比如這樣↓↓↓

單個輔助線的刪除,我們只需要拖動它到標尺外就可以,相信大多數(shù)小伙伴也是這么做的。

但對于像上圖中這種數(shù)量眾多的輔助線,拖動刪除就太麻煩了,所以需要批量刪除,操作也非常簡單,只需要兩步就可以將其全部刪除。

移動鼠標至標尺位置,點擊右鍵(注意避開標尺左上角“小鎖”圖標的區(qū)域),然后可以看到"Remove All Vertical / Horizontal guides"的選項,點擊就可以刪除全部輔助線啦。

2,隔組選擇

當圖層復(fù)雜時,為了管理圖層和快速移動,我們往往會給圖層打組,經(jīng)常出現(xiàn)組套組的情況,這時候如果想要再選擇某個圖層,就需要我們不斷雙擊進入層層嵌套的分組,非常影響作圖速度。

有兩個快捷方式可以幫我們解決這個問題:

1).按住Command鍵點選,不管中間套了多少層組,都可以穿過而直接選中該圖層,對其進行操作。這是針對圖層選擇的操作。

2).勾選 group's content on click,擇可以直接選中該組下的圖層或組,不需要雙擊進入。和第一種方法相比,多了組的選擇,也十分方便。

3,拖動畫板生成圖片

為畫板生成導(dǎo)出后,直接拖動導(dǎo)出區(qū)顯示的畫板縮略圖至工作區(qū),可以得到該畫板的切圖。在圖片上填充50%的黑色,就是一個蒙層了,這個操作在設(shè)計彈窗的時候非常方便,不用保留過多圖層的信息。

4,色彩空間

如果你發(fā)現(xiàn)Sketch中的顯色和導(dǎo)出圖片有色差,在軟件里色彩的顯示,會比導(dǎo)出的圖片或比用手機預(yù)覽更加鮮艷。

這是因為Sketch默認的色彩空間Unmanaged,是系統(tǒng)默認的色彩空間。下圖是Unmanaged下,Sketch文件與圖片的對比,可以看到文件的顏色,比生產(chǎn)圖片的顏色更加艷麗。

減少這種色差,需要我們把色彩空間由默認Unmanaged更改為sRGB??梢詮膬蓚€路徑更改:

1.全局的更改,路徑是Sketch→ Preference → Genera → Color Profile → sRGB。這是對Sketch全局文件的修改。

2.單個文檔的更改,路徑是File→ Change Color Profile,可以只對當前文件進行更改。

再看一下sRGB下的文件與圖片,更改過后文件和圖片色差問題基本可以解決。

5,剪切線條

修剪描邊線條的時候,如果需要圓形端點,要在修剪前設(shè)置好描邊,只有居中且Ends和s為第二項時,才能得到圓形端點。而且在修剪過后,是不能再調(diào)整描邊的“局內(nèi)、居中或局外”的方式的,所以在動剪子前,要設(shè)置好。

6,SVG格式的描邊

SVG是可伸縮的矢量圖形,可以任意縮放不影響圖像質(zhì)量,而且與JPEG、PNG相比,SVG文件的小很多,下載也就更快,應(yīng)用也越來越廣泛。

但在導(dǎo)出SVG切圖的時候需要注意一個問題,就是描邊的擴展。SVG格式,普通的描邊也可以識別,但如果描邊中出現(xiàn)透明白的顏色,就會有影響,導(dǎo)致切圖不完整,如下圖:

所以如果有透明度的描邊,一定要先把描邊擴展成路徑再切圖呀。擴展命令是Outlines,可以從View→Customize toolbar,找到Outlines把它拖到常用工具欄里就行了。

7,變形

Sketch中的變形工具雖然不像PS里的那么強大,但也能滿足基本的變形需求。路徑和圖片可以直接變形,文字的話,擴展轉(zhuǎn)為路徑后也可以變形。需要注意的是,過于復(fù)雜的文字擴展成路徑會讓運行速度變慢,所以可以直接轉(zhuǎn)換成圖片調(diào)整。

8,彩色插圖快速轉(zhuǎn)黑白

有時候我們會遇到需要把一組彩色的插圖改為黑白置灰的狀態(tài),簡單的圖形還可以一個個圖層去調(diào)整顏色,但如果是一個復(fù)雜圖形,再一個個去調(diào)色,就影響效率了。

這種情況我們可以把圖形轉(zhuǎn)換為位圖,調(diào)整Color Adjust中的Saturation,就可以快速得到它的黑白效果,取消色彩調(diào)整的話又可以回到彩色,非常方便。

這樣調(diào)整的圖雖然沒有手動去調(diào)可控,效果可能比不上自己手動調(diào)整的好,但勝在速度,工作中可以根據(jù)自己的需要去選擇。我一般是用這種圖快速占位,等有時間后再去手動調(diào)整一版,這樣不會影響項目進度。

9,調(diào)整大小和等比例縮放

調(diào)整長寬值、或者是直接拖動圖形,圖形的圓角大小和描邊像素是不會變化的,如果需要同比例縮放,擇要采用Scale來操作。

↓直接拖動或調(diào)整左側(cè)長寬數(shù)值,圖形的描邊和圓角會保持原有的值不會變化,這兩種方法不適合插圖的縮放,比較適合一些控件的調(diào)整。

↓使用Scale調(diào)整,得到等比例縮放,適合插圖的調(diào)整,不會出現(xiàn)變形等問題。

10,快速重復(fù)

Command+D重復(fù)上一步命令,這個快捷方式與PS相同,可以快速復(fù)制,并且包括角度和方向,所以斜線也可以。

最后推薦我常用的一些相對冷門的快捷鍵,圖片可以直接保存下來哦。

 

 

原創(chuàng): 焱小玖

公眾號:海鹽社


每天更新,
全站高品質(zhì)素材免費下載!