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

Flash制作红叶飘落的GIF动画特效(无AS)

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

佚名 向大家分享了Flash制作红叶飘落的GIF动画特效(无AS),其中包含Flash制作红叶飘落的GIF动画特效(无AS)等知识点,遇到此问题的同学们可以参考下

本教程是向的朋友介绍利用Flash制作红叶飘落的GIF动画特效教程,希望大家通过本教程能举一反三再来学习,红叶的制作,主要学习内容是,如何灵活运用引导层.

我们先看看实例:

素材1

Flash制作飘落的红叶视觉动画特效(无AS)

素材2

Flash制作飘落的红叶视觉动画特效(无AS)

制作方法:

1、建新文档。

Flash制作飘落的红叶视觉动画特效(无AS)

图1

2、文件--导入--导入到库。把背景图片和叶子图片导入到库。

Flash制作飘落的红叶视觉动画特效(无AS)
图2

打开对齐面版,相对于舞台,水平中齐,垂直中齐。把背景和舞台对齐。

Flash制作飘落的红叶视觉动画特效(无AS)
图3

3、点窗口--库, 在1 帧,把背景图从库里拖出舞台,调整与舞台一样大小。把图层1 改为背景层,右键点背景,转换为图形元件,名:背景。在300 帧点左键,插入帧。

Flash制作飘落的红叶视觉动画特效(无AS)
图4

4、锁定背景层,新建图层1,在第1 帧,从库里把叶子图片拖出舞台, 选取工具栏中的任意变形工具把叶子调好方向大小,对叶子点右键, 转换为影片剪辑元件,名:叶子。

Flash制作飘落的红叶视觉动画特效(无AS)
图5

5、在250帧点右键--插入关键帧,在1~250帧内任选一帧点右键创建补间动画,建立1~250帧的叶子运动,在属性栏面版上在“调整到路径上”打勾:

Flash制作飘落的红叶视觉动画特效(无AS)
图6

6、锁定图层1 。添加运动引导层,选用工具栏中的铅笔工具,笔融颜色随意,附属选项:平滑。填充色无。在引导层的第 1帧 画一条平滑曲线,即叶子运动轨迹。

Flash制作飘落的红叶视觉动画特效(无AS)
图7

7、锁定引导层,打开图层1,把1 帧的叶子元件拖到引导线的上端。注意:一定要把元件注册点压在引导线上。

Flash制作飘落的红叶视觉动画特效(无AS)
图8

8、鼠标移到250帧,把1 帧里的叶子元件拖到引导线的下端。记住要把元件注册点压在引导线上。

Flash制作飘落的红叶视觉动画特效(无AS)
图9

9、按回车测试,叶子顺利飘落。锁定图层1 打开引导层,复制第二条引导线,增加图层2,在图层2 的第11帧,把库里的叶子元件拖出舞台放在第二条引导线的上端,在第260帧插入关键帧,11~260帧内任意1帧点右键创建补间动画,点260帧,把引导线上端的叶子元件到下端,把属性栏面版上在“调整到路径上”打勾

Flash制作飘落的红叶视觉动画特效(无AS)
图10

10、不断重复第10步,每复制或重新画一条引导线,就相应加一图层,每新图层比前图层后退10帧 ,直到您认为叶子够了为止。

Flash制作飘落的红叶视觉动画特效(无AS)
图11

Flash制作飘落的红叶视觉动画特效(无AS)

图12

这是第10层时间轴的前部份

Flash制作飘落的红叶视觉动画特效(无AS)
图13

11、OK!测试影片。文件--另存为,导出源文件 *.fla     文件--导出影片,把弹出菜单中的由下而上改为由上而下,确定,导出影片文件 *.swf

这个方法只适应初学者,更进一步可以使用AS让树叶飘落。

以上就是Flash制作红叶飘落的GIF动画特效教程,希望大家喜欢本教程!

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

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

相关文章

  • 2017-05-24Flash Actionscript常用的几段代码
  • 2017-05-24flash制作人物眼珠左右晃动的效果
  • 2017-05-24Flash AS 入门 为“按钮”添加鼠标事件
  • 2017-05-24FLASH中制作制作一段简单的形状补间动画?
  • 2017-05-24flash实例教程:形状补间动画特效制作方法解析(图文)
  • 2017-05-24Flash CS4打造星光四射的莲花实例教程
  • 2017-05-24Flash怎么使用引导层制作动画?
  • 2017-05-24Flash精彩背景GIF动画特效源欣赏
  • 2017-05-24教你如何利用flash制作生日蜡烛形状渐变动画效果
  • 2017-05-24Flash怎么把素材导入库?

文章分类

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

最近更新的内容

    • 如何用Flash把相片图片做成电子相册
    • FLASH制作开场拉幕动画特效
    • Flash实例教程:唯美渔舟唱晚
    • Flash教程 认识Flash ActionScript的环境
    • 入门:flash的动画制作操作方法
    • ActionScript 学习小心得
    • 设计Flash广告条的一些注意事项
    • flash形状补间动画怎么才能更流畅?
    • AS3 结合基本的动画和AS3绘图API
    • 合并不同帧频(fps)的Flash文件

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

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