翻轉(zhuǎn)課堂教程 (2)

1、認識flash繪圖工具翻轉(zhuǎn)課堂 學(xué)生自學(xué)教程1 初識Flash工具箱2 基本繪圖工具3 顏色工具4 選取圖形工具5 自由變換工具6 查看選項工具課前自學(xué)內(nèi)容 Flash工具箱由四大部分組成，分別為工具組、查看組、顏色組與選項組。1 認識Flash工具箱 選擇工具 選取場景中的對象，并且可以對繪制的圖形進行形狀的修改。 部分選取工具 選取節(jié)點與貝賽爾曲線，改變圖形形狀。直線工具 繪制直線，斜線。 索套工具 可以通過繪制任意曲線所形成的選區(qū)來選取對象中的圖形，還有一種多邊形模式可供選擇，這種模式以直線繪制選區(qū)。鋼筆工具 利用節(jié)點繪制圖形，也可以對繪制好的圖形進行修改。1. 工具組 部分選取工具套索

2、工具文本工具矩形工具顏料桶工具橡皮擦工具刷子工具選取工具線條工具鋼筆工具鉛筆工具橢圓工具滴管工具墨水瓶工具任意變形工具填充變形工具文本工具 在Flash中輸入文字。 橢圓工具 繪制圓形與橢圓形。矩形工具 繪制矩形與圓角矩形，單擊這個圖標(biāo)不放，彈出另一個多角星形工具，可以繪制任意邊數(shù)的等邊多邊形與星形。 鉛筆工具 繪制任意曲線，有三種模式可供選擇，分別為伸直，平滑與墨水 。 刷子工具 為繪制的圖形上色，具有填充色屬性，可以設(shè)置筆刷樣式與大小 。 1 認識Flash工具箱 任意變形工具 調(diào)整所選圖形的尺寸，角度與形狀 。 填充變形工具 主要用于調(diào)整漸變填充色，還可以用于調(diào)整填充位圖 。墨水瓶工具

3、為所選圖形加邊框線，也可用來改變邊框線顏色 。 顏料桶工具 給所選圖形填充顏色，也可用來改變圖形填充顏色 。 吸管工具 吸取場景中的任意顏色以便填充。 橡皮工具 用于擦除對象。1 認識Flash工具箱 手形工具:移動工作區(qū)，調(diào)整可視區(qū)域 。 縮放工具:調(diào)整視圖比例 。2. 查看組筆觸顏色:設(shè)置輪廓顏色。 填充色:設(shè)置填充顏色 。黑白：設(shè)置筆觸顏色為黑色，填充色為白色。沒有顏色：設(shè)置筆觸顏色或填充色為無。 交換顏色：筆觸顏色與填充色進行交換。 3. 顏色組4. 選項組 選擇不同的工具就會在選項組中顯示相應(yīng)工具的附加選項 縮放工具手形工具筆觸顏色填充顏色1 認識Flash工具箱 2 基本繪圖工具

4、Flash中的繪圖工具的應(yīng)用具有一定的共性，不同的工具可以繪制出不同的圖形，但繪制的方法基本相同。 另外，繪制的圖形在屬性設(shè)置方面也具有一定的共性，圖形屬性包括筆觸顏色、筆觸樣式、筆觸高度與填充顏色等方面的設(shè)置，除了可以在工具箱中的顏色組里進行顏色方面的設(shè)置，還可以通過屬性面板進行其他方面的設(shè)置。 下面以多角星形工具為例，講述繪制圖形所具有的共同屬性，多角星形工具屬性面版如下圖所示。 當(dāng)前工具：顯示當(dāng)前選擇的工具名稱。 填充色：顯示當(dāng)前圖形填充色。筆觸顏色：顯示當(dāng)前筆觸顏色。 筆觸高度：設(shè)置當(dāng)前線條的粗細，可以隨意輸入一個在0.1到10之間的數(shù)字。 筆觸樣式：設(shè)置當(dāng)前筆觸樣式。自定義筆觸樣式：

