百叶窗,在日常生活是经常能见到,电脑上的屏保大者有百叶窗效果,现在作为闪客当然希望能用自己的武器设计自己的百叶窗效果,下面就为大家介绍Flash遮罩特效实例之百叶窗效果,希望对大家有所帮助!
1.新建一影片,设置影片大小为300pxX300px(单位为像素),背景色为白色,当然设计者可以根据需要另行设置,同时将两幅准备好的图片导入到库中如图所示:
2.新建一图形元件meng,选中第1帧,插入一关键帧,选取矩形工具,设置其填充色为黑色,在工作区中绘制一矩形,如图所示:
3.新建一图形元件meng_f,选中第1帧,插入一关键帧,将图形元件meng拖放到工作区中,创建一实例,在第15帧处插入一关键,选中第1帧单击鼠标右键,选择创建补间动画,选中第15帧,将实例调整为一条线如图所示:
分别在第25帧和第40帧,插入两创建关键帧,并在25帧和第40帧之间创建相反的运动激变动画,即由一条线放大。时间轴如图所示:
2.返回主场景,为了便于理解,将默认图层更名为pic1,再新建一图层pic2,分别将导入的两幅图片拖放到工作区中,分别对导入的两幅进行如下处理,
a.将不同图层中的图片使用分离命令进行分离操作。
b.从工具箱中选取椭圆工具,设置其填充为透明,按住Shift分别在各图层中绘制一圆。
c.分别选中圆的轮廓线条及圆形外边的图片,按键盘上的Delete键,将其删除,这时图层pic1和pic2中的图片效果如图所示:
3.选中图层pic2,在其上插入一遮罩层maske pic2,选中第1帧插入一关键帧,将图形元件meng_f拖放到工作区中,并在第42帧处插入帧,调整其位置如图所示:
4.新增8个图层,按住Shift键,选中图层pic2和maske pic2,用鼠标右键点击被选中的任意一帧,从弹出的快捷菜单中选择拷贝帧菜单命令。用鼠标右键点击图层4的第1帧,从弹出的菜单中选择粘贴帧菜单命令,这时图层4将变成复制后的pic2和maske pic2蒙板层,点击复制后的蒙板层,按键盘上的向上箭头,将实例向上移动,调整到适当位置,如图所示:
5. 用同样的方法,依次在图层5至图层11中分别复制pic2和maske pic2图层,将各个蒙板图层中的实例向上移动,并顺次向上连接。
6. 这样整个百叶窗效果就制作完成,保存作品,按Ctrl+Enter预览最终效果。
在Flash中制作百叶窗效果可以通过使用ActionScript和Tween类来实现。首先,将图像分割成多个垂直或水平的条带,每个条带都可以被视为一个独立的电影剪辑。然后,使用Tween类或TweenMax(GreenSock库的一部分,需单独导入)来控制这些条带的动画。你可以设置条带以不同的顺序和时间间隔展开或收起,从而模拟百叶窗的效果。
具体步骤如下:
1. 打开Adobe Flash Professional,创建一个新的Flash文档。
2. 导入你想要制作百叶窗效果的图像。
3. 将图像分割成多个条带。选择图像,然后使用“修改”菜单中的“分割”功能,或者手动将其转换为电影剪辑并逐个复制。
4. 将每个条带转换为电影剪辑,并调整它们的位置,使其在舞台上并排或重叠。
5. 创建一个新的动作图层,然后编写ActionScript代码来控制条带的动画。你可以使用Tween类来改变每个条带的_y属性(垂直效果)或_x属性(水平效果),以创建展开和收起的动作。
6. 使用startDelay属性来设置每个条带动画的开始时间,这样可以使条带以更复杂的顺序展开或收起。
7. 如果你想要更平滑的动画,可以导入GreenSock动画平台的TweenMax类,并使用它的更高级的动画功能。
8. 测试你的动画,调整条带的数量、大小和动画速度,直到你满意为止。
9. 发布你的Flash文档,或者将其保存为Flash项目,以便将来进一步编辑。
Copyright © 2025 IZhiDa.com All Rights Reserved.
知答 版权所有 粤ICP备2023042255号