聖誕樹在每年的聖誕節中,聖誕樹是必不可少的。本實例將介紹在Flash作品中繪製出掛滿禮物和星星的聖誕樹。
實例效果如圖5-1所示。
圖5-1 最終效果圖
製作時間:5分鐘
學習難度:★★☆☆☆
核心技術:了解手繪基礎中明暗關係的對比;使用【鉛筆工具】、【部分選取工具】繪製聖誕樹形狀;使用【多角星形工具】繪製星星;利用導入命令放置聖誕禮物。
理論淺談:聖誕樹的基本構成、明暗關係的處理。
1.聖誕樹的基本構成
一棵聖誕樹的畫法可以是一個多層的實心等腰三角形疊在一起, 最上層的三角形邊長最小,越往下的三角形邊長越大;每一個三角形的底部和下一個三角形的頂點重疊在一起。最底部的三角形下面畫一個實心長方形作為樹幹,如圖5-2所示。
圖5-2 聖誕樹基本畫法
2.明暗關係的處理
在Flash中進行手繪也需要素描基礎,要想表現物體明暗的層次,就需要找到物體的明暗關係。確定明暗關係的方法同尋找比例關係的方法一樣,也是將近似的兩個部分相對比。例如要確定物體哪裡最黑,就要將所有較黑的地方相互比較,得出最黑的那一部分;要確定某一部分的灰度,就要把它同另一個近似的部分相對照,確定它的正確灰度。所以在顏色填充時,可以先從顏色較暗的部分填起,本實例中顏色明暗關係對比如圖5-3所示。
圖5-3 聖誕樹明暗關係
3.繪製聖誕樹及禮物
下面分別講解一下聖誕樹及禮物的繪製。
操作步驟:
1.聖誕樹的繪製
(1)啟動Flash後,新建一個文檔,其參數均為默認即可。首先來製作背景,單擊【文件】菜單命令①,執行【導入】 →【導入到舞臺】菜單命令②,在彈出的【導入】窗口中選擇準備好的背景素材文件③,單擊【打開】按鈕④,導入背景圖形,如圖5-4所示。
圖5-4 導入背景素材
(2)選擇工具欄中的【選擇工具】①,將滑鼠指針移動到背景圖形上,適當修改背景的位置,使它位於工作區合適的位置②,如圖5-5所示。
圖5-5 改變背景的位置
(3)在時間軸上單擊【插入圖層】按鈕,插入一個新的圖層①,選擇工具欄中【鋼筆工具】②,在下方顏色欄中設置筆觸顏色為黑色,填充色值為無③,勾出聖誕樹輪廓,然後利用工具欄中的【選擇工具】和【部分選取工具】④,調整勾畫出的聖誕樹結條⑤,如圖5-6所示。
圖5-6 勾畫出聖誕樹線條
【注意】:陰影線部分可以利用【線條工具】繪製,並用【選擇工具】進行調整,下面兩張圖就是陰影線放大的效果,方便讀者對照進行繪製,如圖5-7、5-8所示。
圖5-7 利用線條工具繪製陰影線1
圖5-8 利用線條工具繪製陰影線2
(4)下面為聖誕樹添加顏色。選擇工具欄中的【選擇工具】①,在下方顏色欄中設置填充色值為#D34516②,用滑鼠單擊填充樹幹下半部分③,如圖5-9所示。
圖5-9 填充樹幹下半部分顏色
【注意】:可以直接在顏色數值框中輸入顏色值,按下鍵盤上的回車鍵確認即可。
(5)設置顏色欄中填充色值為#95300F①,用滑鼠單擊填充樹幹上半部分②,如圖5-10所示。
圖5-10 填充樹幹上半部分顏色
(6)利用相同的方法,設置顏色欄中填充色值從下至上分別為#3C560E、#5B8514、#7AB31C、#A6E142①,並填充聖誕樹除陰影的各部分②,如圖5-11所示。
圖5-11 填充聖誕樹的顏色
(7)再分別設置顏色欄中填充色值從下至上分別為#2D400B、#486910、#6D9F1A①,並分別用滑鼠單擊填充聖誕樹除陰影各部分②,如圖5-12所示。
圖5-12 填充聖誕樹陰影
(8)在工具欄中選擇【選擇工具】①,將填充好顏色的聖誕樹邊緣線條選中,按鍵盤上的【Delete】鍵刪除②。在工具欄中選擇【刷子工具】③,設置顏色欄中填充色④,在選項欄中設置好刷子大小和刷子形狀⑤,為聖誕樹點上有裝飾效果的圓點⑥,如圖5-13所示。
圖5-13 為聖誕樹添加裝飾圓點
2.為聖誕樹添加裝飾物
(1)下面先為聖誕樹添加裝飾雪條。在時間軸上單擊【插入圖層】按鈕,創建一個新的圖層①,選擇工具欄中的【刷子工具】②,設置顏色欄中填充色③,在選項欄中設置好刷子大小和刷子形狀④,為聖誕樹點上有裝飾效果的雪條⑤,最後用【鉛筆工具】⑥繪製雪條的陰影⑦,如圖5-14所示。
圖5-14 為聖誕樹添加雪條
【注意】:先將填充色設置為#FDD7F9,點出粉紅色雪條,再選擇填充色為白色,點出白色雪條,如圖5-15所示。
圖5-15 添加雪條的技巧
(2)現在為聖誕樹添加裝飾彩燈。創建一個新的圖層①,選擇工具欄中的【鉛筆工具】②,設置顏色欄中筆觸顏色值為#668C8C③,在選項欄中設置繪製模式為平滑繪製④,為聖誕樹繪製出彩燈的電線⑤,如圖5-16所示。
圖5-16 繪製聖誕彩燈電線
(3)創建一個新圖層,選擇工具欄中的【鋼筆工具】②,設置顏色欄中筆觸顏色值為黑色,填充色為黃色③,繪製黃色的彩燈線條③,然後利用工具欄中的【鉛筆工具】和【刷子工具】為彩燈點上高光④,再用【選擇工具】調整曲線並刪除邊緣線條⑤,然後將這個圖形全選轉化為圖形元件備用⑥,利用此元件製作出其它顏色的彩燈⑦,如圖5-17所示。
圖5-17 繪製聖誕樹裝飾彩燈
(4)單擊【編輯場景】按鈕,選擇場景1回到場景工作區中①,選擇工具欄上的【選擇工具】②,按下【Ctrl+L】快捷鍵調出【庫面板】,從庫中把彩燈元件拖入到工作區中合適的位置③,形成漂亮的聖誕樹④,如圖5-18所示。
圖5-18 放置彩燈位置
(5)為聖誕樹加上各種漂亮的裝飾和禮物。這裡使用導入的方法進行製作,單擊【文件】菜單命令①,執行【導入】 →【導入到舞臺】菜單命令②,在彈出的【導入】窗口中選擇準備好的素材文件③,單擊【打開】按鈕④,導入圖形,如圖5-19所示。
圖5-19 導入聖誕禮物素材
(6)選擇工具欄中的【選擇工具】①,在庫中選擇導入的禮物,放在工作區中合適的位置上,形成一個漂亮的聖誕樹,如圖5-20所示。
圖5-20 放置禮物到合適位置
(7)接下來為聖誕樹製作頂部的聖誕星。在工具欄中選擇【多角星形工具】①,設置顏色欄中筆觸顏色值為無,填充色為黃色②,在下方【屬性】面板中單擊【選項】按鈕③,在彈出【工具設置】對話框中設置樣式為多邊形④,邊數為3⑤,單擊【確定】按鈕後繪製一個三角形⑥,然後再選擇工具欄中的【部分選取工具】⑦,調整三角形的節點到合適位置⑧,如圖5-21所示。
圖5-21 繪製三角星
(8)在工具欄中選擇【任意變形工具】①,單擊菜單【窗口】→【變形】命令(也可以按快捷鍵【Ctrl+T】)②。在打開的【對齊&信息&變形】對話框中,設置【變形】標籤下的變形比例為100%,勾選約束單選項③,旋轉角度為默認的0度,單擊【複製並應用變形】按鈕複製一個三角④,單擊菜單【修改】→【變形】→【水平翻轉】命令⑤,將複製出來的三角形進行水平翻轉,設置工具欄中顏色選項的填充顏色值為 #FFCC00⑥,然後利用鍵盤上的方向鍵移動到合適的位置,全選後按【Ctrl+G】組合,並將中心點移動到下方頂點處⑦,在【對齊&信息&變形】對話框中,設置【變形】標籤下的變形比例為100%,勾選約束單選項,旋轉角度為72度⑧,單擊【複製並應用變形】按鈕4次製作出聖誕星⑨,如圖5-22所示。
圖5-22 利用旋轉複製繪製五星
3.製作聖誕樹的陰影
(1)在工具欄中選擇【選擇工具】①,框選整個裝飾好的聖誕樹並按【Ctrl+C】複製,按【Ctrl+F8】插入一個圖形元件,按【Ctrl+V】將聖誕樹粘到工作區中,連續按幾下【Ctrl+B】將其打散②,然後在工具欄的顏色選項中設置填充顏色為#CCCCCC③,這時整個聖誕樹的陰影就製作好了④,如圖5-23所示。
圖5-23 製作聖誕樹陰影
(2)回到場景中,創建一個新圖層①,從庫中把陰影元件拖到合適的位置,然後在工具欄中選擇【任意變形工具】②,對陰影進行變形③,如圖5-24所示。
圖5-24 拖入陰影元件並調整
最終效果圖
要點提示:需要說明的是,在實例製作時,特別要注意圖層的隱藏或鎖定,還要注意隨手將繪製好的圖形進行組合或轉化為元件,以免後面繪製時誤操作使圖像重疊。
小創君是個勤勞的搬運工,為了保護原作版權,圖片不經修改,如果影響您閱讀,請諒解。 戳 ↓ 有驚喜
有人@你【聖誕特輯】周一至周四,聖誕主題乾貨,資源轟炸Pā!
有人@你【聖誕特輯】綠色炫彩光暈聖誕節Merry Christmas文字教程
【聖誕特輯】製作聖誕冰雪字體教程
創想者學院,等你
創想者學院位於美麗的大運村(深圳信息學院)內
創想者學院
創辦於2009年。服務內容包括:移動網際網路高端課程培訓:網頁設計、UED/UI設計(線上和線下)培訓;移動網際網路項目孵化;移動終端設備界面設計 ;網站設計及開發;微營銷解決方案的策劃和實施;企業內部培訓(BAT資深設計師主講);創意設計思維培訓;VI、CI設計;設計類專、本學歷直通車。
客服熱線:400-656-6802
www.cmie365.net
新浪微博:@創想者
點擊原文,了解更多
創想者建立了移動網際網路創業孵化基地,對接創業項目、人才和資金,積極響應國家「網際網路+」行動計劃,將網際網路的創新成果深度融合於經濟社會各領域之中。創想者新版課程已經將設計思維融入到了課程之中,幫助學員釋放潛能,樹立創意自信。