當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>技巧教程>教程內(nèi)容

快速批量地導(dǎo)出ps中元素

來源:網(wǎng)絡(luò) 作者:admin 學(xué)習(xí):5596人次

  在軟件UI設(shè)計(jì)、視頻后期等需要團(tuán)隊(duì)協(xié)作的項(xiàng)目中,經(jīng)常涉及到將Photoshop的元素導(dǎo)出的問題。比如項(xiàng)目較大時(shí),會(huì)有成百上千的圖層,又如設(shè)計(jì)IOS或者Android應(yīng)用程序時(shí),經(jīng)常要將圖像保存成幾種不同的分辨率,Photoshop提供了多種方式讓將導(dǎo)出流程精簡化、自動(dòng)化。

  方法一:合并拷貝(CopyMerged)

快速批量地導(dǎo)出Photoshop中元素 教程

  將圖像效果(如一個(gè)按鈕設(shè)計(jì))快速導(dǎo)出到另一個(gè)文件的方法是用合并拷貝。

  一般而言,一個(gè)圖像是由多個(gè)圖層構(gòu)成的,根據(jù)需要,讓這些圖層顯示或者隱藏。然后用選擇工具(M)選擇需要導(dǎo)出的圖像,單擊菜單編輯(Edit)>合并拷貝(CopyMerged),接著新建一個(gè)文檔,直接按Ctrl+V(粘帖),然后保存到新的文件即可。

  方法二:將圖層導(dǎo)出到文件

  如果你需要將圖層分別導(dǎo)出成單獨(dú)的圖像的話(比如按鈕設(shè)計(jì),尺寸相同,但是顏色不一樣),可以用Photoshop的腳本:將圖層導(dǎo)出到文件(ExportLayerstoFiles),單擊菜單文件(File)>腳本(Scripts)>將圖層導(dǎo)出到文件(ExportLayerstoFiles),這樣Photoshop就會(huì)分別將各個(gè)圖層保存成單獨(dú)的文件,文件名和圖層名一樣。你還可以調(diào)整文件格式和文件大小。

  這個(gè)方法的缺陷在于導(dǎo)出之前,你可能需要將一些圖層合并,總體而言還是非常實(shí)用的。

  方法三:切片工具(C)

  Photoshop切片工具允許你將圖像劃分成幾個(gè)方形區(qū)域,然后導(dǎo)出成單獨(dú)的圖像。這個(gè)方法的優(yōu)點(diǎn)是方便、精準(zhǔn),經(jīng)常用于網(wǎng)頁設(shè)計(jì)和UI設(shè)計(jì)。比如設(shè)計(jì)動(dòng)態(tài)圖像、交互圖像時(shí)就非常方便,為了保證切割準(zhǔn)確,通常會(huì)建立許多參考線。切片完成后,單擊存儲(chǔ)為web或設(shè)備使用格式(SaveforWeb&Devices),這樣就可以將需要的圖像批量導(dǎo)出。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!