5、自行設(shè)置筆觸樣式。 工具設(shè)置選項：這個選項為多角星形工具獨有的，在介紹多角星形工具的應(yīng)用時會作詳細介紹。 當(dāng)前工具筆觸顏色填充色筆觸高度筆觸樣式自定義筆觸樣式工具設(shè)置選項2 基本繪圖工具 2.1 直線工具 直線工具用于繪制各種直線或斜線，選擇直線工具后，光標(biāo)在工作區(qū)中呈現(xiàn)十字狀態(tài)，在屬性面板中進行各種設(shè)置，得到不同效果的線條，如下圖所示。按住shift鍵可以繪制出水平、垂直或者45o直線。 選取直線工具后，選項組里顯示對齊對象按鈕，利用它可以使繪制的直線自動連接在一起，從而繪制出各種多邊形效果。2 基本繪圖工具 主要工具：直線輔助工具：選取工具、自由變形工具小屋2 基本繪圖工具 2.2 橢圓工

6、具 橢圓工具可以繪制出橢圓或圓形，繪制圓形時需要同時按住Shift鍵。 在屬性面板中對繪制的圖形進行筆觸顏色、筆觸高度、填充顏色與筆觸樣式的設(shè)置，得到各種圓形，如下圖所示。2 基本繪圖工具 2.3 矩形工具 矩形工具用于繪制各種矩形或正方形。繪制矩形時按住Shift鍵可以得到正方形。通過屬性面板中筆觸顏色、筆觸高度、填充顏色與筆觸樣式的設(shè)置，繪制出如下圖所示的各種矩形。 除了擁有一般圖形的共性以外，矩形也具有自己的特性，利用矩形工具還可以繪制圓角矩形。2 基本繪圖工具 2.4 多角星形工具 多角星形工具用于繪制多邊形或星形，多角星形工具隱藏在工具箱之中，默認情況下為五邊形。 繪制過程中同時按住

7、Shift鍵，還可以控制圖形的旋轉(zhuǎn)角度，繪制的各種圖形如下圖所示。 2 基本繪圖工具 樣式:單擊“樣式”后面的文本框，在彈出的下拉列表中共有2種樣式可供選擇，分別為多邊形與星形，默認情況下為多邊形。選擇星形樣式，在工作區(qū)中繪制圖形，得到如上圖所示的效果 。 單擊屬性面板中的“選項”按鈕，彈出“工具設(shè)置”對話框，如下圖所示。2 基本繪圖工具 邊數(shù):用于確定多邊形的邊數(shù)，可顯示效果的數(shù)值范圍為332。在邊數(shù)后面的文本框中輸入數(shù)值8，單擊“確定”按鈕，在工作區(qū)中繪制圖形，得到如下圖所示的效果。 星形頂點大小:由于設(shè)置星形圖形的頂點銳度大小，只針對星形樣式有作用。 2 基本繪圖工具 2.5 鉛筆工具

8、鉛筆工具可以繪制出任意曲線,繪制曲線的同時按住Shift鍵，可以繪制出水平或垂直的直線。 選取鉛筆工具后，選項組中提供了3種鉛筆模式，分別為伸直、平滑和墨水。 選擇模式的不同，繪制出的線條也大不相同，下圖所示的線條從左到右依次為伸直、平滑和墨水模式的鉛筆繪制矩形得到的效果。 2 基本繪圖工具 2.6 鋼筆工具 與部分選取工具 鋼筆工具用于繪制較為細致的圖形，這些圖形是由節(jié)點與線構(gòu)成的。部分選取工具可以幫助調(diào)整線條的弧度與節(jié)點的位置等，兩種工具通常結(jié)合在一起使用，繪制出流暢細致的線條 。繪制直線：單擊確定起點，再次單擊，確定另一個點，與起點連成一條直線，按Esc鍵結(jié)束繪圖。繪制規(guī)則的曲線：單擊確

9、定起點，再次單擊并進行拖拽，通過鼠標(biāo)的移動調(diào)整線條的弧度，同樣按Esc鍵結(jié)束繪圖。更改曲率或移動節(jié)點：可以用部分選取工具在需要改變曲率的節(jié)點上點一下，節(jié)點的兩邊就會出現(xiàn)控制手柄，用鼠標(biāo)去拉到任意一個句柄即可。要改變節(jié)點的位置，用部分選取工具將節(jié)點選中，然后拖動。 2 基本繪圖工具 用鼠標(biāo)拖住一條的同時按下Alt鍵，此時就可以僅移動一邊的句柄而另外一邊不會受到影響。圓滑節(jié)點與拐角節(jié)點的轉(zhuǎn)換 圓滑節(jié)點是至少有一個控制句柄的節(jié)點，直線節(jié)點是沒有控制句柄的節(jié)點； 圓滑節(jié)點變直線節(jié)點，將鋼筆工具移到節(jié)點之上，鋼筆工具的右下角會出現(xiàn)一個尖狀的小標(biāo)志，在節(jié)點上單擊后，句柄就會被刪掉而只留下節(jié)點。 直線節(jié)點變

