AE

Script 怎麼寫 沒有程式概念的人 根本無法下手 

我找了Gemini 幫忙 

特別買了有送Gemini Pro 一年免費的手機

所以來試試啦~

I: 幫我寫 after effects 的顏色參考 我想要吸取某個顏色 放在顏色的面板中 讓我到其他comp 可以吸取用的腳本

G: 這是一個非常實用的需求!為了達成您想要的功能(吸取顏色 -> 存入面板 -> 在不同 Comp 間重複使用),我為您編寫了一個名為 "My Color Palettes" 的腳本。

這個腳本是一個可停靠面板 (Dockable Panel),這意味著您可以把它像「效果控制」或「專案視窗」一樣固定在 AE 的介面上,切換 Comp 時它不會消失。

腳本功能說明:

  1. 新增顏色 (Add Color):點擊後會開啟系統調色盤,您可以挑選顏色,或者利用系統調色盤上的「吸管」去吸取螢幕上任何地方的顏色。

  2. 建立色票 (Swatches):選好顏色後,面板上會產生一個色塊按鈕。

  3. 應用顏色 (Apply):在任何 Comp 中,選取一個或多個具有顏色屬性的圖層(例如:形狀圖層的填充、文字、曲線效果的顏色),然後點擊面板上的色塊,該屬性就會變成您儲存的顏色。

  4. 刪除顏色:按住 Alt (Windows) / Option (Mac) 鍵並點擊色塊,即可刪除該顏色。

腳本代碼 (.jsx)

請將以下代碼複製並儲存為 MyColorPalettes.jsx:

---------------------------------------------------------------


安裝與使用步驟:

  1. 保存檔案:

    • 打開記事本或任何純文字編輯器。

    • 將上面的代碼全部複製貼上。

    • 存檔為 MyColorPalettes.jsx (注意副檔名要是 .jsx,不要是 .txt)。

  2. 安裝 (建議方式):

    • 將這個檔案放入 AE 的 ScriptUI Panels 資料夾:

      • Windows: C:\Program Files\Adobe\Adobe After Effects [版本]\Support Files\Scripts\ScriptUI Panels\

      • Mac: /Applications/Adobe After Effects [版本]/Scripts/ScriptUI Panels/

    • 重新啟動 After Effects。

  3. 開啟腳本:

    • 在 AE 上方選單點選 Window (視窗) > 找到最下方的 MyColorPalettes.jsx。

    • 面板出現後,你可以將它拖曳並停靠在任何你喜歡的地方(例如跟 Info 面板放在一起)。

