- Adobe Flash CS4 動畫設計與制作標準實訓教程
- 馬增友 宋敏等
- 2565字
- 2019-11-06 15:50:01
模擬制作任務
任務1 繪制一輛小汽車
任務背景
每年4月30日為我國交通安全反思日,某網站要在首頁放置一個以宣傳“遵守交通法規”為主題的Flash動畫,設計師小馬已經構思了動畫的情節,其中需要用到一個“小汽車”的角色,如圖2-1所示。

圖2-1 小汽車的完成效果
任務要求
繪制一個“小汽車”圖形元件,卡通形象,色彩明快,造型可愛。
重點、難點
1.“鋼筆工具”的使用。
2.“基本矩形工具”的使用。
3.“填充工具”的使用。
【技術要領】利用“鋼筆工具”繪制大形,利用“選擇工具”(黑箭頭)調整弧度;利用“基本橢圓工具”繪制汽車輪子;利用“基本矩形工具”繪制門把手、保險杠等;按F8鍵轉換為元件。
【解決問題】環狀圖形繪制、圓角矩形繪制、漸變色填充。
【素材來源】素材\模塊02\小汽車.fla。
任務分析
小汽車的形象應盡量選擇可愛的卡通形象,使其具有親和力,便于大眾接受。顏色選用紅色,沖擊力強,在交通環境中也能起到警醒的作用。將其制作成“圖形元件”存放于“庫”中,便于在動畫制作的過程中隨時調用。
操作步驟
創建文檔
01 啟動Flash CS4,按Ctrl+N組合鍵打開“新建文檔”對話框,在“常規”選項卡中選擇 “Flash文件(Action Script 2.0)”選項,新建一個空白文檔。按Ctrl+J組合鍵,修改文檔屬性,具體設置如圖2-2所示。

圖2-2 “文檔屬性”對話框
02 設置完成后單擊“確定”按鈕進入場景編輯畫面,如圖2-3所示。

