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ì)素材免費下載!