全Flash動畫網(wǎng)站的實現(xiàn)詳細教程
本人是設(shè)計出身,對語言根本不在行,但是做flash 站沒有一點as基礎(chǔ),什么效果也出不來,經(jīng)過一段時間的摸索,和若干業(yè)務(wù)的鍛煉,現(xiàn)在積累了一點經(jīng)驗,不敢獨享,把這些真正由實戰(zhàn)中得來的東西送給和我一樣對程序不在行設(shè)計師以及新手朋友。老鳥們請飄過。
在開始之前,我想說,做出一個優(yōu)秀的flash 站的重要前提是什么?我認為首先是對美的理解再次是用戶界面的合理性,曾經(jīng)見過很多朋友做過的全站,充斥著各種動態(tài)效果以及技術(shù)模塊,但是效果卻不盡如人意,看起來很有土洋結(jié)合的味道,同時也看過很多國外的源文件,我發(fā)現(xiàn)里面用到的技術(shù)并非非常復(fù)雜的as程序。連我都可以輕易看懂。但是無論是界面配色以及動態(tài)效果都非常的不錯。可以說一個flash 站是否有視覺沖擊力是它價值的首要體現(xiàn),而缺乏基本的美術(shù)功底,做出來的東西就必然缺乏美觀。所以我認為,任何軟件或者技術(shù)都是為了實現(xiàn)目的而服務(wù)的,在我們努力學(xué)習(xí)as語言的同時,也應(yīng)該不斷的加強自己的藝術(shù)修養(yǎng),而這個對美判斷的能力顯然需要比學(xué)任何計算機語言都要付出更多的時間去積累和沉淀。否則就算熟透as3,駕馭了air。我們同樣永遠也做不出優(yōu)秀的作品,在文章末尾,再繼續(xù)探討。
好的,這里開始
一: flash網(wǎng)站的基本布局
一般來說,這個結(jié)構(gòu)是我最常用的flash全站結(jié)構(gòu),在flash中,我會根據(jù)不同的頁面元素進行分類,然后分布在各個層中,并且起上相應(yīng)的名字,便于操作,在源文件中建議養(yǎng)成良好的命名習(xí)慣,通常一個全站在成型之前,這個文件,我們會對他操作n次,所以為了提高工作效率以及方便日后調(diào)用,良好的結(jié)構(gòu)非常重要。
如圖所示,as腳本層放置在最上方,頁面中的所有元素都根據(jù)實際的深度排列到相應(yīng)的層中。bg也就是頁面背景放置在最下方。
1:通常影片的場景大小,我設(shè)置成1600*1200,以適應(yīng)各種顯示器分辨率,幀率設(shè)置成30,根據(jù)需要也可以進行調(diào)整。關(guān)于在瀏覽器中適應(yīng)瀏覽的問題,我放到最后說明。這里先放下。
2:loading通常放在第一幀,而且除了背景以外,并不安排其他元素在第一幀內(nèi),這樣可以保證第一幀的數(shù)據(jù)量很小。便于loading 動畫的正確顯示。
3:每個大型的深層次mc,以及經(jīng)常需要切換到內(nèi)部的mc,比如頁面的mc,導(dǎo)航部分的mc,等等,我通常會在場景外做一個入口,也就是一個色塊,因為有的mc并非在內(nèi)部的第一幀就有內(nèi)容,在外層的時候他是空白的,所以為了便于操作,在內(nèi)部的第一幀建立一個色塊,便于隨時雙擊進入操作。
4:不要把所有的動畫和內(nèi)容都安排在主時間軸里,這樣的操作會讓你在以后的施工中非常的難于調(diào)整,甚至無法增添內(nèi)容。我認為,應(yīng)該把內(nèi)容分成大類,然后相應(yīng)的做成原件,根據(jù)內(nèi)容的樹狀結(jié)構(gòu),相應(yīng)的安排mc的嵌套。然后在各個時間軸里,用寫在某個位置的as來控制各個時間軸的銜接。
比如mc1和mc2都是內(nèi)部有非常復(fù)雜動畫的mc,我們要mc1動畫完畢后開始mc2,這時候就不要把兩個mc的內(nèi)部動畫放在一個時間軸內(nèi),最好是分別mc1,mc2各一幀,同時在mc1內(nèi)部的最后一幀上寫_parent.gotoandplay(mc2所在的幀)。
相關(guān)文章

flash如何制作形狀補間動畫?flash創(chuàng)建補間形狀技巧
flash一款功能強大的動畫制作軟件,制作動畫很非常的方便,但動畫過程使用的都是形狀補間功能。今天小編就來給大家介紹一下flash形狀補間動畫制作方法,感興趣的快來看看吧2022-05-11
flash cs6怎么做花朵成長的逐幀動畫?flash中想要繪制一個花開的動畫,該怎么畫出各個圖形然后做逐幀動畫呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2021-03-09
Flash怎么將動畫復(fù)制為ActionScript3.0并使用?
Flash怎么將動畫復(fù)制為ActionScript3.0并使用?Flash中制作的動畫想要直接粘貼到另一個對象中,我們可以使用復(fù)制腳本代碼的方式復(fù)制動畫,下面我們就來看看詳細的教程,需2017-12-08
flash怎么制作漫畫人物行走的動畫?flash中想要制作一段行走的動畫,該怎么設(shè)計呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-04-18- 這篇教程是向腳本之家的朋友分享flash逐幀動畫制作全過程,教程非?;A(chǔ),很適合新手來學(xué)習(xí),推薦過來,有興趣的朋友可以過來學(xué)習(xí)2016-01-15
- 下面小編就為大家介紹利用Flash正確的口型吻合動畫技巧,教程很不錯,非常適合新手來學(xué)習(xí),推薦到腳本之家,喜歡的朋友一起來學(xué)習(xí)吧2015-01-15
- 這篇教程是向腳本之家的朋友介紹Flash動畫制作技巧:圖形元件相關(guān)知識,教程很基礎(chǔ),但很實用,推薦到腳本之家,喜歡的朋友可以過來學(xué)習(xí)一下,希望能對大家有所幫助2015-01-05
Flash動畫制作小黑人經(jīng)典動畫效果技巧介紹(圖文)
本教程是向大家介紹Flash動畫制作小黑人經(jīng)典動畫效果技巧,教程很經(jīng)典,介紹的非常詳細,相信對學(xué)習(xí)Flash朋友有一定的幫助。轉(zhuǎn)發(fā)過來,希望對大家有所幫助2014-08-05- 本教程是向大家介紹利用Flash制作旋轉(zhuǎn)的3D立體盒動畫教程,制作出來的效果非常好看,教程介紹的很詳細,希望大家通過本篇教程能學(xué)習(xí)Flash制作3D動畫的方法,這樣以后就可以2014-07-22
- 本教程向大家介紹了Flash cs3制作人物行走動畫技巧,并做了詳細的介紹,覺得教程很不錯,轉(zhuǎn)發(fā)過來,希望給朋友們帶來幫助2014-07-15




