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

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

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

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

  方法一:合并拷貝(CopyMerged)

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

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

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

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

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

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

  方法三:切片工具(C)

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

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

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

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

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