效果簡(jiǎn)介:
這是一個(gè)雪景賀卡。詩(shī)意的房屋、雪景;可愛(ài)的雪人、裊裊的炊煙;淺淺的腳印和隨機(jī)的雪花,這些組成一幅美麗的雪景圖,也使這張賀卡充滿了情趣。但賀卡的制作也因此變得稍稍復(fù)雜。
主要應(yīng)用技術(shù):
文章中主要學(xué)習(xí)如何系統(tǒng)的設(shè)計(jì)賀卡并有效的管理數(shù)量巨大的元件。掌握賀卡制作中場(chǎng)景的布置,顏色的應(yīng)用,氣氛的營(yíng)造等方法。制作中關(guān)鍵的技術(shù)還有使用隨機(jī)函數(shù)實(shí)現(xiàn)逼真的雪花效果。學(xué)習(xí)如何巧妙合理地使用素材設(shè)計(jì)出有靈性和個(gè)性的作品。
圖 1
點(diǎn)擊這里下載源文件制作步驟:
設(shè)置場(chǎng)景的大小為400px×300px,背景為白色,幀頻為12fps。
設(shè)計(jì)元件
1.按快捷鍵Ctrl+F8打開(kāi)“創(chuàng)建新元件”面板新建一個(gè)名為“房屋”的影片剪輯元件。
2.在“房屋”元件的場(chǎng)景里按快捷鍵Ctrl+R打開(kāi)“導(dǎo)入”面板導(dǎo)入一幅房屋背景圖。為了讓讀者看得清楚一些,故先將背景色設(shè)成黑色。如圖2所示。
圖 2
3.按快捷鍵Ctrl+B把房屋圖片打散,然后炊煙那一段圖片,按快捷鍵Ctrl+X剪切下來(lái)。如圖3所示。
圖 3
4.打開(kāi)“創(chuàng)建新元件”面板新建一個(gè)名為“炊煙”的圖形元件,在“炊煙”元件的場(chǎng)景中按快捷鍵Ctrl+V把剛才剪切的炊煙圖片粘貼到場(chǎng)景中。
5.雙擊庫(kù)中的影片剪輯元件“房屋”,回到其編輯場(chǎng)景里。接著新建一個(gè)“炊煙”層,然后打開(kāi)庫(kù),將剛才制作好的“炊煙“元件拖到“炊煙”中,并調(diào)整其位置到“房屋”的煙囪上,如圖4所示。
圖 4
以上的步驟看上去好像多此一舉。其實(shí)不然,這就是合理利用素材的技巧了。因?yàn)檫@樣做可以在不添加元件的情況下讓設(shè)計(jì)出炊煙裊裊的效果。產(chǎn)生有人氣(動(dòng))的感覺(jué),使得整個(gè)動(dòng)畫不至于死氣沉沉。下面來(lái)看看“炊煙”的具體制作方法。
6.按住Ctrl鍵,同時(shí)選中“房屋”元件場(chǎng)景中兩個(gè)層的第35幀,并F5鍵插入幀。接著選中“炊煙”層里第35幀,按F6鍵插入關(guān)鍵幀。右鍵點(diǎn)選“炊煙”層的第1幀并選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。如圖5所示。
圖 5
7.選中“炊煙”層第1幀中的“炊煙”元件,然后使用“工具”面板中的“任意變形”工具 把“炊煙”元件縮小到看不見(jiàn)為止,其位置仍要在煙囪上。到這里“炊煙裊裊”的效果就設(shè)計(jì)好了。
現(xiàn)在,打開(kāi)庫(kù),按住Ctrl鍵選中“房屋”元件和“炊煙”元件,然后右鍵單擊陰影選擇區(qū),在彈出的菜單中選擇“移至新文件”命令,在彈出的“新文件夾”面板里輸入新元件管理文件夾的名字“雪屋”。如圖6所示。
圖 6
在設(shè)計(jì)大型的動(dòng)畫,譬如MTV時(shí),我們總要使用文件夾來(lái)管理元件。這樣做可以非常方便地管理、調(diào)用和編輯元件,大大的節(jié)省設(shè)計(jì)時(shí)間,提高工作效率。所以建議讀者在設(shè)計(jì)復(fù)雜動(dòng)畫時(shí)應(yīng)該把一段動(dòng)畫中的相關(guān)元件歸并到同一個(gè)文件夾里。
8.其它景色的設(shè)計(jì)。首先把場(chǎng)景的縮放比例設(shè)置成200%。接著在雪屋的圖片上抓取一塊后面設(shè)計(jì)中用來(lái)襯托背景的雪地圖片。既圖7中藍(lán)色線條框中的部分。
圖 7
新建一個(gè)名為“雪地”的圖形元件,并把剛才裁剪地圖片粘貼到場(chǎng)景中。如所示。
圖 8
9.再創(chuàng)建一些圖形元件,然后導(dǎo)入一個(gè)雪人,腳印。雪樹(shù)可以可以在“房屋”中截取。所有其它元件如圖9所示。
圖 9
10.“文字”影片剪輯元件的設(shè)計(jì)可以隨意,就看讀者想說(shuō)些什么了。關(guān)鍵是要能和動(dòng)畫相映成趣,相輔相成。篇幅關(guān)系這里就不多說(shuō)什么了。但要注意,文字動(dòng)畫的設(shè)計(jì)不能太花哨,盡量少設(shè)計(jì)文字動(dòng)畫,少用各種字體,也盡量不要使用形變動(dòng)畫和透明動(dòng)畫,否則會(huì)增大文件體積。
11.設(shè)計(jì)隨機(jī)雪花。這是本例中的難點(diǎn),涉及到不少Flash編程的知識(shí)。但也是相當(dāng)重要的一個(gè)部分。
新建一個(gè)名為“雪花”的圖形元件。把場(chǎng)景比例設(shè)置成800%,然后在“雪花”元件的場(chǎng)景中,按住Shift鍵使用“橢圓”工具繪制一個(gè)直徑為5px的圓。如圖10所示。
圖 10
12.打開(kāi)“創(chuàng)建新元件”面板新建一個(gè)名為“落雪影片”的影片剪輯元件元件,如上圖。在庫(kù)中雙擊影片剪輯元件元件“落雪影片”進(jìn)入其編輯場(chǎng)景。把場(chǎng)景中的“圖層 1”改名為“雪花”層,接著從庫(kù)中把圖形元件“雪花”拖拽到該層的場(chǎng)景中。
13.選中“雪花”層的第40幀按下F6鍵插入關(guān)鍵幀,接著右鍵單擊第1幀選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令,然后選中第20幀再插入一個(gè)關(guān)鍵幀。
14.右鍵單擊該層并在彈出的菜單中選擇“添加引導(dǎo)層”命令為“雪花”層建立一個(gè)引導(dǎo)層。在引導(dǎo)層里畫一條曲線,然后讓第1幀和第40幀的“雪花”元件吸附在曲線的左端,第20幀的雪花吸附在曲線的右端。如圖11所示。
圖 11
15.新建一個(gè)名為“落雪”的影片剪輯元件。從庫(kù)中把“雪花影片”元件拖拽到“落雪”的場(chǎng)景中,選中第3幀按下F5鍵插入幀。點(diǎn)選場(chǎng)景中的雪花影片,在“屬性”面板里給影片剪輯“雪花影片”取個(gè)實(shí)例名稱“snowflake”,如圖12所示。
圖 12
16.在“落雪”元件中新建一個(gè)“腳本”層。如圖13所示。分別點(diǎn)選中該層的第1、2、3幀,然后按下F7鍵插入空白關(guān)鍵幀,并按F9鍵打開(kāi)“動(dòng)作”面板,鍵入如下代碼:
圖 13
第1幀中的代碼如下:
// n是復(fù)制的影片剪輯的唯一深度級(jí)別。深度級(jí)別是被復(fù)制影片剪輯的堆疊順序,即影片各自的層次
n = 1;
// 變量flakes用來(lái)控制雪花的數(shù)量,即可以控制雪花的密度
flakes = 100;
第2幀中的代碼如下:
i = 1;
while (i<=flakes) { //控制雪花飄落速度
this["snowflake" add i]._y += Math.random()*2 + 2;
i++;
}
if (n == flakes) {
n = 1;
} else {
snowflakesize = Math.random()*30+30; //復(fù)制雪花影片
duplicateMovieClip("snowflake", "snowflake" add n, n); //控制雪花的飄落范圍
this["snowflake" add n]._x = Math.random()*500; //控制雪花的大小
this["snowflake" add n]._xscale = snowflakesize;
this["snowflake" add n]._yscale = snowflakesize;
n++;
}
第3幀中的代碼如下:
//制造影片的回路,讓影片可以不停地播放
gotoAndPlay(2);
代碼不是很多,也不是很難理解。代碼中,Math.random()用來(lái)產(chǎn)生隨機(jī)數(shù)字,其返回的值在0到1之間,但不包括1。DuplicateMovieClip()的作用是復(fù)制影片剪輯。_x屬性和_y屬性在影片剪輯在場(chǎng)景中的坐標(biāo)值,也就是它們?cè)趫?chǎng)景中的位置。_xscale屬性和_yscale屬性是影片剪輯的水平和垂直縮放比例屬性。而this對(duì)象的作用則是引用影片剪輯實(shí)例。
設(shè)計(jì)主場(chǎng)景
1.在制作主場(chǎng)景之間,我們先來(lái)看看主場(chǎng)景所有的層以及上下關(guān)系。如圖14所示。
圖 14
2.把主場(chǎng)景中的“圖層 1”層改名為“背景”層,見(jiàn)圖 14。按快捷鍵“Shift+F9”打開(kāi)“混色器”面板,如圖15所示進(jìn)行設(shè)置。
圖 15
接著用“橢圓”工具在場(chǎng)景中拉出一個(gè)圓(不要邊線),并在“屬性”面板里設(shè)置這個(gè)圓形的寬、高為480px、380px。最終設(shè)置如下圖(白色區(qū)域?yàn)閳?chǎng)景,場(chǎng)景縮放比例為50%)。如圖6所示。
圖 16
3.新建“雪地”層。打開(kāi)庫(kù),將庫(kù)中的圖形元件“雪地”拖拽到該層中,然后用“變形”工具將其拖動(dòng)放大,最終設(shè)置如圖17所示。
圖 17
4.新建“景色”層。然后從庫(kù)中將“房屋”元件和其它元件都拖拽到場(chǎng)景相應(yīng)的層中,然后設(shè)置好他們的位置。相同的元件可以重復(fù)使用,譬如場(chǎng)景中的雪數(shù),就可以復(fù)制調(diào)整其大小,如圖18所示。從而減小文件的大小。
圖 18
5.腳印的設(shè)計(jì)稍微繁瑣了些,但不難,多用幾次快捷鍵Ctrl+T打開(kāi)“變形”面板調(diào)整腳印的大小和角度,這樣遍可以事半功倍。從庫(kù)中把影片剪輯元件“雪花”拖入到場(chǎng)景中。
6.新建一個(gè)“文字”層,用來(lái)放“文字”影片剪輯元件。然后打開(kāi)庫(kù),把讀者自己設(shè)計(jì)的“文字”影片元件拖到該層中。
現(xiàn)在按快捷鍵Ctrl+Enter觀看最終效果。筆者相信,在學(xué)習(xí)了該例后,讀者定能夠設(shè)計(jì)出自己喜歡的賀卡了。實(shí)例中,背景的主色調(diào)采用了粉紅色,其設(shè)計(jì)理念是:表達(dá)出朋友或戀人的洋溢的熱情,所以,無(wú)論從哪個(gè)角度來(lái)講,看著這張賀卡,你一點(diǎn)都不會(huì)覺(jué)得冷,即使雪依舊在下。
另外,賀卡制作中場(chǎng)景的布置,譬如樹(shù)的遠(yuǎn)近大小,雪人的位置也是有講究的,這個(gè)就要讀者多多積累經(jīng)驗(yàn)了。其原則的近大遠(yuǎn)小,彼此不能太近。還有最重要的就是如何充分利用素材,設(shè)計(jì)出有靈性,有個(gè)性的作品。希望讀者多積累這方面的經(jīng)驗(yàn)。