使用Flash绘制曲线动画

最近因为课题要求需要绘制简单的动画，这里做一下记录，最终的效果是一个小车按照轨迹移动（位置和方向），且在不同位置是不同图片。

操作流程

打开Flash，新建文件，这里是新建3.0的版本；
点击左上角文件>导入>导入到库，找到自己的图案，将需要的图片导入；

导入后如图所示，右侧可以看到导入的文件
接着导入图形，如下图所示，点击右侧的任意变形工具可以修改大小和位置，按住shift键是等比例修改大小；
接着点击左下角新建图层，选中新建的图层，点击工具栏的钢笔工具绘制图形移动的轨迹线；

这里用钢笔点击轨迹位置，当鼠标点击后不松手时移动可以将两点间的线段转为曲线。同时如果得不到对应的曲线，可以用铅笔绘制，但是后面图案中心要对着铅笔绘制的曲线；
依次添加需要小车数量的图层；
接下来是添加元件，首先点击一个图层第一个关键帧的位置，然后将对应的图片导入，将图片调整到合适的大小和位置，点击右键，接着点击转换为元件，弹出的窗口可以给元件命名，下面类型选择图形；

依次添加四个元件到对应位置；
找到刚才画轨迹的图层，右键点击选择引流层，可以观察到这个图层前面变为小锤子，接着将含有元件的图层依次拉倒引流层上，变成图片里的样式就对了；（PS：这里我按快捷键录制和Flash软件里指令冲突，所以路径图层的路径不见了，应该一直在才对，下面补了一张对的）
接着就是动画制作了，点击引流层图层，在你需要长度的帧那里点击鼠标右键，点击添加关键帧，接着将对应图层的第一个关键帧拉倒对应的帧数那里（帧数前后决定出现的时间顺序），在每个图层结束位置右击添加关键帧，把图形移动到结束的位置，右击中间的任意帧，点击创建传统补间，一段动画就生成了，点击区间动画右上角还可以调节属性，调整为自己需要的动画，然后依次添加各元件动画；
最后就是背景，找到背景的图层，在最后一帧那里添加关键帧就可以了。

因为网上看到很多教程可能因为版本不同所以不能实现，现在记录下这个版本的操作流程，大家可以多交流！！

使用Flash绘制曲线动画相关推荐

html 画动画效果,html5 canvas绘制曲线动画特效
特效描述:html5 canvas绘制曲线动画特效. 代码结构 1. HTML代码 Balls Size Speed Delay Go! Presets: Atomic Flower Spiro Y ...
Path绘制动态的贝塞尔曲线、PathMeasure来绘制path动画
上一篇的波浪曲线是左右重复平移,这次是每一帧绘制一条线,组成上下浮动的曲线,下面是效果图 public WaveView(Context context, @Nullable AttributeSet ...
html5贝塞尔曲线,用canvas绘制一个曲线动画——深入理解贝塞尔曲线
前言在前端开发中,贝赛尔曲线无处不在: 它可以用来绘制曲线,在svg和canvas中,原生提供的曲线绘制都是使用贝赛尔曲线它也可以用来描述一个缓动算法,设置css的transition-timin ...
android 布局中绘制语音曲线,Android仿百度地图小度语音助手的贝塞尔曲线动画
本文为大家分享了Android仿小度语音助手的贝塞尔曲线动画,供大家参考,具体内容如下废话不多说,看下面的动图,和百度的还是有点点差别,我也不修改了,很简单,我实在是没有多余的时间,还要学习其他的东 ...
canvas 贝塞尔曲线动画绘制
转自https://github.com/hujiulong/blog/issues/1 喜欢的可以去给原作者点赞谢谢~~~ 开个新坑..鉴于本人数学还给了体育老师,原作者一笔带过的问题本人做了详细 ...
Flash引导层动画的制作
1．引导层引导层也就是引导图层,其作用是辅助其它图层(被引导层)对象的运动或定位.在运动引导层中绘制路径,可以使被引导层中运动渐变动画中的对象沿着指定的路径运动,在一个运动引导层下可以建立一个或多个 ...
通通玩blend美工（8）——动态绘制路径动画，画出个萌妹子~
通通玩blend美工(8)--动态绘制路径动画,画出个萌妹子~ 原文:通通玩blend美工(8)--动态绘制路径动画,画出个萌妹子~ 2年前我在玩Flex的时候就一直有一个疑问,就是如何来实现一个蚊香 ...
Flash绘画与动画宝典
[书名]Flash绘画与动画宝典(含DVD光盘1张)(全彩) [作者]宇传华著 [ISBN]978-7-121-07516-2 [出版社]电子工业出版社 [出版日期]2009年1月 [宣传语] 绘画 ...
电子脑PHP动画制作,用Flash制作变形动画效果
Flash中的变形动画是动画的一种类型,它和运动动画相反,只对图形起作用而对元件不能产生动画效果.应用变形动画可以产生一些奇妙的变形效果,能使课件更富有吸引力,下面小编就为大家介绍用Flash制作变形 ...
flash绘制荷花多个图层_实例讲解Flash中如何绘制荷花图案你值得一看的技巧
Flash是一款专门用来绘制动画的软件工具,具有"入门简单.操作方便"等优点.现在,我们来看看如何使用Flash绘制荷花图案吧. 工具/材料 Flash 操作方法 01 新建文档 ...

使用Flash绘制曲线动画

操作流程

使用Flash绘制曲线动画相关推荐

最新文章

热门文章