2.3 設(shè)計(jì)圖形色彩

色彩是人的視覺(jué)器官對(duì)可見(jiàn)光的感覺(jué)。在動(dòng)畫中，同一背景、面積相同的物體，其色彩不同會(huì)給人以不同的感覺(jué)。色彩是動(dòng)畫設(shè)計(jì)與創(chuàng)作中不可或缺的重要元素。通過(guò)利用墨水瓶工具、顏料桶工具、漸變變形工具和“顏色”面板等可實(shí)現(xiàn)圖形色彩設(shè)計(jì)。

2.3.1 顏料桶工具

顏料桶工具是繪圖編輯中主要的填色工具，可對(duì)封閉的輪廓范圍或圖形區(qū)塊、區(qū)域進(jìn)行顏色填充，該區(qū)域可以是無(wú)色區(qū)域，也可以是有顏色的區(qū)域。填充顏色可以使用純色，也可以使用漸變色，還可以使用位圖對(duì)閉合的輪廓進(jìn)行填充。在“工具箱”面板中單擊“顏料桶工具”按鈕，“工具箱”面板下方會(huì)出現(xiàn)“間隔大小”和“鎖定填充”兩個(gè)按鈕。如圖2-34所示。

選擇“顏料桶工具”，單擊“間隔大小”按鈕，會(huì)彈出“間隔大小”下拉菜單選項(xiàng)，該菜單中共有4個(gè)選項(xiàng)，分別為“不封閉空隙”“封閉空隙”“封閉中等空隙”和“封閉大空隙”，如圖2-35所示。

圖2-34 顏料桶工具組

圖2-35 “間隔大小”菜單選項(xiàng)

●不封閉空隙：顏料桶工具只對(duì)完全封閉的區(qū)域填充，對(duì)有任何細(xì)小空隙的區(qū)域填充不起作用。

●封閉小空隙：顏料桶工具可以填充完全封閉的區(qū)域，也可填充有細(xì)小空隙的區(qū)域，但是對(duì)空隙太大的區(qū)域填充無(wú)效。

●封閉中等空隙：顏料桶工具可以填充完全封閉的區(qū)域，也可填充有細(xì)小空隙和中等大小空隙的區(qū)域，但對(duì)有大空隙的區(qū)域填充無(wú)效。

●封閉大空隙：顏料桶工具可以填充完全封閉、有細(xì)小空隙、中等大小空隙的區(qū)域，也可對(duì)大空隙的區(qū)域填充，但對(duì)于空隙尺寸過(guò)大的無(wú)法填充。

【例2-1】新建一個(gè)文檔，利用鉛筆工具繪制一個(gè)不封閉的圖形，使用顏料桶工具進(jìn)行填色。

1）啟動(dòng)Animate CC 2018，新建一個(gè)文檔，設(shè)置舞臺(tái)背景顏色為天藍(lán)色，筆觸顏色為紅色，其他屬性保持默認(rèn)值。

2）選擇“工具箱”面板中的“鉛筆工具”，在舞臺(tái)上繪制一個(gè)不封閉的圖形，如圖2-36所示。

3）在“工具箱”面板中選擇“顏料桶工具”，舞臺(tái)中的光標(biāo)變?yōu)轭伭贤皥D標(biāo)形狀，在顏料桶工具選項(xiàng)組的“間隔大小”選項(xiàng)中選擇“封閉大空隙”。打開(kāi)“顏色”面板，設(shè)置填充顏色為黃色。

4）在舞臺(tái)上繪制的不封閉圖形上單擊進(jìn)行填充，填充效果如圖2-37所示。在Animate CC 2018中，選擇“顏料桶工具”，單擊“鎖定填充”屬性設(shè)置按鈕，可鎖定填充區(qū)域，利用“鎖定填充”命令可以對(duì)舞臺(tái)上的圖形進(jìn)行相同顏色的填充。

圖2-36 繪制不封閉的圖形

圖2-37 不封閉顏色填充

2.3.2 “顏色”面板

在Animate CC 2018中，利用“顏色”面板可以方便地對(duì)線條和圖形的填充顏色進(jìn)行創(chuàng)建和編輯。選擇“窗口”→“顏色”命令，打開(kāi)“顏色”面板，如圖2-38所示。

圖2-38 “顏色”面板

“筆觸顏色”按鈕：打開(kāi)“顏色”面板，單擊“筆觸顏色”按鈕，切換到筆觸顏色設(shè)置，單擊“筆觸顏色”按鈕右側(cè)的色塊按鈕彈出調(diào)色板，選中調(diào)色板中的顏色即可完成筆觸顏色的設(shè)置，如圖2-39所示。

“填充顏色”按鈕：打開(kāi)“顏色”面板，單擊“填充顏色”按鈕，切換到填充顏色設(shè)置，單擊“填充顏色”按鈕右側(cè)的色塊按鈕彈出調(diào)色板，選中調(diào)色板中的顏色即可完成填充顏色的設(shè)置。

圖2-39 調(diào)色板

