Flash 8 繪圖練習 蠟燭教案資料_第1頁
Flash 8 繪圖練習 蠟燭教案資料_第2頁
Flash 8 繪圖練習 蠟燭教案資料_第3頁
Flash 8 繪圖練習 蠟燭教案資料_第4頁
Flash 8 繪圖練習 蠟燭教案資料_第5頁
已閱讀5頁,還剩42頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領

文檔簡介

1、Good is good, but better carries it.精益求精,善益求善。Flash 8 繪圖練習 蠟燭-Flash8繪圖練習-繪制“燭焰”元件前面我們已經(jīng)對繪圖工具做了詳細的介紹,下面,我們將以一個實例來全面運用前面所學的知識。這里,我們以繪制一個“情人節(jié)賀卡”為例。本節(jié)要制作一個綜合范例情人節(jié)賀卡。在這個范例的制作過程中會使用前面學習的很多繪圖工具,并且講解一些新的繪圖方法和技巧。另外,由于這個范例圖形比較復雜,我們還使用了“圖形元件”這個對象類型,利用“圖形元件”可以更加方便的制作復雜圖形。范例最終效果如圖2-105所示。圖2-105情人節(jié)賀卡(1)新建一個Flash8

2、影片文檔。設置舞臺背景顏色為藍色,其他保持默認設置。(2)執(zhí)行【插入】|【新建元件】命令,或者按快捷鍵Ctrl+F8,彈出【創(chuàng)建新元件】對話框,在【名稱】文本框中輸入元件名稱為“燭焰”,選擇【行為】為【圖形】。如圖2-106所示。圖2-106新建圖形元件(3)單擊“確定”按鈕,進入到“燭焰”元件的編輯場景。使用【橢圓工具】繪制一個僅有邊框無填充色的橢圓,使用【選擇工具】調(diào)整,如圖2-107所示。圖2-107繪制燭焰邊框(4)執(zhí)行【窗口】|【混色器】命令,填充樣式設為放射狀。在漸變條上將左邊色標設置為白色,并拖動到偏右方以加大白色在整個漸變色中的比例。將右邊色標設置為黃色,如圖2-108所示。圖

3、2-108混色器設置(5)將場景中的圖形填充漸變色后,燭焰的色彩并不盡如人意,需要使用【填充變形工具】進行調(diào)整。選擇【填充變形工具】單擊填充色,會出現(xiàn)一個邊上帶有三個手柄的環(huán)形邊框。我們用鼠標分別按住中心的圓圈或邊上的手柄里推外拉、上下左右的進行調(diào)整,現(xiàn)在將燭焰的顏色調(diào)整為上下略帶一點黃色,上邊黃色略多,如圖2-109所示。圖2-109調(diào)整填充色Flash8繪圖練習-繪制“燭身”元件1)執(zhí)行【插入】|【新建元件】命令,或者按快捷鍵Ctrl+F8,彈出【創(chuàng)建新元件】對話框,在【名稱】文本框中輸入元件名稱為“燭身”,選擇【行為】為【圖形】。(2)單擊“確定”按鈕,進入到“燭身”元件的編輯場景。使用

