顏色

  1. Adobe Animate 使用手冊
  2. Animate 簡介
    1. Animate 的新功能
    2. 視覺詞彙
    3. Animate 系統需求
    4. Animate 鍵盤快速鍵
    5. 在 Animate 中使用多個檔案類型
  3. 動畫
    1. Animate 中的動畫基本概念
    2. 如何在 Animate 中使用影格及關鍵影格
    3. Animate 中的逐格動畫
    4. 如何在 Animate 中使用傳統補間動畫
    5. 筆刷工具
    6. 移動導引線
    7. 移動補間動畫與 ActionScript 3.0
    8. 關於移動補間動畫
    9. 移動補間動畫
    10. 建立移動補間動畫
    11. 使用屬性關鍵影格
    12. 使用補間動畫將位置製成動畫
    13. 如何使用移動編輯器編輯移動補間動畫
    14. 編輯補間動畫的移動路徑
    15. 操作移動補間動畫
    16. 新增自訂加/減速
    17. 建立和套用移動預設效果
    18. 設定動畫補間動畫範圍
    19. 使用儲存為 XML 檔案的移動補間動畫
    20. 移動補間動畫與傳統補間動畫
    21. 形狀補間動畫
    22. 在 Animate 中使用骨塊工具動畫
    23. 在 Animate 進行角色製作
    24. 如何在 Adobe Animate 中使用遮色片圖層
    25. 如何在 Animate 中使用場景
  4. 互動
    1. 如何使用 Animate 建立按鈕
    2. 將 Animate 專案轉換成其他文件類型格式
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 在 Animate 中使用程式碼片段增加互動功能
    5. 建立自訂 HTML5 組件
    6. 在 HTML5 Canvas 中使用組件
    7. 建立自訂組件:範例
    8. 自訂組件的程式碼片段
    9. 最佳作法 - 使用 Animate 做廣告
    10. 虛擬實境編寫和發佈
  5. 工作區和工作流程
    1. 建立和管理繪圖筆刷
    2. 在 HTML5 Canvas 文件中使用 Google 字體
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作區
    6. 在 HTML5 Canvas 文件中使用網頁字體
    7. 時間軸與 ActionScript
    8. 使用多重時間軸
    9. 設定偏好設定
    10. 使用 Animate 編寫面板
    11. 使用 Animate 建立時間軸圖層
    12. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    13. 移動和複製物件
    14. 範本
    15. Animate 中的尋找和取代
    16. 還原、重做和操作記錄面板
    17. 鍵盤快速鍵
    18. 如何在 Animate 中使用時間軸
    19. 建立 HTML 擴充功能
    20. 影像和 GIF 動畫的最佳化選項
    21. 匯出影像和 GIF 的設定
    22. Animate 中的資源面板
  6. 多媒體和視訊
    1. 在 Animate 中變形及結合圖像物件
    2. 在 Animate 中建立並使用元件實體
    3. 影像描圖
    4. 如何在 Adobe Animate 中使用聲音
    5. 匯出 SVG 檔案
    6. 建立要在 Animate 中使用的視訊檔案
    7. 如何在 Animate 增加視訊
    8. 使用視訊提示點
    9. 使用 Animate 繪製及建立物件
    10. 調整線條和形狀
    11. 使用 Animate CC 中的筆畫、填色和漸層
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的色彩面板
    14. 使用 Animate 開啟 Flash CS6 檔案
    15. 在 Animate 中使用傳統文字
    16. 將圖案放入 Animate 中
    17. Animate 中匯入的點陣圖
    18. 3D 圖像
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 繪製線條和形狀
    21. 使用 Animate 中的元件庫
    22. 匯出聲音
    23. 在 Animate CC 中選取物件
    24. 在 Animate 中使用 Illustrator AI 檔案
    25. 使用噴刷工具套用圖樣
    26. 套用混合模式
    27. 排列物件
    28. 使用命令選單自動執行工作
    29. 多國語言文字
    30. 使用 Animate 中的攝影機
    31. 搭配使用 Animate 與 Adobe Scout
    32. 使用 Fireworks 檔案
    33. 圖像濾鏡
    34. 聲音和 ActionScript
    35. 繪圖偏好設定
    36. 使用鋼筆工具繪圖
  7. 平台
    1. 將 Animate 專案轉換成其他文件類型格式
    2. 自訂平台支援
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 建立並發佈 WebGL 文件
    5. 如何封裝 AIR for iOS 的應用程式
    6. 發佈 AIR for Android 應用程式
    7. Adobe AIR for Desktop 的發佈功能
    8. ActionScript 發佈設定
    9. 最佳作法 - 在應用程式中組織 ActionScript
    10. 如何搭配使用 ActionScript 與 Animate
    11. 最佳作法 - 輔助功能原則
    12. Animate 工作區中的輔助功能
    13. 撰寫和管理指令碼
    14. 啟用自訂平台的支援
    15. 自訂平台支援概觀
    16. 建立輔助功能內容
    17. 使用自訂平台支援外掛程式
    18. ActionScript 3.0 的除錯
    19. 啟用自訂平台的支援
  8. 匯出與發佈
    1. 如何從 Animate CC 匯出檔案
    2. OAM 發佈
    3. 匯出 SVG 檔案
    4. 使用 Animate 匯出圖像和視訊
    5. 發佈 AS3 文件
    6. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    7. 匯出聲音
    8. 匯出 QuickTime 視訊檔
    9. 使用 ActionScript 控制外部視訊播放
    10. 最佳作法 - 建立行動裝置內容的秘訣
    11. 最佳作法 - 視訊慣例
    12. 最佳作法 - SWF 應用程式編寫原則
    13. 最佳作法 - 建構 FLA 檔
    14. 最佳化 Animate 的 FLA 檔案的最佳作法
    15. ActionScript 發佈設定
    16. 指定 Animate 的發佈設定
    17. 匯出放映檔
    18. 匯出影像和 GIF 動畫
    19. HTML 發佈範本
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和發佈您的動畫

