Sketch非常好用的10個(gè)技巧
Sketch的操作相比PS簡單易用,但在使用過程中,我們或多或少會(huì)遇到一些問題。所以今天就來說說吧。Sketch一些使用技巧。以下問題包括我遇到后找到的解決方案。有的朋友遇到后問我,希望能幫助有同樣麻煩的朋友。https://js.design/special/sketch/
1.批量刪除輔助線
關(guān)于輔助線,因?yàn)槲覀€(gè)人不習(xí)慣用輔助線,一般直接按住option查看值,方便準(zhǔn)確。但有時(shí)在交接工作時(shí),會(huì)收到大量的輔助線文檔,如此↓↓↓
收到的文檔OTZ
刪除單個(gè)輔助線,我們只需要把它拖到尺子外面,我相信大多數(shù)朋友也這樣做。
單獨(dú)刪除輔助線
但是對(duì)于上圖中大量的輔助線,拖動(dòng)刪除太麻煩了,所以需要批量刪除,操作也很簡單,只需要兩步就可以完全刪除。
將鼠標(biāo)移動(dòng)到標(biāo)尺位置,點(diǎn)擊右鍵(注意避開標(biāo)尺左上角“小鎖”圖標(biāo)區(qū)域),然后可以看到"RemoveAllvertical/Horizontalguides"選項(xiàng),點(diǎn)擊刪除所有輔助線。
批量刪除輔助線
2.隔組選擇
當(dāng)圖層復(fù)雜時(shí),為了管理圖層和快速移動(dòng),我們經(jīng)常對(duì)圖層進(jìn)行分組,并且經(jīng)常出現(xiàn)分組。此時(shí),如果我們想選擇另一個(gè)層,我們需要不斷地雙擊進(jìn)入層層嵌套組,這對(duì)繪圖速度有很大的影響。
有兩種方法可以幫助我們解決這個(gè)問題:
1).按住command關(guān)鍵點(diǎn)選擇,無論中間有多少層組,都可以通過并直接選擇圖層進(jìn)行操作。這是圖層選擇的操作。
2).勾選selectgroup'scontentonclick,可以直接選擇組下的圖層或組,無需雙擊即可進(jìn)入。與第一種方法相比,多組選擇,也非常方便。
分組選擇組或圖層
3.拖動(dòng)畫板生成圖片
生成并導(dǎo)出畫板后,直接將導(dǎo)出區(qū)顯示的畫板縮略圖拖到工作區(qū),即可獲得畫板的切割圖。在圖片上填充50%的黑色是一個(gè)蒙層設(shè)計(jì)彈出窗口非常方便,不需要保留太多圖層信息。
拖動(dòng)畫板生成圖片
4.色彩空間
如果你發(fā)現(xiàn)Sketch顯示顏色和導(dǎo)出圖片之間存在色差。軟件中的顏色顯示會(huì)比導(dǎo)出圖片或手機(jī)預(yù)覽更明亮。這是因?yàn)镾ketch默認(rèn)的色彩空間Unmanaged,這是系統(tǒng)默認(rèn)的色彩空間。下圖為下圖。Unmanaged下,Sketch對(duì)比文件和圖片,可以看到文件的顏色,比生產(chǎn)圖片的顏色更華麗。
為了減少這種色差,我們需要默認(rèn)將色彩空間放在色差上Unmanaged更改為sRGB。兩條路徑可以改變:
1.全局變化,路徑是Sketch→Preference→Genera→ColorProfile→sRGB。這是對(duì)Sketch修改全局文件。
2.單個(gè)文檔的變更,路徑是File→ChangeColorProfile,只能更改當(dāng)前文件。
再看一下sRGB下面的文件和圖片,更改后的文件和圖片色差問題基本可以解決。
5.剪切線條
修剪邊緣線時(shí),如果需要圓端點(diǎn),修剪前應(yīng)設(shè)置邊緣,只有中間和中間,Ends和Joins只有在第二項(xiàng)中,才能得到圓端點(diǎn)。而且修剪后,描邊不能再調(diào)整了“局內(nèi),居中或局外”所以在動(dòng)剪子之前,要設(shè)置好。
6.SVG格式的描邊
SVG它是一種可伸縮的矢量圖形,可以隨意收縮而不影響圖像質(zhì)量,而且與可伸縮的矢量圖形相比,可以隨意收縮而不影響圖像質(zhì)量JPEG,PNG相比,SVG文件要小得多,下載更快,應(yīng)用也越來越廣泛。
但在導(dǎo)出SVG切圖時(shí)要注意一個(gè)問題,那就是邊緣的擴(kuò)展。SVG格式,普通的邊緣也可以識(shí)別,但如果邊緣有透明的顏色,就會(huì)有影響,導(dǎo)致切割不完整,如下圖所示:
所以如果有透明度的描邊,一定要先把描邊擴(kuò)展成路徑再切圖。擴(kuò)展命令是擴(kuò)展命令。Outlines,可以從View→Customizetoolbar,找到Outlines只需將其拖入常用工具欄即可。
7.變形
Sketch雖然中變形工具不像PS如此強(qiáng)大,但也能滿足基本的變形需求。路徑和圖片可以直接變形。如果文本擴(kuò)展到路徑,也可以變形。需要注意的是,過于復(fù)雜的文本擴(kuò)展到路徑會(huì)減慢運(yùn)行速度,因此可以直接轉(zhuǎn)換為圖片調(diào)整。
8.彩色插圖快速轉(zhuǎn)黑白白
有時(shí)我們需要把一組彩色插圖改為黑白灰色狀態(tài),簡單的圖形也可以逐層調(diào)整顏色,但如果是一個(gè)復(fù)雜的圖形,一個(gè)接一個(gè)色,會(huì)影響效率。
在這種情況下,我們可以將圖形轉(zhuǎn)換為位圖,調(diào)整ColorAdjust中的Saturation,它能很快得到它的黑白效果,取消色彩調(diào)整,又能回到色彩,非常方便。
雖然這樣的調(diào)整圖沒有手動(dòng)調(diào)整可控,效果可能不如自己的手動(dòng)調(diào)整好,但比速度好,工作可以根據(jù)自己的需要選擇。我通常用這張圖快速占據(jù)位置,有時(shí)間手動(dòng)調(diào)整版本,不會(huì)影響項(xiàng)目進(jìn)度。
9.調(diào)整大小和等比例縮放
調(diào)整長度和寬度值,或直接拖動(dòng)圖形。圖形的圓角大小和邊緣描述像素不會(huì)改變。如果需要同比例縮放,則選擇使用Scale來操作。
↓直接拖動(dòng)或調(diào)整左側(cè)的長度和寬度值,圖形的邊緣和圓角將保持原始值不變化,這兩種方法不適合插圖的縮放,更適合一些控制器的調(diào)整。
↓使用Scale調(diào)整,得到等比例縮放,適合插圖調(diào)整,無變形等問題。
10.快速重復(fù)
command+D重復(fù)上一步命令,這種快捷方式和快捷方式PS同樣,可以快速復(fù)制,包括角度和方向,所以斜線也可以。