Flash實例教程:製作卡通風格的聖誕樹

2021-02-17 創想者ui設計學院

聖誕樹在每年的聖誕節中,聖誕樹是必不可少的。本實例將介紹在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

新浪微博:@創想者

點擊原文,了解更多

  創想者建立了移動網際網路創業孵化基地,對接創業項目、人才和資金,積極響應國家「網際網路+」行動計劃,將網際網路的創新成果深度融合於經濟社會各領域之中。創想者新版課程已經將設計思維融入到了課程之中,幫助學員釋放潛能,樹立創意自信。

相關焦點

  • 假期練習:Ps繪製可愛卡通風格的聖誕樹
    假期練習:Ps繪製可愛卡通風格的聖誕樹怎麼有種沒人會練習的感覺~!先看看效果圖:第一步:使用自定形狀工具並在上方工具欄選擇三角形的形狀來繪製一個三角形。第二步:給三角形填充為綠色,描邊為藍色,描邊粗細不要按教程的數值,根據後面整體效果適當設置。第三步:複製2個三角形,並繪製聖誕樹的其餘三角形,適當調整大小及圖層關係(如下圖),現在樹形基本出來了。第四步:繪製裝飾品,同 STEP 1的方法,分別繪製星星、彩球和樹木。
  • flash動畫宣傳片製作軟體特點和使用教程
    Flash動畫已經在很多方面得到了應用,包括我們在電商平臺上看到的產品廣告、公益廣告、短視頻等,這些都是Flash軟體製作的動畫廣告。製作flash動畫宣傳片的操作相對簡單,但在軟體的使用上,需要了解更多的內容才能充分發揮其優勢。
  • 10秒簡單的flash小動畫成品製作教程分享
    Flash動畫主要表現在產品廣告、影視製作等領域,雖然經常看到,但實際了解的並不多。接下來,藝虎動畫分享簡單的flash動畫教程,幫助大家了解如何製作。flash小動畫1、策劃簡單的flash小動畫作品怎麼樣?它的基礎在於策劃。如果策劃好,內容豐富有趣,後期製作會比較順利。
  • 手工製作:分享聖誕樹製作教程,既簡單又漂亮
    下面給大家分享製作聖誕樹的教程,利用家裡常見的一些材料就可以製作美美的聖誕樹,並且製作方法還很簡單,也可以讓寶寶參與進來,畢竟手工製作的過程也可以增強孩子的思維能力。絲帶聖誕樹準備材料:紅色、綠色絲帶,錐形(捲紙筒製作),大頭釘,彩色絲帶。製作方法:將準備的絲帶剪成同等長度,然後對摺,固定在錐形上,記住要從下向上製作。
  • 簡單卡紙聖誕樹的手工製作教程
    您準備好製作最簡單的聖誕節工藝品了嗎?這裡有我們的紙條聖誕樹工藝品的製作教程!幾乎不需要任何膠水!這款紙條聖誕樹通過將3條紙條粘合在一起,然後以手風琴的形式來回摺疊,再插上一根紙吸管即可完成。小朋友們是不是有點小心動? 準備好材料,跟著下面的途徑步驟試試看吧!~
  • 可愛的摺紙聖誕樹和摺紙星星製作教程
    喜歡摺紙的人都會買各種漂亮顏色的彩紙來準備隨時使用,聖誕節的時候就可以用上這些漂亮的紙張,製作摺紙聖誕樹也不難的,
  • 卡通手繪聖誕插畫,PSD文件AI聖誕樹平安夜素材,高質量套用
    今天跟大家分享一組卡通可愛手繪聖誕節插畫,PSD文件AI聖誕樹平安夜素材,高質量套用。為了讓大家能更穩定的下載模板,我們又開通了全新下載方式(見文章末尾),以便大家可以輕鬆獲得免費模板和收費模板。メ大家請看範例圖片,卡通可愛手繪聖誕節插畫,AI聖誕樹聖誕老人平安夜海報,PSD高清圖片素材。
  • flash最簡單動畫製作教程?
    Flash在中國有時被稱之為閃客,其發行版本是由Macromedia公司推出的,後Macromedia被Adobe公司收購,被集合到adobe軟體中,flash在製作動畫領域以其專業性以及入門門檻較低的特點贏得了大量的用戶,現在就來和我一起探究如何利用flash軟體製作最簡單的動畫。
  • 書訊 | 《立體書製作實例教程》
    《立體書製作實例教程》的實用性,在它的宣傳語裡體現得淋漓盡致:15款經典立體紙藝作品的詳細製作步驟及實拍圖;33張精美模板紙,無需剪刀即可按教程做出14款立體紙藝作品;27位立體紙藝大師及其作品的介紹和圖片鑑賞
  • flash動畫製作公司作品可以用在哪些方面
    說起flash動畫相信大家都不陌生,除了傳統的flash卡通動畫片之外,近年來動畫產生了更多的類型。Flash動畫廣泛應用於網頁設計、網絡廣告、網絡動畫、多媒體教學軟體、遊戲設計、等領域,下面藝虎動畫詳細介紹,flash動畫製作公司作品可以用在哪些方面。
  • 重慶花藝培訓|聖誕樹DIYz製作教程,新手也可迅速掌握!
    聖誕節必不可少的那一定是聖誕樹了,而諾貝松則是聖誕樹的代名詞,最正宗的聖誕樹原材料之一。諾貝松的花語是「今生豐盈無憂」,飽含著這樣的祝福的諾貝松怎麼能讓人不愛呢。帶著淡淡的松枝清香,可以維持1到2個月的新鮮度,擺放久了脫水以後變成幹松,可以一直維持造型用於觀賞。那麼如何做一個自己喜愛的聖誕樹呢?
  • DIY賀卡|聖誕節賀卡怎麼手工製作?自製好看的聖誕樹賀卡教程
    立體聖誕樹的裝飾,配上點點星光的小碎紙片,營造出聖誕夜bingling~bingling的濃鬱節日氣氛。一起來動手製作聖誕賀卡吧,手殘黨也能輕鬆完成哦!聖誕樹元素賀卡製作過程【禮盒先生】DIY賀卡 01 —— 聖誕節系列【圖文版】↓↓*. 賀卡製作材料清單↓1. 取A4紙↓2. 對摺↓3. 用鉛筆畫出中線↓4. 取正方形紙折聖誕樹葉↓5.
  • 幼兒園手工製作迷你聖誕樹的做法教程
  • 聖誕樹創意製作idea
    一.絲帶製作的聖誕樹     材料:絲帶,保鮮膜紙筒,剪刀,膠     做法:找一根廢棄的紙筒備用,把絲帶剪成8-10cm左右,然後對摺,把角留出來做造型用;然後從底部開始,把做好的絲帶造型一層一層的往紙筒上粘。
  • 如何用flash製作數字百分比加載中進度條動畫
    下面為大家分享用flash製作數字百分比加載中進度條動畫方法,教程很不錯,介紹也很詳細,一起來學習吧!  方法/步驟  1、打開flash,新建一個flash文檔     9、製作成功啦,ctrl+回車 查看效果
  • 簡單卡紙手工製作立體聖誕樹的做法教程
    用紙來做聖誕樹是個很不錯的主意,不但簡單,而且還可以很漂亮! 分享一個有趣的聖誕手工教程,用卡紙做立體聖誕樹,你可以把它裝飾在任何地方。小朋友們是不是很喜歡它? 準備好材料,跟著下面的圖解步驟試試看吧!~1.先準備好綠色卡紙,剪成這樣的扇面形狀。
  • 聖誕節主題紙藝手工,3個聖誕老人、6個聖誕樹的製作教程!
    紙藝聖誕老人教程來啦!一起準備過聖誕!(附教程)哈咯,大家好!最近有收到朋友的私信,說馬上聖誕節了,孩子的老師布置了聖誕節主題的手工作業,正發愁做些什麼呢!所以今天給大家一個聖誕節的專題,一起來所聖誕節手工吧,不管是為了交作業還是為了應景,都行動起來吧!雖然是西方的節日,咱也可以過的呀,畢竟,生活需要儀式感嘛!
  • 緞帶手工製作精緻聖誕樹髮夾
    閱讀本文前,請您先點擊本文上面的藍色字體「幼兒diy手工製作C」再點擊「關注」,這樣您就可以繼續免費收到文章了
  • 手工教程|可愛聖誕樹的教程來了
    與設計師媽咪一起嗨翻DIY歡迎圍觀卡夏的「私」生活,一家四口,陪娃做手工,畫畫,玩遊戲,做烘焙,歡迎親們去朋友圈圍觀,一起交流,陪娃一起嗨~~卡夏微信私人號:  kaxia521 (長按複製) 在聖誕節,一定要有一棵漂亮的聖誕樹
  • FLASH製作填色小遊戲(1)
    使用FLASH可以製作各種各樣的小遊戲和課件,在幼兒園裡,讓小朋友們進行色彩練習時經常會讓他們填色,通過FLASH,我們可以製作重複操作的填色小遊戲