顏色的使用 調色盤面板 (Color Mixer) 和顏色色票面板 (Color Swatches) 是 Flash 用來編輯顏色和色彩集的面板。

Presentation on theme: "顏色的使用 調色盤面板 (Color Mixer) 和顏色色票面板 (Color Swatches) 是 Flash 用來編輯顏色和色彩集的面板。"— Presentation transcript:

1 顏色的使用 調色盤面板 (Color Mixer) 和顏色色票面板 (Color Swatches) 是 Flash 用來編輯顏色和色彩集的面板。

2 色彩集 「色彩集 (Color Set)」是什麼？其實就像小時候買的 46 色色筆一樣, 拿到繪圖軟體中來比擬, 它就是一個 46 色的色彩集囉！ 當然, Flash 中色彩集的顏色不會這麼少, 也不可能只有固定的顏色可用。Flash 的色彩集除了預設的之外還可以自己新增顏色、編輯色彩集, 並把它存起來以供日後使用呢！

3 色彩集 「可是如此說來, 既然 Flash 可以新增很多很多的顏色, 那麼又為什麼要定義一個色彩集, 而這個色彩集卻不是包含所有的顏色呢？每次都用一個最大的, 什麼顏色都有的色彩集不就好了嗎？」

4 色彩集 定義色彩集通常有下列 3 個目的： 一是減少檔案大小, 因為記錄顏色種類也是要占空間的。
二是確保觀賞者也能看到正確的顏色, 像網頁216色彩集 (Web 216) 就是這個用途。 三是方便製作, 因為通常我們畫畫時, 不會什麼顏色都用, 總是會有較常用的顏色, 也會有用不到的顏色, 所以與其在 "色海" 中搜尋顏色, 還不如定義一兩個常用色彩集, 這樣可以加速動畫製作的速度喔！

5 色彩集 基本上, Flash 提供了一個預設色彩集, 而預設色彩集分成單色色彩集和漸層色色彩集兩種。筆畫和填色區域都可以使用單色、漸層色、不填色或填入點陣圖, 因此設定筆畫和填色區域顏色時, 會同時出現單色與漸層色色彩集︰

6 色彩集

7 色彩集

8 預設色彩集是瀏覽器標準顏色 Flash 製作的動畫主要是應用在網頁上, 此時最好使用預設的瀏覽器標準顏色, 如此一來便可以確保使用瀏覽器觀賞 Flash 動畫時, 顏色不會失真。 但如果你的 Flash 動畫不是要用在網頁上, 如製作 Flash 的放映檔, 或是製作 AVI 視訊檔、QuickTime 影片檔, 當色彩集中的顏色不能滿足需求時, 你就可以利用調色盤面板與顏色色票面板來編輯出適合自己使用的色彩集喔！

9 調色盤面板 調色盤 (Color Mixer) 面板是 Flash 用來做細部顏色編輯的面板, 可編輯單色/漸層顏色, 或是選出 Flash 預設色彩集中沒有的顏色 (單色), 並新增到色彩集中以供使用。 它長得和工具面板顏色區很像, 不過功能更多更強一些。請執行『視窗/調色盤』命令, 開啟調色盤面板︰

10 調色盤面板

11 調色盤面板 上圖中我們看到調色盤面板提供了 5 種填色樣式：無 (None)、純色 ( Solid)、線性 (Linear)、放射狀 ( Radial)、與點陣圖 (Bitmap)填色樣式。 關於這些填色樣式的效果, 分述如下。

12 無填色樣式 無 (None) 填色樣式表示不填色；當圖像物件是以橢圓形工具、矩形工具繪製出來時, 才能選擇無填色樣式。

13 無填色樣式

14 純色填色樣式 純色 (Solid) 填色樣式主要用來編輯單色顏色, 我們可選擇 RGB 或 HSB 來編輯顏色。
其中 RGB 利用色光三原色紅R, 綠G, 藍 B 做為調色的基礎, 就像調水彩一樣, 該色的數值越高則該色的比例越重；HSB 則可讓我們利用 Hue (色相)、Saturation (飽和度)、Brightness (亮度) 3 種方式調整顏色, 如果 B 的數值為 0, 則如處暗房, 任何顏色都呈現黑色。