10、圓滑節(jié)點，使用部分選取工具，按下Alt鍵的同時在需要轉(zhuǎn)化的直線節(jié)點上拉動，這個節(jié)點自然會生成一對句柄。2 基本繪圖工具 2.6 鋼筆工具 與部分選取工具添加節(jié)點 在路徑被選中的情況下，當(dāng)鋼筆工具右下方出現(xiàn)“+”可以直接用鋼筆工具單擊路徑以增加節(jié)點。刪除錨點 有兩種方法：（1）用部分選取工具來刪除，選擇部分選取工具，在想刪除的節(jié)點上點一下，把這個節(jié)點選中，然后按下Del鍵。（2）用鋼筆工具刪除，選擇鋼筆工具，如果想刪除的是圓滑節(jié)點，得點兩下，第一下點擊時鋼筆工具會將節(jié)點轉(zhuǎn)換成直線節(jié)點，第二次再靠近此節(jié)點時，工具一邊會出現(xiàn)一個小減號，點下去，此節(jié)點被刪除。如果是直線節(jié)點，一次性點擊就可以被刪除掉。

11、2.6 鋼筆工具 與部分選取工具2 基本繪圖工具 2.7 刷子工具 刷子工具用于為繪制的圖形上填充色或直接繪制各種圖形，模擬毛筆的效果。 刷子工具選項組如下圖所示，其中包括刷子大小、刷子形狀、筆刷模式與鎖定填充的設(shè)置 。 刷子大小:用于設(shè)置刷子大小。刷子形狀 :用于設(shè)置刷子形狀。筆刷模式：設(shè)置填充顏色時的方式，共提供了5種模式，如下圖所示。鎖定填充：當(dāng)填充色為漸變色時，將上一筆觸顏色變化規(guī)律鎖定，作為該區(qū)域的色彩變化規(guī)范。 筆刷模式鎖定填充刷子大小刷子形狀2 基本繪圖工具 圖1所示為一個圓角矩形，其中有一個腳印圖案。圖2為設(shè)置各種模式后，刷子工具的繪制效果 。標(biāo)準(zhǔn)繪畫后面繪畫顏料選擇內(nèi)部繪畫顏

12、料填充圖2圖12 基本繪圖工具 2.7 刷子工具 選擇文本工具，在屬性面板設(shè)置文本的屬性，用鼠標(biāo)在舞臺上選擇一點作為文本的起始點，輸入文本即可。2.8 文本工具 如果瀏覽者的機器中沒有制作者設(shè)定的字體，將不能正確顯示字體效果，F(xiàn)lash 會自動搜尋瀏覽者機器中的默認字體顯示文字信息，這樣就影響了畫面的整體效果，在不能保證每一個瀏覽者的機器中都包含有設(shè)置字體的時候，可以通過打散命令將文字打散，以確保每一個瀏覽者都能看到正確的文字效果，但將文本打散會使Flash文件變大，所以不宜過多使用。 2 基本繪圖工具 1 分離文本 分離文本就是將文字完全打散，使文字變成圖形，這樣就可以對圖形進行編輯，制作出

13、各種文字效果。 用選擇工具將完全打散后的文字選中，將填充色設(shè)置為漸變填充色，即可得到漸變填充色效果，如下圖所示。 2 文字填充色為漸變顏色2 基本繪圖工具 2.8 文本工具 用選擇工具將完全打散后的文字選中，選取墨水瓶工具，在屬性面板中設(shè)置筆觸顏色、筆觸高度和筆觸樣式，在打散后的文字上方單擊，得到如圖1所示的效果。3 文字輪廓線圖1圖2 用選擇工具將完全打散后的文字選中，按Ctrl+C鍵復(fù)制，按Ctrl+V鍵粘貼，復(fù)制出另一組文字，調(diào)整復(fù)制文字的顏色與位置，得到陰影效果。4 文字陰影2 基本繪圖工具 2.8 文本工具 用選擇工具將完全打散后的文字選中，執(zhí)行“修改”“形狀”“柔化填充邊緣”命令，