控制按鈕組：控制按鈕組位于“填充顏色”按鈕下方，該按鈕組中共有3個(gè)按鈕，分別為“黑白”“無(wú)色”和“交換顏色”按鈕。單擊“黑白”按鈕，可以設(shè)置筆觸顏色為黑色，填充顏色為白色；單擊“無(wú)色”按鈕可以設(shè)置筆觸顏色或填充顏色為無(wú)色；單擊“交換顏色”按鈕，可以實(shí)現(xiàn)筆觸顏色與填充顏色相互交換。

“類型”列表：打開(kāi)“顏色”面板，在該面板中可以對(duì)類型進(jìn)行選擇。單擊色塊右側(cè)的級(jí)聯(lián)按鈕，在彈出的下拉菜單中共有5個(gè)選項(xiàng)，分別為“無(wú)”“純色”“線性漸變”“徑向漸變”和“位圖填充”，如圖2-40所示。

HSB模式顏色設(shè)置：可實(shí)現(xiàn)色相、飽和度和亮度的設(shè)置。單擊“H”左側(cè)按鈕，切換到色相設(shè)置，在該部分可完成色相設(shè)置；單擊“S”左側(cè)按鈕，切換到飽和度設(shè)置，在該部分可完成飽和度設(shè)置；單擊“B”左側(cè)的按鈕，切換到亮度設(shè)置，在該部分可完成亮度設(shè)置。

圖2-40 “類型”選項(xiàng)菜單

RGB模式顏色設(shè)置：可實(shí)現(xiàn)紅、綠、藍(lán)顏色值的設(shè)置。單擊“R”左側(cè)按鈕，切換到紅色設(shè)置，在相應(yīng)的文本框中輸入顏色值可完成紅色顏色值的設(shè)置；單擊“G”左側(cè)按鈕，切換到綠色設(shè)置，在相應(yīng)的文本框中輸入顏色值可完成綠色顏色值的設(shè)置；單擊“B”左側(cè)的按鈕，切換到藍(lán)色設(shè)置，在相應(yīng)的文本框中輸入顏色值可完成藍(lán)色顏色值的設(shè)置。

顏色空間：顏色空間位于控制按鈕組下方、HSB模式與RGB模式的左側(cè)，單擊顏色空間可選擇顏色。

顏色控件：顏色控件位于顏色空間和HSB模式與RGB模式的中間，單擊HSB模式或RGB模式中的某個(gè)按鈕后，顏色控件會(huì)隨之發(fā)生變化。單擊顏色控件中的某個(gè)部分或選中顏色控件兩側(cè)按鈕按住鼠標(biāo)左鍵上下拖拽鼠標(biāo)可完成顏色設(shè)置。

“Alpha”文本框：“Alpha”文本框位于RGB模式下方，可設(shè)置顏色的透明度。取值范圍在0%～100%，0%為完全透明，100%為完全不透明。

“顏色代碼”文本框：“顏色代碼”文本框位于顏色空間下方，該文本框可顯示以“#”開(kāi)頭的十六進(jìn)制模式的顏色代碼，在文本框中輸入顏色值可完成顏色設(shè)置。

顏色設(shè)置條：?jiǎn)螕艏兩粹o，在彈出的“類型”下拉菜單中選擇“線性漸變”，會(huì)彈出一個(gè)顏色設(shè)置條，拖拽滑塊可實(shí)現(xiàn)對(duì)顏色的設(shè)置。

“添加到色板”按鈕：?jiǎn)螕簟疤砑拥缴濉卑粹o可以將選中的顏色添加到色板。

2.3.3 漸變填充

漸變是一種多色填充，可將一種顏色逐漸變?yōu)榱硪环N顏色，在Animate CC 2018中，可將十多種顏色過(guò)渡應(yīng)用于漸變。漸變填充主要包括線性漸變和徑向漸變兩種，兩種漸變都可在“顏色”面板的“類型”列表中選擇，選擇“線性漸變”可完成線性漸變?cè)O(shè)置，選擇“徑向漸變”可完成徑向漸變?cè)O(shè)置。

1.線性漸變填充

線性漸變是創(chuàng)建從起點(diǎn)到終點(diǎn)沿直線逐漸變化的漸變，是沿著一根軸線（水平或垂直）改變顏色。選擇“窗口”→“顏色”命令，打開(kāi)“顏色”面板，單擊“填充顏色”按鈕，在彈出的下拉菜單中選擇“線性漸變”，如圖2-41所示。

圖2-41 設(shè)置線性漸變

“流”選項(xiàng)：主要用來(lái)控制超出漸變范圍的顏色布局模式。“流”有“擴(kuò)展顏色”“反射顏色”“重復(fù)顏色”3種模式。左側(cè)為“擴(kuò)展顏色”模式，中間的為“反射顏色”模式，右側(cè)的為“重復(fù)顏色”模式，如圖2-42所示。

顏色設(shè)置條：顏色設(shè)置條位于“添加到色板”按鈕上方，默認(rèn)情況下，顏色設(shè)置條上會(huì)有兩個(gè)漸變色塊，左邊的漸變色塊表示漸變的起始色，右邊的漸變色塊表示漸變的終止色。單擊顏色設(shè)置條可添加漸變色塊，在Animate CC 2018中，最多可以添加15個(gè)漸變色塊，如圖2-43所示。

