Flash的繪圖工具

Flash中的圖畫

在畫圖之前,有必要瞭解畫圖和對圖形的修改對同層的其他物件有什麽影響。當畫出的一條線穿過另一條或其他圖形時,這條線象一把刀把其他線或圖形分成了兩部分,它自己也被分成了幾段,如圖所示。可以分別對其中的每一段進行選擇、移動和編輯操作。當對上方的圖形或線條染色時,會覆蓋它下方的所有內容,同樣顔色的部分將合爲一體,不同顔色部分仍可辨認。利用這些特性可建立出各種效果的圖形(如圖)。下圖中間的圖形時通過把綠葉拖到紅色四方行上再拖開而成。

使用鉛筆工具繪畫

使用鉛筆刻畫出線條和其他形狀,就象使用真正的鉛筆一樣。畫出線條後,Flash會根據情況對它進行拉直或平滑處理。處理的程度依畫線模式不同而不同,Flash還可以以一定的角度來連結兩條線。

使用鉛筆工具繪畫

1, 在繪圖工具欄上選擇鉛筆工具。

2,選擇繪圖模式

 

l        Straighten”模式可畫出平直的線條,並可將近似於三角形、橢圓、矩形和正方形的圖形轉換爲標準的幾何圖形。

l        Smooth 模式可畫出平滑的曲線。

l        Ink 模式下可隨意畫線。

3,設置線型屬性。

4,在舞臺上拖動滑鼠。按住Shift鍵的同時拖動滑鼠,可畫出水平或豎直的線條。

畫直線、橢圓和矩形

使用“line”、“oval”和“rectangle”工具可以很容易地畫出這些常見圖形。其中“oval”和“rectangle”工具在畫出圖形的同時還以指定的顔色填充,使用“rectangle”工具還可以選擇畫圓角矩形還是標準矩形。

畫直線、橢圓和矩形

1,選擇“line”、“oval”和“rectangle”工具。

2,設定線形和填充屬性。對於“line 工具,無法設置填充屬性。

3,對“rectangle”工具,可通過點按“Round Rectangle”修改器並輸入圓角半徑來設定圓角形狀,圓角半徑爲0時將畫出標準矩形。

4,在舞臺上拖動滑鼠。如果使用的是rectangle”工具,在拖動過程中按“up”和“down”方向鍵可調整圓角半徑;對“oval”和“rectangle”工具,在拖動同時按住“Shift”鍵可使畫出的圖形爲園或正方形;對“line 工具,在拖動同時按住“Shift”鍵可使畫出的線的角度爲45º的倍數。

使用“Brush”工具繪圖

使用“Brush”工具可象刷子一樣圖畫,在一幅導入的帶圖片的點陣圖上,可創造出書法效果。可通過改變刷子的尺寸來類比鋼筆和其他對按壓敏感的書寫工具。在絕大多數電子鋼筆和壓力傳感墊上,可通過改變筆端壓力使刷子的粗細發生變化。 參見第五節“利用點陣圖繪圖”部分。

使用“Brush”工具繪圖

   

1,選擇“brush”工具。

2,選擇一種圖畫模式。

可以看到,“繪圖模式(Painting mode)”按鈕的右下角有一個黑色的直角三角形,這表明點按該按鈕會彈出一個功能表,繪圖模式彈出功能表中各項的含義如下:

l        Paint Normal”模式將使圖畫內容覆蓋同層的線條和顔色填充區。

l        Paint Behind”模式在舞臺的空白處圖畫,有內容的地方不被影響。

l        Paint Fills”模式對空白區域和顔色填充區畫圖,線條不受影響。

l        Paint Selection”模式對當前選擇的顔色填充區畫圖。

l        Paint Inside”模式僅對刷子第一次這筆的顔色填充區畫圖,線條不受影響。這種模式不必擔心不小心畫到顔色填充區外。如果開始是在空白區畫圖,那麽畫圖不會影響任何顔色填充區。

3,從修改器中選擇刷子的大小、形狀和顔色。

4,如果電腦上連接了電子鋼筆和壓力傳感墊,可以選擇“Pressure”修改器以通過改變筆端壓力來改變刷子的粗細。

