[ Flash教程 ] Flash教學：製作卡通風格的聖誕樹- Flash/3D/CAD教程 - 骨子愛創意

教學主題: Flash教程：製作卡通風格的聖誕樹

大家好!! 小編今天來和大家分享關於 Flash/3D/CAD教程中的Flash教程教學

今天的這個教學主題是: Flash教程：製作卡通風格的聖誕樹

這教學的重點為這幾點 [ 風格,聖誕,卡通,製作,教程,工具,顏色,選擇,填充,繪製, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

聖誕樹在每年的聖誕節中，聖誕樹是必不可少的。本實例將介紹在Flash作品中繪製出掛滿禮物和星星的聖誕樹。

聖誕樹在每年的聖誕節中，聖誕樹是必不可少的。本實例將介紹在Flash作品中繪製出掛滿禮物和星星的聖誕樹。

實例效果如圖5-1所示。

圖5-1 最終效果圖

製作時間：5分鐘

學習難度：★★☆☆☆

核心技術：了解手繪基礎中明暗關係的對比;使用【鉛筆工具】、【部分選取工具】繪製聖誕樹形狀;使用【多角星形工具】繪製星星;利用導入命令放置聖誕禮物。

理論淺談：聖誕樹的基本構成、明暗關係的處理。

1.聖誕樹的基本構成

一棵聖誕樹的畫法可以是一個多層的實心等腰三角形疊在一起, 最上層的三角形邊長最小，越往下的三角形邊長越大;每一個三角形的底部和下一個三角形的頂點重疊在一起。最底部的三角形下面畫一個實心長方形作為樹榦，如圖5-2所示。

11 分鐘前 上傳下載附件 (28.53 KB)

圖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所示。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

圖5-12 填充聖誕樹陰影

(8)在工具欄中選擇【選擇工具】①，將填充好顏色的聖誕樹邊緣線條選中，按鍵盤上的【Delete】鍵刪除②。在工具欄中選擇【刷子工具】③，設置“顏色”欄中“填充色”④，在“選項”欄中設置好“刷子大小”和“刷子形狀”⑤，為聖誕樹點上有裝飾效果的圓點⑥，如圖5-13所示。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

圖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 拖入陰影元件並調整

最終效果圖

要點提示：需要說明的是，在實例製作時，特別要注意圖層的隱藏或鎖定，還要注意隨手將繪製好的圖形進行組合或轉化為元件，以免後面繪製時誤操作使圖像重疊。

微信公眾號：shiyou_4u2v

看完小編分享的教學之後 是不是對Flash教程中的Flash/3D/CAD教程教學更熟悉了呢?

希望我們所介紹的 Flash教程：製作卡通風格的聖誕樹 這教學會喜歡

文章標題: 骨子愛創意- Flash教程：製作卡通風格的聖誕樹–轉載請註明來源處

本教學分類為Flash教程中的 Flash/3D/CAD教程相關教學

文章相關關鍵字為: 風格,聖誕,卡通,製作,教程,工具,顏色,選擇,填充,繪製,

本文永久連結 :Flash教程：製作卡通風格的聖誕樹

本文轉載自 :VIA