第 4 章 使用顏色 著作權所有 © 旗標出版股份有限公司.

Presentation on theme: "第 4 章 使用顏色 著作權所有 © 旗標出版股份有限公司."— Presentation transcript:

1 第 4 章 使用顏色 著作權所有 © 旗標出版股份有限公司

2 本章提要 墨水瓶工具 (Ink Bottle Tool) 油漆桶工具 (Paint Bucket Tool)
滴管工具 (Eyedropper Tool) 顏色面板的使用 調整漸層填色 用魔術棒 (Magic Wand) 替點陣圖去背

3 使用顏色 Flash 的屬性、調色盤與顏色色票面板, 讓顏色控制變得更加得心應手。
Flash 提供了「墨水瓶工具 (Ink Bottle Tool)」和「油漆桶工具 (Paint Bucket Tool)」2 種填色工具, 一個用來填筆畫顏色, 另一個則是用來填填色區域。

4 墨水瓶工具 (Ink Bottle Tool)
使用鉛筆工具 (Pencil Tool)、線段工具 (Line Tool) 所繪製的筆畫, 以及用橢圓形工具 (Oval Tool)、多邊形工具 所繪製的橢圓形與矩形的外框筆畫, 由於都屬於筆畫, 若想要更改其筆畫粗細、顏色或樣式, 使用的就是墨水瓶工具：

5 ch04-1.fla

6 用選取法改變筆畫與顏色 使用墨水瓶工具, 只要直接在筆畫上按一下就可以變更筆畫的屬性。但若要變更部分的筆畫, 或是同時變更多個筆畫, 就需先進行選取的動作, 再用墨水瓶工具變更筆畫屬性。此外, 墨水瓶工具只能選用單色喔！ 我們可以先選取物件, 然後在屬性、調色盤、或顏色色票面板中調整各項屬性, 就能改變被選取物件的屬性, 同時看到改變後的結果：

7 ch04-2.fla

8 油漆桶工具 (Paint Bucket Tool)

9 ch04-3.fla

10 關於填色時的空隙大小填色樣式 當封閉區域有空隙時, 只要設定空隙大小的限度, 油漆桶工具仍然可以幫你填入顏色。
另外, 放大或縮小顯示比例對空隙大小的認定會有影響, 所以當空隙太大無法填入顏色時, 你可以試著把顯示比例縮小, 就有可能填入顏色：

11 ch04-4.fla

12 滴管工具 (Eyedropper Tool)
還能一併測知圖形物件的顏色、筆畫粗細、樣式以及文字物件的屬性, 並將之套用在其他圖形物件或文字物件上。 滴管工具也可用於點陣圖, 不過只能測知點陣圖中的顏色。

13 如何使用滴管工具 按下滴管工具, 然後將指標靠近物件, 由指標旁出現的圖示就可以判斷是筆畫 、填色區域 還是文字物件 。再用滴管工具按一下物件, 就會自動選取可編輯該物件的對應工具, 並將測知的屬性顯示在各個相關面板, 然後呢, 你就可以直接套用在其他物件上啦！ 滴管工具不能作用在實體與群組物件上。圖層若是被鎖定或是隱藏, 滴管工具也會無法使用。

14 使用滴管工具 (Eyedropper Tool) 偵測筆畫

15 使用滴管工具 (Eyedropper Tool) 偵測填色區域

16 使用滴管工具 (Eyedropper Tool) 偵測文字物件

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

18 色彩集 (Color Set) Flash 的色彩集除了預設的之外還可以自己新增顏色、編輯色彩集, 並把它存起來以供日後使用。
預設色彩集分成單色色彩集和漸層色色彩集兩種。筆畫只能使用單色, 所以設定筆畫顏色時只會出現單色色彩集；而填色區域可以使用單色、漸層色、不填色或填入點陣圖, 因此設定填色區域顏色時, 會同時出現單色與漸層色色彩集︰

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

20 單色色彩集和漸層色色彩集

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

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

23 調色盤面板 (Color Mixer)

24 調色盤面板填色樣式 調色盤面板提供了 5 種填色樣式： 無 (None) 填色樣式。 純色 (Solid) 填色樣式。
線性 (Linear) 填色樣式。 放射狀 (Radial) 填色樣式。 點陣圖 (Bitmap) 填色樣式。

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

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

27 純色 (Solid) 填色樣式

28 線性 (Linear) 填色樣式 選擇線性填色樣式, 可填入自訂的線性漸層色 (若要選用色彩集中預設的漸層色, 可利用顏色色票面板或工具面板中的顏色區)。 每個漸層指標 即可設定一種色彩, 以增加漸層色的變化, 只要在漸層定義列上按滑鼠左鈕便可新增漸層指標; 如要刪除, 則按住 不放, 再將滑鼠指標移至要刪除的漸層指標上, 滑鼠指標變成 樣子時, 按下滑鼠左鈕即可刪除。但要注意的是, 每個漸層色至少要有 2 個漸層指標, 最多不能超過 8 個：

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

30 放射狀 (Radial) 填色樣式

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

32 點陣圖 (Bitmap) 填色樣式

33 顏色色票面板 (Color Swatches)
執行『視窗 / 設計面板 / 顏色色票』命令以開啟顏色色票面板：

34 顏色色票面板 (Color Swatches)

35 顏色色票面板 (Color Swatches)
複製色票 (Duplicate Swatch)︰點選色彩集中任一顏色, 再執行此命令, 可複製一個同樣的色票出來。 刪除色票 (Delete Swatch)︰點選色彩集中任一顏色, 再執行此命令, 可刪除該色票。 增加顏色 (Add Colors)︰執行此命令, 可匯入顏色加入目前色彩集中。

36 增加顏色 (Add Colors)

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

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

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

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

41 調整漸層填色 不論是筆刷工具 (Brush Tool) 、橢圓形工具、矩形工具、或是油漆桶工具, 都可以填出漸層色。
不過使用油漆桶工具填色時, 線性漸層色與放射狀漸層色的填色方式有些不同：

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

43 放射狀漸層填色

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

45 ch04-11.fla

46 填色變形工具 (Fill Transform Tool)
修改線性漸層填色 修改放射狀漸層填色 修改點陣圖填色

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

48 修改線性漸層填色

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

50 修改放射狀漸層填色

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

52 修改點陣圖填色

53 修改點陣圖填色

54 修改點陣圖填色

55 想要點陣圖不連續排列

56 用魔術棒 (Magic Wand) 替點陣圖去背
點陣圖的去背, 是一般最常用到的點陣圖編輯功能, 同時也是在網頁應用上一項不可或缺的技巧。 執行『修改 / 打散』命令, 然後用套索工具 (Lasso Tool) 來選取要去背的區域, 再執行刪除的動作。 套索工具的魔術棒 可以選取點陣圖填色區域中顏色相似的區域︰

57 STEP 1 設定魔術棒的相關屬性值。 請按下套索工具 , 然後再按一下選項區中的魔術棒屬性 鈕。

58 STEP 2 開始去背：