如何操作:

  • 吸取顏色:

    • 點擊面板上的 「+ 新增顏色」。

    • 系統調色盤會跳出來。

    • 在調色盤介面上,通常會有一個「吸管」圖示(視作業系統而定,Mac 和 Windows 都有)。

    • 用吸管去吸取你畫面上的圖片、參考圖或任何地方的顏色。

    • 按下確定,顏色就會變成一個方塊出現在面板上。

  • 應用顏色到其他 Comp:

    • 切換到別的 Composition。

    • 選取你要改色的屬性(例如選取 Shape Layer,展開找到 Fill -> Color)。

    • 選中那個 Color 屬性(屬性會反白)。

    • 點擊面板上的顏色方塊。

    • 顏色就會立刻套用上去!

  • 刪除顏色:

    • 按住鍵盤上的 Alt (或 Mac 的 Option) 不放。

    • 點擊你想刪除的顏色方塊。

  • ------------------------------------

    結論 



    這樣不對於是 我再問

    I:  幫我寫 after effects 的顏色參考 我想要吸取某個顏色 放在顏色的面板中 讓我到其他comp 可以吸取用的腳本 適用after effects cc25的版本

    G: 這是一個針對 After Effects 2025 (v25.x) 優化的版本。

    雖然 AE 的腳本語言核心變動不大,但在新版本中,使用者更期待**「自動儲存 (Persistence)」的功能。因此,我為這個版本加入了記憶功能**:即使您關閉 AE 再重新打開,您之前吸取的顏色依然會保留在面板上,這才是一個真正的「調色盤工具」。

    腳本名稱:Global Color Palette (CC25版)

    功能特色

    1. 跨 Comp 使用:在 A Comp 吸取顏色,立刻切換到 B Comp 貼上。

    2. 自動儲存 (新功能):顏色數據會寫入 AE 的偏好設定檔,重開機後顏色還在。

    3. 支援多種屬性:支援形狀圖層 (Shape Layer) 填充/筆畫、文字顏色、燈光顏色、以及大多數特效 (Effects) 的顏色參數。

    4. HEX 色碼提示:滑鼠移到顏色上會顯示 HEX 色碼 (例如 #FF0000),方便對照。

    腳本代碼 (GlobalColorPalette_v25.jsx)

    ------------------------------------

    結論   出現錯誤訊息~

    ------------------------------------
    I: 

    出現錯誤訊息

    G: 抱歉,出現「No matching closing brace found」這個錯誤通常是因為程式碼在複製貼上的過程中,括號 { 和 } 沒有對齊,或者是我上一段程式碼的巢狀結構(函數裡面包函數)在某些 AE 版本解析時出現了混淆。

    為了徹底解決這個問題,我重新整理了程式碼結構。這次我將所有功能拆分開來,不再全部塞在一個迴圈裡,這樣既能避免語法錯誤,也更穩定。

    請完全覆蓋原本的檔案內容,使用這段修正版 (v25.1):

    修正版腳本:GlobalColorPalette_v25_Fix.jsx 


    ------------------------------------

    結論   出現錯誤訊息~

    ------------------------------------
    I:  
    慘 另一行又出問題

    G:  這真的很抱歉,連續兩次遇到語法錯誤確實令人挫折。這個錯誤 "No matching closing brace found" (找不到對應的右大括號) 通常發生在程式碼結構比較複雜,或者複製貼上時不小心遺漏了某個 } 符號。

    為了徹底解決這個問題,我把程式碼結構改寫成**「最傳統、最扁平」**的形式。

    這個版本做了以下改變以確保穩定:

    1. 移除所有複雜的嵌套:不再有函數包函數的情況,所有功能都平鋪直敘。

    2. 減少依賴:把變數範圍鎖定在單一區塊內。

    3. 極簡化 UI 繪製:確保按鈕繪製邏輯不會出錯。

    請按照以下步驟操作:

    1. 全選刪除您原本 .jsx 檔案裡的所有內容。

    2. 複製下方代碼時,請確保從第一行的 { 複製到最後一行的 },一個字都不能少。

    最終修正版 (v25.Final)

    ------------------------------------

    結論   



    ------------------------------------

    I: 但是 新增顏色的方式 可以使用吸管吸取色彩嗎?

    G:關於您的需求:「直接呼叫吸管工具來吸取顏色」。

    這裡有一個技術限制需要跟您說明:After Effects 的腳本系統 (Scripting) 沒辦法像 AE 內建工具那樣,直接變出一個「吸管游標」讓您在畫面上點擊。通常腳本呼叫的是「作業系統的調色盤」,而在 Windows 上,那個舊版調色盤往往沒有螢幕吸管功能。

    不過,我有更棒的解決方案!

    我幫您修改了腳本,增加了一個 「從選取屬性讀取 (Get from Selected)」 的按鈕。

    這個新功能的用法(取代方案):

    這其實是專業 AE 使用者最常用的方式,因為 AE 原生的吸管最好用:

    1. 使用 AE 原本的吸管(例如 Shape 圖層的填充、或是 Fill 特效的顏色)吸取畫面上的顏色。

    2. 在時間軸選中那個 「Color」屬性。

    3. 點擊腳本上的 「從選取屬性讀取」 按鈕。

    4. 顏色就會立刻存入面板!

    這樣您就可以完美結合 AE 原生吸管的精準度 與 腳本的儲存功能。


    請使用這個 v25.2 增強版 腳本:

    ------------------------------------

    結論   出現錯誤訊息~

    ------------------------------------

    I:   不行 其實 從選起屬性讀取 也不行

    G: 這真的非常抱歉,讓您一直遇到阻礙。如果連「從選取屬性讀取」都沒反應,通常是因為 AE 的屬性層級太複雜(例如您選到了「填充 (Fill)」這個群組,而不是裡面的「顏色 (Color)」數值),而上一版腳本不夠聰明,無法自動幫您往內找。

    我寫了一個 v25.3 終極智慧版。

    這個版本的改良點:

    1. 變聰明了:如果您選取的是「填充 (Fill)」或「筆畫 (Stroke)」這種群組,腳本會自動往裡面找有沒有叫「Color」的屬性,幫您吸出來。

    2. 會說話 (除錯模式):如果還是讀不到,腳本會彈出視窗告訴您:「您選到的是 [什麼東西],但我找不到顏色」,這樣我們就能立刻知道問題出在哪

    請嘗試這樣操作:

    1. 安裝並開啟 v25.3。

    2. 在 AE 的時間軸中,選取圖層,然後按一下鍵盤 U 兩下(顯示所有修改過的屬性),或者展開箭頭。

    3. 情況 A(最穩):直接點選那個寫著「Color」或中文「顏色」的文字(屬性會反白)。

    4. 情況 B(新支援):點選上一層的「Fill 1 (填充 1)」文字。

    5. 按下腳本上的 「⬇ 吸取選取屬性」。

    如果還是不行,請告訴我彈出的錯誤視窗寫了什麼(例如:「選取項目: Shape Layer 1...」),這樣我就能知道 AE 到底把您選的東西當成什麼了。

    ------------------------------------

    結論   可以了~


    ------------------------------------

    I:   這個無法在設定 solid 色彩的時候 選取想要用的顏色 可以修改嗎

    G: 這是一個非常好的反饋。我明白您的意思,您希望當選取一個 Solid (固態層) 時,點擊色票也能直接幫這個 Solid 換顏色。

    目前的腳本 (v25.3 和 v25.4) 只能針對「選取的屬性」運作,而 Solid 的顏色是藏在專案來源 (Source) 裡的,並不像 Shape Layer 那樣直接暴露在屬性面板,所以之前的腳本會找不到目標。

    這裡有一個技術限制需要先跟您說明:

    ⚠️ 注意: 如果您已經打開了 「Solid Settings (固態層設定)」 的那個彈出視窗,腳本是無法運作的(因為那個視窗會鎖住 AE 所有的介面)。

    正確用法是: 不要打開設定視窗,直接在時間軸上選取 Solid 圖層,然後點擊腳本上的色塊。

    我為您修改了代碼,發布 v25.5 全能支援版。 這個版本增加了對 Solid (固態層) 的支援,它會檢測如果您選的是 Solid,就直接修改它的來源顏色。

    v25.5 修改內容:

    1. 支援 Solid 換色:選取 Solid 圖層 -> 點擊色塊 -> Solid 變色。

    2. 邏輯升級:腳本現在會同時檢查「您選的屬性」和「您選的圖層」,確保能應用到最多東西。

    請覆蓋原本的代碼:

    如何測試 Solid 功能:

    1. 吸色:選取一個 Solid 圖層 -> 按腳本上的 🖊️ 按鈕 -> 顏色會被吸進去。

    2. 上色:選取一個 Solid 圖層(不用打開設定視窗)-> 點腳本上的色塊 -> Solid 顏色會直接改變。

    ------------------------------------

    結論   可以了~


    ------------------------------------
    I:  我還想要修改 顏色欄位 5個顏色後 就換成下一行 可以嗎

    G: 沒問題!這是一個非常實用的排版需求。

    將色票改成「固定 5 個一行」會讓面板看起來整齊很多,不會因為視窗拉寬拉窄而亂跑。

    我為您修改了 UI 的排版邏輯,推出了 v25.6 網格排版版。

    v25.6 修改重點:

    1. 網格佈局:現在每新增 5 個顏色,腳本就會自動換一行(建立一個新的 Row)。

    2. 整齊對齊:無論您的面板拉多寬,顏色都會乖乖排成 5 列。

    請使用這段完整代碼(全選覆蓋舊檔):

    變更說明:

    • Grid System:我在 refreshUI 函式中加入了一個判斷 if (i % 5 === 0)。這意思是「如果 index 能被 5 整除(也就是第 0, 5, 10... 個顏色)」,就建立一個新的橫向群組 (Row Group)。

    • 按鈕歸屬:按鈕現在是加入到這些橫向群組中,而不是直接丟到大面板上,這樣就強制形成了網格結構。

    現在即使您增加 100 個顏色,它們也會乖乖地每 5 個換一行,不會亂跑囉!

    ------------------------------------

    結論   出現錯誤訊息~  

    a.電腦不行 b.電腦可以... 總之 每個人自己的電腦自己試~
    -----------------------------------
    I:  檔案無法使用 出現圖片內容

    G: 這真的非常抱歉。出現 No matching closing brace (找不到對應的結束括號) 的錯誤,通常是因為程式碼在複製或生成的過程中有缺漏,導致程式結構不完整。

    為了徹底修復這個問題,我將程式碼改寫為 IIFE (立即執行函式) 的標準寫法,這種寫法封裝性更好,也較不容易出現括號對不上的問題。

    這是 v25.6 修復版,同時保留了您要的 「每 5 個顏色換一行」 的排版功能。

    ⚠️ 請務必執行以下步驟:

    1. 打開您的 .jsx 檔案。

    2. 全選 (Ctrl+A / Cmd+A) 並 刪除 所有舊內容(確保檔案是空的)。

    3. 複製下方完整的程式碼貼上。

    這次的保險措施:

    1. 使用 (function(thisObj){ ... })(this); 包裹,這是 AE 腳本最穩定的寫法,可以確保變數不外洩,也減少語法衝突。

    2. 每行代碼我都重新檢查過括號對應,確保沒有遺漏。

    3. 保留了 「每 5 個換一行」 的邏輯(在 win.refreshUI 函式中)。

    4. 保留了 Solid 圖層換色 支援。

    請再試一次,這次應該能完美運作了!


    ------------------------------------

    結論   可以了~

    ------------------------------------


    想修改 就繼續下去 Gemini 會幫你持續接下來的版本

    這個年代 要學會跟AI 對話 講他聽得懂的話 好做事 
    Good Luck~

    download : script lobalColorPalette_v25.6.jsx







     


    https://firefly.adobe.com/generate/image

    用中文的提示詞 當樣本 示範 各種效果

    金錢錢幣堆疊增加 往上有箭頭指標 旁邊灑落金色粒子一閃一閃小小光芒 背景是美鈔

    技巧

    壓克力顏料 Acrylic paint 


    粗線 Bold lines


    明暗對照法 Chiaroscuro


    顏色偏移藝術  Color shift art 


    銀版攝影法 Daguerreotype


    數位碎形 Digital fractal


    塗鴉畫  Doodle drawing 


    雙重曝光人像 Double exposure portrait


    濕壁畫 Fresco


    幾何筆 Geometric pen 


    半色調 Halftone


    水墨  Ink


    光繪 Light painting


    線條繪製 Line drawing


    橡膠版畫  Linocut 


    油畫 Oil paint


    顏料飛濺  Paint splattering  


    繪畫 Painting


    調色刀 Palette knife


    相片處理   Photo manipulation


    潦草紋理  Scribble texture  


    素描  Sketch


    潑濺  Splattering


    點刻法  (怎麼看都像飼料)   Stippling


    水彩  Watercolor



    效果

    古董相片 Antique photo


    生物發光 Bioluminescent 


    散景效果 Bokeh effect


    顏色爆炸 Color explosion 


    深色 Dark


    褪色影像 Faded image


    魚眼 Fisheye


    Gomori (氨銀?)攝影   Gomori photography  


    顆粒底片  Grainy film 


    色彩斑斕  Iridescent


    等距 Isometric
      


    霧茫茫   Misty 


    霓虹  Neon



    超自然描述 Otherworldly depiction 
     


    紫外線  Ultraviolet


    水下 Underwater


    材質

    3D 圖樣 3d patterns


    木炭畫 Charcoal


    黏土動畫  Claymation


    織品  Fabric


    毛皮 Fur


    扭索圖樣 Guilloche patterns  


    分層紙 Layered paper 


    大理石  Marble


    金屬製 Made of metal


    褶紙 Origami


    混凝紙漿  Paper mache


    波卡點 圖樣 Polka-dot pattern 


    怪奇圖樣 Strange patterns  


    木頭雕刻  Wood carving


    紗 Yarn


    概念

    美麗 Beautiful



    波希米亞風  Bohemian 



    混沌 Chaotic


    Dais 升高的平台 



    神聖  Divine



    折衷主義 Eclectic


    未來感 Futuristic


    媚俗 Kitschy



    懷舊 Nostalgic


    簡單  Simple



    Try it~

















    較新的文章 較舊的文章 首頁

    Particular 3.1 分子運動介紹

    • Particular 3.1 分子運動介紹 00
    • Particular 3.1 分子運動介紹 01
    • Particular 3.1 分子運動介紹 02
    • Particular 3.1 分子運動介紹 03
    • Particular 3.1 分子運動介紹 04
    • Particular 3.1 分子運動介紹 05
    • Particular 3.1 分子運動介紹 06

    POPULAR POSTS

    • Comp Screenshot / AE螢幕擷取
    • Distort 各式各樣的變形 _ 前段
    • Anchor Point 定位點
    • Simulation 6 CC Particle World 分子世界
    • Element 3D - Diamond
    • shape layer 圖形層_01
    • Composition Settings / Preset (Comp 設定)
    • After effects 的細胞 Cells
    • Golden Sand 金沙閃動
    • Particular 3.1 分子運動介紹 01

    Blog Archive

    • 2025 7
      • 12月 1
        • Ai script 的創造
      • 10月 1
        • firefly 的發現_2
      • 9月 1
      • 8月 2
      • 7月 1
      • 4月 1
    • 2024 10
      • 11月 2
      • 9月 1
      • 7月 2
      • 6月 4
      • 1月 1
    • 2023 2
      • 4月 1
      • 3月 1
    • 2022 6
      • 12月 1
      • 10月 1
      • 9月 1
      • 7月 2
      • 4月 1
    • 2021 6
      • 12月 1
      • 8月 1
      • 6月 2
      • 2月 2
    • 2020 5
      • 11月 1
      • 7月 1
      • 2月 1
      • 1月 2
    • 2019 6
      • 10月 2
      • 9月 1
      • 6月 2
      • 3月 1
    • 2018 7
      • 11月 1
      • 10月 2
      • 9月 1
      • 8月 1
      • 7月 2
    • 2017 15
      • 11月 3
      • 10月 1
      • 9月 3
      • 8月 1
      • 7月 2
      • 4月 3
      • 3月 1
      • 2月 1
    • 2016 16
      • 10月 2
      • 9月 1
      • 8月 3
      • 7月 1
      • 6月 1
      • 4月 2
      • 3月 1
      • 2月 3
      • 1月 2
    • 2015 5
      • 9月 1
      • 5月 2
      • 4月 1
      • 1月 1
    • 2014 10
      • 12月 1
      • 11月 1
      • 7月 2
      • 3月 2
      • 2月 3
      • 1月 1
    • 2013 43
      • 12月 2
      • 11月 2
      • 10月 1
      • 9月 6
      • 8月 7
      • 7月 4
      • 6月 2
      • 5月 4
      • 4月 6
      • 3月 3
      • 2月 4
      • 1月 2
    • 2012 11
      • 11月 2
      • 10月 2
      • 9月 4
      • 8月 1
      • 5月 2

    Categories

    • Effects 48
    • Sample 32
    • plugin 27
    • Basic 17
    • 文言 16
    • Free 15
    • Text 9
    • Particular 8
    • shape 7
    • 3D 6
    • Link 4
    • Script 4
    • element 3D 4
    • AI 3
    • color 3
    • Gold 2
    • background 2
    • firefly 2
    • C4D 1
    • Font 1
    • brush 1
    • ffx 1
    • shape layer 1
    • shape layer ramp 1
    • shape sample 1

    Sample Text

    如果可以的話
    你也來寫 AE 教學吧~
    每個人的敘事方式不一樣
    會產生不同風格喔~
    Try it!

    Distributed By Gooyaabi | Designed by OddThemes