fiash羽化翻页效果的制作方法:

来源:百度文库 编辑:神马文学网 时间:2024/04/29 06:20:40
导入五张图片到库。
图层第一帧拖入第一张图片,匹配宽和高,全居中,
转换为影片剪辑元件图组,确定。
双击进入图组编辑区,第一层改名为底图。
第一帧把图片转换为图形元件图1,
150帧插入空白关键帧,拖入图片2,匹配宽和高,
全居中,转换为图形元件图2;
300帧插入空白关键帧,拖入图片3,匹配宽和高,
全居中,右键转换为图形元件图3;
450帧插入空白关键帧,拖入图片4,匹配宽和高,
全居中,转换为图形元件图4;
600帧插入空白关键帧,拖入图片5,匹配宽和高,
全居中,转换为图形元件图5;
750帧插入帧。图层上锁,关闭眼睛。
添加图层二,改名为翻页1。
点击第一帧,拖入图形元件图5,全居中。
150帧插入关键帧,点击150帧,点击场景中的图片,
在属性面板里点击交换,选择图1,确定。
同样的方法,300帧,450帧,600帧分别交换为图2,
图3,图4,750帧插入帧。图层上锁。
添加图层三,改名为翻页2。
复制图层二第一帧粘贴到图层三第一帧,点击图片,
用方向键向左移动,
最佳位置到X轴为-375,Y轴为-175
(左右位置刚好链接住,即不留缝隙,也互不相压)。
点击任意变形工具,
点白工具面板下面选项中的贴紧至对象按钮,
把中心注册点拖到右上角,切换选择工具,
变形面板改旋转为45度,回车确定。
100帧插入关键帧,
用选择工具移动刚旋转好的图片到
另一张图片的左下角,
摆放位置如下图:

1—100帧之间创建动画补间。
点蓝翻页2图层,
在1—100帧全部被点黑的状态下右键复制帧,
分别粘贴到150帧,300帧,450帧,600帧,
750帧插入帧。
150帧处点击左边的图片,
属性面板——交换——图4——确定。
250帧处点击右下角的图片,
属性面板——交换——图1——确定。
同样的方法,
300帧和400帧交换图2;
450帧和550帧交换图3;
600帧和700帧交换图4。图层上锁。
添加图层四,改名为遮罩。
点击第一帧,矩形工具,笔触禁止,填充任意,
画矩形,宽为480,高为650,全居中。
变形面板改旋转22.5度,回车确定。
移动矩形如下图位置:

(矩形下面遮着另一张图片)。
100帧插入关键帧,
用方向键向下移动到如下图位置:

