2021/9/11 15:23:30作者:佚名來源:網絡
我們平時在flash中進行圖片展示,一般都會把圖片做成相同大小,然后加上圖框,但有時為了保留圖片真正大小來展示,這時如果加一個固定大小的框就有點麻煩了,因為圖片變大或變小了,圖框卻不會自由變大變小,要解決這個問題就必須通過flash as來實現了,下面我們就來講講這個flash教程:可變框的圖片展示動畫的制作。
先看看真正的效果圖吧(你可以點擊動畫查看效果)。
具體制作方法及步驟如下:
步驟一、新建一個FLASH文檔,按Ctrl+J進行設置動畫的寬度及高度,這里設置為550*550,背影顏色設置為黑色
步驟二、到網上下載自己認為較好的,但不同規格的圖片,最大寬度及高度不要超過530*530,然后分別把這幾張圖片導入到庫。
步驟三、然后分別把這幾張圖片拖到舞臺,按F8進行轉換為影片剪輯,分別命名為image1,image2,image3,image4,image5......
步驟四、然后隱藏該圖層,再新建一個圖層,把該圖層命名為“圖框”,然后用矩形工具繪制作一個長方形邊框,填充色禁止,筆觸白色,高度為4像素,按F8轉影片剪輯,命名為“mageBorder”
步驟五、再增加一個圖層,命名為“AS”,輸入如下AS代碼:
import gs.*; var centerX:uint = stage.stageWidth / 2; var centerY:uint = stage.stageHeight / 2; var imagesArray:Array = new Array(image1,image2,image3,image4); var currentImage:MovieClip = null; imageBorder.alpha = 0; for (var i:uint = 0; i < imagesArray.length; i++) { imagesArray[i].alpha = 0; imagesArray[i].imageIndex = i; } stage.addEventListener(MouseEvent.CLICK, stageClicked); function stageClicked(e:MouseEvent):void { if (currentImage != null) { TweenMax.to(currentImage, 1, {alpha:0}); if (currentImage.imageIndex == imagesArray.length - 1) { currentImage = imagesArray[0]; } else { currentImage = imagesArray[currentImage.imageIndex + 1]; } } else { currentImage = imagesArray[0]; imageBorder.alpha = 0.5; } currentImage.x = imageBorder.x = centerX; currentImage.y = imageBorder.y = centerY; TweenMax.to(imageBorder, 0.5, {width: currentImage.width + 8, height: currentImage.height + 8, glowFilter:{color:Math.random() * 0xffffff, alpha:1, blurX:20, blurY:20, strength:100, quality:1}}); TweenMax.to(currentImage, 1, {alpha:1}); }
到此,這個可變框的圖片展示動畫動畫的Flash教程就制作完成了,你可以Ctrl+Enter 進行測試一下,
標簽: 圖片 動畫
相關文章
ip雷達 v5.0.2綠色版
詳情WinSCPv5.15.1綠色中文版
詳情filezilla client v5.5
詳情wireshark中文版 v3.4.9
詳情Boson Netsimv10.8破解版
詳情風行播放器 v3.0.6.106
詳情愛奇藝客戶端 v10.1.0.6636官方版
詳情搜狐影音 v7.0.19.0官方版
詳情樂視視頻 v7.3.2.192
詳情華數tv客戶端PC版 v1.1.2.0
詳情cbox央視影音 v5.1.2.1經典版
詳情軟媒收音機(魔方) v1.13
詳情傾聽網絡收音機 v3.0.0.0
詳情魅影流聲全球網絡收音機 v1.0.0.1
詳情酷狗電臺 v8.2.75
詳情暴龍網絡收音機 v2.5.1
詳情克莉2v1.0中文版
詳情冬日計劃v1.2中文版
詳情刺客信條英靈殿v1.0吾愛破解版
詳情刺客信條英靈殿終極v1.0免安裝破解版
詳情動物森友會v1.10.0最新破解版
詳情哈迪斯殺出地獄v1.37中文破解版
詳情嗜血印中文豪華版v1.0豪華版破解版 附游戲攻略秘籍
詳情城市戰斗v1.0中文破解版
詳情尼爾人工生命v1.0steam免費破解版
詳情尼爾人工生命升級版v1.0PC破解版
詳情尼爾人工生命升級版v1.2247中文破解版
詳情層層恐懼2中文破解版v1.0綠色免安裝版
詳情往日不再v1.0 steam破解版
詳情往日不再v1.0pc破解版
詳情救贖之路v1.0中文破解版
詳情斯蓋爾女仆v1.0中文破解版
詳情新盜墓筆記官方版v1.215.589730
詳情無盡的拉格朗日無限金幣鉆石版v1.2.267172破解版
詳情明日之后無限小太陽版v1.0.246安卓版
詳情雙生幻想vivo版v6.6.83安卓版
詳情劍網1歸來內購免費版v1.1.116安卓版
詳情模擬城市我是市長國際版v0.69.21342.22832安卓版
詳情迷你世界999999迷你幣版v1.20.5破解版
詳情王牌戰爭無限內購版v9.7安卓版
詳情云上城之歌不氪金版v10.16安卓版
詳情王鏟鏟的致富之路破解版v1.1.8安卓版
詳情創造與魔法無限點券版v1.0.0505安卓版
詳情狩獵使命九游版v1.6.6.000
詳情魔鏡物語變態版v2.1.4無限金幣版
詳情黑月手游免費版v2.2.0安卓版
詳情曙光英雄v1.0.12.0.20無限鉆石版
詳情原始傳奇無限元寶版v1.6.806內購破解版
詳情