14、在彈出的“柔化填充邊緣”對話框中，進行設(shè)置即可得到柔化字效果。5 柔化字制作 分別給完全打散后的文字描邊并設(shè)置不同的文本顏色，得到如圖1所示的效果。 分別選中打散后的文字，用任意變形工具隨意調(diào)整文字大小、位置，得到如圖2所示的效果。6 不規(guī)則的俏皮文字制作圖1圖22 基本繪圖工具 2.8 文本工具 2.9 橡皮擦工具 橡皮擦工具用于擦除線條和填充色。橡皮擦工具選項組如圖1所示，其中包括橡皮模式、水龍頭與橡皮形狀的設(shè)置 。1.橡皮模式 用于指定擦除區(qū)域,共提供了5種擦除模式，如圖2所示。 以圖3所示的圖形為基礎(chǔ)，依次使用以下模式擦除圖形，得到下圖從左到右所示的效果。橡皮模式水龍頭 橡皮形狀圖1圖

15、2圖32 基本繪圖工具 標(biāo)準(zhǔn)擦除：隨意擦除圖形中的線與填充色。擦除填色：擦除圖形中的填充色部分。擦除線條：擦除圖形中的線條部分。擦除所選填充：擦除已選取的填充顏色。內(nèi)部擦除：擦除圖形內(nèi)部填充色，一次只能擦除一個封閉部分中的一種填充色。2.水龍頭 用于一次性擦除聯(lián)系在一起的一致的填充顏色和線條。2 基本繪圖工具 2.9 橡皮擦工具3 顏色工具 3.1 顏料桶工具 顏料桶工具用于為圖形填充顏色，其中包括空隙大小與鎖定填充的設(shè)置。 空隙大小是指設(shè)置填充色的對象是否為封閉路徑，如果不是封閉路徑，允許空隙的大小為多少，默認情況下空隙大小設(shè)置為沒有空隙，也就是不封閉空隙。 鎖定填充命令只有在填充色為漸變色

16、時才能起作用。 2 基本繪圖工具 3.2 墨水瓶工具 墨水瓶工具用于為填充色描邊，其中包括筆觸顏色、筆觸高度與筆觸樣式的設(shè)置。 為填充色描邊 在屬性面板中設(shè)置筆觸顏色為黑色、筆觸高度為4、筆觸樣式為實線，在場景中光標(biāo)變成墨水瓶的樣子，如左圖所示，在希望描邊的填充色上方單擊，即可為填充色描邊，為所有填充色描邊，得到如下圖所示的效果。2 基本繪圖工具 改變筆觸樣式、顏色 在屬性面板中重新設(shè)置筆觸顏色、筆觸高度和筆觸樣式，在包含邊框的填充色上方單擊，即可改變當(dāng)前筆觸樣式。 為文字描邊 在屬性面板中設(shè)置筆觸顏色、筆觸高度和筆觸樣式，在打散的文字上方單擊，即可為文字描邊，描邊的文字如下圖所示，打散文字的

17、方法與具體應(yīng)用將在以后詳細講解。3.2 墨水瓶工具3.3 填充變形工具 填充變形工具用于調(diào)整漸變填充色，還可以用于調(diào)整填充位圖。 混色器面板的應(yīng)用 在介紹填充變形工具之前，有必要對如何設(shè)置漸變填充做詳細的介紹，F(xiàn)lash在填充色面板中提供了默認的幾種漸變顏色，通過選擇即可得到漸變填充效果，但這些效果非常有限，不足以滿足繪圖的需要，通過混色器面板可以方便的設(shè)置各種填充顏色與漸變色，制作出需要的填充色。 填充變形工具的應(yīng)用 利用填充變形工具可以調(diào)節(jié)漸變顏色的中心點、范圍、樣式以及角度。因為填充的漸變樣式分為線性漸變與放射狀漸變兩種，所以在使用填充變形工具時，也會有兩種相應(yīng)的形式 。2 基本繪圖工具

