Flash實(shí)例教程:多張圖片循環(huán)滾動(dòng)_Flash教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
推薦:Flash鼠繪藍(lán)色卡通人物本例介紹運(yùn)用Flash繪制藍(lán)色卡通人物,教程詳細(xì)講解了繪畫以及上色全過程,希望能給朋友們帶來幫助~~ 最終效果: 開始進(jìn)入教程! 1.打開flash,喜歡用哪個(gè)版本都o(jì)k,只要順手,萬事搞定! 2.2.藍(lán)色的習(xí)慣是用 工具進(jìn)行繪制。選擇 ,開始準(zhǔn)備在面版中繪畫。 #
今天我們來講Flash實(shí)例教程:多張圖片循環(huán)滾動(dòng),要讓幾張圖片循環(huán)滾動(dòng),最簡(jiǎn)的原理就是把連續(xù)圖片再?gòu)?fù)制一份接到尾部,待第一張圖片滾完之后被復(fù)制的接著滾動(dòng)。原理圖示如下圖所示。
不管是用AS控制還是利用幀手工制作都可以使用這個(gè)原理,示意圖中,共有兩張圖片為“圖片一”和“圖片二”并將他復(fù)制一組。
當(dāng)?shù)谝唤M滾出顯視區(qū)時(shí),第二組正好接替進(jìn)入了顯視區(qū)回到我們第一幀的起始狀態(tài)。如果用幀控制,只要直接跳回起始的第一幀就行了;如果是用AS程序控制,我們?cè)侔训谝唤M的x軸位置重新設(shè)置接到第二組后面也一樣可以構(gòu)成圖片循環(huán)滾動(dòng)。
知道了原理,我們開始做個(gè)循環(huán)滾動(dòng)的圖片吧。
(1).新建一個(gè)Flash文檔,舞臺(tái)大小設(shè)置為300*160px幀頻30fps。再按“Ctrl R”按光盤目錄導(dǎo)入圖片photo2.jpg。
(2).選中我們導(dǎo)入的那張圖片,按快捷鍵“F8”跳出“轉(zhuǎn)化為元件對(duì)話框”輸入任意元件名稱,將圖片轉(zhuǎn)化為“影片剪輯”。再創(chuàng)建動(dòng)作補(bǔ)間,讓影片從舞臺(tái)一直運(yùn)動(dòng)到滾出舞臺(tái),如下圖所示。

(3).第一組的滾動(dòng)補(bǔ)間做好了,再做第二組的滾動(dòng)圖片才能構(gòu)成一個(gè)循環(huán)。
新建一個(gè)圖層,把影片剪輯復(fù)制一份在新建的圖層里第50幀處按“F7”插入空白關(guān)鍵幀,我們?cè)谶@里插入第二組影片剪輯。再到“圖層1”的最后按“F6”插入關(guān)鍵幀把影片剪輯的X軸設(shè)為0也就是把他位圖設(shè)成第一幀的影片剪輯一樣,也可以直接把第一幀復(fù)制到這里來。
注意,創(chuàng)建第二組影片剪輯時(shí),Y軸位圖要一樣,在播放時(shí)才不會(huì)抖動(dòng)。在最后一幀里,第二組的X軸要和第一組起始時(shí)一樣,否則切換圖時(shí)也會(huì)抖動(dòng)。調(diào)整好以后可以發(fā)布了,如下圖所示。

依照這種原理,我們可以做一個(gè)圖片走馬燈的動(dòng)畫,如下圖所示。

使用圖片連續(xù)滾動(dòng)可以制作很多效果,這也是適用的小技巧,需要讀者們發(fā)揮自己的想象。
走馬燈動(dòng)畫效果如下所示。
Flash實(shí)例教程:多張圖片循環(huán)滾動(dòng)教程至此結(jié)束,謝謝查看。
分享:使as2和as3可以trace出顯示對(duì)象的路徑package org.fanflash.utils { import flash.display.DisplayObject; /** * 調(diào)試工具 * @author www.missyuan.net */ public class Debug { public static function getDisplayObjPath(t:DisplayObject):String { var a:String = getDOPath(t); return a; }
相關(guān)Flash教程:
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
猜你也喜歡看這些
- Flash CS4動(dòng)畫設(shè)計(jì)與制作300例
- Authorware 7.0 Flash MX 2004多媒體創(chuàng)作實(shí)例導(dǎo)學(xué)
- flash動(dòng)作編程教程
- Flash CS3動(dòng)畫設(shè)計(jì)入門提高與技巧(光盤).
- Swift 3D--Flash 第三方軟件 及視頻教程
- 新東方任汝芬考研政治大綱解析班flash視頻及其他
- 新東方劍橋商務(wù)英語BEC flash教程 初+中+高 (現(xiàn)已穩(wěn)定供源)
- 2005新東方考研Flash課件(英語、政治)
- Flash 8中文版基本功能與典型實(shí)例
- Flash CS3多媒體課件制作視頻教學(xué)
- 相關(guān)鏈接:
- 教程說明:
Flash教程-Flash實(shí)例教程:多張圖片循環(huán)滾動(dòng)
。