Flash教程:flash8 繪制秋之落葉_Flash教程

推薦：標(biāo)準(zhǔn)的loading制作方法
前言:網(wǎng)絡(luò)中的swf影片是可以實(shí)現(xiàn)邊下載邊播放的，由于受到當(dāng)前網(wǎng)絡(luò)傳輸?shù)闹萍s，對于大容量的影片，這種實(shí)時播放并不理想。為避免受眾尷尬的等待，flash制作人員

首先讓我們先看一下制作完成之后的效果如圖1所示：

圖1

現(xiàn)在我們開始制作：

第一步：創(chuàng)建燈光以及樹葉輪廓

1）我們要通過建立一個虛擬燈光，讓燈光照在樹葉上，使樹葉有高光區(qū)和陰影區(qū)，這樣可以達(dá)到更加逼真的效果。首先將背景顏色設(shè)定為#666666，然后建立一個圖層，名為‘light source’，在第10幀按F5創(chuàng)建要害幀，在繪圖區(qū)的左上角用繪圖工具繪制出一個虛擬的燈光（如圖2所示），這個燈光將決定我們在樹葉的什么部分繪制的陰影區(qū)以及高光區(qū)。
2）然后在light source 下面建立一個圖層，名稱為‘outline’，然后用線條、鉛筆工具以及選擇工具和部分選擇工具（線條顏色為#00FF00）畫出樹葉的輪廓如圖2所示：

圖2

第二步：創(chuàng)建樹葉的葉脈

在outline上建立一個新圖層，名稱為leaf，右單擊outline 上的第一幀，選擇‘復(fù)制幀’，在第2幀上按F6，右單擊第2幀，選擇‘粘貼幀’，用線條工具繪制葉脈，也可以用鋼筆工具，這樣修改起來更加細(xì)致逼真，最后再用部分選擇工具最后修改一下就OK了，效果如圖3：

圖3

第三步：給葉脈填色

在leaf上建立一個新圖層，名稱為vein，在第3幀按F6，在leaf層上選擇所有葉脈，crtl c，選擇vein上的第3幀，crtl V，然后用兩個線性填充色來填充葉脈的主干，和葉脈的分支。兩個線性填充的值分別如下圖所示：

主干填充色
第一個色塊值為#8A1B00
第二個色塊值為#490000

分支填充色
第一個色塊值為#B4200C，Alpha:50%
第二個色塊值為#490000,Alpha:75%

填充完成效果如圖4所示：

圖4

第四步：給葉脈繪制不同的填色區(qū)域，對樹葉的顏色進(jìn)行分區(qū)及填色

在leaf 層上的第3、4幀上按F6，然后將第3幀上的內(nèi)容清空，在第4幀上用鉛筆工具繪制樹葉的不同亮度以及不同顏色的填充區(qū)域。在第5幀上按F6，用填充工具，根據(jù)我們前面建立的虛擬燈光照射的角度，淺顏色代表高光區(qū)，深顏色代表陰影區(qū)，選擇不同顏色進(jìn)行填充。繪制及填充顏色完成如圖5所示：

圖5

顏色由淺入深共4種，最淺為：#F4C84C #EC8926 #C32A0B #820C06 ，你會發(fā)現(xiàn)在一大塊區(qū)域沒有填色，那個是用放射狀填充的，具體值如下：

第一色塊值為#C32A0B，第二色塊值為#E36C24，設(shè)置好后，對未填充的地方進(jìn)行填充。我們一定要注重細(xì)節(jié)，我們的葉柄還沒有上色呢。葉柄也是用放射狀填色的。其值如下所示：

色塊顏色依次為：#A22F12 #D1885B #E0AC8D #D17F50 #D14C13，設(shè)置完成后，可以進(jìn)行填充。
注:在第四步中為操作方便將vein 先隱藏起來，操作完成后可再顯示出來。

第五步：去除顏色區(qū)域邊框線

選擇leaf層，在第6幀上選擇所有的邊框線，按DELE鍵刪除。效果如圖6所示：

圖6

制作到這里，也許你認(rèn)為已經(jīng)很像了，其實(shí)不然，我們之前第一步就建立一個虛擬燈光,目的是為了讓樹葉更加真實(shí)，下面我們將進(jìn)行一系列的細(xì)節(jié)處理。

第六步：建立樹葉的第一個紋理

在leaf上建立一個新圖層，名為texture1，在其第7幀上按F6，用建立一個放射狀填充的漸變，值如下圖所示：

兩個色塊的顏色都是一致的為：#820C06 兩個色塊的Alpha 分別為：75%和0%；
然后用畫圓工具（其填充色為剛剛設(shè)置的放射狀漸變，無邊框色）繪制一個圓形，然后選擇此圓形后按ctrl G將其組合，然后分別復(fù)制6個，通過變形、旋轉(zhuǎn)工具將其變形旋轉(zhuǎn)后，根據(jù)虛擬燈光的照射角度，把它們放在葉子的不同位置，達(dá)到陰影的效果。完成效果如圖7所示：

圖7

我把這幾個圖形都選擇上，以方便大家知道它們所放的位置，最后大家別忘記把那個左上角無用的圖形刪除掉。

第七步：建立第二個樹葉紋理

同第六步，方法基本一致，在 texture1上建立一個新圖層，名為texture2，在其第8幀上按F6，用建立一個放射狀填充的漸變，值如下圖所示：

兩個色塊的顏色都是一致的為：#D24917 兩個色塊的Alpha 分別為：75%和0%；
然后用畫圓工具（其填充色為剛剛設(shè)置的放射狀漸變，無邊框色）繪制一個圓形，然后選擇此圓形后按ctrl G將其組合，然后分別復(fù)制15個，通過變形、旋轉(zhuǎn)工具將其變形旋轉(zhuǎn)后放在葉子的不同位置，完成效果如圖8所示：

圖8

同第六步一樣，我把這幾個圖形都選擇上，以方便大家知道它們所放的位置，最后大家別忘記把那個左上角無用的圖形刪除掉。

第八步：給樹葉加上雜點(diǎn)

為了使樹葉更加逼真，我們給樹葉加上許多更加小的細(xì)節(jié)部分，在 texture2上建立一個新圖層，名為texture3，在其第9幀上按F6，你以用用鉛筆，鋼筆等繪圖工具，不用同顏色在葉子的不同位置繪制不同的雜點(diǎn)，使樹葉更加真實(shí)，千萬別忘記葉柄的根部還有一個小雜點(diǎn)呢。所有步驟完成后的最終效果如圖9所示。

圖9

分享：Flash電子書鼠標(biāo)拖拽翻頁效果原理
最近要做些電子書，本來預(yù)備去網(wǎng)上買現(xiàn)成的翻頁效果的組件，但一看報價嚇一跳，而且執(zhí)行效率也不高，一個叫AsFlipPage4.0的組件CPU占用率高居70%，喊價1000RMB,