上回咱們說到Sketch可以導(dǎo)入PDF的時(shí)候,有很多Sketch入門的小伙伴都是第一次知道,這說明大家對(duì)Sketch這一塊功能了解得不夠深膜楷,今天我們就來好好捋一捋導(dǎo)入旭咽、導(dǎo)出的功能和技巧,包括批量導(dǎo)出赌厅。
1.Sketch導(dǎo)入
Sketch可以導(dǎo)入以下各種格式的文件:
(1)位圖圖像文件:PNG穷绵,JPG,TIFF和WEBP
(2)矢量格式文件:PDF特愿、SVG仲墨、EPS,如果導(dǎo)入包含多個(gè)頁(yè)面的PDF文檔揍障,則每個(gè)頁(yè)面將單獨(dú)生成一個(gè)畫板目养。
(3)GIF文件:可以導(dǎo)入,但是不會(huì)動(dòng)起來亚兄,只能支持GIF透明格式混稽。
(4)AI和PSD文件:只能作為單個(gè)展平圖層打開,即變成位圖圖像文件审胚,不是直接轉(zhuǎn)換為矢量格式匈勋。如果實(shí)在要導(dǎo)入,先輸出成SVG或者EPS格式文件膳叨,再導(dǎo)入Sketch中即可洽洁。
然后,有4種路徑方法可以把文件導(dǎo)入到Sketch中:
(1)通過菜單欄的“文件-打開...”(英文版“File-Open...”)菲嘴,快捷鍵是“command+O”
(2)將文件拖放到Dock中的Sketch圖標(biāo)上
(3)將文件直接拖放到打開的文檔中
(4)把其他文件復(fù)制饿自,然后粘貼在Sketch工作區(qū)中
2.Sketch導(dǎo)出
2.1單文件導(dǎo)出
我們可以通過選中圖層的方式導(dǎo)出單個(gè)文件,這個(gè)方法適用于導(dǎo)出icon龄坪、單張圖片昭雌、單個(gè)組合圖層或者單個(gè)畫板,首先選中單個(gè)圖層健田,點(diǎn)擊檢查器右下角的“Make EXPORTABLE”烛卧,再點(diǎn)擊“Export Selected...”,最后選中導(dǎo)出的路徑即可妓局。在導(dǎo)出之前总放,我們還可以設(shè)置圖層的導(dǎo)出倍率(默認(rèn)是1x)、前后綴以及格式好爬。
另外一個(gè)方法是通過切片工具來導(dǎo)出局雄,因?yàn)橛袝r(shí)候我們可能只需要導(dǎo)出圖層的某個(gè)區(qū)域,例如在背景上的icon存炮,這時(shí)炬搭,我們就需要通過工具欄的“切片slice”來處理蜈漓。點(diǎn)擊工具欄的切片工具(快捷鍵“S”),然后圈選要導(dǎo)出的內(nèi)容即可尚蝌,后續(xù)的導(dǎo)出流程和選中圖層導(dǎo)出是一致的迎变。
然后,導(dǎo)出的時(shí)候飘言,我們還可能遇到這種情況:我們需要用切片工具導(dǎo)出某個(gè)分組的圖形的一部分衣形,例如兩個(gè)鏤空?qǐng)A組成的icon一部分,然后他們恰好在一個(gè)藍(lán)色的背景上姿鸿。如果我們用切片工具直接導(dǎo)谆吴,就會(huì)出現(xiàn)藍(lán)色的背景。
但是我們顯然是不需要藍(lán)色背景的苛预,我們需要的透明底的icon句狼,這個(gè)時(shí)候,我們就需要把切片工具放在icon所在組里面热某,然后勾選檢查器中的“只導(dǎo)出分組內(nèi)容Export group contents only”選項(xiàng)即可腻菇。
2.2批量導(dǎo)出
如果我們需要批量導(dǎo)出圖層、或者畫板昔馋,可以通過“文件-導(dǎo)出”(英文版“File-Export...”)筹吐,或者快捷鍵“shift+command+E”批量選中要導(dǎo)出的內(nèi)容即可。
第二種方式是選中多個(gè)圖層秘遏,然后通過檢查器右下角的“Make EXPORTABLE”導(dǎo)出丘薛。
第三種方式是在圖層欄選中多個(gè)圖層,并拖動(dòng)到文件夾中邦危,即可生成圖片文件在文件夾中洋侨。
推薦閱讀:
最新版:性感Sketch52正式版發(fā)布,全新UI倦蚪,在線換暗黑皮膚
使用手冊(cè):Sketch中文手冊(cè)(2018)
好書推薦:新書《Sketch交互設(shè)計(jì)之美:從零基礎(chǔ)到完整項(xiàng)目實(shí)現(xiàn)》上架