• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > 利用flash制作百叶窗效果

利用flash制作百叶窗效果

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了利用flash制作百叶窗效果,其中包含利用flash制作百叶窗效果等知识点,遇到此问题的同学们可以参考下

浏览一些网站经常会看到图片的过渡效果,这种效果即美化了网页,又对视觉造成一定的冲击力,百叶窗效果就是其中一种,如何利用flash制作百叶窗效果呢?下面小编就为大家详细介绍一下,来看看吧!

图片的百叶窗效果

方法/步骤

新建一flash文档,设置大小为550*400,背景颜色为白色,帧频为12fps。

图片的百叶窗效果

执行文件-导入-导入到库命令,将事先准备好的图片1.jpg-4.jpg导入到库中。

图片的百叶窗效果

执行插入-新建元件命令,新建一个名称为1等图形元件,确定后进入编辑区域,选中工具箱里矩形工具,设置笔触颜色为#0099FF,填充颜色为#3366ff,在舞台上绘制一个大小为550*30的矩形。

图片的百叶窗效果

执行插入-新建元件命令,新建一个名称为2的影片剪辑元件,确定后进入编辑区域,把名称为1的图形元件拖入到名称为2的影片剪辑元件中,设置全居中(水平中齐、垂直中齐)。

图片的百叶窗效果

在图层1的60帧处按f6键插入关键帧,选择第一帧处的图形元件,设置其大小为550*1,鼠标右键单击第一帧处,选择下拉菜单中的创建补件动画,选中第60帧处,打开动作面板输入stop()语句。

图片的百叶窗效果

执行插入-新建元件命令,新建一个名称为3的影片剪辑元件,将名称为2的影片剪辑元件拖入到影片剪辑3中,复制多个元件实例并对这些元件实例进行排列。

图片的百叶窗效果

返回主场景将图片1拖入到舞台中,设置其宽度为550,高度为412.4,设置居中对齐,选择图层1的第60帧处,按f5键插入帧。

图片的百叶窗效果

新建图层2,将库中2.jpg拖入到舞台,设置宽度为550,高度为412.5,并设置居中对齐。

图片的百叶窗效果

新建图层3将名称为3的影片剪辑元件拖入到舞台,居中对齐该元件,并在图层2和图层3 的第120帧处按f5键插入帧。

图片的百叶窗效果

选中图层3右键单击图层3在下拉菜单中选择遮罩层,创建遮罩图层。

图片的百叶窗效果

新建图层4,将3.jpg拖入到舞台设置大小为550*412.5,并设置全居中,新建图层5将名称为3的影片剪辑元件拖入到舞台,居中对齐该元件,执行修改-变形-顺时针旋转90度命令,将图层5设为遮罩层,在图层4和图层5的180帧处插入帧。

图片的百叶窗效果

新建图层6和图层7,在图层6中拖入4.jpg图片,大小设置为550*412.5并且全居中,图层7中拖入名称为3元件设置全居中,,执行修改-变形-旋转和倾斜45度,把图层7设置为遮罩层,在图层6和图层7的第240帧处插入帧。

图片的百叶窗效果

保存该文件名称为百叶窗效果,然后按ctrl+enter组合键进行测试。

图片的百叶窗效果

以上就是利用flash制作百叶窗效果方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24as3中自定义菜单并对自定义菜单项添加事件的处理程序
  • 2017-05-24Flash AS3教程:小游戏开发实战尝试
  • 2017-05-24Flash AS3教程:ByteLoader类
  • 2017-05-24Flash cs3、Flex与asp、php通信总结(包含数据库)
  • 2017-05-24Flash as3.0教程:弹性小球
  • 2017-05-24 FLASH怎么制作雨滴坠落并炸开的动画?
  • 2017-05-24Flash 脚本游戏开发教程第三课
  • 2017-05-24Flash AIR的安装和简单使用
  • 2017-05-24ActionScript使用正则表达式示例
  • 2017-05-24从基础开始深入Flash AS3教程(1)(译文)

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Flash人物走动动画的制作技巧分析
    • 教你如何在Flex Chart中画移动平均线
    • FLASH怎么演示凸轮机构运作的动画?
    • flash怎么画彩色同心圆?
    • Flash AS3教程:类的分包处理
    • flash怎样生成exe文件? flash发布成exe文件的图文教程
    • flash怎么制作文字按钮图片按钮?
    • AS3及Flex的百条常用知识
    • Flash新手鼠绘教程-熟悉鼠绘工具
    • 新手必看:flash流程介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有