15 純色填色樣式

16 線性填色樣式 選擇線性填色樣式, 可填入自訂的線性漸層色 (若要選用色彩集中預設的漸層色, 可利用顏色色票面板或工具面板中的顏色區)。

17 線性填色樣式

18 線性填色樣式 每個漸層指標 即可設定一種色彩, 以增加漸層色的變化, 只要在漸層定義列上按滑鼠左鈕便可新增漸層指標；如要刪除, 則按住 [Ctrl] 不放, 再將滑鼠指標移至要刪除的漸層指標上, 滑鼠指標變成 樣子時, 按下滑鼠左鈕即可刪除。 但要注意的是, 每個漸層色至少要有 2 個漸層指標, 最多不能超過 15 個。

19 漸層色的儲存方法 編輯完漸層色後, 你可以將其新增到顏色色票面板中, 方便日後使用。不過從調色盤面板新增到顏色色票面板的漸層色只會記錄在該動畫檔 (.fla ) 中, 其它的檔案無法使用。 若要讓每個檔案都能利用到它, 則必須儲存該色彩集 (關於儲存色彩集的部分, 待會將為你說明)。

20 漸層色的儲存方法

21 放射狀填色樣式 放射狀 (Radial) 填色樣式與線性填色樣式相似, 都可以自行編輯漸層顏色, 只是漸層的方式不同。此外, 如果以油漆桶工具或墨水瓶工具點選區域進行放射狀填色, 填色會以點選的位置做為放射狀的中心。如果以其他方式進行, 則放射狀的中心會落在該區域的中心位置。

22 放射狀填色樣式

23 點陣圖填色樣式 選擇點陣圖 (Bitmap) 填色樣式, 可在填色區域中填入點陣圖。當元件庫中含有點陣圖時, 便可選此填色樣式；填色的時候, 如果是先點選填色區域, 再從調色盤中選取點陣圖樣式, 則點陣圖會以所選區域的大小為範圍等比例呈現；如果是以油漆桶工具點選區域進行點陣圖填色, 則點陣圖會以小圖案的模樣陣列佈滿該區域。

24 點陣圖填色樣式

25 點陣圖填色樣式 若是元件庫中不包含任何點陣圖, 在選擇點陣圖填色樣式時, 會開啟交談窗要求你匯入點陣圖。
關於匯入點陣圖至元件庫的方法, 請參考 8-1 節, 而點陣圖與漸層色的填色型態設定, 請參考 4-5 節。

26 顏色色票面板 顏色色票 (Color Swatches) 面板是編輯色彩集的中心, 色彩集的編輯、儲存、匯入...工作, 都在這裡進行。請執行『視窗/顏色色票』命令以開啟顏色色票面板：

27 顏色色票面板

28 顏色色票面板 選項選單中各項命令的操作說明：
複製色票 (Duplicate Swatch)︰點選色彩集中任一顏色, 再執行此命令, 可複製一個同樣的色票出來。 刪除色票 (Delete Swatch)︰點選色彩集中任一顏色, 再執行此命令, 可刪除該色票。 增加顏色 (Add Colors)︰執行此命令, 可匯入顏色加入目前色彩集中。

29 顏色色票面板

30 關於色彩集檔案的格式 clr (Flash Color Set) 是 Flash 專屬的色彩集檔案格式, 它可以包含漸層色彩集, 所以適合用於 Flash 文件間交流用的色彩集檔案格式。 act (Color Table) 只能輸出單色色彩集, 不能輸出漸層色彩集, 適合做為 Flash 與其他應用軟體, 如 Fireworks、Photoshop 之間交流用的色彩集檔案格式。

31 顏色色票面板 取代顏色 (Replace Colors)︰執行此命令, 會移除目前的色彩集, 改成匯入的色彩集 (其操作方式同『增加顏色』命令)。 載入預設顏色 (Load Default Colors)︰執行此命令可以開啟預設的色彩集。 儲存顏色 (Save Colors)︰執行此命令, 可以把目前色彩集中的顏色匯出, 存成色彩集檔案以方便日後使用。

