本教程中我們用flash 8的繪圖功能描繪一幅精緻的向量影象——秋天的斑駁落葉,步驟簡單易操作,而且效果非常棒。
首先讓我們先看一下製作完成之後的效果。如圖1所示:
圖1 [1b]第一步:建立虛擬燈光以及樹葉輪廓[/1b]
1)我們要通過建立乙個虛擬燈光,讓燈光照在樹葉上,使樹葉有高光區和陰影區,這樣可以達到更加逼真的效果。首先將背景顏色設定為#666666,然後建立乙個圖層,名為『light source』,在第10幀按f5建立關鍵幀,在繪圖區的左上角用繪圖工具繪製出乙個虛擬的燈光(如圖2所示),這個燈光將決定我們在樹葉的什麼部分繪製的陰影區以及高光區。
2)然後在light source 下面建立乙個圖層,名稱為『outline』,然後用線條、鉛筆工具以及選擇工具和部分選擇工具(線條顏色為#00ff00)畫出樹葉的輪廓如圖2所示
[img]/files/beyondpic/2006-10/30/2006103015316463.gif[/img]
圖2 [1b]第二步:建立樹葉的葉脈[/1b]
在outline上建立乙個新圖層,名稱為leaf,右單擊outline 上的第一幀,選擇『複製幀』,在第2幀上按f6,右單擊第2幀,選擇『貼上幀』,用線條工具繪製葉脈,也可以用鋼筆工具,這樣修改起來更加細緻逼真,最後再用部分選擇工具最後修改一下就ok了,效果如圖3:
[img]/files/beyondpic/2006-10/30/2006103015325900.gif[/img]
圖3 [1b]第三步:給葉脈填色[/1b]
在leaf上建立乙個新圖層,名稱為vein,在第3幀按f6,在leaf層上選擇所有葉脈,crtl+c,選擇vein上的第3幀,crtl+v,然後用兩個線性填充色來填充葉脈的主幹,和葉脈的分支。兩個線性填充的值分別如下圖所示:
[img]/files/beyondpic/2006-10/30/2006103015332407.gif[/img]
[img]/files/beyondpic/2006-10/30/2006103015334613.gif[/img]
主幹填充色分支填充色
第乙個色塊值為#8a1b00 第乙個色塊值為#b4200c,alpha:50%
第二個色塊值為#490000 第二個色塊值為#490000,alpha:75%
填充完成效果如圖4所示:
[img]/files/beyondpic/2006-10/30/2006103015336914.gif[/img]
圖4 [1b]第四步:給葉脈繪製不同的填色區域,對樹葉的顏色進行分割槽及填色[/1b]
在leaf 層上的第3、4幀上按f6,然後將第3幀上的內容清空,在第4幀上用鉛筆工具繪製樹葉的不同亮度以及不同顏色的填充區域。在第5幀上按f6,用填充工具,根據我們前面建立的虛擬燈光照射的角度,淺顏色代表高光區,深顏色代表陰影區,選擇不同顏色進行填充。繪製及填充顏色完成如圖5所示
[img]/files/beyondpic/2006-10/30/200610301544828.gif[/img]
圖5 顏色由淺入深共4種,最淺為:#f4c84c #ec8926 #c32a0b #820c06 ,你會發現在一大塊區域沒有填色,那個是用放射狀填充的,具體值如下:
[img]/files/beyondpic/2006-10/30/200610301546664.gif[/img]
第一色塊值為#c32a0b,第二色塊值為#e36c24,設定好後,對未填充的地方進行填充。
我們一定要注意細節,我們的葉柄還沒有上色呢。葉柄也是用放射狀填色的。其值如下所示:
[img]/files/beyondpic/2006-10/30/2006103015414321.gif[/img]
色塊顏色依次為:#a22f12 #d1885b #e0ac8d #d17f50 #d14c13,設定完成後,可以進行填充。
Flash繪製寫真蘋果的方法
例介紹使用flash繪製寫真蘋果,教程寫的比較詳細,對新手學習flash鼠繪有很大幫助,希望朋友們喜歡 先看效果 新建文件,數值預設 一 蘋果元件1 1 新建圖形元件,命名 蘋果1 2 填充色禁止,筆觸色任意,用橢圓工具畫圓,選擇工具調成蘋果的外形,調整不了的地方配合alt或者ctrl鍵打結點再調。...
用canvas的arc繪製時鐘
在頁面上加入canvas標籤 body canvas id c1 width 600px height 600px span 不支援canvas瀏覽器 span canvas body js部分 繪製秒的刻度的思路是先用ogc.stroke 迴圈畫60個6 的扇形,將它們拼接成一整個圓,然後用ogc...
用flash做sin函式的移動
好久未發帖了,剛才看到有人問到畫sin後怎樣移動所畫的曲線,現舉一小例,拋磚引玉.效果如下 並附原始檔 1b 原始檔 1b img uploads allimg 080327 1048290.gif img url 畫sin.rar url 以下 直接拷貝到幀上就行了 x0 y0 起點座標 k 垂直...