4、【橢圓工具】繪制一個僅有邊框無填充色的橢圓,使用【選擇工具】略加調(diào)整,并使用【任意變形工具】進行旋轉(zhuǎn),如圖2-110所示。圖2-110繪制燭身元件(3)打開【混色器】面板,填充樣式設為放射狀。在漸變條上將左邊色標設置為黃色(#F5DD38),并拖動到偏右方;將右邊色標設置為紅色(#F76648),如圖2-111所示。圖2-111設置填充色(4)填充漸變色后,使用【填充變形工具】調(diào)整,如圖2-112所示。圖2-112調(diào)整填充色(5)為使燭身更漂亮,在剛剛作好的圖形旁邊畫一個無邊框的橢圓,顏色填充設置如圖2-113所示。左邊色標設置為#F76648,右邊色標設置為#F5DD38。圖2-113設置填

5、充色(6)橢圓畫好后用【任意變形工具】調(diào)整傾斜,如圖2-114所示。圖2-114繪制橢圓(7)使用【選擇工具】將畫好的橢圓拖放到燭身上,如圖2-115所示。圖2-115調(diào)整橢圓位置(8)選擇【刷子工具】,在選項中將刷子大小選擇略小一點的筆刷,填充色設為淡黃色,在燭身上添加高光,刪除邊框線條,完成燭身元件造型。如圖2-116所示。圖2-116繪制高光Flash8繪圖練習-繪制“燭光”元件(1)執(zhí)行【插入】|【新建元件】命令,或者按快捷鍵Ctrl+F8,彈出【創(chuàng)建新元件】對話框,在【名稱】文本框中輸入元件名稱為“燭光”,選擇【行為】為【圖形】。(2)單擊“確定”按鈕,進入到“燭光”元件的編輯場景。

6、打開【混色器】面板,填充樣式設為放射狀。將鼠標移近漸變條,當鼠標指針右下角出現(xiàn)一個加號時,單擊鼠標,在漸變條上增加一個色標。將左邊色標設置為黃色,并稍向右移;中間色標為紅色;右邊色標為白色,為使光焰呈模糊虛幻而不突兀,將右邊白色色標的Alpha值調(diào)整為零,如圖2-117所示。圖2-117設置填充色(3)使用【橢圓工具】繪制一個無邊框的正圓,如圖2-118所示。圖2-118繪制無邊框正圓(4)使用【任意變形工具】將其縱向收縮。如圖2-119所示。圖2-119收縮變形Flash8繪圖練習-組裝“蠟燭”元件(1)新建一個名字為“蠟燭”的圖形元件。進入到這個元件的編輯場景中。(2)“蠟燭”元件共分三層

7、。先制作燭身層。雙擊時間軸上“圖層1”,將“圖層1”改名為“燭身”。如圖2-120所示。圖2-120修改圖層名(3)按Ctrl+L組合鍵打開【庫】面板,將“燭身”元件拖放到舞臺上。選中該元件按住Alt鍵向下拖放進行復制,如圖2-121所示。圖2-121復制燭身元件(4)選中所有元件,執(zhí)行【修改】|【對齊】|【左對齊】命令,再執(zhí)行【按高度均勻分布】命令,效果如圖2-122所示。圖2-122對齊元件(5)使用【任意變形工具】旋轉(zhuǎn)最上面和最下面的元件,如圖2-123所示。圖2-123旋轉(zhuǎn)上下元件(6)將鼠標指向“燭身”圖層上,單擊右鍵,在彈出的快捷菜單中選擇【插入圖層】命令。系統(tǒng)默認插入圖層為“圖層

8、2”,雙擊“圖層2”,改名為“燭焰”。將【庫】面板中“燭焰”元件拖放到合適位置。如圖2-124所示。圖2-124放置燭光元件(7)插入一個新圖層,將圖層改名為“燭光”。將“燭光”元件拖放到舞臺上。因為燭光在蠟燭的后面,所以用鼠標選擇“燭光”層,將它拖放到“燭身”層下方。現(xiàn)在三層的排列順序如圖2-125所示。圖2-125圖層順序(8)在【屬性】面板中將背景色改為黑色,使蠟燭的色彩更明亮。完成后的蠟燭如圖2-126所示。圖2-126蠟燭完成效果Flash8繪圖練習-繪制“心”元件(1)執(zhí)行【插入】|【新建元件】命令,或者按快捷鍵Ctrl+F8,彈出【創(chuàng)建新元件】對話框,在【名稱】文本框中輸入元件名

9、稱為“心”,選擇【行為】為【圖形】。(2)單擊“確定”按鈕,進入到“心”元件的編輯場景。使用【線條工具】繪制一條豎線,再使用【選擇工具】將其調(diào)整為曲線,如圖2-127所示。圖2-127將直線調(diào)整為曲線(3)選擇【部分選取工具】,單擊曲線端點,端點上會出現(xiàn)調(diào)節(jié)手柄。上下左右移動手柄,將該曲線調(diào)整為如圖2-128所示形狀。圖2-128調(diào)整曲線形狀(4)選中該該曲線,執(zhí)行【編輯】|【復制】命令,再執(zhí)行【編輯】|【粘貼到中心位置】命令,選擇粘帖得到的曲線,執(zhí)行【修改】|【變形】|【水平翻轉(zhuǎn)】命令,如圖2-129所示。圖2-129復制曲線后水平翻轉(zhuǎn)(5)將該兩條曲線拖放連接好,成為一個心形,如圖2-13

10、0所示。圖2-130完成心形(6)打開【混色器】面板,填充樣式設為線性。在漸變條上將左邊色塊設置為#AF057C,將右邊色塊設置為#E207C8,如圖2-131所示。圖2-131設置填充色(7)使用【顏料桶工具】從右下向左上拖動鼠標填充顏色,并刪除白色邊框線,如圖2-132所示。圖2-132填充顏色(8)選中這個心形,右擊它,在彈出的快捷菜單中選擇“復制”命令,然后在時間軸上將此層鎖定。(9)插入新圖層,系統(tǒng)默認為“圖層2”,執(zhí)行“編輯”|“粘貼到當前位置”命令。創(chuàng)建此層的目的是為使心形下方邊上呈現(xiàn)白色高光,所以此層的心形比圖層1上的心形略小。如果使用【任意變形工具】來調(diào)節(jié)是很不容易達到這個目

11、的。這里執(zhí)行【窗口】|【設計面板】|【變形】命令,彈出【變形】面板,設置變形寬度為97%,約束默認為打勾狀態(tài),按回車鍵確定,就可以使圖形實現(xiàn)精確的變形。變形面板設置如圖2-133所示。圖2-133“變形”面板(10)打開【混色器】面板,填充樣式設為放射狀。在漸變條上將左邊色塊設置為玫紅色(#F91CEE),將右邊色塊設置為白色,白色的Alpha值為78%,如圖2-134所示。圖2-134設置填充色(11)將“圖層2”的心形填充上述調(diào)整好的填充色,并使用【填充變形工具】進行調(diào)整,按住方形手柄向外拖動,使填充色變?yōu)闄E圓狀,再按住中心點向上移動。為了使大家能夠清楚觀察調(diào)整的情況,特將背景色暫改為藍色

12、,如圖2-135所示。圖2-135調(diào)整填充色(12)現(xiàn)在只是使這一層的心形下方顏色變亮了,但并未因此而形成高光狀態(tài),所以我們還得在此層上再加一層,掩蓋住多余的白色,只留出兩邊的高光。復制“圖層2”的心形,然后鎖定“圖層2”。(13)插入一個新圖層,系統(tǒng)默認為“圖層3”,執(zhí)行“編輯”|“粘貼到當前位置”命令。(14)將此層的心形填充新的漸變色。設置漸變色樣式為放射狀,左邊色塊為#FA3AF0,右邊色塊為#F444C9,Alpha值為62%,如圖2-136所示。Flash8繪圖練習-制作“項鏈”元件圖2-136設置填充色(15)填充此色后會發(fā)現(xiàn)并沒有出現(xiàn)我們希望的效果。因為填充的色彩雖然外周是半透

13、明的,但這個透明色是圓形,無論怎么樣調(diào)整都無法達到心形狀態(tài)。執(zhí)行【修改】|【形狀】|【柔化填充邊緣】命令,彈出“柔化填充邊緣”對話框,設置距離30px,步驟數(shù)為10,如圖2-137所示。圖2-137柔化填充邊緣設置現(xiàn)在看效果已經(jīng)出來了。如圖2-138所示。圖2-138柔化后效果(16)目前這個心形的立體感并不強,因為主要的高光部分還沒添加上去。鎖定“圖層3”,插入新圖層,在“圖層4”中將剛剛復制的“圖層2”的心形再次執(zhí)行【編輯】|【粘帖到當前位置】命令,使用【選擇工具】框選心形的下半部分并將其刪除,如圖2-139所示。圖2-139刪除心形下半部分(17)使用【部分選取工具】將下端的直線調(diào)整為曲

14、線,并使兩端盡量圓滑。如圖2-140所示。圖2-140調(diào)整圓滑(18)打開“混色器”面板,將填充色樣式改變線性,設置兩邊色塊均為白色,右邊色塊Alpha為0%,如圖2-141所示。圖2-141設置填充色填充顏色后,使用【填充變形工具】進行調(diào)整,如圖2-142所示。圖2-142調(diào)整填充色到此為止,“心”元件制作完畢。Flash8逐幀動畫詳解及實例從本單元起,我們將逐漸給大家介紹Flash8.0中的五種常見的動畫形式:逐幀動畫、形狀補間動畫、動作補間動畫、遮罩動畫、引導線動畫。本節(jié)著重介紹逐幀動畫(FrameByFrame),這是一種常見的動畫手法,它的原理是在“連續(xù)的關鍵幀”中分解動畫動作,也就

15、是每一幀中的內(nèi)容不同,連續(xù)播放而成動畫。由于逐幀動畫的幀序列內(nèi)容不一樣,不僅增加制作負擔而且最終輸出的文件量也很大,但它的優(yōu)勢也很明顯:因為它相似與電影播放模式,很適合于表演很細膩的動畫,如3D效果、人物或動物急劇轉(zhuǎn)身等等效果。1逐幀動畫的概念和在時間幀上的表現(xiàn)形式在時間幀上逐幀繪制幀內(nèi)容稱為逐幀動畫,由于是一幀一幀的畫,所以逐幀動畫具有非常大的靈活性,幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。逐幀動畫在時間幀上表現(xiàn)為連續(xù)出現(xiàn)的關鍵幀,如圖3-2-1所示。圖3-2-1逐幀動畫2創(chuàng)建逐幀動畫的幾種方法(1)用導入的靜態(tài)圖片建立逐幀動畫用jpg、png等格式的靜態(tài)圖片連續(xù)導入Flash中,就會建立一段逐幀動畫

16、。(2)繪制矢量逐幀動畫用鼠標或壓感筆在場景中一幀幀的畫出幀內(nèi)容。(3)文字逐幀動畫用文字作幀中的元件,實現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。(4)導入序列圖像可以導入gif序列圖像、swf動畫文件或者利用第3方軟件(如swish、swift3D等)產(chǎn)生的動畫序列。3繪圖紙功能(1)繪畫紙的功能繪畫紙是一個幫助定位和編輯動畫的輔助功能,這個功能對制作逐幀動畫特別有用。通常情況下,F(xiàn)lash在舞臺中一次只能顯示動畫序列的單個幀。使用繪畫紙功能后,你就可以在舞臺中一次查看兩個或多個幀了。如圖3-2-2所示,這是使用繪畫紙功能后的場景,可以看出,當前幀中內(nèi)容用全彩色顯示,其它幀內(nèi)容以半透明顯示,它使我們看起來好

17、像所有幀內(nèi)容是畫在一張半透明的繪圖紙上,這些內(nèi)容相互層疊在一起。當然,這時你只能編輯當前幀的內(nèi)容。圖3-2-2同時顯示多幀內(nèi)容的變化(2)繪圖紙各個按鈕的介紹繪圖紙外觀按鈕按下此按鈕后,在時間幀的上方,出現(xiàn)繪圖紙外觀標記。拉動外觀標記的兩端,可以擴大或縮小顯示范圍。繪圖紙外觀輪廓按下此按鈕后,場景中顯示各幀內(nèi)容的輪廓線,填充色消失,特別適合觀察對象輪廓,另外可以節(jié)省系統(tǒng)資源,加快顯示過程。3.繪圖紙顯示多幀按鈕,按下后可以顯示全部幀內(nèi)容,并且可以進行“多幀同時編輯”。修改繪圖紙標記按下后,彈出菜單,菜單中有以下選項:“總是顯示標記”選項會在時間軸標題中顯示繪圖紙外觀標記,無論繪圖紙外觀是否打開

18、?!板^定繪圖紙外觀標記”選項會將繪圖紙外觀標記鎖定在它們在時間軸標題中的當前位置。通常情況下,繪圖紙外觀范圍是和當前幀的指針以及繪圖紙外觀標記相關的。通過錨定繪圖紙外觀標記,可以防止它們隨當前幀的指針移動?!袄L圖紙2”選項會在當前幀的兩邊顯示兩個幀?!袄L圖紙5”選項會在當前幀的兩邊顯示五個幀?!袄L制全部”選項會在當前幀的兩邊顯示全部幀。上面,我們?nèi)娼榻B了逐幀動畫的特點和創(chuàng)建方法,現(xiàn)在,我們來動手制作二個逐幀動畫實例,以加深對逐幀動畫的認識。4奔跑的豹子茫茫雪原上,有一只矯健的豹子在奔跑跳躍,這是一個利用導入連續(xù)位圖而創(chuàng)建的逐幀動畫,如圖3-2-3所示。圖3-2-3奔跑的豹子1、創(chuàng)建影片文檔執(zhí)

19、行【文件】|【新建】命令,在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后,點擊【確定】按鈕,新建一個影片文檔,在【屬性】面板上設置文件大小為400*260象素,【背景色】為白色,如圖3-2-4所示。圖3-2-4創(chuàng)建新文檔2、創(chuàng)建背景圖層選擇第一幀,執(zhí)行【文件】|【導入到場景】命令,將本實例中的名為“雪景.bmp”圖片導入到場景中。在第8幀按F5,加過渡幀使幀內(nèi)容延續(xù)。3、導入gif動畫新建一層,選擇第一幀,執(zhí)行【文件】|【導入到場景】命令,將本教程中的“奔跑的豹子”系列圖片導入。此時,會彈出一個對話框,如圖3-2-5所示。3-2-5系列圖片導入選擇【是】按鈕,F(xiàn)lash會自動把gif中的

20、圖片序列按序以逐幀形式導入場景的左上角,如圖3-2-7所示。3-2-7導入的gif動畫在場景的上方形成幀幀動畫如圖3-2-8所示是導入后的動畫序列,它們被Flash自動分配在8個關鍵幀中。圖3-2-8導入的8張圖片4、調(diào)整對象位置此時,時間幀區(qū)出現(xiàn)連續(xù)的關鍵幀,從左向右拉動播放頭,就會看到一頭勇猛的豹子在向前奔跑,但是,被導入的動畫序列位置尚未處于我們需要的地方,缺省狀況下,導入的對象被放在場景坐標“0,0”處,我們必須移動它們。你當然可以一幀幀調(diào)整位置,完成一幅圖片后記下其坐標值,再把其它圖片設置成相同坐標值,如果你有足夠耐性和時間,也無妨,那么,我們何不試試“多幀編輯”功能呢?先把“雪景”

21、圖層加鎖,然后按下時間軸面板下方的【繪圖紙顯示多幀】按鈕,再單擊【修改繪圖紙標記】按鈕,在彈出的菜單中選擇【顯示全部】選項,如圖3-2-9所示。圖3-2-9選擇顯示全部選項最后執(zhí)行【編輯】|【全選】命令,此時時間軸和場景效果如圖3-2-10所示。圖3-2-10選取多幀編輯用鼠標左鍵按住場景左上方的豹子拖動,就可以一次把8幀中的圖片一次全移動到場景中了。5、設置標題文字在場景中新建一個圖層,單擊工具欄上的文字工具按鈕,設置【屬性】面板上的文本參數(shù)如下,【文本類型】為靜態(tài)文本;【字體】為隸書;【字體大小】35;【顏色】為深藍色。如圖3-2-11所示。圖3-2-11字體【屬性】面板參數(shù)設置在文本框輸

22、入“奔跑的豹子”五個字,居中放置。6、測試存盤執(zhí)行【控制】|【測試影片】命令,觀察本例swf文件生成的動畫有無問題,如果滿意,執(zhí)行【文件】|【保存】命令,將文件保存成“奔跑的豹子.fla”文件存盤,如果要導出Flash的播放文件,執(zhí)行【導出】|【導出影片】命令保存成“奔跑的豹子.swf”文件。Flash8形狀補間動畫詳解及實例形狀補間動畫是Flash中非常重要的表現(xiàn)手法之一,運用它,你可以變幻出各種奇妙的不可思議的變形效果。本節(jié)從形狀補間動畫基本概念入手,帶你認識形狀補間動畫在時間幀上的表現(xiàn),了解補間動畫的創(chuàng)建方法,學會應用“形狀提示”讓圖形的形變自然流暢,最后,提供了二個實例練手,幫助你更深

23、地理解形狀補間動畫。1形狀補間動畫的概念(1)形狀補間動畫的概念在Flash的時間幀面板上,在一個時間點(關鍵幀)繪制一個形狀,然后在另一個時間點(關鍵幀)更改該形狀或繪制另一個形狀,F(xiàn)lash根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動畫被稱為“形狀補間動畫”。(2)構(gòu)成形狀補間動畫的元素形狀補間動畫可以實現(xiàn)兩個圖形之間顏色、形狀、大小、位置的相互變化,其變形的靈活性介于逐幀動畫和動作補間動畫二者之間,使用的元素多為用鼠標或壓感筆繪制出的形狀,如果使用圖形元件、按鈕、文字,則必先“打散”再變形。(3)形狀補間動畫在時間幀面板上的表現(xiàn)形狀補間動畫建好后,時間幀面板的背景色變?yōu)榈G色,在起始幀和結(jié)束幀之

