FLASH软件制作图片模糊翻页效果的图文教程

FLASH软件制作图片模糊翻页效果的图文教程

flash可以制作动画和游戏,喜欢flash的朋友,如果你觉得我写的对你有用,就支持一下,我会尽自己最大努力写出更多好的案列。下面随小编一起去看看具体的操作吧!

代码如下:var myColor:Color = new Color(blurred);
var white:Object = {ra:100, rb:255, ga:100, gb:255, ba:100, bb:255, aa:100, ab:255};
myColor.setTransform(white);
setc();
function setc(){
onEnterFrame = function(){
white.rb-=5;
white.gb-=5;
white.bb-=5;
white.ab-=5;
myColor.setTransform(white);
}
}

  按Ctrl+Enter测试。

本教程是向大家介绍如何用Flash制作图片模糊翻转切换动画效果的方法,制作过程很简单,效果非常棒,喜欢的朋友可以学习一下!

先来看效果:

 

源文件下载:图片翻转源文件.rar

1.准备好图片素材,使用photoshop把素材裁剪为合适的大小。

2.打开flash软件,新建一个文档:400*309 ;并设背景为白色,设置帧频为:38。

3.双击图层1,命名为:photo1

4.文件》导入》导入到库,把准备好的图片导入到库里面。(你按ctrl+L打开库面板)

5.在工具箱使用“选择”工具,在库里面图片拖到舞台,保持选中状态,按键盘上“ctrl+k”.设置如下图如示:

 FLASH软件制作图片模糊翻页效果的图文教程

6.接下来按“F8”,把图片转化为“影片剪辑”。

 FLASH软件制作图片模糊翻页效果的图文教程

7.在第40帧;80帧100帧;分别插入一个关键帧(按F6).

8.选中第100帧,使用变形工具,操作如图如示。

 FLASH软件制作图片模糊翻页效果的图文教程

9.使用“选择”工具,点击图片,在其的属性栏上,点击“滤镜”然后在滤镜中选择“模糊”滤镜。并设置如下图:

10.在属性板更改颜色的不透明度为“0”。

11.返回第1帧,重复第9,10步。

12.在第1帧与第40帧之间创建补间动画,并设“缓动”为100。

 FLASH软件制作图片模糊翻页效果的图文教程

13.选中第80帧,并设“补间动画”。

14.新建一个图层,并拖到图层“photo1”上面,命名:photo2。

15.在“photo2”图层中选择第80帧,并转化为“空白关键帧”。从库中选第二张图片,并拖到舞台中,并重复第5,6步。

16.在第125,165,185帧,转化为“空白关键帧”。

17.重复上面的步骤,就可以了。好了,大功告成。

以上就是Flash制作图片模糊翻转切换动画效果的方法,很简单吧,希望这篇教程对大家有一定的帮助!

看效果:


那天在网上看到一个效果,感觉不错,今天晚上没事自己也模仿了一下。做得不好,希望大家不要见笑!
//////
//椭圆短半轴
varH=80;
//椭圆长半轴
varW=200;
//定义弧度的增量n
varn=0;
//定义椭圆的中心坐标
varcenX=Stage.width/2;
varcenY=Stage.height/2-70;
//通过函数Move使3个mc位于椭圆上
functionMove(){
for(i=1;i<=4;i ){
//得到每个mc的弧度
radian=2*i*Math.PI/4;
temp=this["p" i];
//设置mc的坐标
temp._x=cenX Math.sin(n radian)*W;
temp._y=cenY Math.cos(n radian)*H;
}
}
//函数setPosition设置当单击按钮是mc的移动情况
functionsetPosition(){
for(k=1;k<=4;k ){
temp1=this["p" k "_btn"];
//为每个btn定义变量
temp1.t=k;
temp1.onRollOver=function(){
mc_filters(_root["p" this.t]);
m=this.t;
onEnterFrame=function(){
n =(-2*Math.PI*m/4-n)/12;
Move();
if(n==2*Math.PI*m/4){
deleteonEnterFrame;
}
};
};
}
}
//模糊滤镜,先导入滤镜
importflash.filters.*;
functionmc_filters(mc){
//定义模糊的初值
varmax=100;
mc.onEnterFrame=function(){
if(max>=0){
max-=3;
mc.filters=[newBlurFilter(max,max,1)];
}else{
deletethis.onEnterFrame;
}
};
}
Move();
setPosition(); 源文件下载:FLASH软件制作图片模糊翻页效果的图文教程*.rar 主要的代码在于优化翻页的效果体验..
比较特别的是..
上下两部份的文本是分开处理的..
这样可以在比较少的代码量下达到比较好的翻页体验

有兴趣的可以下来源码来看下..
用到了TweenLite库,请自备,其它就不多说了..
源文件下载:http://files./file_images/flash/201002/flash_clock.zip