歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨 
免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享

歷史上的今天:

論壇通知
返回列表 發帖

圖片完美無限迴廊效果

本文來自:多姿多采 創作與製圖論壇http://colorful.joinbbs.net/★ 或網路,轉貼請注明出處! 發主題者:讓一切隨風 您是第593位瀏覽者
flash as3.0製作圖片完美無限迴廊效果



本帖隱藏的內容需要積分高於 100 才可瀏覽
[隨機語錄]:

flash as3.0製作圖片完美無限迴廊效果as3.0實例圖片無縫滾動無限循環flashas教程   在這個教程中,將學習如何創建一個無限循環的迴廊。也可以製作成菜單。注意:這個實例需要TweenMax 類,請把附件中的gs類庫保存在fla同一目錄下。

準備6100 × 100的圖片
1、新建Flash 文件,設置屬性: 500 × 200 ,背景黑色。
2、從菜單選擇文件-> 導入-> 導入到舞台。選擇你要使用的圖片。圖1


3、垂直地對舞台的中心放置圖片。平均、水平地隔開他們。使用對齊面板。圖2、圖3


附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

4、將圖片轉換成影片剪輯:單擊舞台上最左邊的圖片轉換成影片剪輯。命名為”My Image 1 ″而且設定註冊點為居左中位置。
5、重複這個步驟,將其它的圖片全部轉換為影片剪輯。命名為" My Image 2 ″ "​​,My Image 3 ″ ... 依此類推。圖4


現在你的庫如圖5



6、雙擊”My Image 1″影片剪輯,進入My Image 1的編輯狀態,添加as圖層。圖6


附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

選中第1幀,在動作面板中輸入代碼:
本帖隱藏的內容需要回復才可以瀏覽

重複這個步驟到其它的影片剪輯。 (當移動鼠標在一個圖片上的時候,添加一個透明度效果。可以修改成放大或其它效果,自行的試驗一下。)

7、前期工作已全部完成,現在開始創建無限循環。在主時間軸,選擇所有的六個影片剪輯。將他們轉換成影片剪輯,命名" Gallery Images "。圖7



8、為了使圖片有無限循環的效果,我們需要舞台上的" Gallery Images " 影片剪輯的另一個實例。因此在舞台上複製(選中Gallery Images,按住Ctrl鍵拖拽)另外的一個" Gallery Images " 影片剪輯,放置在第一個實例後面,使他們水平地排列。圖8


9、選中舞台上的" Gallery Images " 影片剪輯的兩個實例。將他們轉換成影片剪輯,命名" Infinite Gallery " 設定註冊點為左居中。圖9



10、在属性面板填入实例名字 " infiniteGallery"
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

11、添加as層,打開動作面板输入代碼:
本帖隱藏的內容需要回復才可以瀏覽

這一段代碼負責無限循環。
12、全部完工,測試影片。
[隨機語錄]:

TOP

返回列表