色彩模型可描述在數位影像中所看到和所使用的色彩。每個色彩模型 (例如 RGB、CMYK 或 HSB) 都是一種對色彩進行描述和分類的方法。它們使用數值代表可見的色彩光譜。色域是另一種形式的色彩模型,具有特定的色彩色域,亦即色彩範圍。例如,RGB 顏色模型就有幾個顏色空間:Adobe® RGB、sRGB 和 Apple® RGB。雖然這些色彩空間都使用三個相同的軸 (R、G 和 B) 來定義色彩,但它們的色域卻不盡相同。

您在使用影像色彩時,其實就是在調整檔案中的數值。如果把數字想像成一種色彩,會比較容易了解;但這些數值本身並不是絕對色彩,它們只是在產生色彩的裝置其色域中,代表一種色彩。

因為每個裝置都有專屬的色彩空間,所以它只能重製自己色域內的色彩。因為每個裝置會根據本身的色彩空間解釋 RGB 或 HSB 數值,所以當影像從一個裝置移到其他裝置時,可能會更改影像的色彩。例如,在螢幕上所看到的所有色彩,絕對不可能完全符合從桌上型印表機列印的文件色彩。印表機是在 CMYK 色彩空間中運作,而螢幕是在 RGB 色彩空間中運作。它們的色域是不相同的。某些油墨所產生的色彩無法在螢幕上顯示,而某些能在螢幕上顯示的色彩,卻無法用油墨翻印在紙張上。

建立要在 Animate 文件中使用的色彩時,請牢記一點,雖然所有色彩在不同的裝置都有落差,但只要將目標使用者所用的裝置圖像顯示功能納入考量,您還是可以達到非常好的結果。

Adobe Animate CC 可以讓您使用 RGB 或 HSB 色彩模式套用、建立和修改色彩。您可以使用預設面板或自行建立的面板,選擇顏色來套用到物件的筆畫或填色上 (包括即將建立的物件或是已在「舞台」上的物件)。