24、間有一個長長的箭頭,如圖3-3-1所示。圖3-3-1形狀補間動畫在時間幀面板上的標記(4)創(chuàng)建形狀補間動畫的方法在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關鍵幀并設置要開始變形的形狀,一般一幀中以一個對象為好,在動畫結(jié)束處創(chuàng)建或選擇一個關鍵幀并設置要變成的形狀,再單擊開始幀,在【屬性】面板上單擊【補間】旁邊的小三角,在彈出的菜單中選擇【形狀】,此時,時間軸上的變化如圖3-3-1所示,一個形狀補間動畫就創(chuàng)建完畢。2認識形狀補間動畫的屬性面板Flash的【屬性】面板隨鼠標選定的對象不同而發(fā)生相應的變化。當我們建立了一個形狀補間動畫后,點擊時間幀,【屬性】面板如圖3-3-2所示。圖3-3-2形狀

25、補間動畫【屬性】面板形狀補間動畫的【屬性】面板上只有二個參數(shù):(1)“簡單”選項在“0”邊有個滑動拉桿按鈕,單擊后上下拉動滑桿或填入具體的數(shù)值,形狀補間動畫會隨之發(fā)生相應的變化。在1到-100的負值之間,動畫運動的速度從慢到快,朝運動結(jié)束的方向加速度補間。在1到100的正值之間,動畫運動的速度從快到慢,朝運動結(jié)束的方向減慢補間。默認情況下,補間幀之間的變化速率是不變的。(2)“混合”選項“混合”選項中有二項供選擇:“角形”選項:創(chuàng)建的動畫中間形狀會保留有明顯的角和直線,適合于具有銳化轉(zhuǎn)角和直線的混合形狀。“分布式”選項:創(chuàng)建的動畫中間形狀比較平滑和不規(guī)則。至此,“形狀補間動畫”的相關知識大家都

