萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 腳本語言入門:JavaScript 自動化超越動作面板

動作面板只能線性播放,缺乏互動與判斷。Photoshop 支援 JavaScript 腳本(跨平台),配合 ExtendScript Toolkit 開發除錯,能實現參數化、條件邏輯、批次處理等高級自動化。本文從 DOM 架構(Application → Document → ArtLayer/LayerSet/Channel/History) 切入,示範如何用代碼控制圖層不透明度、重設圖像大小,並以「自動繪製雪花」為例對比動作與腳本:動作固定角度分支數,腳本可任意指定分支數與角度,彈性極大。

為什麼需要腳本?

互動性:腳本根據參數/文檔內容動態改變行為,動作如錄影帶固定播放。

前置需求

基本 JavaScript 概念(Codecademy 等免費資源快速上手),CS5+ 版本通用,Adobe 官方 Scripting Guide 為權威參考。

工具:ExtendScript Toolkit (ESTK)

內建於 PS 安裝目錄:
Mac: /Applications/Utilities/Adobe Utilities CS6/ExtendScript Toolkit CS6/
Win: C:\Program Files\Adobe\Adobe Utilities\ExtendScript Toolkit CS6\ (64位在 Program Files (x86))

介面簡潔,下拉選單選目標應用 (PS),綠燈表示連接。按 Cmd/Ctrl+R 執行代碼,自動切換至 PS 彈出提示。

代碼儲存與安裝

  • 存為 .jsx,File > Scripts > Browse 執行。
  • 或放入 Presets/Scripts/ 目錄,選單直接顯示,可設快捷鍵 (Edit > Keyboard Shortcuts)。
  • 檔案首行加 #target photoshop 雙擊即執行。

DOM 視覺化與對象操作

修改當前圖層不透明度:app.activeDocument.activeLayer.opacity = 50;

實戰:重寫「自我旋轉複製」動作為腳本

動作算法:複製 → 旋轉固定角度 → 重複變換。缺點:分支數被角度鎖死。
腳本優勢:輸入分支數 N,自動計算角度 360/N,迴圈完成完美圓環,彈性無上限。

掌握腳本,讓重複勞動變成一次性投資,設計師的左手終於有事做了!

copyright © 萬盛學電腦網 all rights reserved