將筆畫顏色套用到形狀時,您可以執行下列任何項目:

  • 將純色、漸層或點陣圖套用到形狀的填色。若要將點陣圖填色套用至形狀,必須將點陣圖匯入目前的檔案。選取任何純色、漸層及樣式和筆畫寬度。

  • 使用「無色」做為填色來建立有外框但沒有填色的形狀。

  • 使用「無色」做為外框來建立有填色但沒有外框的形狀。

  • 將純色填色套用到文字。

使用「顏色」面板,將可以輕鬆建立並編輯 RGB 和 HSB 模式中的純色和漸層填色。

若要存取系統顏色挑選器,請從「顏色」面板、「工具」面板或「形狀屬性」檢測器的「筆畫顏色」和「填色顏色」控制項中,選取「顏色挑選器」圖示

顏色面板

「顏色」面板可讓您修改 FLA 的色盤以及筆畫與填色的顏色,其中包含下列項目:

  • 使用「色票」面板匯入、匯出、刪除或修改 FLA 檔的色盤。

  • 選取十六進位模式的顏色。

  • 建立多重顏色漸層。

  • 使用漸層來產生各式各樣的特效,例如,針對二維物件產生深度的幻覺。

「顏色」面板包含下列控制項:

筆畫顏色

改變圖像物件筆畫 (或邊框) 的顏色。

填色顏色

變更填色顏色。填色是以顏色填滿形狀的整個區域。

顏色類型選單

變更填色樣式:

移除填色。

純色

可提供單純、簡單的填色顏色。

線性漸層

產生依照線性路徑混和的漸層。

放射性漸層

產生從中央焦點以環形路徑向外呈現混和效果的漸層。

點陣圖填色

使用您可選取的點陣圖影像拼貼選取的填色區域。選擇「點陣圖」時,會出現對話方塊,讓您選取本機電腦上的點陣圖影像,並將此點陣圖加入至元件庫。您可以套用這個點陣圖做為填色,產生的外觀效果有點像馬賽克拼貼圖樣,可將重複的影像鋪滿形狀內部。

HSB

可讓您更改填色中的顏色「色相」、「飽和度」及「亮度」。

RGB

讓您改變填色內的紅色、綠色與藍色 (RGB) 的密度。

Alpha

設定純色填色的不透明度,或是漸層填色目前所選取的滑桿。0% 的 Alpha 值可以建立隱藏的 (或透明的) 填色;100% 的 Alpha 值可以建立不透明的填色。

目前的色票

顯示目前選取的顏色。如果從填色「類型」選單中選取漸層填色類型 (「線性」或「放射狀」),「目前的色票」便會顯示您建立之漸層中的顏色轉換。

系統顏色挑選器

讓您以視覺的方式選取顏色。按一下「系統顏色挑選器」,並拖曳十字準線指標四處移動,直到您找到想要的顏色為止。

十六進位值

顯示目前顏色的十六進位值。若要使用十六進位值來改變顏色,請輸入新的值。十六進位顏色值 (也稱為 Hex 值) 是用來表示顏色的六位英數字母組合。

流量

讓您控制套用至超出線性或放射狀漸層範圍的顏色。

擴充顏色

(預設值) 將超出漸層邊緣的部分套用您指定的顏色。

反射顏色

會以類似鏡映的反射效果,以漸層顏色填滿形狀。您指定的漸層會從漸層的開端到結束邊緣重複一次,接著依相反順序從漸層的結束邊緣到開端重複一次,然後又從漸層開端到結束邊緣重複,這樣來回重複直到填滿選取的形狀為止。

重複顏色

從漸層開端到結束邊緣重複漸層,直到填滿選取的形狀為止。

注意:只有 Adobe Flash Player 8 及更新版本才支援溢位模式。

線性 RGB

建立相容於 SVG (縮放的向量圖形) 的線性或放射狀漸層。

色票面板

