制作網(wǎng)頁(yè)特效的技巧
在瀏覽網(wǎng)站時(shí),我們經(jīng)常會(huì)被一些圖片的過(guò)渡效果所吸引。這些效果不僅美化了網(wǎng)頁(yè),還給視覺(jué)帶來(lái)了一定的沖擊力。其中,百葉窗效果就是一種常見(jiàn)的過(guò)渡效果。那么,如何利用Flash制作百葉窗效果呢?讓我們一起看看
在瀏覽網(wǎng)站時(shí),我們經(jīng)常會(huì)被一些圖片的過(guò)渡效果所吸引。這些效果不僅美化了網(wǎng)頁(yè),還給視覺(jué)帶來(lái)了一定的沖擊力。其中,百葉窗效果就是一種常見(jiàn)的過(guò)渡效果。那么,如何利用Flash制作百葉窗效果呢?讓我們一起看看下面的操作步驟和截圖,來(lái)學(xué)習(xí)這一技巧。
---
新建flash文檔
首先,打開(kāi)Flash軟件并新建一個(gè)文檔。設(shè)置文檔大小為550*400,背景顏色為白色,幀頻為12fps。接著,執(zhí)行文件-導(dǎo)入-導(dǎo)入到庫(kù)命令,將事先準(zhǔn)備好的圖片至導(dǎo)入到庫(kù)中,這樣就成功將素材導(dǎo)入到庫(kù)中了。
---
創(chuàng)建百葉窗效果
接下來(lái),我們需要?jiǎng)?chuàng)建百葉窗效果的動(dòng)畫(huà)。首先,執(zhí)行插入-新建元件命令,創(chuàng)建一個(gè)名為“1”的圖形元件。在編輯區(qū)域中,使用矩形工具繪制一個(gè)550*30大小的矩形,設(shè)置筆觸顏色為0099FF,填充顏色為3366FF。然后,再次執(zhí)行插入-新建元件命令,創(chuàng)建一個(gè)名為“2”的影片剪輯元件,在其中拖入之前創(chuàng)建的“1”圖形元件并居中。
---
添加動(dòng)畫(huà)效果
在第60幀處插入關(guān)鍵幀,并設(shè)置第一幀處的圖形元件大小為550*1。右鍵點(diǎn)擊第一幀并選擇創(chuàng)建補(bǔ)間動(dòng)畫(huà),然后在第60幀處打開(kāi)動(dòng)作面板并輸入stop()語(yǔ)句。接著,再次創(chuàng)建一個(gè)名為“3”的影片剪輯元件,并將之前創(chuàng)建的“2”影片剪輯元件拖入其中,復(fù)制多個(gè)元件實(shí)例并進(jìn)行排列。
---
制作完整效果
回到主舞臺(tái),將圖片1拖入舞臺(tái)中,設(shè)置寬度為550,高度為412.4,并居中對(duì)齊。接著,新建圖層2,將圖片拖入舞臺(tái),設(shè)置寬度為550,高度為412.5,并居中對(duì)齊。繼續(xù)新建圖層3,將名為“3”的影片剪輯元件拖入舞臺(tái),居中對(duì)齊該元件,并在圖層2和圖層3的第120幀處插入幀。
---
添加遮罩效果
在圖層3上右鍵點(diǎn)擊并選擇“遮罩”,創(chuàng)建遮罩圖層效果。接著,新建圖層4,將圖片拖入舞臺(tái),設(shè)置大小為550*412.5并全居中。再新建圖層5,將名為“3”的影片剪輯元件拖入舞臺(tái),居中對(duì)齊,然后執(zhí)行變形命令將其順時(shí)針旋轉(zhuǎn)90度,將圖層5設(shè)為遮罩層,在圖層4和圖層5的180幀處插入幀。
---
完成效果展示
最后,新建圖層6和圖層7,在圖層6中拖入圖片,設(shè)置大小為550*412.5并居中顯示。在圖層7中拖入名為“3”的元件,居中對(duì)齊,執(zhí)行旋轉(zhuǎn)和傾斜45度的變形命令,將圖層7設(shè)為遮罩層,在圖層6和圖層7的第240幀處插入幀。最后,按下Ctrl Enter組合鍵進(jìn)行測(cè)試,執(zhí)行文件-導(dǎo)出-導(dǎo)出影片命令,將文件導(dǎo)出為GIF格式即可。
---
通過(guò)以上步驟,您可以輕松制作出帶有百葉窗效果的動(dòng)畫(huà),為您的網(wǎng)頁(yè)增添更多視覺(jué)吸引力。希望這篇文章能幫助您更好地掌握制作網(wǎng)頁(yè)特效的技巧!