Flash-CS6實例教程(第3版)-課件21

本章簡介：

本章將介紹FlashCS6繪制圖形的功能和編輯圖形的技巧，還講解了多種選擇圖形的方法以及設置圖形色彩的技巧。讀者通過學習，要掌握繪制圖形、編輯圖形的方法和技巧，要能獨立繪制出所需的各種圖形效果并對其進行編輯，為進一步學習FlashCS6打下堅實的基礎。

第2章圖形的繪制與編輯

本章簡介：第2章圖形的繪制與編輯2課堂學習目標熟練掌握繪制圖形的多種工具的使用方法。熟練掌握圖形多種編輯工具的使用方法和技巧。了解圖形的色彩，并掌握幾種常用的色彩面板。課堂學習目標熟練掌握繪制圖形的多種工具的使用方法。32.1基本線條與圖形的繪制課堂案例——繪制淘依府標志線條工具鉛筆工具橢圓工具刷子工具2.1基本線條與圖形的繪制課堂案例——繪制淘依府標志4使用矩形工具、套索工具、鉛筆工具、橢圓工具來完成標志的繪制。2.1.1

課堂案例——繪制淘依府標志效果圖使用矩形工具、套索工具、鉛筆工具、橢圓工具來完成標志的繪制。5選擇“線條”工具，在舞臺上單擊鼠標，按住鼠標不放并向右拖動到需要的位置，繪制出一條直線。可以在直線工具“屬性”面板中設置不同的線條顏色、線條粗細、線條類型。直線工具“屬性”面板

2.1.1

線條工具設置不同的線條屬性后繪制的線條

選擇“線條”工具，在舞臺上單擊鼠標，按住鼠標不放并向右拖動到6選擇“鉛筆”工具，在舞臺上單擊鼠標，按住鼠標不放，在舞臺上隨意繪制出線條。如果想要繪制出平滑或伸直線條和形狀，可以在工具箱下方的選項區域中為鉛筆工具選擇一種繪畫模式。可以在鉛筆工具“屬性”面板中設置不同的線條顏色、線條粗細、線條類型。鉛筆工具“屬性”面板

2.1.3

鉛筆工具設置不同的線條屬性后繪制的圖形選擇“鉛筆”工具，在舞臺上單擊鼠標，按住鼠標不放，在舞臺上隨7選擇“橢圓”工具，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳鼠標，繪制橢圓，松開鼠標。按住Shift鍵的同時繪制圖形，可以繪制出圓形。在橢圓工具“屬性”面板中設置不同的筆觸顏色、筆觸大小、筆觸樣式和填充顏色。橢圓工具

“屬性”面板

2.1.4

橢圓工具設置不同的邊框屬性和填充顏色后繪制的圖形

選擇“橢圓”工具，在舞臺上單擊鼠標，按住鼠標不放，向需要的8選擇“刷子”工具，在舞臺上單擊鼠標，按住鼠標不放，隨意繪制出筆觸，松開鼠標。可以在刷子工具“屬性”面板中設置不同的填充顏色和筆觸平滑度。刷子工具

“屬性”面板

2.1.5

刷子工具設置不同的刷子形狀后所繪制的筆觸效果選擇“刷子”工具，在舞臺上單擊鼠標，按住鼠標不放，隨意繪制92.2圖形的繪制與選擇

課堂案例——繪制卡通小雞墨水瓶工具顏料桶工具滴管工具橡皮擦工具任意變形工具和漸變變形工具手形工具和縮放工具2.2圖形的繪制與選擇課堂案例——繪制卡通小雞10使用橢圓工具、矩形工具、鋼筆工具、刷子工具來完成卡通小雞的繪制。2.2.1

課堂案例——繪制卡通小雞效果圖使用橢圓工具、矩形工具、鋼筆工具、刷子工具來完成卡通小雞的繪11使用墨水瓶工具可以修改矢量圖形的邊線。選擇“墨水瓶”工具，在“屬性”面板中設置筆觸顏色、筆觸大小以及筆觸樣式。在“屬性”面板中設置不同的屬性，所繪制的邊線效果也不同。矩形工具“屬性”面板2.2.2

墨水瓶工具設置不同的邊框屬性和填充顏色后繪制的圖形

使用墨水瓶工具可以修改矢量圖形的邊線。選擇“墨水瓶”工具，12選擇“顏料桶”工具，在顏料桶工具“屬性”面板中設置“填充顏色”。在線框內單擊鼠標，線框內被填充顏色。多角星形工具“屬性”面板2.2.3

