Flash-CS5中文版基礎教程第2章圖形的繪制與編輯課件

1、Flash CS5中文版基礎教程第2章圖形的繪制與編輯本章簡介： 本章將介紹Flash CS5繪制圖形的功能和編輯圖形的技巧，還講解了多種選擇圖形的方法以及設置圖形色彩的技巧。讀者通過學習，要掌握繪制圖形、編輯圖形的方法和技巧，要能獨立繪制出所需的各種圖形效果并對其進行編輯，為進一步學習Flash CS5打下堅實的基礎。第2章圖形的繪制與編輯 課堂學習目標 熟練掌握基本線條與圖形繪制的方法 熟練掌握繪制與選擇圖形的方法和技巧 掌握編輯圖形的方法和技巧 了解圖形色彩的應用方法2.1基本線條與圖形的繪制 線條工具 鉛筆工具 橢圓工具 刷子工具矩形工具多角星形工具鋼筆工具選擇工具部分選取工具套索工具

2、課堂案例繪制淘依府標志 選擇“線條”工具 ，在舞臺上單擊鼠標，按住鼠標不放并向右拖動到需要的位置，繪制出1條直線。在線條工具“屬性”面板中設置不同的筆觸顏色、筆觸大小、筆觸樣式。線條工具“屬性”面板 2.1.1線條工具 設置不同的線條屬性后繪制的線條 選擇“鉛筆”工具 ，在舞臺上單擊鼠標，按住鼠標不放，在舞臺上隨意繪制出線條。如果想要繪制出平滑或伸直線條和形狀，可以在工具箱下方的選項區(qū)域中為鉛筆工具選擇一種繪畫模式。在鉛筆工具“屬性”面板中設置不同的筆觸顏色、筆觸大小、筆觸樣式。鉛筆工具“屬性”面板 2.1.2鉛筆工具 設置不同的線條屬性后繪制的圖形 選擇“橢圓”工具 ，在舞臺上單擊鼠標，按住

3、鼠標不放，向需要的位置拖曳鼠標，繪制橢圓，按住Shift鍵的同時繪制圖形，可以繪制出圓形。在橢圓工具“屬性”面板中設置不同的筆觸顏色、筆觸大小、筆觸樣式和填充顏色。橢圓工具 “屬性”面板 2.1.3橢圓工具 設置不同的邊框屬性和填充顏色后繪制的圖形 選擇“刷子”工具 ，在舞臺上單擊鼠標，按住鼠標不放，隨意繪制出筆觸。可以在刷子工具“屬性”面板中設置不同的填充顏色和筆觸平滑度。 刷子工具 “屬性”面板 2.1.4刷子工具 設置不同的刷子形狀后所繪制的筆觸效果 系統(tǒng)在工具箱的下方提供了5種刷子的模式可供選擇?！皹藴世L畫”模式：在同一層的線條和填充上以覆蓋的方式涂色?！邦伭咸畛洹蹦Ｊ剑簩μ畛鋮^(qū)域和空

4、白區(qū)域涂色，其他部分（如邊框線）不受影響?！昂竺胬L畫”模式：在舞臺上同一層的空白區(qū)域涂色，但不影響原有的線條和填充。“顏料選擇”模式：在選定的區(qū)域內進行涂色，未被選中的區(qū)域不能夠涂色。“內部繪畫”模式：在內部填充上繪圖，但不影響線條。如果在空白區(qū)域中開始涂色，該填充不會影響任何現(xiàn)有填充區(qū)域。標準繪畫 顏料填充 后面繪畫 顏料選擇 內部繪畫選擇“矩形”工具 ，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳鼠標，繪制出矩形圖形，按住Shift鍵的同時繪制圖形，可以繪制出正方形。在矩形工具“屬性”面板中設置不同的筆觸顏色、筆觸大小、筆觸樣式和填充顏色。 矩形工具 “屬性”面板 2.1.5矩形工具

5、設置不同的邊框屬性和填充顏色后繪制的圖形 應用多角星形工具可以繪制出不同樣式的多邊形和星形。選擇“多角星形”工具 ，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳鼠標，繪制出多邊形 ?？梢栽诙嘟切切喂ぞ摺皩傩浴泵姘逯性O置不同的邊框顏色、邊框粗細、邊框線型和填充顏色 。 多角星形工具 “屬性”面板 2.1.6多角星形工具 設置不同的邊框屬性和填充顏色后繪制的圖形 選擇“鋼筆”工具 ，將鼠標放置在舞臺上想要繪制曲線的起始位置，然后按住鼠標不放。此時出現(xiàn)第一個錨點，并且鋼筆尖光標變?yōu)榧^形狀。松開鼠標，將鼠標放置在想要繪制的第二個錨點的位置，單擊鼠標并按住不放，繪制出一條直線段。將鼠標向其他方向拖