5,在舞臺上拖動滑鼠。如果拖動的同時按下“shift”鍵,則僅能在豎直和水平兩個方向上拖動。

橡皮工具

使用橡皮工具來擦除線條和顔色填充區。依擦除方式不同,可迅速對全部舞臺擦除、可擦出線或顔色填充區的一部分、或拖動擦除。

可設定橡皮工具擦除的物件,包括擦除線、某一塊繪圖的區域等;橡皮形狀可以是方的和圓的,有不同的尺寸。

快速擦除全部舞臺

雙擊橡皮工具。

擦除整條線段或顔色填充區

1, 選擇橡皮工具後單擊“Faucet”修改器。

2,單擊要擦除的線段或顔色填充區。

拖動擦除

    1,選定清除工具。

2選擇一種清除方式:

l        Erase Normal”模式清除同一層的線條和顔色填充。

l        Erase Fills 模式僅僅清除顔色填充,線條不受影響。

l        Erase Lines 模式僅僅清除直線,顔色填充不受影響。

l        Erase Selected Fills”模式僅僅清除當前被選擇的顔色填充,而對於線條,不管是否選中,都不受影響。

l        Erase Inside”模式僅僅清楚最先單擊區域的顔色填充,如果該區域爲空白,那麽任何物件都不被清楚。該模式下線條不受影響。

3,挑選橡皮形狀,確認“Faucet”修改器未被選擇。

4,在舞臺上拖動。