圖2-3 進入場景編輯畫面
設置工具屬性
03 在 “工具箱”中設置“筆觸顏色”為“黑色”(#000000),設置“填充顏色”為“橙色”(#FF3300),在場景下方的“屬性”面板中將“筆觸高度”設置為2,如圖2-4所示。

圖2-4 筆觸的設置
繪制小汽車
04 選擇“工具箱”中的“鋼筆工具”(快捷鍵為P)在舞臺中央繪制小汽車車體部分輪廓,并將“圖層1”的名稱更改為“車體”,如圖2-5所示。

圖2-5 使用“鋼筆工具”繪制小汽車輪廓
05 選擇“工具箱”中的“選擇工具”,將鼠標指針移動到場景中剛才繪制的小汽車外形上,待其鼠標指針變成形狀時調整線條的弧度,如圖2-6所示。

圖2-6 調整線條的弧度
06 選擇“工具箱”中的“顏料桶工具”(快捷鍵為K),將鼠標指針移動到車體上單擊,為車體填充“紅色”(#FF3300),如圖2-7所示。

圖2-7 為車體填充“紅色”
07 單擊“插入圖層”按鈕,新建“圖層2”,并將其重命名為“車窗”,選擇“鋼筆工具”按照上述繪制車體的方法在“車窗”圖層中繪制小汽車的4個車窗部分,效果如圖2-8所示。

圖2-8 繪制4個車窗部分
08 選擇“工具箱”中的“選擇工具”,將鼠標指針移動到場景中繪制的“2”號車窗部分上,雙擊鼠標,全選整個“車窗2”,如圖2-9所示。

圖2-9 全選“車窗2”
09 選擇“工具箱”中的“顏料桶工具”,設置填充色為線性漸變,如圖2-10所示。

圖2-10 設置填充色為線性漸變
10 選擇“窗口”>“顏色”命令或按Shift+F9組合鍵,如圖2-11(a)所示,調整“顏色”面板下方的漸變條,左右兩個滑塊的顏色值分別設置為“白色”(#FFFFFF)、“淺藍色”(#00CCFF),如圖2-11(b)所示。

圖2-11 設置“顏色”面板
11 使用“顏料桶工具”,分別填充4個窗體部分,如圖2-12所示。

圖2-12 使用“顏料桶工具”填充4個窗體
12 選擇“工具箱”中的“漸變變形工具” ?(快捷鍵為F),對4個窗體部分的漸變填充色進行方向、位置和范圍的調整,如圖2-13所示。

圖2-13 調整漸變方向
13 單擊“插入圖層”按鈕,新建一個圖層,將圖層命名為“車輪”,如圖2-14所示,并開始在“車輪”圖層繪制汽車的輪子。

圖2-14 修改圖層名稱
14 選擇“工具箱”中的“基本橢圓工具”,設置“筆觸顏色”為“灰色”(#575757), “填充顏色”為“深灰色”(#333333),在“屬性”面板中設置“筆觸高度”為2,移動鼠標指針到舞臺,在靠近車體的下方按住Shift鍵拖動鼠標,繪制一個尺寸為68px×68px的圓形,如圖2-15所示。

圖2-15 繪制車輪
15 選擇“工具箱”中的“選擇工具”或按快捷鍵V,將鼠標移動到圓形的中心,拖動圓環的中心點形成一個內徑為47的圓環,如圖2-16所示,繪制完成后,釋放鼠標,結果如圖2-17所示。

圖2-16 修改圓環的內徑尺寸

圖2-17 繪制完成
16 單擊“插入圖層”按鈕新建圖層,將新建圖層拖動到“車窗”圖層和“車輪”圖層之間,并將其命名為“輪床”,如圖2-18所示。再次選擇“工具箱”中的“鋼筆工具”,繪制用于放置車輪的“輪床”部分,使小汽車顯得更加形象生動,如圖2-19所示。

圖2-18 新建“輪床”圖層

圖2-19 繪制“輪床”部分
17 將“輪床”部分填充為“黑色”,然后單擊“車輪”圖層下方的眼睛圖標取消“車輪”圖層的隱藏使車輪再次顯示,如圖2-20所示。

圖2-20 “輪床”繪圖效果圖
18 按照上述方法將后面的車輪部分也繪制出來,效果如圖2-21所示。

圖2-21 繪制車輪效果圖
19 單擊“插入圖層”按鈕,在“車輪”圖層和“輪床”圖層之間新建“車圈”圖層,如圖2-22所示。

圖2-22 新建“車圈”圖層
20 選擇“工具箱”中的“橢圓工具”,設置“工具箱”中的“筆觸顏色”為無,“填充顏色”為“灰藍色”(#339999),如圖2-23所示。按住Shift鍵同時拖動鼠標,在舞臺中繪制一個圓形,完成車輪中間車圈部分顏色填充,使小汽車看上去更加生動,如圖2-24所示。

圖2-23 選擇“橢圓工具”設置筆觸顏色

圖2-24 車輪完成的效果
21 單擊“插入圖層”按鈕,新建一個圖層,并命名為“其他零件”,如圖2-25(a)所示,選擇“工具箱”中的“基本矩形工具”,如圖2-25(b)所示,設置“筆觸顏色”為“黑色”, “筆觸高度”為2, “填充顏色”為“淺灰色”(#CCCCCC),如圖2-25(c)所示。將鼠標指針移動到舞臺并繪制一個矩形(小汽車的后保險杠),如圖2-26所示。

圖2-25 新建圖層

圖2-26 繪制一個矩形
22 選擇“工具箱”中的“選擇工具”,將鼠標指針移動到矩形的任意一個節點上,按住鼠標左鍵調整矩形成為“圓角矩形”,如圖2-27所示。

圖2-27 調整矩形成為圓角矩形
23 選擇“工具箱”中的“任意變形工具”(快捷鍵為Q),調整圓角矩形的大小,并使用移動工具調整其位置,完成小汽車后保險杠的繪制,效果如圖2-28所示。

圖2-28 調整圓角矩形的大小
24 按照上述方法完成車身其他部位零件的繪制,可根據個人喜好進行添加,目的是使小汽車看上去更加生動形象,完成后的效果如圖2-29所示。

圖2-29 完成效果
25 選擇“工具箱”中的“選擇工具”,在舞臺中央拖動鼠標繪制一個大的矩形,確保將小汽車全部選中,如圖2-30所示。

圖2-30 全選小汽車
26 按F8鍵,打開“轉換為元件”對話框,設置名稱為“小汽車”,類型為“圖形”,如圖2-31(a)所示,單擊“確定”按鈕將繪制的小汽車轉換為一個圖形元件,如圖2-31(b)所示。

圖2-31 將繪制的小汽車轉換為圖形元件
27 查看“庫”面板(快捷鍵為Ctrl+L),發現小汽車已經保存在庫里了。
- 中文版After Effects CC 2020完全自學一本通
- 平面設計綜合教程:Photoshop+Illustrator+CorelDRAW +InDesign(微課版)
- Photoshop網店圖片處理實訓教程
- VRP11/3ds Max虛擬現實制作標準實訓教程
- Designing and Implementing Linux Firewalls and QoS using netfilter, iproute2, NAT and l7/filter
- Photoshop CS6案例教程(第3版)
- Backbone.js Cookbook
- 3ds Max/VRay印象燈光/材質/渲染技術精粹Ⅲ
- Photoshop CC2017圖像處理實例教程
- 深入淺出WebAssembly
- Photoshop CS6淘寶美工完全實例教程(培訓教材版)
- 企業微信公眾平臺開發實戰:再小的個體也有自己的品牌
- 中文版AutoCAD自學經典
- AI繪畫精講:Stable Diffusion從入門到精通
- Moodle 1.9 E/Learning Course Development