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”.设置如下图如示:
6.接下来按“F8”,把图片转化为“影片剪辑”。
7.在第40帧;80帧100帧;分别插入一个关键帧(按F6).
8.选中第100帧,使用变形工具,操作如图如示。
9.使用“选择”工具,点击图片,在其的属性栏上,点击“滤镜”然后在滤镜中选择“模糊”滤镜。并设置如下图:
10.在属性板更改颜色的不透明度为“0”。
11.返回第1帧,重复第9,10步。
12.在第1帧与第40帧之间创建补间动画,并设“缓动”为100。
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();
源文件下载:*.rar
主要的代码在于优化翻页的效果体验..
比较特别的是..
上下两部份的文本是分开处理的..
这样可以在比较少的代码量下达到比较好的翻页体验
有兴趣的可以下来源码来看下..
用到了TweenLite库,请自备,其它就不多说了..
源文件下载:http://files./file_images/flash/201002/flash_clock.zip