Flash如何制作翻书动画效果的个性相册
本教程向大家介紹利用Flash翻書動畫效果的個性相冊,制作出來的相冊效果非常漂亮,教程不是很難,喜歡的朋友可以跟著一起來制作!
自己的數碼照片是越來越多了,當然,網上也有很多相冊網站,也有很漂亮的展示效果,但是還是喜歡自己DIY一款相冊,放到自己的網站,展示自己的照片,也表現自己的才能,下面就來看看用Flash如何制作相冊。
制作過程:
1.打開FLASH,新建一個空白文檔(550, 400)
選擇文件,導入,導入到庫導入事先準備好的圖片(這里導入了8張圖)
然后把各圖轉換成圖形元件 具體方法是Ctrl+l打開庫用鼠標按住要轉換的圖拖到舞臺中再按F8 轉換成圖形元件,(其它幾個圖一樣操作)
補充一下轉換元件的時候把注冊點調到中間那里
2.按Ctrl+l打開庫面板點元件1(元件1就是剛轉換的圖形元件 :呵沒有改名你可以隨便點一張圖)按住鼠標不放拖到舞臺中,并調整圖的大小及坐標(我這里大小是寬200高300 坐標x=300,y=50
3.在主場景插入一個圖層2并鎖定圖層1。
4.按Ctrl+l打開庫把元件2拖到舞臺中(圖層2)。調整:寬=200 ,高=300, x=100,y=50 :并在240幀處按F5插入幀
5.鎖定圖層2,并新建圖層3 , 按Ctrl+l打開庫把元件3拖入圖層3。調整寬=200,高=300, x =300,y=50
6.點圖層3的第一幀再點舞臺上的圖形元件, 再按Q鍵把旋轉中心點調到左邊的邊上
7.在圖層3的30幀處按F6插入關鍵幀點30幀處的圖再按Ctrl+T打開變形面板 點傾斜一欄的第二個框輸入 -90再按回車鍵
8.在圖層3的1-30幀中間的間任意一幀處點右鍵創建補間動畫
9.新建一個圖層4在30幀處按F7創建一個空白關鍵幀,按Ctrl+l打開庫面板拖入元件4并調整大小和坐標和元件2一樣
10.點圖層4的30幀再點舞臺上的元件4,按Q鍵調整旋轉中心點到右邊。
11.在圖層4的60幀處按F6插入關鍵幀,再回到30幀處按Ctrl+T鍵跳出變形面板,點下面的傾斜的第二個框輸入89按回車
12.在圖層4的30-60幀中間按右鍵創建補動間動畫。
13.在圖層1的60幀處按F7插入空白關鍵幀再按Ctrl+l打開庫面板拖入元件7(這里隨便可以是別的圖)并調整大小及坐標,寬=200,高=300,x=300,y=50(作用是當上一張圖翻上去的時候可以看這張圖)。
14.再在圖層4上新建一個圖層5在60幀處按F7,再按Ctrl+l打開庫拖入元件1(就是圖層1第一幀的那張圖)再按照圖層3和圖層4的方法制作剩下的圖片。
15.如果要加入按鈕的話可以新建一個圖層點窗口-公用庫-按鈕里面拖入幾個按鈕。
再選中一個按鈕雙擊進入按鈕的編輯窗口更改文字當然不改也行(自己制作也行)在屬性里面改成可讀性消除鋸齒。
16.例如改起來的是播放 那么點播放按鈕在屬性里面寫上實例名稱為bf_btn 其它按鈕也差不多就是實例名稱不一樣。
最后新建一層點這層的第一幀按F9進入動作面板輸入代碼:
復制代碼
代碼如下:
d1_btn.onRelease = function() {
gotoAndPlay(2);
};
d2_btn.onRelease = function(){
gotoAndPlay(60);
};
d3_btn.onRelease = function() {
gotoAndPlay(120);
};
d4_btn.onRelease = function() {
gotoAndPlay(180);
};
bf_btn.onRelease = function() {
play();
};
tz_btn.onRelease = function() {
stop();
};
好了解測試一下試看看。
教程結束,以上就是Flash制作翻書動畫效果的個性相冊,希望大家喜歡本教程!
總結
以上是生活随笔為你收集整理的Flash如何制作翻书动画效果的个性相册的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 关于 SAP UI5 Table 控件中
- 下一篇: Angular 使用 Injector