26、已經(jīng)有所了解,下面動手個實例,體會一下形狀補間動畫的奇妙。實例:慶祝國慶實例簡介國慶的夜空絢麗多彩,朵朵禮花在天空中綻放,遠處傳來禮炮的轟鳴聲,讓我們來給這美麗的夜晚增加點喜慶,掛幾個大紅燈籠來慶祝祖國的生日吧。實例播放效果如圖3-3-4所示。圖3-3-4慶祝國慶實例畫面知識提要創(chuàng)建矢量圖形創(chuàng)建形狀補間動畫將文字轉(zhuǎn)變?yōu)樾螤钣没焐髟O置顏色制作步驟1、創(chuàng)建新文檔執(zhí)行【文件】|【新建】命令,在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后,點擊【確定】按鈕,新建一個影片文檔,在【屬性】面板上設置文件大小為400*330象素,【背景色】為白色,如圖3-3-5所示。圖3-3-5文檔屬性2、創(chuàng)建背景

27、圖層執(zhí)行【文件】|【導入到場景】命令,將本實例中名為“節(jié)日夜空.jpg”圖片導入到場景中,在第80幀處按下F5,加普通幀。如圖3-3-6所示。圖3-3-6插入背景圖片3、創(chuàng)建燈籠形狀我們先來畫燈籠,執(zhí)行【窗口】|【設計面板】|【混色器】命令,打開混色器面板,如圖3-3-7所示設置混色器面板的各項參數(shù)。圖3-3-7混色器面板設置之一選擇工具欄上的橢圓工具,去掉邊線,在場景中畫一個橢圓做燈籠的主體,大小為65*40象素。接著我們來畫燈籠上下的邊,打開【混色器】面板,按照如圖3-3-8設置參數(shù)。圖3-3-8混色器面板設置之二選擇工具欄上的矩形工具,去掉邊線,畫一個矩形,大小為30*10象素,復制這個