色票可讓您輕鬆地在文件間重複使用和更新顏色。您現在可以從色票中選取顏色,藉此建立標記的色票。建立標記的色票並套用到 Animate 內容中的形狀和路徑之後,變更標記色票中的顏色將會自動更新使用該顏色的所有內容。

  1. 按一下「視窗 > 顏色」。

  2. 在「顏色」面板的「色票」索引標籤中,選取您要轉換為標記色票的顏色,然後按一下面板底部的「轉換為標記的色票」按鈕。

  3. 在「標記的顏色定義」對話方塊中,指定下列設定:

    • 新色票的名稱。
    • 選擇純色、線性漸層或放射性漸層。
    • 透過指定 HSB 值 (色相、飽和度和亮度) 或 RGB (紅色、綠色和藍色),決定顏色。
    標記的顏色定義對話方塊

    新標記的色票隨即出現在「顏色」面板的「顏色」和「色票」索引標籤中,以及「工具」面板中。

    顏色、色票和工具面板中新建立的標記色票

  4. 選取使用標記色票的物件之後,當您開啟「顏色」面板時,將會看到可用來編輯顏色屬性的選項。如果對顏色屬性進行變更,則變更會自動反映在舞台上使用標記色票的所有元素上。

  5. 您可以按兩下色票,或者選取色票並按一下「編輯」來開啟「標記的顏色定義」對話方塊,然後對色票中的顏色進行變更。

  6. 若要將使用色票的形狀與色票顏色中斷連結,請選取形狀,然後按一下「中斷連結」按鈕。您可以在「顏色」面板中,為形狀選取新的顏色。

    中斷連結選項

    在「顏色」面板中,為形狀選取不同顏色

色盤

每個 Animate CC 檔案都有自己的色盤,並儲存在 Animate 文件中。Animate CC 會將檔案的色盤顯示為「填色顏色」控制項、「筆畫顏色」控制項及「色票」面板中的色票。預設的色盤是 216 色的網頁安全色色盤。若要將顏色增加至目前色盤,請使用「顏色」面板。您可以在 Animate 檔案之間、Animate CC 與其他應用程式之間匯入及匯出純色和漸層顏色色盤。

使用預設色盤和網頁安全色色盤

您可以將目前的色盤儲存成預設色盤,並以這個針對檔案所定義的預設色盤取代目前的色盤;或是載入網頁安全色色盤以取代目前的色盤。

  • 若要載入或儲存預設色盤,請從右上角的選單中選取下列其中一個命令:

    載入預設顏色:

    以目前的色盤取代預設色盤。

    另存成預設值:

    將目前的色盤儲存為預設色盤。建立新檔案時,Flash 就會使用新的預設色盤。

  • 若要載入網頁安全色 216 色盤,請在「色票」面板的右上角選單中選取「網頁 216 色」。
  1. 在「色票」面板的右上角選單中,選取「依顏色排序」。

組織並重複使用顏色

「色票」面板可讓您使用資料夾和色盤,以階層式結構來組織顏色及色盤。

建立資料夾

根據預設,所有顏色都會排列在「預設色票」資料夾內。您可以使用「色票」面板來排列資料夾內的現有顏色。若要建立新的資料夾,請執行下列動作:

  1. 在 Animate CC 中,選取「視窗 > 色票」。

  2. 按一下「色票」面板中的 按鈕。
  3. 為色票資料夾提供有意義的名稱。

此外,您也可以選取資料夾、色盤或色票,再從飛出的功能表中選取「重製為資料夾」選項,藉此建立資料夾。

建立色盤 (色票群組)

「色盤」是一組用來表示您內容色彩主題的色票 (顏色)。您可以在資料夾內建立色盤,然後將色票增加至色盤。若要建立色盤,請執行下列動作:

  1. 在 Animate CC 中,選取「視窗 > 色票」。

  2. 選取「色票」面板中的任何資料夾並按一下 按鈕,以建立空白色盤。
  3. 您可以拖曳現有顏色或按一下 按鈕,將色票增加至色盤。

此外,您也可以選取資料夾、色盤或色票,再從飛出的功能表中選取「重製為色盤」選項,藉此建立色盤。

在色盤中建立或增加顏色

您可以建立色票或將現有色票增加至色盤。若要建立色票,請執行下列動作:

  1. 在 Animate CC 中,選取「視窗 > 色票」。

  2. 在「色票」面板中,選取資料夾內的任何色盤並按一下 按鈕,以建立色票。隨即使用「顏色」面板中目前選取的填色顏色建立新色票。您也可以選取現有色票並按一下 按鈕來重製色盤內的色票。