區域填充和邊緣填充(Filling and Stroking

Filling用某一顔色填充圖形區域,Stroking用某一顔色填充圖形區域的邊緣,在對線條改變顔色時,需要進行“Stroking”操作。

在具體操作時,使用油漆桶“bucket tool”工具對圖形區域進行顔色填充,使用墨水瓶“ink bottle”工具對線條或圖形區域的邊緣進行顔色填充。滴管“eyedropper”工具可從線條或填充區域取得顔色樣本供油漆桶和墨水瓶工具使用。

設置區域填充(fill)和邊緣(stroke)填充屬性

前面介紹的鉛筆、線條、矩形、橢圓、刷子、油漆桶和墨水瓶工具有相同的區域填充和邊緣填充屬性屬性修改器,所以當在這些工具間進行切換時,屬性區並不改變。在將線條轉換成區域之前,不能對它進行區域填充操作。

設置區域填充(fill)和邊緣(stroke)填充屬性

1,選擇一種畫圖或填充工具。

2,設置顔色,可進行下列操作之一:

l        把滑鼠指標放在顔色修改器上單擊並拖動一在調色板上選定一種顔色。

l        執行“Window > Colors”命令,在出現的對話方塊中選定一種顔色。如果選中的是橢圓或矩形工具,單擊填充修改器旁的“color focus”區以設置適當的屬性。

3,通過選擇“line width”和“line style”修改器中的選項來設置線條的寬度和樣式。

將顔色填充和邊緣填充設爲空

在畫橢圓和矩形時,可將顔色填充和邊緣填充設爲空。如果對某一物件進行這樣的操作,Flash將把它從舞臺上刪除。

將顔色填充和邊緣填充設爲空

1,  選擇橢圓或矩形繪圖工具。

2,  在顔色修改期中,在調色板的左上角選擇空(blank)樣品。

3,  在舞臺上拖動滑鼠。

建立新的線條寬度和樣式

可一自定線寬和樣式修改器選項列表。可以改變線寬修改器選項列表中最後一項的值;在樣式修改器中可以改變每個選項的外觀。使用自定的樣式會增加影片的大小。

建立自定線寬

1,從線條、鉛筆、橢圓或矩形工具的線寬修改器中選擇“Custom”項。

2,輸入線寬值。

建立自定線型樣式

1,從線條、鉛筆、橢圓或矩形工具的樣式修改器中選擇“Custom”項。

2,從樣式列表中選擇一種樣式在“line style”對話方塊中修改。

使用油漆桶工具(paint bucket

油漆桶工具用於對封閉區域染色,即可對空白區域染色,也可使區域原有顔色改變,可以使用單一色、漸變色和點陣圖填充。使用油漆桶工具還可以調整漸變色和點陣圖的尺寸、方向和漸變色的中心。

使用油漆桶進行顔色填充

1,選擇油漆桶工具。

2,選擇一種填充顔色。

3,設定缺口尺寸選項。

l        如果想對缺口另行處理,可選擇“Don't Close Gaps”項,這樣,在繪製複雜圖形中可加快速度。

l        如果讓Flash自行填充缺口,可選擇帶“close”的選項。

4,單擊一圖形或封閉區域。

需要注意的是,使用放大或縮小的方法之改變圖形的外觀,並沒有改變缺口的實際尺寸,所以如果缺口比較大,就需要手動進行修復。

使用油漆桶調整顔色梯度或點陣圖填充

1,  選擇油漆桶工具。

2,  單擊填充變換修改器(Transform Fill

3,  單擊顔色梯度或點陣圖填充區。

當選中顔色梯度或點陣圖填充區用於編輯時,它的中點和邊界控制碼將出現,把滑鼠指標放到任一控制碼上時,它的形狀將發生變化以指示該控制碼的功能。

按住“Shift”鍵拖動滑鼠將使線性梯度填充方向爲45度的倍數。

4,  變填充區域形狀有如下方法:

             

l        要改變漸變色或填充點陣圖的中心,可拖動中心控制碼。

l        要改變漸變色或填充點陣圖的寬度,可拖動左邊的方控制碼。

l        要改變漸變色或填充點陣圖的高度,可拖動下方的方控制碼。

                       

l        要使填充圖形或顔色旋轉,可拖動角上的圓形控制碼;對圓形填充區來說,可拖動最下方的控制碼。

l        要改變填充區域的半徑,在邊界上拖動中間的圓形按鈕。

此外,使用控制碼還可以使填充區域斜切、使多個填充區域平鋪等等。

如果填充區域很大,但又想同時看到全部的控制碼,可執行命令“View > Work Area”。

使用“鎖定填充”(Lock Fill)修改器

使用“鎖定填充”(Lock Fill)修改器可建立出一種效果,那就是使一幅點陣圖或漸變顔色充滿整個舞臺,而它填充的區域好比是蒙在舞臺上的一塊布上所開的“洞”,通過這些“東”看到了被布蒙著的圖形。所以使用這個修改器可使一幅圖或漸變色同時對多個物件進行填充。

使用鎖定的填充色或點陣圖填充

1,選定填充工具(刷子或油漆桶)和將要填充的漸變色或點陣圖。

要使用點陣圖進行填充,需先選中點陣圖,執行“Modify>Break Apart”命令,在用滴管工具取樣後方可填充。參見第五節“利用點陣圖繪圖”部分。

2, 單擊“鎖定填充”修改器。

3,先填充選定區域的中心,其次填充其他區域。

使用墨水瓶(ink bottle)工具

墨水瓶工具可用單一的顔色而不是漸變色或點陣圖對線條或圖形區域填充。相應的修改器有線寬和樣式修改器。

使用墨水瓶工具

1,選擇墨水瓶工具。

2,從修改器區中選擇夜色、樣式和線寬。

3,單擊舞臺上要修改的線條或區域。

使用滴管(eyedropper)工具

使用滴管工具來複製線條或區域有關填充方面的資訊並將其應用到另外的圖形或線條上,它還可以對點陣圖取樣以填充到其他區域 。參見第五節“利用點陣圖繪圖”部分。

按住“Shift”鍵後進行滴管工具的操作,那麽取樣的資訊將被用到所有的繪圖工具上。

使用滴管工具複製資訊並應用

1,選擇滴管工具並對線條或圖形單擊。

若是對線條單擊,那麽墨水瓶工具會被選中;若對某一填充區域單擊,那麽油漆桶會被選中,且鎖定填充修改器會被打開。

2,單擊另外的線條或圖形。

使用調色板(color palettes

每個Flash文件都有它自己的調色板,它被存儲在Flash文件中,但並不影響文件的大小。象Flash與其他應用程式如“Macromedia Fireworks”和“Adobe Photoshop”一樣,可以在Flash文件間對純色和漸變色調色板導入或導出。默認的調色板有216種顔色。

Flash以樣本形式顯示一文件中用於填充區域、線條和字體的顔色,它也可在顔色視窗中顯示,在顔色視窗中還可以導入、導出和修改某一文件的調色板,使用顔色窗口中的“顔色拾取器”設定顔色值。

顯示顔色視窗

執行“Window > Colors”命令。

載入或保存默認調色板

執行顔色視窗中左下角調色板彈出功能表中的命令。

l        Load Default Colors”將用默認調色板替代當前調色板。

l        Save as Default”將當前調色板保存爲默認調色板,在建立新文件時,以該調色板爲默認調色板。

從調色板中刪除某一顔色

在顔色視窗中,執行左下角彈出功能表中“Clear Colors”命令,那麽除黑色、白色和一種漸變色外,所有顔色會被刪除。

載入“the web-safe 216”調色板

在顔色視窗中,執行左下角彈出功能表中“Web 216”命令。

將顔色排序

在顔色視窗中,執行左下角彈出功能表中“Sort by Color”命令,顔色樣本將按亮度值排列。

導入和導出調色板

可以在Flash文件間使用Flash顔色設置文件(CLR files)導入和導出RGB色和漸變色,可以使用顔色表文件(ACT files)導入和導出RGB調色板,它也可以在“Macromedia Fireworks”和“Adobe Photoshop”中使用,但從顔色表文件中不能導入或導出漸變色。還可以從GIF文件導入調色板(不含漸變色)。

導入調色板

1,在顔色視窗中,執行左下角彈出功能表中下列命令之一:

l        Add Colors…”把導入顔色加入到當前調色板中。

l        Replace Colors…”用導入顔色替代當前調色板中的顔色。

2,在出現的對話方塊中選擇指定位置上的文件。

導出調色板

1,在顔色視窗中,執行左下角彈出功能表中的“Save Colors…”命令。

2,在出現的“Export Color Swatch”對話方塊中,輸入調色板檔案名稱,選擇文件類型(Flash Color Set or Color Table)後單擊“保存”。

建立和編輯顔色

Flash影片能包含比調色板多得多的顔色,它所能表現的顔色的數量僅受機器顔色深度的限制。

建立或編輯顔色

1,但擊調色板上方的顔色視窗按鈕(Colors window button),或執行“Window > Colors”命令,會打開“Color”對話方塊。

2,單級“”標簽一顯示當前可選單色調色板。

3,選擇要使用的顔色。

4,通過下列方式改變顔色:

l        要設置顔色的色彩、濃淡和亮度等參數,可拖動顔色空間處的十字叉改變色調,拖動它右方的游標改變顔色的濃淡和明暗。

l        要定義顔色的透明程度,可拖動最右放的滑塊或在“Alpha”文本框中輸入百分數值。值爲0時爲完全透明,值爲100時完全不透明。定爲透明顔色的預覽區中除顯示顔色外還將出現網格。

       

l        如果要通過設置三原色的值來定義顔色,可在相應的文本框中鍵入。

l        如果要通過設置十六進位值來定義顔色,可先選中“”複選項,然後在RGB文本框中分別鍵入十六進位數。

5,在完成以上顔色設定後,進行下列操作之一:

l        點按“Change”按鈕將定義顔色代替目前選中顔色。

l        在顔色列表中增加一種新顔色,可點按“New”按鈕。

l        從顔色列表中刪除當前指定顔色,可點按“Delete”按鈕。

建立並編輯漸變色

通過顔色窗口來建立並編輯漸變色。在顔色視窗的“Gradient”標簽下顯示了目前所有可用的漸變色。

漸變色是兩種或多種(最多達十六種)顔色按一定順序排列起來而形成的,顔色之間的過渡可以是線性的,也可以呈同心圓狀排列。任一種顔色可設爲一定程度的透明。

建立或編輯過渡色

1,單擊填充調色板上方的顔色視窗(Colors window)按鈕或執行“Window > Colors”命令,打開“Color”窗口。

2,單擊漸變色(Gradient)標簽。

3,進行下列操作之一:

l        若要建立一種新的漸變色,可先任選一種漸變色作爲起始點,單擊“New”按鈕。

l        要編輯一種漸變色,可先單擊以選中它。

4,從“樣式”下拉清單中選擇圓形排列或線性排列。

5,通過把顔色滑動條左側備用指標拖入顔色滑動條來向漸變色中加入顔色,反過來,把顔色滑動條中的任意指標拖出可把該顔色從漸變色中刪除。

6,單擊取色區下方的顔色樣本按鈕選擇另外一種顔色,可以發現備用指標和顔色樣本的顔色同時變爲所選中的顔色。

7,使用“Alpha”滑塊設置某一顔色的透明度,0代表完全透明,100爲完全不透明。漸變色中的每種顔色都可以由自己的“Alpha”設置。

8,向漸變色中加入其他顔色指標。

9,建立完成以後,點擊“Change”按鈕應用到所選區域。

改變線條形狀和圖形的輪廓

可以使用單擊並拖動、使用箭頭工具的拉直和平滑修改器和對線條優化等方式改變線條形狀和圖形的輪廓。

使用箭頭工具

Flash中的線條沒有控制碼供調整形狀,但可以使用箭頭工具拖動線條上的任意點。滑鼠指標在不同形狀上會發生變化以指示在該處可進行什麽樣的改變形狀的操作。

使用箭頭工具改變形狀

1,選擇箭頭工具。

2,進行下列操作之一:

l        拖動線條或圖形輪廓上的任一點。

l        按住“Control”(Windows)或“Option”鍵(對Macintosh)後在線條上單擊並拖動滑鼠可形成一個角的頂點。

對上述操作,Flash將調整線條的彎曲程度來適應被移動點的新位置。如果該點是端點,那麽可拉長或縮短線條;如果是角的頂點,那麽角的兩邊僅僅在長度上變化。

    如果感覺對一條複雜的線條進行改變有困難,可先對它進行平滑處理以刪去一些不必要的細節,這可使改變形狀的操作變得容易;提高放大倍數同樣可使改變形狀的操作變得容易,並能提高精度。

  

拉直、平滑線條和輪廓

可通過拉直、平滑線條和輪廓來改變外形。

如前所述,拉直和平滑的有關設置可通過執行“File > Assistant”命令進行。

使用箭頭工具的“Straighten”修改器或執行命令“Modify > Curves > Straighten”可對畫出的線條作小幅的拉直處理,拉直操作對直線不起作用。

使用拉直操作還可以使Flash辨認出簡單的幾何形狀。在“shape recognition”選項關閉時,Flash會把手繪的近似於園、橢圓、矩形、正方形、三角形合弧等圖形轉換爲標準的幾何圖形,但對於其他元素相交的圖形,將不予轉換。

平滑操作可減少曲線的奇點和其他變化,使曲線平順,它還可使曲線所含段數減少,單對直線段不起作用。這個操作在改變由許多短線段組成的線條的外形時尤爲有用,選擇組成一線條的所有的線段後進行平滑操作,可減少線段的數目,生成易於修改的圓滑的曲線。這兩種操作可重復使用。

平滑曲線或圖形輪廓

在繪圖工具覽上點選箭頭工具和“Smooth”修改器,或執行“Modify > Curves > Smooth”命令。

對曲線或圖形輪廓作小的拉直操作

在繪圖工具覽上點選箭頭工具和“Straighten”修改器,或執行“Modify > Curves > Straighten”命令。

曲線的優化

平滑曲線的另一種方法是對它們進行優化,它通過減少組成曲線的曲線段的數目達到目的。優化操作還可以減小Flash影片文件的大小。同拉直和平滑操作一樣,優化操作可重復進行。

優化曲線

1,選擇要進行優化的曲線,執行“Modify > Curves > Optimize”命令。

2,在出現的“Optimize Curves”對話方塊中,使用滑塊指定平滑的程度。平滑的結果取決於選擇的曲線,曲線中包含的區線段數將減少。

3,其他選項:

l        打開“Use Multiple Passes”選項將重復執行平滑操作到不能再優化爲止,這相當於對同一物件反復進行優化操作。

l        打開“Show Totals Message”選項則在平滑完成時出現訊息方塊顯示優化的範圍。

吸附(Snap

吸附特性有助於在作畫時自動與網格對齊和元素之間的對齊。如果吸附修改器被打開,那麽在拖動元素時滑鼠指標下方會出現一黑色的小園環,當兩個點被精確對齊或重合時,園環將變粗。

打開和關閉吸附屬性

進行下列操作之一:

l        選擇箭頭工具,單擊吸附修改器。

l        執行“View > Snap”命令,再次打開功能表會發現“Snap”命令左方出現一“”記號,表明“Snap”已打開,再次執行同樣命令,將關閉“Snap”特性。

當移動元素或改變元素外形時,箭頭工具在元素上的位置爲吸附園環提供了參考點。例如,如果拖動一個圖形的中心區域,那麽中心點會與格線和其他物件吸附,這種特性在作動畫時使圖形吸附在它運動的路徑上很有用。

調整吸附的敏感程度

執行“File > Assistant”命令,在出現的“Assistant”窗口中的的“Snap to Grid”下拉清單框中選擇。

建立特殊的曲線效果

可以使用諸如“Lines to Fills”、“Expand Shape”和“Soften Edges”等命令加入一些特殊效果,如向線段中加入入漸變色、擦除部分線段、擴展填充區域和柔化邊界等。

擴展填充區域和柔化邊界可産生意想不到的效果,在很小的物件或有很小細節的物件上作用不是很明顯;柔化邊界還將産生使Flash影片文件迅速增大的複雜圖形。

使線條變爲可填充區域

1,選擇線條。

2,執行“Modify > Curves > Lines to Fills”命令。

這樣,選擇線條將變爲可填充區域,這在建立一些特殊效果如以漸變色填充線條或擦除線條的一部分時是必要的,但會使文件變大。

擴展填充色區域

1,選擇一填充圖形。

2,執行“Modify > Curves > Expand Shape”命令。

3,在出現的對話方塊中,“Distance”文本框是以象素爲度量單位的擴展距離,單選鈕用於設置擴展方向,其中“Expand”是圖形以設置的度量單位向外擴展,“Inset”向內收縮。

柔化物件邊界

1,選擇填充圖形。

2,執行“Modify > Curves > Soften Edges”命令,出現“Soften Edges”對話方塊。

3,在對話方塊中設置下列選項:

l        Distance”文本框設置柔化邊界的寬度。

l        Expand”和“Inset”單選項用於確定柔化方向(邊界外或是邊界內)。

l        Number of Steps”文本框用於設置柔化邊界包含的曲線,其中的數位越大,柔花效果越自然,但文件也將越大。

使用複雜的圖形

正如其他圖形應用程式一樣,在Flash中使用複雜的圖形將降低演示性能。所以,可以試著將複雜的圖形在邏輯上分爲幾部分,畫好後再把它們組合成需要的圖形。

任何時候在舞臺上移動線條或填充區域,Flash都會重新計算線條相交的情況,舍去被填充區域覆蓋的內容。在拖動的同時,Flash會使操作物件處於臨時性的懸浮狀態,這會影響Flash的性能,而“使物件成組”減少了Flash的工作量,因爲處於不同組的線條不會相連。

加速螢幕重畫的速度

可設置有關顯示的選項達到目的:

l        執行“View > Outlines”或“View > Fast”命令,打開相應的選項。

l        與上面的選項相對應,打開“View > Antialias”或“View > Antialias Text”將使運行速度慢許多。

l        在繪製圖形時,使用“simple line”線條樣式。其他樣式如“stipple”和“hatched”重畫速度較長。

使物件成組以加速選擇和移動:

1,使用箭頭工具分別選擇要組成邏輯組的物件。

2,執行“Modify > Group”命令。

加速建立顔色填充區

l        在填充顔色之前手動修復圖形的缺口,在使用油漆桶工具時選擇“Don't Close Gaps”修改器,使Flash不必查找並修復缺口。

l        把要填充的區域放大。Flash將只尋找當前可見區域的缺口。