28、矩形,分別放在燈籠的上下方,再畫一個小的矩形,長寬為7*10象素,作為燈籠上面的提手。最后用直線工具在燈籠的下面畫幾條黃色線條做燈籠穗,一個漂亮的燈籠就畫好了。如圖3-3-9所示(為了能清楚的顯示燈籠,可暫時將背景色改為藍色)。圖3-3-9畫好的燈籠4、復制粘貼四個燈籠復制剛畫好的燈籠,新建三個圖層,在每個圖層中粘貼一個燈籠,調(diào)整燈籠的位置,使其錯落有致的排列在場景中。在第20、40幀處為各圖層添加關鍵幀,如圖3-3-10所示。圖3-3-10錯落有致的燈籠及時間軸面板5、把文字轉(zhuǎn)為形狀取代燈籠選取第一個燈籠,在第40幀處用文字“慶”取代燈籠,文字的的【屬性】面板上的參數(shù):【文本類型】為靜態(tài)文本

29、,【字體】為隸書,【字體大小】為60,【顏色】為紅色。對“慶”字執(zhí)行【修改】|【分散】命令,把文字轉(zhuǎn)為形狀。如圖3-3-11上半部分所示。依照以上步驟,在第40幀處的相應圖層上依次用“?!薄ⅰ皣?、“慶”三個字取代另外三個燈籠,并執(zhí)行【分散】操作,其結(jié)果如圖3-3-11下半部分所示。圖3-3-11用文字形狀取代燈籠形狀及文字打散6、設置文字形狀到燈籠形狀的轉(zhuǎn)變。在“燈籠”各圖層的第60幀及80幀處,分別添加關鍵幀,現(xiàn)在,在80幀處各“燈籠”圖層中的內(nèi)容為“文字圖形”,應該把它們換成“燈籠”。具體辦法可以分別選擇第20幀中的“燈籠”圖形,再一個個“粘貼”進第80幀中,當然,你先應該清除第80幀處