顏料桶工具設置邊框屬性和填充顏色后繪制的圖形選擇“顏料桶”工具，在顏料桶工具“屬性”面板中設置“填充顏13使用滴管工具可以吸取矢量圖形的線型和色彩，然后利用顏料桶工具，可以快速修改其他矢量圖形內部的填充色。利用墨水瓶工具，可以快速修改其他矢量圖形的邊框顏色及線型。1．吸取填充色2．吸取邊框屬性3．吸取位圖圖案4．吸取文字顏色2.2.4

滴管工具

使用滴管工具可以吸取矢量圖形的線型和色彩，然后利用顏料桶工具142.2.5

橡皮擦工具選擇“橡皮擦”工具，在圖形上想要刪除的地方按下鼠標并拖動鼠標，圖形被擦除。在工具箱下方的“橡皮擦形狀”按鈕的下拉菜單中，可以選擇橡皮擦的形狀與大小。如果想得到特殊的擦除效果，系統在工具箱的下方設置了5種擦除模式可供選擇：（1）“標準擦除”模式：擦除同一層的線條和填充。（2）“擦除填色”模式：僅擦除填充區域，其他部分（如邊框線）不受影響。（3）“擦除線條”模式：僅擦除圖形的線條部分，但不影響其填充部分。（4）“擦除所選填充”模式：僅擦除已經選擇的填充部分，但不影響其他未被選擇的部分。（5）“內部擦除”模式：僅擦除起點所在的填充區域部分，但不影響線條填充區域外的部分。2.2.5橡皮擦工具選擇“橡皮擦”工具，在圖形上想要刪除15在制作圖形的過程中，可以應用任意變形工具來改變圖形的大小及傾斜度，也可以應用填充變形工具改變圖形中漸變填充顏色的漸變效果。1．任意變形工具2．漸變變形工具2.2.6

任意變形工具和漸變變形工具在制作圖形的過程中，可以應用任意變形工具來改變圖形的大小及傾162.2.7

手形工具和縮放工具手形工具和縮放工具都是輔助工具，它們本身并不直接創建和修改圖形，而只是在創建和修改圖形的過程中輔助用戶進行操作。1．手形工具如果圖形很大或被放大得很大，那么需要利用“手形”工具調整觀察區域。選擇“手形”工具，光標變為手形，按住鼠標不放，拖動圖像到需要的位置。2．縮放工具利用縮放工具放大圖形以便觀察細節，縮小圖形以便觀看整體效果。選擇“縮放”工具，在舞臺上單擊可放大圖形。2.2.7手形工具和縮放工具手形工具和縮放工具都是輔助工具172.3圖形的編輯

課堂案例——繪制播放器純色編輯面板顏色面板樣本面板2.3圖形的編輯課堂案例——繪制播放器18使用矩形工具、顏色面板、柔化填充邊緣命令、顏料桶工具來完成水晶按鈕的繪制。2.3.1

課堂案例——繪制播放器效果圖使用矩形工具、顏色面板、柔化填充邊緣命令、顏料桶工具來完成水19在工具箱的下方單擊“填充顏色”按鈕，彈出純色面板。在面板中可以選擇系統設置好的顏色，如想自行設定顏色，單擊面板右上方的顏色選擇按鈕，彈出“顏色”面板，在面板右側的顏色選擇區中選擇要自定義的顏色。滑動面板右側的滑動條來設定顏色的亮度。2.3.2

純色編輯面板“顏色填充”面板在工具箱的下方單擊“填充顏色”按鈕，彈出純色面板。在面板中20選擇“窗口>顏色”命令，彈出“顏色”面板。1．自定義純色選擇“顏色”面板，在“顏色類型”選項的下拉列表中選擇“純色”選項。在面板下方的顏色選擇區域內，可以根據需要選擇相應的顏色。2．自定義線性漸變色選擇“顏色”面板，在“顏色類型”選項的下拉列表中選擇“線性漸變”選項，。將鼠標放置在滑動色帶上，在色帶上單擊鼠標增加顏色控制點，并在面板下方為新增加的控制點設定顏色及透明度。當要刪除控制點時，只需將控制點向色帶下方拖曳。3．自定義徑向漸變色選擇“顏色”面板，在“顏色類型”選項的下拉列表中選擇“徑向漸變”選項。用與定義線性漸變色相同的方法在色帶上定義徑向漸變色，定義完成后，在面板的左下方顯示出定義的漸變色。4．自定義位圖填充選擇“顏色”面板，在“顏色類型”選項的下拉列表中選擇“位圖填充”選項。彈出“導入到庫”對話框，在對話框中選擇要導入的圖片。2.3.3