此外,您也可以選取資料夾、色盤或色票,再從飛出的功能表中選取「重製為色票」選項,藉此建立色票。

  1. 在「色票」面板的右上角選單中,選取下列其中一個命令:
    • 若要將匯入的顏色附加到目前的色盤中,選取「增加顏色」。

    • 若要用匯入的顏色取代目前的色盤,選取「取代顏色」。

  2. 瀏覽到想要使用的檔案,選取後按一下「確定」。
  1. 在「色票」面板的右上角選單中選取「儲存顏色」,然後再輸入該色盤的名稱。
  2. 在「存檔類型」(Windows) 或「格式」(Macintosh) 選項,選取「Animate 色彩集」或「色表」。按一下「儲存」。

建立或編輯純色

您可以使用「顏色」面板建立任何顏色。如果在「舞台」上已選取了一個物件,在「顏色」面板中對顏色進行的修改就會套用到這個選取範圍中。您可以選取 RGB 或 HSB 模式的顏色,或是展開面板使用十六進位模式。您也可以指定 Alpha 值,定義顏色的透明度。另外,還可以在現有的色盤中選取顏色。

您可以展開「顏色」面板,顯示可取代顏色列的更大顏色空間,包括能夠顯示目前和先前顏色的分割色票,以及可以在所有顏色模式中修改顏色亮度的「亮度」滑動軸。

  1. 若要將顏色套用到現有的圖案,請在「舞台」上選取一個或多個物件,然後選取「視窗 > 顏色」。

  2. 按一下「筆畫顏色」或「填色顏色」圖示,指定要修改的特質。

    註解:

    按一下圖示 (而不是「顏色」控制項),否則會開啟「顏色挑選器」。

  3. 如果您在步驟 3 中選取「填色」圖示,請確定在「類型」選單中選取的是「純色」。

  4. 如果在「舞台」上已選取了一個物件,在「顏色」面板中對顏色進行的修改就會套用到這個選取範圍中。請執行下列其中一項:

    • 若要選取顏色,請在「顏色」面板的顏色區中按一下。若要調整顏色的亮度,請拖曳「亮度」滑桿。

      注意:若要建立黑白之外的顏色,請確認未將「亮度」滑桿設定到兩個極端。

    • 在顏色數值方塊中輸入數值:針對 RGB 顯示,請輸入「紅」、「綠」、「藍」的值;HSB 顯示請輸入「色相」、「飽和度」和「亮度」的值;十六進位顯示請輸入十六進位值。輸入 Alpha 值,指定透明度 (0 為完全透明,100 則為完全不透明)。

    • 若要返回預設的黑白顏色設定 (黑色筆畫與白色填色),請按一下「黑白」按鈕

    • 若要在填色及筆畫間替換顏色,請按一下「替換顏色」按鈕

    • 如果不想將任何顏色套用到填色或筆畫,請按一下「無色」按鈕

      注意:您無法將「無色」的筆畫或填色套用到現有物件上,您只能選取現有的筆畫或填色,然後刪除它。

    • 按一下「筆畫顏色」或「填色顏色」控制項,並選取顏色。

  5. 若要在目前文件的顏色色票清單中加入新顏色,請在右上角的選單中選取「增加色票」。

重製、刪除和清除顏色

您可以重製面板中的顏色、從面板刪除個別的顏色或清除所有的顏色。

  • 若要複製或刪除顏色,請選取「視窗 > 色票」,然後按一下要重製或刪除的顏色,再從右上角的選單中選取「複製色票」或「刪除色票」。當您重製色票時,會出現「油漆桶」。按一下「色票」面板的空白區域,其中包含「油漆桶」來讓您重製選取的顏色。

  • 若要清除色盤中的所有顏色,請從面板選單中選取「清除顏色」。除了黑色和白色以外,所有的顏色都會從面板中移除。

Adobe 標誌

登入您的帳戶