Flash制作過渡卷動(dòng)效果精美圖庫特效_Flash教程
推薦:用Flash AS編寫的蝌蚪特效動(dòng)畫效果查看:點(diǎn)擊這里下載源文件場景里代碼:Object.environment=this;Math.prototype.degrees=function(r){return(r*180/3.141593E000);};max
用Flash打造一個(gè)具有卷動(dòng)過渡效果的精美圖庫展示動(dòng)畫。效果不錯(cuò),希望大家喜歡。先看效果:
制作方法:
首先新建立Flash文檔,然后修改文檔屬性:

我們制作的這個(gè)圖庫,大家通過演示可以看到單擊小圖,可以動(dòng)態(tài)顯示大圖,所以我們事先要做一些工作。預(yù)備一些大小相同的圖片8張,并且分別制作相應(yīng)的縮略圖8張,大圖導(dǎo)入Flash中分別轉(zhuǎn)換為影片剪輯元件,小縮略圖導(dǎo)入Flash后轉(zhuǎn)變?yōu)橛捌糨嬙�,都放到庫里面,留著我們來使用�?/P>
這里我們制作一個(gè)main主影片剪輯,然后在里面制作一個(gè)背景:

然后再新建立一個(gè)層,把縮略圖都按順序擺放整潔,實(shí)例名分別是thumb0、thumb1、thumb2、thumb3、thumb4、thumb5、thumb6、thumb7:

當(dāng)把大圖導(dǎo)入Flash時(shí),按F8轉(zhuǎn)變?yōu)橛捌糨嬙瑯?biāo)示符分別是image0、image1、image2、image3、image4、image5、image6、image7。設(shè)置如下:

然后再建立一個(gè)層,輸入下面代碼:
this.createEmptyMovieClip("images", 100);
this.attachMovie("mask", "mask", 101);
mask._x = images._x =-68;
mask._y = target = -150;
images._y = -1000;
images.setMask(mask);
speed = 5;
for (var i = 0; i<8; i ) {
var img = images.attachMovie("image" i, "image" i, i);
img._y = img._height*i;
var thumb = this["thumb" i];
thumb._alpha = 60;
thumb.pos = target (i*-img._height);
thumb.onPress = function() {
target = this.pos;
};
thumb.onRollOver = function() {
this._alpha = 100;
};
thumb.onRollOut = function() {
this._alpha = 60;
};
}
this.onEnterFrame = function() {
images._y = (target-images._y)/speed;
};
最后我又制作了一個(gè)loading。按測試吧!
分享:怎么用地圖控制flash移動(dòng)演示效果:(用鼠標(biāo)在小地圖中任意拖拽可以看到效果)問:怎么用地圖控制flash移動(dòng),像QQ寵物村一樣,在右上角有幅地圖,可以控制左邊的flash的移動(dòng)?答:運(yùn)用
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
猜你也喜歡看這些
- Flash制作光盤引導(dǎo)動(dòng)畫全過程(前幾節(jié)為靜音)
- Flash CS3動(dòng)畫制作基礎(chǔ)與提高
- Flash8基礎(chǔ)與實(shí)例教程配套光盤
- Swift 3D--Flash 第三方軟件 及視頻教程
- Flash 8經(jīng)典動(dòng)畫設(shè)計(jì)實(shí)錄
- flash實(shí)例教程-遮罩動(dòng)畫
- Adobe Flash CS5 新增功能課程
- 金鷹Flash 8 中文版視頻教程
- 新東方劍橋商務(wù)英語BEC flash教程 初+中+高 (現(xiàn)已穩(wěn)定供源)
- flash運(yùn)動(dòng)規(guī)律與動(dòng)作實(shí)現(xiàn)
- 相關(guān)鏈接:
- 教程說明:
Flash教程-Flash制作過渡卷動(dòng)效果精美圖庫特效
。