顏色面板選擇“窗口>顏色”命令，彈出“顏色”面板。2.3.3顏212.3.4

樣本面板選擇“窗口>樣本”命令，彈出“樣本”面板。在控制面板中部的純色樣本區，系統提供了216種純色。控制面板下方是漸變色樣本區。單擊控制面板右上方的按鈕，彈出下拉菜單。“樣本”面板2.3.4樣本面板選擇“窗口>樣本”命令，彈出“樣本”222.4課堂練習——繪制冬天夜景使用橢圓工具、多角星形工具和鉛筆工具繪制背景，使用橢圓工具繪制雪人形體，使用鋼筆工具和筆刷工具繪制樹枝和積雪。效果圖2.4課堂練習——繪制冬天夜景使用橢圓工具、多角星形工具和23使用套索工具刪除筆畫，使用鋼筆工具和線條工具繪制螺旋和直線效果，使用橢圓工具和變形面板制作花朵。2.5

課后習題——繪制花店標志效果圖使用套索工具刪除筆畫，使用鋼筆工具和線條工具繪制螺旋和直線效24Flash-CS6實例教程(第3版)-課件225

本章簡介：

本章將介紹FlashCS6繪制圖形的功能和編輯圖形的技巧，還講解了多種選擇圖形的方法以及設置圖形色彩的技巧。讀者通過學習，要掌握繪制圖形、編輯圖形的方法和技巧，要能獨立繪制出所需的各種圖形效果并對其進行編輯，為進一步學習FlashCS6打下堅實的基礎。

第2章圖形的繪制與編輯

本章簡介：第2章圖形的繪制與編輯26課堂學習目標熟練掌握繪制圖形的多種工具的使用方法。熟練掌握圖形多種編輯工具的使用方法和技巧。了解圖形的色彩，并掌握幾種常用的色彩面板。課堂學習目標熟練掌握繪制圖形的多種工具的使用方法。272.1基本線條與圖形的繪制課堂案例——繪制淘依府標志線條工具鉛筆工具橢圓工具刷子工具2.1基本線條與圖形的繪制課堂案例——繪制淘依府標志28使用矩形工具、套索工具、鉛筆工具、橢圓工具來完成標志的繪制。2.1.1

課堂案例——繪制淘依府標志效果圖使用矩形工具、套索工具、鉛筆工具、橢圓工具來完成標志的繪制。29選擇“線條”工具，在舞臺上單擊鼠標，按住鼠標不放并向右拖動到需要的位置，繪制出一條直線。可以在直線工具“屬性”面板中設置不同的線條顏色、線條粗細、線條類型。直線工具“屬性”面板

2.1.1

線條工具設置不同的線條屬性后繪制的線條

選擇“線條”工具，在舞臺上單擊鼠標，按住鼠標不放并向右拖動到30選擇“鉛筆”工具，在舞臺上單擊鼠標，按住鼠標不放，在舞臺上隨意繪制出線條。如果想要繪制出平滑或伸直線條和形狀，可以在工具箱下方的選項區域中為鉛筆工具選擇一種繪畫模式。可以在鉛筆工具“屬性”面板中設置不同的線條顏色、線條粗細、線條類型。鉛筆工具“屬性”面板

2.1.3

鉛筆工具設置不同的線條屬性后繪制的圖形選擇“鉛筆”工具，在舞臺上單擊鼠標，按住鼠標不放，在舞臺上隨31選擇“橢圓”工具，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳鼠標，繪制橢圓，松開鼠標。按住Shift鍵的同時繪制圖形，可以繪制出圓形。在橢圓工具“屬性”面板中設置不同的筆觸顏色、筆觸大小、筆觸樣式和填充顏色。橢圓工具

“屬性”面板

2.1.4

橢圓工具設置不同的邊框屬性和填充顏色后繪制的圖形

選擇“橢圓”工具，在舞臺上單擊鼠標，按住鼠標不放，向需要的32選擇“刷子”工具，在舞臺上單擊鼠標，按住鼠標不放，隨意繪制出筆觸，松開鼠標。可以在刷子工具“屬性”面板中設置不同的填充顏色和筆觸平滑度。刷子工具

“屬性”面板

2.1.5

刷子工具設置不同的刷子形狀后所繪制的筆觸效果選擇“刷子”工具，在舞臺上單擊鼠標，按住鼠標不放，隨意繪制332.2圖形的繪制與選擇

課堂案例——繪制卡通小雞墨水瓶工具顏料桶工具滴管工具橡皮擦工具任意變形工具和漸變變形工具手形工具和縮放工具2.2圖形的繪制與選擇課堂案例——繪制卡通小雞34使用橢圓工具、矩形工具、鋼筆工具、刷子工具來完成卡通小雞的繪制。2.2.1