32 顏色色票面板 另存成預設值 (Save as Default)︰把目前自訂的色彩集存成預設色彩集, 以後所有新開啟的Flash 文件, 其預設色彩集都會變成此色彩集。 清除顏色 (Clear Colors)︰執行此命令會清除目前色彩集中的顏色, 只留下黑、白兩色與一個黑白漸層色。

33 顏色色票面板 網頁 216 色 (Web 216)︰執行此命令, 會開啟網頁 216 色安全色彩集。不過, 由於 Flash 預設的色彩集就是網頁 216 色, 所以只有將自訂的色彩集儲存為預設色彩集時, 此功能才會突顯。 依顏色排序 (Sort by color)︰把目前色彩集裡的顏色依 HUE (色相) 來排序。

34 4-5 調整漸層填色 不論是筆畫或者是填色區域都可以填入漸層色, 而填入漸層色的方法又可分為線性及放射狀這 2 種, 下面我們以填色區域為例, 來說明線性及放射狀的漸層填色方式有哪些不同。

35 線性漸層填色 選擇油漆桶工具, 按下 鈕取消填色鎖定, 並在顏色區中選取一種漸層填色：

36 放射狀漸層填色

37 鎖定填色功能 使用筆刷工具或油漆桶工具時, 工具面板下方的選項區都會有一個鎖定填色(Lock Fill) 鈕 。此鈕可以啟動鎖定填色功能, 將多個填色區域視為同一區域來填色。 筆刷工具和油漆桶工具的鎖定漸層填色操作方式相同, 以下我們以油漆桶工具來示範︰

38 鎖定填色功能

39 填色變形工具 工具面板有個填色變形工具 (Fill Transform Tool) 鈕 , 可用來修改已填入的漸層色的中心點、範圍以及角度, 或是對已填入的點陣圖做變形、旋轉的動作。

40 修改線性漸層填色 線性漸層色可修改的部分包括漸層的中心點、漸層的角度與範圍。
請在封閉區域中填入線性漸層色後, 再按下填色變形工具鈕 啟動修改漸層填色功 能, 按一下線性漸層 填色區域, 會出現線 性漸層的範圍及 3 個 控制點：

41 修改線性漸層填色

42 修改放射狀漸層填色 放射狀漸層可以調整其中心點、形狀、範圍及角度, 按一下放射狀漸層填色區域會出現放射狀漸層的範圍以及 4 個控制點。

43 修改放射狀漸層填色

44 修改放射狀漸層填色

45 修改漸層溢出填色 我們一般在填色區域填入的漸層色, 都是在漸層定義列範圍內的填色, 當調整漸層的角度、縮小漸層的範圍或者是改變漸層色的中心點位置後, 有可能會顯露填色區域範圍外的顏色。

46 修改漸層溢出填色 你可以在調色盤面板的溢出 (Overflow) 功能中, 選擇填色區域範圍外的填色方式, 下面以放射狀漸層色為例來說明。

47 修改漸層溢出填色

48 修改漸層溢出填色

49 修改漸層溢出填色 接下來我們再來嚐試選擇線性漸層填色後, 看看線性漸層色會產生什麼樣的溢出效果。請先縮小線性漸層的範圍, 讓溢出範圍顯露出來。

50 修改漸層溢出填色 選擇各項溢出範圍後的線性漸層顏色變化：

51 修改點陣圖填色 點陣圖填色有一個特色, 就是填入的點陣圖會以舞台的左上角為起點, 像磁磚一樣重複排列來填滿填色區域。所以, 假如你用同一個點陣圖填入同一舞台裡的不同填色區域的話, 該點陣圖會連續排列。而點陣圖只要一經填色變形工具修改,他的每一個分身 (重複排成磁磚般) 都會跟著改變, 實際操作狀況與效果如下︰

52 修改點陣圖填色

53 修改點陣圖填色

54 修改點陣圖填色

55 想要點陣圖不連續排列？