6、曳，直線轉換為曲線。松開鼠標，一條曲線繪制完成 。2.1.7鋼筆工具 繪制曲線的過程 2.1.8選擇工具 選擇對象 選擇“選擇”工具 ，在舞臺中的對象上單擊鼠標進行點選，即可選擇對象。按住Shift鍵，再點選對象，可以同時選中多個對象。在舞臺中拖曳出一個矩形可以框選對象。 移動和復制對象 選擇“選擇”工具 ，點選中對象。按住鼠標不放，直接拖曳對象到任意位置。 選擇“選擇”工具，點選中對象，按住Alt鍵，拖曳選中的對象到任意位置，選中的對象被復制。 調整向量線條和色塊 選擇“選擇”工具 ，將鼠標移至對象，鼠標下方出現(xiàn)圓弧。拖動鼠標，對選中的線條和色塊進行調整。 選擇“部分選取”工具 ，在對象的外

7、邊線上單擊，對象上出現(xiàn)多個節(jié)點。拖動節(jié)點來調整控制線的長度和斜率，從而改變對象的曲線形狀。 2.1.9部分選取工具 改變對象的曲線形狀 2.1.10套索工具 “套索”工具 選擇“套索”工具 ，在場景中導入一幅位圖，按Ctrl+B組合鍵，將位圖進行分離。用鼠標在位圖上任意勾選想要的區(qū)域，形成一個封閉的選區(qū)。松開鼠標，選區(qū)中的圖像被選中?！澳g棒”按鈕 選中“魔術棒”按鈕 ，將光標放在位圖上，光標變?yōu)?，在要選擇的位圖上單擊鼠標。與點取點顏色相近的圖像區(qū)域被選中。 “多邊形模式”按鈕 選中選中“多邊形模式”按鈕 ，在圖像上單擊鼠標，確定第一個定位點，松開鼠標并將鼠標移至下一個定位點，再次單擊鼠標，

8、用相同的方法直到勾畫出想要的圖像，并使選取區(qū)域形成一個封閉的狀態(tài)。雙擊鼠標，選區(qū)中的圖像被選中。 使用矩形工具、套索工具、鉛筆工具、橢圓工具來完成標志的繪制。 2.1.11課堂案例繪制衣戀堂標效果圖2.2圖形的編輯 顏料桶工具 滴管工具 橡皮擦工具 任意變形工具和漸變變形工具 顏色面板 墨水瓶工具 課堂案例繪制水晶按鈕 選擇“顏料桶”工具 ，在顏料桶工具“屬性”面板中將“填充顏色”設為紅色（#FF0000）。在線框內單擊鼠標，線框內被填充顏色。在工具箱的下方系統(tǒng)設置了4種填充模式可供選擇。 2.2.1顏料桶工具 根據線框空隙的大小，應用不同的模式進行填充 顏料桶工具 “屬性”面板 4種填充模式

9、2.2.2滴管工具 吸取填充色 選擇“滴管”工具 ，將光標放在左邊圖形的填充色上，光標變?yōu)?，在填充色上單擊鼠標，吸取填充色樣本,在工具箱的下方，取消對“鎖定填充”按鈕 的選取，光標變?yōu)?，在右邊圖形的填充色上單擊鼠標，圖形的顏色被修改吸取填充樣本 更改填充色 吸取邊框屬性 選擇“滴管”工具 ，將鼠標放在左邊圖形的外邊框上，光標變?yōu)?，在外邊框上單擊鼠標，吸取邊框樣本，單擊后，光標變?yōu)?，在右邊圖形的外邊框上單擊鼠標，添加邊線。 吸取筆觸樣本 更改筆觸樣式吸取位圖圖案 導入06圖片，按Ctrl+B組合鍵，將其打散。繪制1個圓形圖形，選擇“滴管”工具 ，將鼠標放在位圖上，光標變?yōu)?，單擊鼠標，吸

10、取圖案樣本。單擊后，光標變?yōu)?，在圓形圖形上單擊鼠標，圖案被填充。 導入位圖 繪制圓形 吸取樣本 填充圖形吸取文字屬性 滴管工具還可以吸取文字的顏色。選擇要修改的目標文字，選擇“滴管”工具 ，將鼠標放在源文字上，光標變?yōu)?。在源文字上單擊鼠標，源文字的文字屬性被應用到了目標文字上。 吸取文字顏色 更改文字顏色選擇目標 選擇“橡皮擦”工具 ，在圖形上想要刪除的地方按下鼠標并拖動鼠標，圖形被擦除。在工具箱下方的“橡皮擦形狀”按鈕 的下拉菜單中，可以選擇橡皮擦的形狀與大小。如果想得到特殊的擦除效果，系統(tǒng)在工具箱的下方設置了5種擦除模式可供選擇。 2.2.3橡皮擦工具 標準擦除 擦除填色 擦除線條 擦

