详细分析Flash8制作模糊遮罩幻灯

所属分类: 媒体动画 / Flash教程 阅读数: 93
收藏 0 赞 0 分享
一般来说,一个具有遮罩效果的Flash作品,最后在时间轴里会显示出第几层是遮罩层和被遮罩层.而本例若象往常一样,制作结束时,点右键:遮罩层.则遮罩制作不成功.
演示: (附.swf文件)


点击下载源文件(附.rar压缩包:https://www.jb51.net/files/soft/1_071029224702.rar
一、建新文档: 550X400。把二张图片图1、图2导入库。

详细分析Flash8制作模糊遮罩幻灯
图1
二、制作元件:
A、插入--新建元件,名:图1。类型:影片剪辑。把图片图1拖入舞台,居中对齐。

详细分析Flash8制作模糊遮罩幻灯
图2

详细分析Flash8制作模糊遮罩幻灯
图3
B、回到场景1。插入--新建元件,名:图2。类型:影片剪辑。把图片图2拖入舞台,居中对齐。
C、回场景1。插入--新建元件,名:椭圆。类型:影片剪辑。在椭圆编辑器中,使用椭圆工具(笔融无,填充色任意)绘制一个椭圆,宽65、高50。居中对齐。
D、回场景1。插入--新建元件,名:矩形。类型:影片剪辑。在矩形编辑器中,使用矩形工具(笔融无,填充色任意)绘制一个矩形,宽10、高400。居中对齐。
4个影片剪辑元件制作成功.

详细分析Flash8制作模糊遮罩幻灯
图4
三、场景内元件与图层的关系及位置:
A、在场景1中建图层,层共4层。从下到上排列为:图1、图2、遮罩、AS。并为图层改相对应的名. 相关主题如下:

详细分析Flash8制作模糊遮罩幻灯
图5
B、点图1层第1帧,把图1元件拖入舞台,居中对齐。在属性面板上输入实例名称:p1,在“使用运行时位图缓存”前打上勾。80帧插入帧。

详细分析Flash8制作模糊遮罩幻灯
图6
C、在图2层的第20帧插入关键帧,把图2元件从库里拖出来,居中对齐,在属性面板上输入实例名称:p2,在“使用运行时位图缓存”前打上勾。80帧插入帧。

详细分析Flash8制作模糊遮罩幻灯
图7
D、把图1层的第1帧复制到图2层的50帧上,把图2层的第20帧复制到图1层的50帧。图1、图2层锁上。
四、遮罩层:
A、在遮罩层的第20帧插入关键帧,从库中把椭圆元件拖出舞台居中对齐。在属性面板上输入实例名:pu2。

详细分析Flash8制作模糊遮罩幻灯
图8
打开滤镜面板设置如下:

详细分析Flash8制作模糊遮罩幻灯
图9
B、在第40帧插入关键帧,用任意变形工具把矩形拉大复盖整个舞台。

详细分析Flash8制作模糊遮罩幻灯
图10
20~40帧到内创建补间动画。41帧插入1 空白关键帧。

详细分析Flash8制作模糊遮罩幻灯
图11
C、50帧插入关键帧,从库里拖出矩形元件到舞台左侧,相对于舞台--垂直对齐。打开属性面板输入实例名称:pui。

详细分析Flash8制作模糊遮罩幻灯
图12
打开滤镜面板设置如下:

详细分析Flash8制作模糊遮罩幻灯
图13
D、80帧插入关键帧,用任意变形工具把矩形拉大复盖整个舞台。

详细分析Flash8制作模糊遮罩幻灯
图14
50~80帧内创建补间动画。

详细分析Flash8制作模糊遮罩幻灯
图15
五、AS
A、在AS层的第20帧插入一个空白关键键,按F9打开动作面板,输入动作代码: p2.setMask(pu2);
B、在AS层的第50帧插入一个空白关键帧,按F9打开动作面板,输入动作代码:p1.setMask(pu1);
六、整个舞台显示如下:

详细分析Flash8制作模糊遮罩幻灯
图16
七、测试,另存为*.fla,导出影片*.swf。

素材:

详细分析Flash8制作模糊遮罩幻灯

素材1

详细分析Flash8制作模糊遮罩幻灯

素材2

更多精彩内容其他人还在看

flash怎么制作镜像动画?

flash怎么制作镜像动画?flash中制作动画很简单,怎么才能制作一个动画的镜像呢?下面我们就来看看flash制作镜像动画的详细教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash制作图片变换的gif动画效果

这篇教程是向脚本之家的朋友分享flash制作图片变换的gif动画效果方法,教程制作出来的动画效果非常不错,难度不是很大,一起来学习吧
收藏 0 赞 0 分享

flash怎么绘制和谐号火车从火车道开过的动画?

flash怎么绘制和谐号火车从火车道开过的动画?想制作一个火车从轨道上飞奔而过的一个画面,该怎么制作呢?下面我们就来看看flash制作和谐号火车从火车道开过的动画的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FLASH怎么制作红烛燃烧的动画?

FLASH怎么制作红烛燃烧的动画?FLASH中做动画很方便,今天我们就来看看使用flash制作蜡烛燃烧并流下烛蜡的教程,很简单,下面我们就来看看详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么填充渐变色? flash渐变填充的使用方法

flash怎么填充渐变?flash中想给图形添加渐变色,该怎么添加呢?下面我们就来看看flash渐变填充的使用方法,这是基础教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作磁铁吸钉子的动画?

flash怎么制作磁铁吸钉子的动画?我们知道钉子放到磁铁周围就会直接将钉子吸走,该怎么制作这个动画呢?下面我们就来看看flash制作磁铁吸引钉子的动画教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画中国国宝大熊猫? flash绘制卡通大熊猫的教材

flash怎么画中国国宝大熊猫?flash中制作动画很简单,但是也可以简单的绘制图形,该怎么绘制呢?今天我们就来看看flash绘制卡通大熊猫的教材,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash工具缩放、旋转和倾斜对象使用介绍

今天小编为大家介绍Flash工具缩放、旋转和倾斜对象使用方法,对于初学者来说,是个很好的学习教程,推荐到脚本之家,一起来看看吧
收藏 0 赞 0 分享

flash中怎么用鼠标绘制一朵木兰花?

flash中怎么用鼠标绘制一朵木兰花?flash中除了做动画效果以外,还可以绘制图形,今天我们就来看看flash用鼠标绘制一朵木兰花的详细教程,很简单,详细教程请看下文
收藏 0 赞 0 分享

FLASH制作一个小车一直往前推的动画?

FLASH制作一个小车一直往前推的动画?想做一个动画,就是有个小推车一直不断的往前进,中途不能倒,该怎么制作呢?下面我们就来看看这个动画的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多