透明flash代码_Animate/FLASH如何制作纵深前进的动画

在制作动画时，有时会需要表现镜头向前延伸或公路，在这里就简单讲一下如何制作纵深前进的动画效果的制作方法。

FLASH如何使用动画形式之动作补间动画-百度经验jingyan.baidu.com

适用软件：Animate CC及其它版本FLASH软件

制作步骤：
1.这里用的是Animate CC，打开软件，新建FLASH文档，可以是AS2或者AS3脚本文档，因为用不到代码。

2.在工具栏找到矩形工具，绘制一个矩形如图所示

3.使用选择工具调整矩形为梯形，如图

4.选择形状右键选择转换为元件或使用快捷键f8

5.将形状转换为图形元件，注意注册点要在中心位置。

6.复制出两个元件如图

7.使用任意变形工具进行变形，调整为如图所示，三个元件看着像是在三维空间延伸

8.选择3个元件，右键选择分散到图层，这样三个元件就会自动分布到三个图层中。

9.在三个图层的第20帧点击鼠标右键插入关键帧，或使用快捷键f6插入关键帧

10.使用鼠标拖选三个图层的中间帧右键选择创建传统补间

11.使用鼠标点击某一帧，并同时按下Alt键，再拖动鼠标就可以直接复制帧并拖动。这里要用该操作，将第1个图层的第1帧拖动复制到第2个图层的最后一个关键帧位置，将第2个图层的第1帧拖动复制到第3个图层的最后一个关键帧。注意三个图层从上到下的顺序一定要是从小到大的元件。

12.上一步操作完成后，删除最上面的图层。

13.到这里，就得到不断纵深变化的动画效果了，如果想要更好的效果，需要制作更多图层。再加入两边的素材或树木或者建筑，就可以得到更好的效果了。
这里又在最下和最下加了一个图层，然后制作成5个元件的动画，并且让最上和最下的开始帧为透明。

如果感觉我们的文章很有用，记得分享给朋友或同学，让更多人方便的学习到实用的Flash知识。

透明flash代码_Animate/FLASH如何制作纵深前进的动画相关推荐

鼠标跟随flash代码_Animate/Flash如何实现画笔跟随鼠标（AS3）
接下来会讲如何制作一个能切换画笔颜色,并用橡皮擦除的完整的小程序.这里先讲如何让画笔跟随鼠标移动. 如何制作鼠标跟随效果(AS3)-百度经验jingyan.baidu.com 适用软件:Animat ...
flash代码_Flash如何对制作文件进行优化
对FLASH进行优化分为两方面,一方面是代码上的优化,主要是通过优化提高FLASH性能,降低CPU占用和内存使用.另一方面是资源的优化,这方面的优化是为了减小编译后的文件大小以及制作文件的大小,因为如 ...
flash源文件_Animate/FLASH如何将多个源文件合并
在制作FLASH动画时,有时为了赶工期,需要多人合作制作同一个动画,最后再将所有人制作的动画进行合成,也就是将制作的动画合并成一个动画,注意如果是有代码的内容则不能用本教程方法进行合并.主要知识点:时 ...
svg动画制作_制作第一个SVG动画
svg动画制作 Story of a designer trying to code animations instead of asking a dev to figure it out. 一位设计 ...
在html里面加入flash,如何在HTML页面插入flash代码
如何在HTML页面插入flash代码 swliveconnect 属性值: true | false 说明: (可选)指定第一次加载 Flash Player 时浏览器是否应启动 Java.如果忽略 ...
【STM32H7教程】第85章 STM32H7的SPI 总线应用之SPI Flash的STM32CubeProg下载算法制作
完整教程下载地址:http://www.armbbs.cn/forum.php?mod=viewthread&tid=86980 第85章 STM32H7的SPI 总线应用之SPI ...
DIV在FLASH上面、FLASH透明背景
DIV在FLASH上面.FLASH透明背景 DIV在FLASH上面 1.在Flash加入:<param name="wmode" value="opaque&quo ...
FLASH代码初级教程
1 FLASH代码初级教程前几个都是我贴的整理到一个帖子里大家看着方便本文转自 http://coolcodes.cn/bencandy.php?fid-5-id-24-page-1.htm ...
flash人物原地走路,Flash制作小人走路简单动画图文教程
很多用户都想掌握Flash中的各种制作动画的技巧,今天极限下载小编就为大家分享如何利用Flash制作小人移动的动画,是对形状补间的一次简单运用,值得一说的是形状补间做的小人比起动画补间来说要轻松简明不 ...
能在手机播放的Flash代码
有些使用Flash的广告图片变换代码在手机不支持,在网上搜到了一个解决的方法: Flash嵌入处: <iframestyle="width:474px;height:276px; bo ...

透明flash代码_Animate/FLASH如何制作纵深前进的动画

透明flash代码_Animate/FLASH如何制作纵深前进的动画相关推荐

最新文章

热门文章