1——100帧之间创建形状补间。
点蓝遮罩图层,
在1——100帧全部点黑的状态下右键复制帧,
分别粘贴到150帧,300帧,450帧,600帧,
750帧插入帧。
点中遮罩图层,右键设为遮罩层,
再点中翻页1图层,右键点属性选择被遮罩。
(就是翻页1和翻页2都被遮罩)图层上锁。
关掉底图,翻页1和遮罩层的眼睛,
打开图层翻页2的锁,点击100帧,点击图片,
属性面板——颜色——透明度80%。
同样的方法
分别改250帧,400帧,550帧,700帧透明度为80%。
回场景,点第一帧,点图片,
右键转换为影片剪辑元件,名称为羽化。
双击进入羽化编辑区,改图层名称为图组,
点击第一帧,属性面板实例名称填写tu,
使用运行时位图缓存打钩,图层上锁。
添加图层二,改名为模糊圆。
点击第一帧,椭圆工具,笔触禁止,填充任意,
画椭圆130X270,移动位置上对齐,
左右位于图片中间,右键转换为影片剪辑元件,
名称为模糊圆,点确定。
属性面板——滤镜——模糊——100。
实例名称填写mc。图层上锁。
添加图层三,改名为AS。
第一帧打开动作面板,
填写 tu.setMask(mc);图层上锁。
回场景,控制,测试影片。
流星的制作方法:
第一帧,
矩形工具里的多角形工具,笔触禁止,填充白色,
属性面板——选项——星形——边数8——
顶角大小0.1——确定。
按住Shift键画星星,切换选择工具,
改宽和高为50,全居中,
右键转换为影片剪辑元件,注册点在中间,
名称为流星,点击确定。
双击进入流星元件编辑区,
点住场景中的星右键转换为影片剪辑元件,
注册点在中间,名称为星动,点击确定。
双击星进入星动元件编辑区,
再次点击星右键转换为图形元件星星。
点蓝图层1,添加运动引导层,图层1上锁,
点击运动引导层的第一帧,选择椭圆工具,
笔触蓝色,填充关闭,按住Shift键画正圆,
切换选择工具改宽和高为90,全居中。
选择橡皮擦工具,用最小的那个,
在圆的上端擦一个缺口,切换选择工具,
第6帧插入帧,图层上锁。
打开图层1的锁,第6帧插入关键帧,回到第一帧,
把星拖到圆缺口的左边,
第6帧把星拖到圆缺口的右端,
点击第一帧,属性面板里创建动画补间,
点黑2——5帧按F6插入关键帧,
删除第6帧,删除引导层。
点击第一帧,选择时间轴下面的编辑多个帧按钮,
把后面的括号中心点拖到第5帧上,
此时场景中出现了5颗星,
用选择工具把5颗星全部框住,
鼠标放在任意一颗星上,点击右键选分散到图层,
删除最上面的图层1,取消编辑多个帧按钮。
所有图层的20帧插入关键帧,
用选择工具框选住5颗星,
所有图层的20帧全部被选中的状态下,
在属性面板里改颜色的透明度为30%,
点击任意一层的第一帧,用选择工具框选住5颗星,
对齐面板里全居中,此时场景中只有1颗星。
所有图层的1——20帧之间创建动画补间。
双击进入流星元件编辑区,添加运动引导层,
点击第一帧,椭圆工具,笔触蓝色,填充关闭,
画椭圆,切换选择工具,改宽和高为450X160,
全居中。用橡皮擦工具,选最小的,
在椭圆的右端中间擦一个缺口,切换选择工具,
40帧插入帧,图层上锁。
图层1,40帧插入关键帧,把星拖到缺口的下端,
回到第一帧,
把星拖到缺口的上端,
1——40帧之间创建动画补间。
抹黑2——39帧按F6插入关键帧,
删除40帧,删除引导层。
点击第一帧,选择时间轴下面的编辑多个帧按钮,
把后面的括号中心点拖到第39帧上,
此时场景中椭圆上布满了星。
点击第1帧,用选择工具把所有的星框选住,
此时所有的关键帧全部被选中,
点住任意一颗星右键分散到图层,
把最上面的图层1删除。取消编辑多个帧。
共有39个图层,删除所有图层的21——39帧。
最下面的图层第二层移动第一帧到第二帧,
第三层移动到第三帧,
第四层移动到第四帧,
依次类推至最上面图层39的第一帧移动到第39帧。
回场景,属性面板里改流星为38,颜色透明度为70%。
万花筒的制作方法:
导入一张图片到库。图层第一帧,把图片拖入场景,
匹配宽和高(50X50),全居中,
右键转换为影片剪辑元件,注册点在中间,
名称为万花筒。双击进入万花筒元件编辑区,
再次转换为影片剪辑元件,注册点在中间,
名称为三角转。
双击进入三角转元件编辑区,81帧插入关键帧,
点击第一帧,属性面板里创建动画补间,
顺时针旋转1次。80帧插入关键帧,删除81帧。
添加图层二,改名三角遮罩。
点击第一帧,选择矩形工具,笔触禁止,填充任意,
画矩形,切换选择工具,改宽和高为80,全居中。
点击第一帧,在矩形外面释放一下鼠标,
鼠标来到矩形的左下角,
当鼠标的下方出现一个垂直角时按住鼠标左键
向矩形的右下角拖,松开鼠标后矩形变成三角形。
点蓝三角遮罩图层,右键设为遮罩层。
双击进入万花筒元件编辑区,改图层名称为三角组,
点击第一帧,选择任意变形工具,
中心注册点拖到左上角,切换选择工具,
对齐面板——变形——旋转90度——
复制并应用变形点击三次,回车确定,
一个三角变成四个三角了。
点击第一帧,修改——组合,全居中。
右键复制组合好的图形——粘贴到当前位置,
不要释放鼠标,点修改——变形——水平翻转。
添加图层二,改名为圆遮罩,
点击第一帧,选择椭圆工具,笔触禁止,填充深红色,
画正圆,切换选择工具,改正圆宽和高为160,
全居中。点击圆遮罩图层右键设为遮罩层。
添加图层三,改名为水晶球。
点击第一帧,选择椭圆工具,笔触禁止,填充任意,
画正圆,切换选择工具,改宽和高为160,全居中。
打开右上角的颜色面板,选择放射状,
左色块改为红色,
右色块改为红色色,
中间添加色块为红色,
点黑中间色块,改透明度为0%,释放鼠标,
右键转换为影片剪辑元件,名称为水晶球,点击确定。
双击进入水晶球元件编辑区,
10帧,20帧,30帧,40帧,50帧分别插入关键帧。
点击第10帧,颜色面板里改三个色块为绿色,
中间色块改透明度为0%,
同样的方法
改20帧,30帧,40帧为不同的颜色。
点击图层,所有帧被选中的状态下,
属性面板里创建形状补间。(ok)
《翻页羽化遮效果--莲的心事》
',1)">
flash中羽化效果的制作与思考2
教学目的:
通过本节教学了解和掌握混色器、属性混合、
透明度之功能与设定,
并通过此原理制作图片羽化效果。
教学对象:
本教材是针对有一定动画制作基础和对属性面板、
工具箱和相关界面有所了解的朋友们编制的,
因此省略了一些步骤,还望谅解。
教学要点:混色器、属性混合、Alpha。
作前准备
准备背景图片一张mm头像,规格约220*350,
和一张规格550*400的背景图片,
经过制图软件(ps、fw)处理后,
放到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件
2.确立文档属性 设置动画尺寸为550*400,
其它默认,点击确定,进入场景1工作区。
如图1所示:

图1
3.首先将准备好的素材导入到库中待用。
其素材图如下:
素材图1

素材图2
4.创建影片剪辑元件
(1)选择“插入-新建元件”,
建立一个名为“正圆”
的影片剪辑元件,点击确定,进入元件编辑区。
就一个图层 。
选择图层1第一帧,用矩形工具打开混色器,
在色码条中间添加两个色码快,
设置右边两个色码快的Alpha
为0%,左边的两个色码快的Alpha为100%。
如图2所示:

图2
在舞台拖一个规格为200*200的正圆(如图3-1),
全居中。
用“填充变形工具”,点击该实例,
鼠标放到箭头处,向圆心推,
使中间部分呈椭圆形(如图3-2)。
其流程,如图3所示:

图3
(2)选择“插入-新建元件”,
建立一个名为“蒙板”的影片剪辑元件,点击确定,
进入元件编辑区。
添加一个图层,共两个图层。
下层为图片,上层为蒙板。
a.点击图片图层第一帧,从库中拖出mm图片到舞台,
规格为220*350,全居中。上锁。
如图4所示:

图4
b.点击蒙板图层第一帧,
从库中拖出正圆影片剪辑元件到舞台,
规格为450*500,全居中。上锁。
如图5所示:
图5
选中该实例,在属性面板的“混合”处选择Alpha。
上锁。如图6所示: 图6
5.编辑制作场景
返回场景1,添加一个图层,共两个图层。
下层命名为背景,上层命名为羽化。
(1)选择背景图层第一帧,
从库中拖出背景图片到舞台,规格550*400,全居中。
上锁。如图7所示:

图7
(2)选择羽化图层第1帧,
从库中拖出蒙板影片剪辑元件到舞台,
放置在背景的适当位置,如图8所示:

图8
选中该实例,在属性面板的“混合”处选择图层。
上锁。如图9所示:

图9
此时,舞台实例变化,如图10所示:

图10


    6.本作业完成后的时间轴,如图11所示:



图11
7.测试存盘。
说明:
在蒙板影片剪辑中正圆的规格一定要使其中的椭圆大于mm图片,用任意变形工具调整时即可看出。
最终效果显示:

祝你成功!
进入更多教程

阳光浮萍老师讲透明的FLASH羽化效果和文字动效果
',2)">
人物羽化效果制作
',3)">
HTML语言新手教程<图片羽化效果>
代码一
< align=center>


< style="TEXT-INDENT: 28pt; LINE-HEIGHT: 26pt; TEXT-ALIGN: center; mso-char-indent-count: 2.0; mso-line-height-rule: exactly" align=center>




注:style=3正常,style=2为园形, style=3为方形.
代码二




type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"
>

一:图片羽化效果
代码




 
二:图片羽化效果加透明flash效果
代码






',4)">
',5)">
------------------------------------------------------------------------------------------
三:图片加透明flash效果
代码






',6)">
------------------------------------------------------------------------------------------
四:图片羽化效果后上面加文字效果
代码




图片羽化加文字效果


图片羽化加文字效果
 
------------------------------------------------------------------------------------------
五:flash羽化后加透明flash效果
代码






Flash中羽化遮罩效果
第一步:创建三个图层,从上到下名称分别是“动作”、“遮罩”、“图片”。
第二步:在“图片”图层上导入一张图,并转换为影片剪辑元件,实例名为tp_mc,
延长帧到第40帧;在其属性面板中勾选“使用运行时位图缓存”。
第三步:在“遮罩”图层上画一个小圆,转换为影片剪辑元件,实例名为mask_mc;
选择属性面板中的“滤镜”里的“模糊”,输入模糊值均为100;
在第40帧处插入关键帧,把圆放大;创建补间动画。
第四步:在“动作”图层的第一帧上写代码:
tp_mc.setMask(mask_mc)
OK,大功告成了,测试一下效果吧!
Flash中遮罩层随鼠标移动效果
第一步:创建两个图层,命名,一个是遮罩层,一个是被遮罩层;
第二步:在被遮罩层图层输入文字,这个文字随便输入就可以了.
第三步:在遮罩层随便画一个形状,例如一个圆,把圆转换为影片剪辑,
再在主场景中给它个实例名mask_mc。
第四步:选中被遮罩层上的文字,同样转换为影片剪辑元件,实例名为word_mc。
第五步:新建图层,名为“动作”,选中第一帧,写如下代码:
word_mc.setMask(mask_mc);//设置word_mc被mask_mc遮罩
mask_mc.onEnterFrame = function() {
//mask_mc在运行每一帧时执行函数
this._x = _xmouse;
this._y = _ymouse;
//mask_mc的坐标等于鼠标的坐标
};
OK,现在大功告成了!
如果想让鼠标有缓动的效果,把第五步的代码换一下吧:
word_mc.setMask(mask_mc);
var speed:Number = 5;//申明变量,你可以更改
mask_mc.onEnterFrame = function() {
this._x += (_xmouse-this._x)/speed;//让遮罩层缓冲运动
this._y += (_ymouse-this._y)/speed;
};
Flash中利用遮罩实现放大镜效果
第一步:创建四个图层,从上到下名称依次是“动作”、“放大镜”、“遮罩”、“底图”。
第二步:创建影片剪辑元件,名称为“底图”,导入一张图;
把该元件拖入到主场景中的“底图”图层上,实例名为dt_mc。
第三步:创建影片剪辑元件,名称为“遮罩”,画一个圆,
填充类型为放射状,中间透明,四周不透明;
把该元件拖入到主场景中的“遮罩”图层上,实例名为mask_mc。
再拖一个到“放大镜”图层上,实例名为fdj_mc。
第四步:在“动作”图层的第一帧上写如下代码:
Mouse.hide();//鼠标隐藏
var speed:Number = 4;//申明变量
dt_mc.duplicateMovieClip("fdt_mc", 0);//复制底图为放大图
fdt_mc._xscale = fdt_mc._yscale=150;//放大图放大
fdt_mc.setMask(mask_mc);//设置放大图被遮罩元件遮罩
fdt_mc.swapDepths(fdj_mc);//把放大镜放在最上层
mask_mc.onEnterFrame = function() {
fdt_mc._x = -this._x*0.5;//设置放大图的坐标随遮罩层的变化而变化
fdt_mc._y = -this._y*0.5;
fdj_mc._x = this._x += (_xmouse-this._x)/speed;//让遮罩层和放大镜坐标重合且缓冲运动
fdj_mc._y = this._y += (_ymouse-this._y)/speed;
updateAfterEvent();//更新舞台
};
用flash8自带功能切换图片,效果很酷
作前准备
准备2张规格为400*300像素的图片,经过制图软件(ps、fw等)处理后,
保存在指定的文件夹,待用。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为400*300,其它默认,点击确定,进入场景1。
如图1所示:

图1
3.编辑制作场景 添加一个图层,共两个图层。下层为图层1,上层为图层2。
(1)选择图层2第1帧,导入一张已准备好的图片1,规格为400*300,全居中。
右键该实例,将其转换为影片剪辑。
如图2所示:

图2
在第31帧插入关键帧,右键“该帧上的实例-时间轴特效-效果-分离”,
设置其参数,如图3所示:

图3
注意,效果持续时间选定的是20帧。点击确定完成效果。
在第51帧插入空白关键帧,再在第81帧插入空白关键帧,
导入一张已准备好的图片2,规格为400*300,全居中。
右键该实例,将其转换为影片剪辑。如图4所示:

图4
右键“该帧上的实例-时间轴特效-效果-模糊”,
设置其参数,如图5所示:

图5
注意,效果持续时间选定的也是20帧。
点击确定完成效果。在第100帧插入帧。上锁。
(2)选择图层1第31帧,插入空白关键帧,
从库中拖出图片2影片剪辑到舞台,
全居中。如图6所示:

图6
在第81帧插入空白关键帧,从库中拖出图片1影片剪辑到舞台,
全居中。在第100帧插入帧,上锁。如图7所示:

图7
此时库中显示的内容,如图8所示:
图8
4.该作业完成后的时间轴如图9示:


图9
5.测试存盘
*说明:
1.在时间轴特效中所设置的帧数一定要和时间轴上的帧数相同。
2.在制作动画时,遮罩层必须和特效层分开,不可同用一个图层.
FLASH课件中的粉笔功能
制作过程
步骤:
1、首先制作一个清除按钮;实例名称为“clear_btn”;
2、然后向主场景中添加如下代码:
_root.onLoad=function()
i=false;
}
_root.onMouseDown=function()
x=_root. _xmouse;
y=_root. _ymouse;
i=true;
_root.moveTo(x,y)
}
_root.onMouseUp=function()
i=false;
}
_root.onMouseMove=function()
if(i==true)  //判断画线条件
_root.lineStyle(2,oxff0000,100);?? //确定线型(线宽,RGB色,透明度)
_root. lineTo(_root. _xmouse,_root._ymouse)
}else
_root.lineStyle()  //如果条件不具备,则利用无线型,不显示线条
}
updateAfterEvent()
}
clear_btn.onRelease=function()
_root.clear()
}
【测试影片】:按Ctrl+Enter组合键测试影片。
Flash8制作好看的羽化遮罩图(带源码)
简单几步,前提是你了解FLASH8的新功能“模糊”。
我用的是FLASH8中文版。
为了让大家明白,我用三个图层。
最上边的图层“action”来放置动作;
第二个图层“mask”放遮罩的模糊圆;
第下边的图层“back”是放置背景图片的。
第一步:先新建三个图层。
分别从上到下为图层命名为“action”“mask”“back”:

第二步:在“back”图层导入一张图片,
然后转成影片剪辑,并实例名为“back”,
然后注意在这里设置影片属性在运行时为此元件创建位图。

第三步:在“mask”图层,
画一个圆,转成影片剪辑,
并实例名为“mask_mc”,
然后加入模糊效果。如下图:

第四步:在“action”图层。
加入如下代码:
back.setMask(mask_mc);
//设置遮照
再测试一下吧...
以下为源码下载:
20070518174915493.rar