18、 選取填充變形工具后單擊圖形中的漸變填充色，出現(xiàn)相應(yīng)的編輯點，如下圖所示，其中，左圖所示為應(yīng)用于線性漸變，右圖所示為應(yīng)用于放射狀漸變。212434（1）中心點直線 用于調(diào)節(jié)漸變顏色的中心點。當(dāng)光標(biāo)靠近中心編輯點時，變成圖1所示的樣子，單擊并拖拽鼠標(biāo)即可改變漸變顏色的中心點，如圖2所示，兩種漸變形式的原理相同。 2 基本繪圖工具 3.3 填充變形工具（2）樣式 ：用于調(diào)節(jié)漸變顏色區(qū)域的形狀。（3）范圍 ：用于調(diào)節(jié)漸變顏色的漸變范圍，這是調(diào)節(jié)放射狀漸變填充時獨有的。（4）角度 ：用于調(diào)整漸變顏色的旋轉(zhuǎn)角度。 圖1圖22 基本繪圖工具 3.3 填充變形工具3.3 滴管工具 滴管工具用于提取與繪制圖形

19、中的線條或填充色具有相同屬性的圖形以及位圖中的各種RGB顏色，不但可以用來確定漸變填充色，更可將位圖轉(zhuǎn)換為填充色。 提取線條屬性 選取滴管工具，當(dāng)光標(biāo)靠近線條時單擊，即可獲得所選線條的屬性，此時光標(biāo)變成墨水瓶的樣子，如果單擊另一個線條，即可改變這個線條的屬性。 提取填充色屬性 選取滴管工具，當(dāng)光標(biāo)靠近填充色時單擊，即可獲得所選填充色的屬性，此時光標(biāo)變成顏料桶的樣子，如果單擊另一個填充色，即可改變這個填充色的屬性。2 基本繪圖工具 提取漸變填充色屬性 選取滴管工具，在漸變填充色上方單擊，提取漸變填充色，此時在另一個區(qū)域中單擊即可應(yīng)用提取的漸變填充色。 如果發(fā)現(xiàn)圖形好像只被一種顏色填充了一樣，只是

20、因為鎖定填充選項被自動激活，所以漸變填充色會延續(xù)上一個填充色的效果，此時單擊工具箱選項組中的鎖定填充按鈕，取消鎖定，再次填充漸變色即可。2 基本繪圖工具 3.3 滴管工具4 選取圖形工具 利用主選工具選取對象時需要注意： 選擇一個對象 在對象上單擊鼠標(biāo)左鍵就可以選擇一條直線、一組對象或文字；選擇圖形，則需要在某條邊線上雙擊鼠標(biāo)左鍵。 選擇多個對象 以拖動的方式框選；按住shift鍵復(fù)選。 移動端點 鼠標(biāo)指針變成直角型時，單擊左鍵選中拐點并拖動鼠標(biāo)，移動到指定位置釋放左鍵。 將直線變?yōu)榍€ 鼠標(biāo)移動到該線段，指針變?yōu)閳A弧狀，單擊左鍵選中線段并拖動，移動到指定位置釋放左鍵。 4.1 主選工具 增加

21、拐點 當(dāng)箭頭下方出現(xiàn)弧線標(biāo)志時，按住ctrl鍵拖動鼠標(biāo)，到適當(dāng)位置釋放鼠標(biāo)，可以增加一個拐點。對齊對象：使用主選工具拖動某一個對象時，光標(biāo)將出現(xiàn)一個圓點，將它向其他對象移動的時候，會自動吸附上去。平滑按鈕：令被選線條變平滑，消除線條多余的鋸齒。拉直按鈕：令被選線條變平直，消除多余弧度。4 選取圖形工具 4.1 主選工具 套索工具用于選取任意范圍中的線條與填充色。選項組如下圖所示。4.3 套索工具魔術(shù)棒屬性多邊形模式魔術(shù)棒4.2 次選工具次選工具既可以選取并移動對象，也可以對圖形進行變形處理。移動控制點：選擇圖形，周圍會出現(xiàn)控制點，拖動可 以改變輪廓形狀。修改控制點的曲度：選擇控制點移動時，該點