11、除所選填充 內部擦除5種擦除模式 要想刪除矢量圖形上的線段或填充區(qū)域，可以選擇“橡皮擦”工具 ，再選中工具箱中的“水龍頭”按鈕 ，然后單擊舞臺上想要刪除的線段或填充區(qū)域即可。 擦除填色 擦除線條2.2.4任意變形工具和漸變變形工具任意變形工具 導入08圖片，按Ctrl+B組合鍵，將其打散。選擇“任意變形”工具 ，在圖形的周圍出現(xiàn)控制點。拖動控制點改變圖形的大小。光標放在四個角的控制點上時變?yōu)?，拖動鼠標旋轉圖形。在圖形的周圍出現(xiàn)控制點，拖動控制點改變圖形的大小。系統(tǒng)在工具箱的下方設置了4種變形模式可供選擇。 縮放圖形 旋轉圖形4種模式 傾斜、扭曲、封套效果漸變變形工具 使用漸變變形工具可以改變

12、選中圖形中的填充漸變效果。當圖形填充色為線性漸變色時，選擇“漸變變形”工具 ，用鼠標單擊圖形，出現(xiàn)3個控制點和2條平行線。向圖形中間拖動方形控制點，漸變區(qū)域縮小。 將鼠標放置在旋轉控制點上，光標變?yōu)?，拖動旋轉控制點來改變漸變區(qū)域的角度。呈現(xiàn)控制框 調整漸變過渡 效果 旋轉漸變角度 效果 當圖形填充色為徑向漸變色時，選擇“漸變變形”工具 ，用鼠標單擊圖形，出現(xiàn)4個控制點和1個圓形外框，向圖形外側水平拖動方形控制點，水平拉伸漸變區(qū)域。 將鼠標放置在圓形邊框中間的圓形控制點上，光標變?yōu)?，向圖形內部拖動鼠標，縮小漸變區(qū)域。將鼠標放置在圓形邊框外側的圓形控制點上，光標變?yōu)?，向上旋轉拖動控制點，改變

13、漸變區(qū)域的角度。中心縮放控制框 旋轉漸變角度呈現(xiàn)控制框 調整漸變過渡 效果 在工具箱的下方單擊“填充顏色”按鈕 ，彈出純色面板。在面板中可以選擇系統(tǒng)設置好的顏色，如想自行設定顏色，單擊面板右上方的顏色選擇按鈕 ，彈出“顏色”面板，在面板右側的顏色選擇區(qū)中選擇要自定義的顏色，滑動面板右側的滑動條來設定顏色的亮度。 2.2.5純色編輯面板 “顏色”面板“純色”面板選擇“窗口 顏色”命令，彈出“顏色”面板。 2.2.6顏色面板 自定義純色 在“顏色”面板的“顏色類型”選項中，選擇“純色”選項。在面板下方的顏色選擇區(qū)域內，可以根據需要選擇相應的顏色。 自定義線性漸變色 在“顏色”面板的“顏色類型”選項

14、中選擇“線性漸變”選項 。將鼠標放置在滑動色帶上，在色帶上單擊鼠標增加顏色控制點，并在面板下方為新增加的控制點設定顏色及明度。 自定義徑向漸變色 在“顏色”面板的“顏色類型”選項中選擇“徑向漸變”選項。用與定義線性漸變色相同的方法在色帶上定義徑向漸變色，定義完成后，在面板的左下方顯示出定義的漸變色。 自定義位圖填充 在“顏色”面板的“顏色類型”選項中，選擇“位圖”選項。彈出“導入到庫”對話框，在對話框中選擇要導入的圖片，單擊“打開”按鈕，圖片被導入到“顏色”面板中，選擇“矩形”工具，在場景中繪制出一個矩形，矩形被剛才導入的位圖所填充。 使用墨水瓶工具可以修改失量圖形的邊線。選擇“墨水瓶”工具 ，在“屬性”面板中設置筆觸顏色、筆觸以及筆觸樣式。這時，光標變?yōu)?，在圖形上單擊鼠標，為圖形增加設置好的邊線。 2.2.7墨水瓶工具 在“屬性”面板中設置