課堂案例——繪制卡通小雞效果圖使用橢圓工具、矩形工具、鋼筆工具、刷子工具來完成卡通小雞的繪35使用墨水瓶工具可以修改矢量圖形的邊線。選擇“墨水瓶”工具，在“屬性”面板中設置筆觸顏色、筆觸大小以及筆觸樣式。在“屬性”面板中設置不同的屬性，所繪制的邊線效果也不同。矩形工具“屬性”面板2.2.2

墨水瓶工具設置不同的邊框屬性和填充顏色后繪制的圖形

使用墨水瓶工具可以修改矢量圖形的邊線。選擇“墨水瓶”工具，36選擇“顏料桶”工具，在顏料桶工具“屬性”面板中設置“填充顏色”。在線框內單擊鼠標，線框內被填充顏色。多角星形工具“屬性”面板2.2.3

顏料桶工具設置邊框屬性和填充顏色后繪制的圖形選擇“顏料桶”工具，在顏料桶工具“屬性”面板中設置“填充顏37使用滴管工具可以吸取矢量圖形的線型和色彩，然后利用顏料桶工具，可以快速修改其他矢量圖形內部的填充色。利用墨水瓶工具，可以快速修改其他矢量圖形的邊框顏色及線型。1．吸取填充色2．吸取邊框屬性3．吸取位圖圖案4．吸取文字顏色2.2.4

滴管工具

使用滴管工具可以吸取矢量圖形的線型和色彩，然后利用顏料桶工具382.2.5

橡皮擦工具選擇“橡皮擦”工具，在圖形上想要刪除的地方按下鼠標并拖動鼠標，圖形被擦除。在工具箱下方的“橡皮擦形狀”按鈕的下拉菜單中，可以選擇橡皮擦的形狀與大小。如果想得到特殊的擦除效果，系統在工具箱的下方設置了5種擦除模式可供選擇：（1）“標準擦除”模式：擦除同一層的線條和填充。（2）“擦除填色”模式：僅擦除填充區域，其他部分（如邊框線）不受影響。（3）“擦除線條”模式：僅擦除圖形的線條部分，但不影響其填充部分。（4）“擦除所選填充”模式：僅擦除已經選擇的填充部分，但不影響其他未被選擇的部分。（5）“內部擦除”模式：僅擦除起點所在的填充區域部分，但不影響線條填充區域外的部分。2.2.5橡皮擦工具選擇“橡皮擦”工具，在圖形上想要刪除39在制作圖形的過程中，可以應用任意變形工具來改變圖形的大小及傾斜度，也可以應用填充變形工具改變圖形中漸變填充顏色的漸變效果。1．任意變形工具2．漸變變形工具2.2.6

任意變形工具和漸變變形工具在制作圖形的過程中，可以應用任意變形工具來改變圖形的大小及傾402.2.7

手形工具和縮放工具手形工具和縮放工具都是輔助工具，它們本身并不直接創建和修改圖形，而只是在創建和修改圖形的過程中輔助用戶進行操作。1．手形工具如果圖形很大或被放大得很大，那么需要利用“手形”工具調整觀察區域。選擇“手形”工具，光標變為手形，按住鼠標不放，拖動圖像到需要的位置。2．縮放工具利用縮放工具放大圖形以便觀察細節，縮小圖形以便觀看整體效果。選擇“縮放”工具，在舞臺上單擊可放大圖形。2.2.7手形工具和縮放工具手形工具和縮放工具都是輔助工具412.3圖形的編輯

課堂案例——繪制播放器純色編輯面板顏色面板樣本面板2.3圖形的編輯課堂案例——繪制播放器42使用矩形工具、顏色面板、柔化填充邊緣命令、顏料桶工具來完成水晶按鈕的繪制。2.3.1

課堂案例——繪制播放器效果圖使用矩形工具、顏色面板、柔化填充邊緣命令、顏料桶工具來完成水43在工具箱的下方單擊“填充顏色”按鈕，彈出純色面板。在面板中可以選擇系統設置好的顏色，如想自行設定顏色，單擊面板右上方的顏色選擇按鈕，彈出“顏色”面板，在面板右側的顏色選擇區中選擇要自定義的顏色。滑動面板右側的滑動條來設定顏色的亮度。2.3.2

純色編輯面板“顏色填充”面板在工具箱的下方單擊“填充顏色”按鈕，彈出純色面板。在面板中44選擇“窗口>顏色”命令，彈出“顏色”面板。1．自定義純色選擇“顏色”面