圖2-42 “流”選項(xiàng)的3種模式

圖2-43 顏色設(shè)置條

在Animate CC 2018中，如果要?jiǎng)h除添加的漸變色塊，需要選中添加的色塊，按住鼠標(biāo)左鍵拖拽色塊至最左邊或右邊即可完成漸變色塊刪除。

2.徑向漸變填充

徑向漸變是從起點(diǎn)到終點(diǎn)顏色從內(nèi)到外進(jìn)行圓形漸變，利用徑向漸變可以創(chuàng)建一個(gè)從中心焦點(diǎn)出發(fā)沿環(huán)形軌道混合的漸變。徑向漸變與線性漸變不同，線性漸變是直線漸變，而徑向漸變則是圓形的漸變。選擇“窗口”→“顏色”命令，打開(kāi)“顏色”面板，單擊“填充顏色”按鈕，在彈出的下拉菜單中選擇“徑向漸變”，如圖2-44所示。

圖2-44 設(shè)置徑向漸變

顏色設(shè)置條位于“添加到色板”按鈕上方，默認(rèn)情況下，徑向漸變的顏色設(shè)置條上有兩個(gè)漸變色塊，左邊的色塊表示漸變中心的顏色，右邊的色塊表示漸變的邊沿色。

2.3.4 漸變變形工具

漸變變形工具是任意變形工具組中的一個(gè)工具，該工具通過(guò)調(diào)整填充顏色的大小、方向或中心，可以使?jié)u變填充或位圖填充變形。單擊工具箱中“任意變形工具”按鈕右下角的按鈕，在彈出的下拉菜單中選擇“漸變變形工具”，如圖2-45所示。

圖2-45 漸變變形工具組

在工具箱中單擊“橢圓工具”按鈕，打開(kāi)“顏色”面板，單擊“筆觸顏色”按鈕，切換到筆觸顏色設(shè)置，在“類型”列表中選擇“線性漸變”。單擊“填充顏色”按鈕，切換到填充顏色設(shè)置，在“類型”列表中選擇“線性漸變”。在舞臺(tái)上繪制一個(gè)橢圓，單擊工具箱中“任意變形工具”按鈕右下角的按鈕，在彈出的下拉菜單中選擇“漸變變形工具”，在繪制好的橢圓上單擊可得到如圖2-46所示的效果圖。

將光標(biāo)指向橢圓中間的圓形控制柄上，按住鼠標(biāo)左鍵向左或向右拖拽可以調(diào)整線性漸變填充的位置。將光標(biāo)指向橢圓最右側(cè)的控制柄上，拖動(dòng)控制柄可以調(diào)整線性漸變填充的縮放。將光標(biāo)指向橢圓右上角的控制柄上，此時(shí)光標(biāo)變?yōu)?img alt="978-7-111-66006-4-Chapter02-80.jpg" src="https://epubservercos.yuewen.com/65A7F8/22450720709460906/epubprivate/OEBPS/Images/978-7-111-66006-4-Chapter02-80.jpg?sign=1753925412-4yfDp3uEBlARiGQDW2K2E6TakRgEjff3-0-e7304ca24e7ea73bc99c5b33cd0eae89" style="height: 16px;">，拖動(dòng)控制柄可以調(diào)整線性漸變填充的方向。

圖2-46 線性漸變

在工具箱中單擊“橢圓工具”按鈕，打開(kāi)“顏色”面板，單擊“筆觸顏色”按鈕，切換到筆觸顏色設(shè)置，在“類型”列表中選擇“徑向漸變”。單擊“填充顏色”按鈕，切換到填充顏色設(shè)置，在“類型”列表中選擇“徑向漸變”。在舞臺(tái)上繪制一個(gè)橢圓，單擊工具箱中“任意變形工具”按鈕右下角的按鈕，在彈出的下拉菜單中選擇“漸變變形工具”，在繪制好的橢圓上單擊可得到如圖2-47所示的效果圖。

將光標(biāo)指向中心的控制柄，按住鼠標(biāo)左鍵向左或向右拖拽可以調(diào)整徑向漸變填充的位置。將光標(biāo)指向橢圓最右側(cè)的控制柄上，拖動(dòng)控制柄可以調(diào)整徑向漸變填充的角度。將光標(biāo)指向橢圓右下角的控制柄上，拖動(dòng)控制柄可以調(diào)整徑向漸變填充的方向。

圖2-47 徑向漸變

2.3.5 位圖填充

在Animate CC 2018中，利用繪圖工具繪制完成的圖形除了可以用純色填充和漸變填充外，還可以使用位圖填充對(duì)繪制的圖形進(jìn)行填充。選擇“窗口”→“顏色”命令，打開(kāi)“顏色”面板，單擊“填充顏色”按鈕，在彈出的下拉菜單中選擇“位圖填充”，如圖2-48所示。

圖2-48 位圖填充