當前位置:軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > Flash > 用Flash繪制一個立體的交通牌

用Flash繪制一個立體的交通牌

2021/9/11 15:36:29作者:佚名來源:網(wǎng)絡

移動端
Adobe Flash Builderv2021.0中文

大?。?24MB語言:

類型:編程軟件等級:

案例描述:

本例FLASH教程:用Flash繪制一個立體的交通牌,使用輔助線與及三維中的透視關(guān)系,通過本例的學習需要掌握三維圖形的繪制方法
用Flash繪制一個立體的交通牌

學習要點:

基本繪圖工具的使用方法,色彩的調(diào)節(jié)方法,矢量圖形的編輯方法。

本例思路:

使用“線條工具”確定支架的輔助線。
使用“線條工具”根據(jù)輔助線繪制出支架
使用“矩形工具”和“線條工具”繪制出梯板。
使用“顏料桶工具”對圖形進行著色處理。
使用“線條工具”繪制出斑馬線。
使用復制和變形功能制作出影子效果。

步驟一、添加光影效果

1、啟動Flash CS4,新建一個空白文檔,牌子的視角應該是右側(cè)面45°左右。將“圖層1”更名為“輔助線層”圖層,然后使用“線條工具”繪制出如圖所示的輔助線。

 繪制輔助線

2、同樣使用“線條工具”繪制出交通牌張開的夾角,如圖所示。

張開夾角


步驟二、繪制支架

1、單擊“新建圖層”按鈕,新建一個“繪制層”圖層,然后將“輔助線層”圖層拖曳到“繪制層”的下一層,如圖所示。

新建圖層對話框
2、選擇“繪制層”,單擊“工具箱,,中的“線條工具”按鈕,然后沿著輔助線的架構(gòu)繪制支架線條,如圖所示。

繪制支架線

3、選中上一步繪制的線條,然后按Ctrl+D組合鍵原樣復制一條線條,再調(diào)整好其位置,如圖所示。

復制線條

4、采用相同的方法繪制出木塊的線條,如圖所示。

繼續(xù)繪制線條

5、單擊“工具箱”中的“線條工具”按鈕、,然后繪制出背面的支架木塊,如圖所示。

繪制背面的木塊

步驟三、繪制梯形

1、繪制背面的木板。在不選中任何圖形的情況下按Ctrl+G組合鍵新建一個空組合,然后使用“矩形工具”繪制一個矩形,再使用“任意變形工具”將其調(diào)整成如圖所示的效果:

調(diào)整圖形

2、使用“選擇工具’’對矩形再次進行調(diào)整,使其與輔助線保持在同一視角,如圖所示。

調(diào)整視角

3、使用“線條工具”繪制出木塊的厚度線,如圖所示。

繪制背面厚度線

4、采用同樣的方法繪制出背面下方的木塊輪廓線,如圖所示。

繪制背面木塊

5、按CtrI+G組合鍵新建一個空組合,然后采用相同的方法繪制出正面木塊的輪廓線,如圖所示。

繪制正面木塊

步驟四、著色圖形

1、對前面的支架進行著色。著色的區(qū)域分為正面和側(cè)面兩部分,正面填充色為(R:234,G:235,B:236),背面填充色為(R:178,G:181,B:183),效果如圖所示。

 填充顏色

2、對后面的支架進行著色。正面填充顏色為(R:207G:208,B:210),側(cè)面填充顏色為(R:179,G:181,B:183),效果如圖所示,然后刪除支架的輪廓線,效果如圖所示:

填充顏色

刪除輪廓線

 3、填充4個木塊的顏色,正面木塊的填充顏色為(R:179,G:181,B:183),背面木塊的填充顏色為(R:173,G:175,B:177),效果如圖所示,然后刪除輪廓線,效果如圖所示。

填充木塊顏色

步驟五、繪制斑馬線

1、雙擊前面的木板進入組合,再使用“線條工具”繪制一條如圖所示的線條,然后繼續(xù)繪制出其他的線條,如圖所示。

繪制線條

繼續(xù)繪制線條

2、選擇封閉區(qū)域,然后設置“顏料桶工具,,的顏色為(R:221,G:106,B:38),填充后的效果如圖所示。

填充顏色

3、采用相同的方法繪制出下面的斑馬紋,然后刪除輪廓線,效果如圖所示。

刪除輪廓線

步驟六、完善圖形

1、使用“橢圓工具”繪制出釘子圖形,然后將其放置在相應的位置,效果如圖所示。

制作釘子

2、給牌子做一個影子,使其更為真實。選中整個交通牌,然后復制出一個副本圖形,再按Ctrl+B組合鍵打散所有
組合,再使用透明度為10%的灰色填充圖形,最后用“任意變形工具”將其調(diào)整成影子的樣式,如圖所示。

制作影子

3、為交通牌添加一個標志,然后繪制出公路,最終效果如圖:

最終效果

如果你對本篇用Flash繪制一個立體的交通牌教程感興趣歡迎下載源碼進行學習研究

用Flash繪制一個立體的交通牌教程源碼下載

 

標簽: 立體  Flash  繪制