达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 达达贴吧
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 用Flash 8 制作简单…
普通教程 Flash8制作一个效果…
普通教程 Flash常见动画制作分…
普通教程 Flash制作四种3D隧道…
普通教程 露一小手闪晕你——…
普通教程 Flash8简单制作飞速…
普通教程 Flash制作好看的影片…
普通教程 Flash制作星星写字特…
普通教程 如何在FLASH中实现眨…
普通教程 Flash动画技巧:人侧…
最新更新

Photoshop结合Fla…

Photoshop结合Fla…

Photoshop结合Fla…

Flash绘画技巧:绘…
您现在的位置: 达达派 >> 教程中心 >> FLASH教程 >> 动画篇 >> 教程正文
Flash遮罩特效实例精选--百叶窗效果
作者:佚名 文章来源:网络采集 点击数: 更新时间:2007-4-19 18:48:05
教程录入:猩猩    责任编辑:猩猩  添加到雅虎收藏+
百叶窗,在日常生活是经常能见到,电脑上的屏保大者有百叶窗效果,我们当然希望能用自己的武器设计自己的百叶窗效果,最终效果如图1所示:

Flash遮罩特效实例精选--百叶窗效果

图1 百叶窗效果

  由上图可以看出,百叶窗主要使用了遮罩技术,当“百叶窗”被拉下时将打开将打开另一幅画面,具体操作步骤如下:

  1.新建一影片,设置影片大小为300pxX300px(单位为像素),背景色为白色,当然设计者可以根据需要另行设置,同时将两幅准备好的图片导入到库中如图2所示:

Flash遮罩特效实例精选--百叶窗效果

图2 导入两幅图片

  2.新建一图形元件“meng”,选中第1帧,插入一关键帧,选取矩形工具,设置其填充色为黑色,在工作区中绘制一矩形,如图3所示:
 

Flash遮罩特效实例精选--百叶窗效果
图3 图形元件“meng”的设计

  3.新建一图形元件“meng_f”,选中第1帧,插入一关键帧,将图形元件“meng”拖放到工作区中,创建一实例,在第15帧处插入一关键,选中第1帧单击鼠标右键,选择“创建补间动画”,选中第15帧,将实例调整为一条线如图4所示:
 

Flash遮罩特效实例精选--百叶窗效果
 
图4 创建动画渐变动画

  分别在第25帧和第40帧,插入两创建关键帧,并在25帧和第40帧之间创建相反的运动激变动画,即由一条线放大。时间轴如图5所示:

Flash遮罩特效实例精选--百叶窗效果
 
图5 时间轴窗口

  4.返回主场景,为了便于理解,将默认图层更名为pic1,再新建一图层“pic2”,分别将导入的两幅图片拖放到工作区中,分别对导入的两幅进行如下处理,a.将不同图层中的图片使用分离命令进行分离操作。b.从工具箱中选取椭圆工具,设置其填充为透明,按住Shift分别在各图层中绘制一圆。
c.分别选中圆的轮廓线条及圆形外边的图片,按键盘上的Delete键,将其删除,这时图层“pic1”和“pic2”中的图片效果如图6、7所示:

Flash遮罩特效实例精选--百叶窗效果
图6 图层“pic1”

Flash遮罩特效实例精选--百叶窗效果

图7 图层“pic2”

  d.分别在这两图层的第42帧处插入一关键帧。

  5.选中图层“pic2”,在其上插入一遮罩层“maske pic2”,选中第1帧插入一关键帧,将图形元件“meng_f”拖放到工作区中,并在第42帧处插入帧,调整其位置如图8所示:

Flash遮罩特效实例精选--百叶窗效果
图8 为“pic2”添加遮罩层

  6.新增8个图层,按住Shift键,选中图层“pic2”和“maske pic2”,用鼠标右键点击被选中的任意一帧,从弹出的快捷菜单中选择“拷贝帧”菜单命令。用鼠标右键点击“图层4”的第1帧,从弹出的菜单中选择“粘贴帧”菜单命令,这时“图层4”将变成复制后的“pic2”和“maske pic2”蒙板层,点击复制后的蒙板层,按键盘上的向上箭头,将实例向上移动,调整到适当位置,如图9所示:

Flash遮罩特效实例精选--百叶窗效果

图9 调整实例位置

  7. 用同样的方法,依次在“图层5”至“图层11”中分别复制“pic2”和“maske pic2”图层,将各个蒙板图层中的实例向上移动,并顺次向上连接。最图10所示:

Flash遮罩特效实例精选--百叶窗效果

图10 调整排列各遮罩层中的实例

8. 这样整个“百叶窗效果”就制作完成,保存作品,按“Ctrl+Enter”预览最终效果。

  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455