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

我們制作的這個(gè)圖庫(kù),大家通過(guò)演示可以看到單擊小圖,可以動(dòng)態(tài)顯示大圖,所以我們事先要做一些工作。預(yù)備一些大小相同的圖片8張,并且分別制作相應(yīng)的縮略圖8張,大圖導(dǎo)入Flash中分別轉(zhuǎn)換為影片剪輯元件,小縮略圖導(dǎo)入Flash后轉(zhuǎn)變?yōu)橛捌糨嬙�,都放到�?kù)里面,留著我們來(lái)使用。
這里我們制作一個(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。按測(cè)試吧!
分享:怎么用地圖控制flash移動(dòng)演示效果:(用鼠標(biāo)在小地圖中任意拖拽可以看到效果)問(wèn):怎么用地圖控制flash移動(dòng),像QQ寵物村一樣,在右上角有幅地圖,可以控制左邊的flash的移動(dòng)?答:運(yùn)用
- as中禁用ESC鍵
- AS3.0 圖片變黑白 圖片彩色變黑白代碼
- flash as3.0 跨域的解決辦法
- 模板無(wú)憂(yōu)FLASH透明代碼
- Flash教你制作卡通MM眨眼睛動(dòng)畫(huà)
- Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕
- Flash繪制小龍與花插畫(huà)場(chǎng)景
- Flash程序的測(cè)試方法
- Flash CS4文字顏色緩動(dòng)特效
- 網(wǎng)頁(yè)中演示類(lèi)FLASH動(dòng)畫(huà)制作規(guī)范
- Flash CS3循環(huán)背景的運(yùn)用技巧
- Flash鼠繪技巧教你制作紅綠色的樹(shù)葉
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
- Flash制作個(gè)性漂亮的蜻蜓菜單
- AS的基本代碼解釋(4)
- Flash AS教程:用動(dòng)態(tài)遮罩實(shí)現(xiàn)液化效果
- 入門(mén):FLASH制作關(guān)于字體描邊實(shí)例教程
- Flash實(shí)例教程:星星跟我走
- Flash MX2004入門(mén)與進(jìn)階實(shí)例--動(dòng)畫(huà)基礎(chǔ)(23)
- Flash MX2004入門(mén)與進(jìn)階實(shí)例——文字和組件(4)
- Flash Professional 8超酷實(shí)例欣賞和剖析
- flash基礎(chǔ)教程-鉛筆繪圖工具
- Flash教程:四步制作的登錄閃吧窗口
猜你也喜歡看這些
- Flash制作光盤(pán)引導(dǎo)動(dòng)畫(huà)全過(guò)程(前幾節(jié)為靜音)
- Flash CS3動(dòng)畫(huà)制作基礎(chǔ)與提高
- Flash8基礎(chǔ)與實(shí)例教程配套光盤(pán)
- Swift 3D--Flash 第三方軟件 及視頻教程
- Flash 8經(jīng)典動(dòng)畫(huà)設(shè)計(jì)實(shí)錄
- flash實(shí)例教程-遮罩動(dòng)畫(huà)
- Adobe Flash CS5 新增功能課程
- 金鷹Flash 8 中文版視頻教程
- 新東方劍橋商務(wù)英語(yǔ)BEC flash教程 初+中+高 (現(xiàn)已穩(wěn)定供源)
- flash運(yùn)動(dòng)規(guī)律與動(dòng)作實(shí)現(xiàn)
- 相關(guān)鏈接:
- 教程說(shuō)明:
Flash教程-Flash制作過(guò)渡卷動(dòng)效果精美圖庫(kù)特效
。