22、附近出現(xiàn)控制手柄，拖動手柄，使其變形。4 選取圖形工具 選取套索工具，在工作區(qū)中單擊并拖拽即可選擇需要的區(qū)域。 多邊形模式 以直線的方式繪制選區(qū)。 魔術(shù)棒屬性 設(shè)置相近顏色值的范圍。 魔術(shù)棒 根據(jù)魔術(shù)棒屬性的設(shè)置，選擇位圖中相近的顏色。4 選取圖形工具 套索工具的應(yīng)用 5 變形工具 任意變形工具用于對圖形進行放大、縮小、拉伸、壓縮、旋轉(zhuǎn)和扭曲等方面的操作 。5.1 旋轉(zhuǎn)與傾斜 旋轉(zhuǎn) 用于改變圖形角度。當(dāng)光標(biāo)移動到圖形邊角的錨點外側(cè)時，變成如左圖所示的樣子，單擊并拖拽鼠標(biāo)，可以看到旋轉(zhuǎn)的圖形輪廓線，如中間圖所示，輪廓線的位置就是釋放鼠標(biāo)后圖形所在的位置，如右圖所示。 縮放圖形就是改變圖形的縱橫比

23、，達到改變圖形大小的目的，分為任意縮放與等比例縮放兩種。 5.2 縮放圖形 傾斜 用于改變圖形形狀。當(dāng)光標(biāo)移動到圖形錨點之間的直線時，變成如左圖所示的樣子，單擊并拖拽鼠標(biāo)，可以看到傾斜的圖形輪廓線，如中間圖所示，輪廓線的形狀就是釋放鼠標(biāo)后圖形的形狀，如右圖所示。 5 變形工具 用于改變圖形的縱橫比。將光標(biāo)移動到圖形的邊角處，變成如左圖所示的樣子，單擊并拖拽鼠標(biāo)，可以看到縮放的圖形輪廓線，如中間圖所示，輪廓線的位置就是釋放鼠標(biāo)后圖形所在的位置，如右圖所示。 以中心點為中心縮放圖形 按住Alt鍵的同時單擊并拖拽鼠標(biāo)，即可以中心點為中心調(diào)整圖形縱橫比 。 5 變形工具 任意縮放圖形 5.3 扭曲圖形

24、 選擇邊角中的錨點 用任意變形工具選定對象以后，將光標(biāo)移動到圖形的邊角處，單擊并拖拽，可以看到扭曲的圖形輪廓線，調(diào)整輪廓線的形狀就是釋放鼠標(biāo)后圖形的形狀。 選擇中間的錨點 扭曲圖形就是改變圖形的透視關(guān)系，根據(jù)選擇錨點的不同，效果也不同，配合功能鍵的應(yīng)用，達到以下不同的效果 。5 變形工具 用任意變形工具選定對象以后，將光標(biāo)移動到中間的錨點，單擊并拖拽鼠標(biāo)，可以看到扭曲的圖形輪廓線，調(diào)整輪廓線的形狀就是釋放鼠標(biāo)后圖形的形狀，一并達到縮放與傾斜的效果。 對稱扭曲效果 選擇邊角中的錨點，按下Ctrl+Shift鍵的同時單擊并拖拽鼠標(biāo)，可以看到扭曲的圖形輪廓線，調(diào)整輪廓線的形狀就是釋放鼠標(biāo)后圖形的形狀

25、。5.4 封套圖形 封套圖形可以通過錨點與錨點兩邊的切線手柄扭曲對象，用任意變形工具選定對象以后，單擊選項組中的封套按鈕，得到如圖1所示的效果 。5 變形工具 邊角錨點編輯手柄 將光標(biāo)移動到圖形的邊角錨點編輯手柄處，單擊并拖拽鼠標(biāo)，可以看到扭曲的圖形輪廓線，如圖2所示，調(diào)整輪廓線的形狀，得到如圖3所示的效果。圖1圖2圖35 變形工具 5.4 封套圖形 圖1圖2圖3中央錨點編輯手柄 將光標(biāo)移動到圖形的中央錨點編輯手柄處，單擊并拖拽鼠標(biāo)，看到如圖1所示的扭曲圖形輪廓線，調(diào)整輪廓線的形狀，得到如圖2所示的效果。在拖拽中央錨點編輯手柄的同時，如果按住Alt鍵，則只能調(diào)整一個方向的扭曲效果，如圖3所示。5.4 封套圖形 5 變形工具 變形對話框 除