30、4個“燈籠”圖層中的內(nèi)容哦!7、創(chuàng)建形狀補間動畫。在“燈籠”各圖層的第20、60幀處單擊幀,在【屬性】面板上單擊【補間】旁邊的小三角在彈出的菜單中選擇【形狀】,建立形狀補間動畫,如圖3-3-12所示。圖3-3-12創(chuàng)建形狀補間動畫8、測試存盤執(zhí)行【控制】|【測試影片】命令,觀察本例swf文件生成的動畫有無問題,如果滿意,執(zhí)行【文件】|【保存】命令,將文件保存成“慶祝國慶.fla”文件存盤,如果要導出Flash的播放文件,執(zhí)行【導出】|【導出影片】命令保存成“慶祝國慶.swf”文件。使用形狀提示形狀補間動畫看似簡單,實則不然,F(xiàn)lash在“計算”2個關鍵幀中圖形的差異時,遠不如我們想象中的“聰明

31、”,尤其前后圖形差異較大時,變形結(jié)果會顯得亂七八糟,這時,“形狀提示”功能會大大改善這一情況。形狀提示的作用在“起始形狀”和“結(jié)束形狀”中添加相對應的“參考點”,使Flash在計算變形過渡時依一定的規(guī)則進行,從而較有效地控制變形過程。(2)添加形狀提示的方法先在形狀補間動畫的開始幀上單擊一下,再執(zhí)行【修改】|【形狀】|【添加形狀提示】命令,該幀的形狀就會增加一個帶字母的紅色圓圈,相應地,在結(jié)束幀形狀中也會出現(xiàn)一個“提示圓圈”,用鼠標左鍵單擊并分別按住這2個“提示圓圈”,在適當位置安放,安放成功后開始幀上的“提示圓圈”變?yōu)辄S色,結(jié)束幀上的“提示圓圈”變?yōu)榫G色,安放不成功或不在一條曲線上時,“提示圓圈”顏色不變,如圖3-3-3所示。圖3-3-3添加形狀提示后各幀的變化(3)添加形狀提示的技巧“形狀提示”可以連續(xù)添加,最多能添加26個。按逆時針順序從形狀的左上角開始放置形狀提示,它們的工作效果最好。確?!靶螤钐崾尽笔欠?/p>

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論