0

flash简单动画制作教程视频【合集20篇】

浏览

4282

文章

202

篇1:FLASH如何制作一个砍伐大树的动画

全文共 155 字

+ 加入清单

flash模拟大树砍伐倒下去,用到补间动画,感兴趣的朋友一起来看看。

1、打开FLASH软件,新建FLASH文档;

2、绘制大树;

3、 转换为元件;

4、添加关键帧,

5、新建图层2,把树桩复制到图层2中;

6、 调整位置添加动画;

7、测试影片,导出影片, 格式GIF ,绘制完成。

注意事项:

注意图层1与2的连贯性。

展开阅读全文

篇2:flash如何通过代码制作矩形的X位置向右不断移动的动画

全文共 660 字

+ 加入清单

本例的主要内容是影片剪辑元件的控制命令。现在详细教你如何编写代码矩形的X位置向右不断移动

1、点击开始菜单程序文件夹里的FL软件,即打开FL软件,如下图所示。

2、按下 ctrl+N组合键 或执行菜单栏中的"文件>新建"命令打开【 新建文档 】对话框,在【 常规 】选项卡下选择ActionScript 2.0,单击"确定"按钮,即创建一个文档,如下图所示。

3、双击工具箱中的【 矩形工具 】按钮,设置描边和背景色分别为无、蓝色,在舞台上绘制矩形,如下图所示。

4、右击该矩形,在弹出的快捷菜单中选择【 转换为元件 】选项,如下图所示。

5、在弹出的【 转换为元件 】对话框中,更改名称为"矩形",选择元件类型为【 影片剪辑 】,更改对齐为正中,单击【 确定 】按钮,如下图所示。

6、选择"元件1"按钮元件,按住F9键打开【 动作 】代码框,输入" onClipEvent (enterFrame) { this._x+=1;}", 如下图所示。

【基本语法】

onClipEvent(参数)

{命令}

onClipEvent用于剪辑元件上

参数:

1)load:当调用该影片剪辑时触发命令。

2)unload:当删除影片剪辑时触发命令。

3)enterFrame:进入帧后影片剪辑不断地触发命令。

4)mouseUp:当松开鼠标按钮的时侯触发命令。

5)mouseDown:当鼠标抬起或按下的时候触发命令。

6)mouseMove:当鼠标滑过的时候触发命令。

_x属性:设置对象的X坐标。

7、按住 Alt+Enter组合键 打开影片,如下图所示。

展开阅读全文

篇3:flash怎么制作图片慢慢缩小的动画

全文共 197 字

+ 加入清单

flash软件模拟图画的动态缩小过程,用到补间动画等。

1、打开FLASH软件,新建FLASH文档;

2、导入位图文件到库里;

3、将位图文件 转换为元件 吗,然后添加一个补间动画;

4、新建图层,把 补间动画 分别复制到每个图层中;

5、删除多余的 补间动画

6、测试影片,导出影片 ,格式GIF 绘制完成,由于文件较大不能上传,还请谅解。

注意事项:

注意删除多余动画需要在最后一帧处把所有图层都填上帧。

展开阅读全文

篇4:flash怎么制作散发光芒的特效佛光动画

全文共 771 字

+ 加入清单

我们有时候在动画片里,会看到某样东西散发光芒特效,因为比较像佛光,就叫它“佛光”吧。下面讲解一下佛光是如何用flash做出来的,其实很简单,一点就明白,就是遮罩的灵活运用罢了。

步骤

1、新建一个flash文档,舞台呈正方形,500*500.舞台背景色为黑色。

2、在图层一,选择“ 线条工具 ”,笔触色为金黄色。笔触大小为2.在舞台合适部位画一条线段。然后把线段的中心点放到一个合适的位置(具体在哪里,等看我做完,你练习时就知道关键了)。

3、打开变形面板,旋转10度,如图。然后点击变形面板的右下角“ 重置选区和变形 ”,不停的点击,大概36下吧,随后出现这样的图形,如下图。

4、选中整个图形,复制,然后新建图层二,在图层二里“ 粘贴到当前位置 ”,这样,图层二里在同样的位置就出现一个和图层一完全一样的图形,把它打散分离,然后在变形面板的左下角点击“ 水平翻转所选内容 ”,然后就出现了这样的效果,如图。

5、好,那么现在就可以进行特效制作了。把图层二的整个图形转换成一个图形元件1.图层一和图层二都在30帧插入帧(注意不是关键帧哦)。图层一上锁,在图层二第一帧右击,在弹出的下拉列表框里选择“ 创建补间动画 ”,这里要强调一下,可以用“ 传统补间 ”,但是因为我用的是新版本cc,所以要用它的新功能,这种新功能cs6也有,只是调整的面板所在不同。

6、点击选中图层二第三十帧也就是最后一帧,在属性面板里设置顺时针旋转1次。在这里,把图层二设置为“ 遮罩层 ”,图层一设置为“ 被遮罩层 ”。

7、新建图层三,在图形的中心空白处写一个“佛”字,其实应该放置一尊佛像最好了,这里只是讲解这种发光效果,就没必要弄一尊大佛来了。

8、OK,测试一下

注意事项

特别注意变形面板里的“重置选区和变形”“水平翻转所选内容”

遮罩层翻转的图形一定要打散,否则遮罩无效。

展开阅读全文

篇5:Flash怎么制作心动动画过程

全文共 649 字

+ 加入清单

flash制作心动”主要是练习对于钢笔工具的使用和补间动画的创建。“心动”动画在很多网站上都有应用,是一个既简单又应用广泛的动画,下面小编就为大家详细介绍一下,不会的朋友可以参考一下!

步骤

1、打开Flash cs4软件,新建一个Flash文件。

2、执行菜单中“ 视图|标尺 ”命令,添加一条垂直的辅助线。

3、用“ 钢笔工具 ”画出心形的一半,如下图。具体做法,是先画出大致曲线,再使用“选 择工具 ”和鼠标进行调整。

4、复制画好的图形,在粘贴在工作区中(可以选中图形,按住键进行拖动)。

5、选中复制的图形,选中工具箱中“ 任意变形工具 ”,在执行菜单中“ 修改|变形|水平翻转 ”命令,得到下图。

6、选择工具箱中“ 选择工具 “,选中变形后的图形,使用鼠标拖动,将其与原来图形结合。再删除辅助线,填充合适的颜色。并将其转会化为元件(按键即可)。

7、在”第10帧“处,右击执行”插入关键帧“命令。再选中”第1帧“,使用”任意变形工具“将图形缩小。

8、选中”第10帧“,使用” 任意变形工具 “将工作区中的图形旋转一定角度。

9、选中”第1帧“到”第10帧“之间任意一帧,右击,执行”创建传统补间“命令。

10、选中”第20帧“,右击,执行”插入空白关键帧“。然后,将”第10帧“复制,粘贴到”第20帧“。选中”第10帧“到”第20帧“之间的任意一帧,右击,执行”创建传统补间“命令。

11、执行菜单中的“控制|测试影片”命令,即可得到“心动”动画。

注意事项

画好心形后一定要先转化为元件,在进行后续的操作。

展开阅读全文

篇6:flash如何制作简单的火柴人走路动画教程

全文共 284 字

+ 加入清单

大家平时看到有许多的火柴动画,是否觉得很有趣呢,下面就为大家详细介绍flash制作简单的火柴人走路动画方法,希望大家能对大家有所帮助。

方法/步骤

1、打开flash

2、选择刷子工具,绘制出一个小火柴人来。如图所示。

3、绘制好后,隔几帧继续绘制。点击图片中红色的地方,观看之前的火柴人,以便后面的绘制。

4、再隔几帧继续绘制火柴人。

5、开始补帧,将帧之间空白多的地方补帧,绘制火柴人。

6、绘制好后,点击控制——播放,观看效果。或者按ctrl+enter键观看效果。

注意事项

绘制过程越细致,效果越好哦。

教程结束,以上就是flash制作简单的火柴人走路动画教程,希望大家喜欢!

展开阅读全文

篇7:flash中怎么制作鼠标特效效果动画

全文共 283 字

+ 加入清单

flash_cs6做鼠标特效

1、双击打开FL。

2、打开后界面。

3、 将要做成鼠标箭头的材料导入 。这里导入的是路飞头像。

4、选中 转换成元件-影片剪辑 。

5、选中 中心点 ,点击确定。

6、命名为 lufei_mc 。(lufei这段字符可以设置成其他, 但必须是字母)

7、 脚本必须是as2.0

8、新建as代码层。选中as层, 按F9。

9、输入代码

Mouse.hide();

onEnterFrame=function(){

lufei_mc._x=_xmouse;

lufei_mc._y=_ymouse;

}

10、完毕。

注意事项:

用英文输入法输入代码,不然极易出错。

展开阅读全文

篇8:如何用Flash制作按钮控制影片动画

全文共 288 字

+ 加入清单

这里教大家怎么用按钮控制影片的播放,暂停也差不多一样,只是多一个按钮,就不重复了,这里只做播放按钮。

方法/步骤

1、首先把弄好的动画放置于图层1,如图是做的粗略东环

2、之后在第一帧右键点击,添加动作,编写代码,stop(),让其停在第一帧。

3、之后新建图层2

4、然后把事先做好的按钮放置于其中在与动画同尾的第二图层添加关键帧

5、之后同样在按钮的第一帧处编写代码,on play()。

6、测试一下影片,一开始是静止的,等你按动按钮之后才会开始,如果还有暂停按钮的话只要再按暂停,动画便是停止的,很方便。这是我按钮的播放效果,测试的影片就不放了。

注意事项

注意代码要写对,不然会出错

展开阅读全文

篇9:怎么制作动画视频

全文共 200 字

+ 加入清单

今天小编教大家如何在手机上制作动画视频,下面是详细步骤介绍,大家一起学起来吧!

操作方法

1

我平时一般都用小影APP制作视频,感觉很方便,很实用。首先在手机应用商店里下载安装小影软件,打开APP之后,如图所示。

2

进入软件之后,点击“拍摄”按钮,开始录制视频。

3

拍摄完成后,点击右上角“√”即可。

4

然后就可以根据自己的喜好,为视频添加各种有趣的效果,还可以配上自己喜欢的音乐。

5

接下来是剪辑视频,处理好之后就可以点击发布了。

展开阅读全文

篇10:flash最简单动画制作教程

全文共 479 字

+ 加入清单

flash被称为“闪客”,主要是用来制作动画的工具。首先要新建一个flash文档,然后再创建关键帧,并使用工具栏绘制图像。以下用CS5.5版本的flash为例,给大家演示一下。

操作方法

1

首先打开flash软件,会显示flash主界面。

2

然后再点击ActionScript 3.0或ActionScript 2.0,一般来说是创建ActionScript3.0文档。

3

接着可以看到flash的界面区域,包括菜单栏、场景、舞台、时间轴、属性面板和工具栏。

4

然后可以更改舞台的颜色,点击属性面板下方的“舞台”,然后再选择颜色,默认颜色是白色。

5

接着把舞台颜色选择为蓝色,就点击蓝色方框即可。

6

然后点击工作栏的星形工具,其中笔触颜色为无色,填充颜色是黄色。

7

接着在第一帧处,使用星形工具在舞台上绘制星星即可,鼠标点在舞台上,然后滑动鼠标即可绘制一个星星。

8

然后在第25帧的位置插入关键帧:右击第25帧处,然后选择“插入关键帧”。

9

在第25帧位置,更改星星的填充颜色为红色。

10

然后在第1~25帧位置,鼠标右击选择“创建补间形状”。

11

然后发布预览,可以看到星星的填充颜色从“黄色”逐渐加深为“红色”。

展开阅读全文

篇11:PS CC怎么制作简单漂亮的旋转动画图标

全文共 547 字

+ 加入清单

这篇教程教PS学习者们使用PS CC制作简单漂亮旋转动画图标方法,教程难度一般。制作出来的动画图标挺漂亮的,新手也可以过来学习一下,推荐一下和朋友们一起分享学习了,我们先来看看最终的效果图吧:

有的时候就是需要换换动态图,来调剂调剂,第一次用PS CC做动态图,就用这个例子同大家分享下制作过程。

首先介绍一下工具:

在窗口中先将时间轴面板调出

之后我们开始做啦~~~~~~

1.新建一个画布,(大小自定)

2.在画布上画一个圆

3.处理这个圆的颜色:渐变所用到的颜色是#ffe689、#fa8b00,在添加渐变叠加效果,数据如下图

4.开始为它做帧了

5.完成,就可以出现效果图了

6.如何保存:文件--存储为Web所用格式

7.打开所保存的文件查看效果:

8.题外话:

制作时根据所需灵活结合运用不透明度、样式

样式: 控制图层对象样式效果。图层样式是可以产生很丰富的动画效果,除了简单的外发光、内发光、投影等基本动画效果,里面的图案样式更可以应付重复的背景场景,如飘雪,流星等效果

不透明度: 是控制图层对象的整体透明度。

运用不透明度的一个效果:

你也可以按照你的想法做出奇妙的动态效果O(∩_∩)O

9.时间轴的启用

点击下最右边的小闹钟状的图标就可以启用时间轴,菱形变为黄色就是已经启用了,若要关闭,再次点击小闹钟就行

展开阅读全文

篇12:flash怎么制作一个桂花飘香的树下赏月的动画

全文共 539 字

+ 加入清单

中秋时节,金桂飘香。走出高楼,让我们坐在桂花树下,饮桂花茶、品桂花糕,在恬淡的香气、银色的月光里,静醉在中秋的夜色中,如下图所示。

1、 油漆桶工具 设置为线性渐变,填充条色标如图,将背景填充为夜色。

2、 Ctrl+F8 新建一个影片剪辑元件,取名星。绘制一个椭圆,填充白色。时间轴上设置三个关键帧, 然后将中间一帧的透明度改为50%。

3、舞台上新建一层,取名星。库中拖入星元件 ,按住Alt键复制 ,一个复制两个,两个选中,复制为四个……如此复制整个夜空;全部选中后,再次复制一面, 属性面板中将Alpha值降低 ,如图。成为有明有暗的星空。

4、新建一层,取名建筑。

①工具栏中调出Deco工具,属性面板绘制效果中选择“ 建筑物刷子 ”,高级选项里选择“摩天大楼4”。

②鼠标由下至上拉动,感觉高度满意时松开,刷出一栋高楼。

③对于超出高度的部分,可以鼠标选择后删去,再将楼顶下移即可。

5、绘制效果改为树刷子,高级选项中选择一种植物,在两栋楼之间的空隙处拉出一棵树,完成建筑物的制作

6、新建一层, 取名桂花 。将绘制好的桂花拖入(绘制方法见下面的经验引用),调整好大小、方向,放入左上角。

7、新建一个图形元件,取名桌子。分别用椭圆、线条、圆角矩形绘出桌面、桌腿与腿撑。渐变填充如图。

展开阅读全文

篇13:如何使用flash创建制作逐帧动画

全文共 334 字

+ 加入清单

在这里介绍用flash制作逐帧动画的方法,希望本指南能帮到大家。

操作方法

1

启动软件,并新建文档。

2

进入到舞台界面;接下来,要制作一个圆形由小变大的动画。

按O键,调出椭圆工具。并在舞台上画出一个小圆形。

3

这时,再看舞台下面的时间轴这里,当前自动在第1帧这里插入帧。把鼠标放在第30帧这里,并点击一下。

4

再按下F6,执行插入帧命令。

5

接着,按Q键,调出任意变形工具,鼠标放在圆形的变换框右上角的节点上,点住,左手按ALT+SHIFT,拉动鼠标,使圆形保持中心点不变,扩大。

6

鼠标放在第1帧与第30帧这间的任意一帧,右击,弹出右键菜单。

7

在弹出的右键菜单中选中:创建补间形状

8

那么,现在动画制作好啦。鼠标点住时间轴的红色指针,从第1帧一至拉到第30帖,可以看到,舞台上的圆形,随着帧数的增加而变大。

展开阅读全文

篇14:抖音照片唱歌怎么弄 图片唱歌视频制作教程

全文共 415 字

+ 加入清单

在最近的抖音中,我们可以刷到一些照片嘴巴开口唱歌视频,非常搞笑有趣,深受广大用户们的喜欢,那我们自己如何制作抖音照片唱歌?下面就和小编一起来看看吧!

Tips:首先安装【Avatarify】、【剪映】到手机上,便于后续直接使用。

1、打开手机上的Avatarify软件,打开应用之后找到【recent】下方的视频,选择想要使用的视频、照片;

2、然后选择想要使用的特效,选择【Mai-ha-hi】特效,点击应用改特效;

3、在选择视频清晰度页面中,选择推荐的特效,也就是【best】最佳清晰度;

4、等待视频保存成功,将制作完成的视频素材保存到手机本地;

5、打开手机中的剪映app,搜索【蚂蚁牙黑】找到视频模板,选择任意模板使用;

6、点击右下角的【剪同款】一项,选择剪辑同款视频;

7、在照片视频页面,选择刚刚保存到本地的视频,选中后点击右下角的【下一步】;

8、最后点击右上角的【导出】按钮完成制作,将其导出保存,完成蚂蚁牙黑特效视频制作。

展开阅读全文

篇15:flash如何制作一条蛇游动的gif动画效果

全文共 239 字

+ 加入清单

下面给大家介绍flash制作一条蛇游动的gif动画效果方法,是不是很有意思呢。 一起来看看吧。

方法/步骤

打开FLASH,新建文档。参数如图

新建一个元件。类型为图形。确定,绘制一个小球,颜色任意。

回到场景中。拖动小球到工作区。

在35帧按F6建立关键帧。将小球拖动到右边,在中间按右键,建立补间动画

新建图层2。并下移,让图层2在图层1下面,在图层2中,用铅笔,用光滑模式画一条弯曲的黑色的线。

将原来的小球图层1右键设为遮罩层。按回车键看效果。

注意事项

线用光滑模式,尽可能多一些弯曲。

展开阅读全文

篇16:flash怎么设计logo flash给网页制作logo的教程

全文共 611 字

+ 加入清单

在网站制作过程,每一个网站都有自己的logo,那么如何设计logo呢?现在本人就使用flash制作一款logo,同时分享制作步骤和截图,希望对你有所帮助,本经验仅供参考。

1、启动flash cs5,执行 文件-新建命令 ,新建一个大小为800*600, 帧频为12fps ,背景颜色为白色的文档。

2、选择工具箱里 椭圆工具 ,设置笔触颜色为无,填充颜色设置彩带形式,类型为 径向渐变。

3、按住 shift键 ,鼠标左键在舞台上拖拽绘制出一个正圆形。

4、在时间轴上点击新建图层按钮,新建图层2,选择工具箱里椭圆工具将填充颜色设置 为#0066ff, 在舞台上绘制一个椭圆。

5、选择椭圆,按住 alt键拖拽原来的椭圆复制得到一个新的椭圆 ,选择工具箱里任意变形工具,调整第二个椭圆的位置,然后将其删除。

6、选择工具箱了 任意变形工具 ,对第一个椭圆进行旋转到一定的弧度,接着选择后复制两个。

7、调整他们的位置,使其布局更加美观,也可以根据实际需要再次进行调整。

8、选择 工具箱里线条工具 ,在合适的位置绘制不同颜色的线条,颜色设置可以根据实际情况来定。

9、选择 工具箱里文本工具, 在舞台上输入文字内容“ everyone ”,设置一种自己喜欢的字体,字号为20,颜色也可以根据自己的需要进行设置。

10、接着按 ctrl+enter 进行测试, 执行文件-另存为命令 ,在弹出的对话框输入名称,找到一个合适的位置进行保存即可。

展开阅读全文

篇17:怎么制作flash动画?

全文共 224 字

+ 加入清单

下面介绍用flash制作动画的方法,希望本指南能帮到大家。

操作方法

1

下面举例演示操作方法。我们启动FLASH软件,并新建文档。

2

进入到舞台界面,在右侧工具栏中,调出椭圆工具,

3

在舞台上画出一个椭圆。鼠标来到时间轴这里,在第30帧这里点击一下再按下F6插入帧

4

按Q键,切换到任意变形工具,把椭圆缩小

5

鼠标移到时间轴第1至第30帧之间的任意一帧上,右击,弹出菜单,再点:创建补间形状

6

那么,一个椭圆由大变小的动画就做好。按下CTRL+ENTER,可以测试下动画的播放效果。

展开阅读全文

篇18:flash怎么制作一段篮球滚动的动画

全文共 587 字

+ 加入清单

flash制作简单的动画,比如跳动的小球;小编今天分享下有关这方面的操作经验。

1、新建flash的文档;在文档菜单栏中顺序点: 插入-- 新建元件 ;

2、弹出的操作框中,在名称这里输入:球在类型这里选择为“ 影片剪辑”;

3、点击确定;进入元件的编辑页面;我们可以画一个球,也可以在外部拖入球图片; 小编在这里选择在外部拖入球图片 ;

4、选中“球”,然后点变形面板,把“球”居中于舞台;“球”元件就制作好了,存放于“库”中;

5、然后,点下“场景1”,回到文档舞台中;把“图层1”命名为“球”;

6、把库中的“球”元件拖入到舞台中;再点下“ 添加引导层” 的图标, 添加一个引导层;

7、在引导层这里画一条路径,如图中所示;然后, 在引导层的第65帧处按 F5插入帧 ; 再选择“球”图层,在第65帧处按 F6插入关键帧;

8、选中“球”图层,在第1帧处点下,创建动画补间,并勾选“调整到路径”,“同步”、“对齐”也要勾选;勾选“对齐”后,“球”自动移动到路径的开始位置。 前提是“紧贴至对象”按钮是按下的状态。 这里要注意的是,球的变形中心点要与路径开始端点重合;

9、再在“球”图层的第65帧处点下,把“球”图片移动终点的路径上;球 的变形中心点与路径的终点重合,如 图所示;

10、按键盘的 CTRL+ENTER键 ,测试播放影片,影片中球按照路径的轨迹跳动。制作跳动的小球完成。

展开阅读全文

篇19:怎么在flash中制作打字动画图

全文共 198 字

+ 加入清单

今天为大家分享在flash中简单制作打字动画图方法,方法很简单,只需几步即可完成,推荐过来,一起来学习吧!

1、在第一帧用静态文本工具写一个横线

2、 第一帧完成后在第3 , 5,7帧插入关键帧,第2 ,4 ,6帧插入空白关键帧

3、从第八帧开始,插入关键帧并在横线前输入想要的文字

4、文字输入完成后,在后4帧插入关键帧

5、帧插入完成后,把倒数第2和第4帧的横线删掉

6、删除后按Enter键查看效果即可

展开阅读全文

篇20:Flash如何制作过渡卷动效果精美图库展示动画

全文共 1017 字

+ 加入清单

flash打造一个具有卷动过渡效果精美图库展示动画。效果不错,方法也比较简单,希望大家喜欢。

制作方法:

首先新建立Flash文档,然后修改文档属性:

我们制作的这个图库,大家通过演示可以看到单击小图,可以动态显示大图,所以我们事先要做一些工作。准备一些大小相同的图片8张,并且分别制作相应的缩略图8张,大图导入Flash中分别转换为影片剪辑元件,小缩略图导入Flash后转变为影片剪辑元件,都放到库里面,留着我们来使用。

这里我们制作一个main主影片剪辑,然后在里面制作一个背景:

然后再新建立一个层,把缩略图都按顺序摆放整齐,实例名分别是thumb0、thumb1、thumb2、thumb3、thumb4、thumb5、thumb6、thumb7:

当把大图导入Flash时,按F8转变为影片剪辑元件,标示符分别是image0、image1、image2、image3、image4、image5、image6、image7。设置如下:

然后再建立一个层,输入下面代码:

复制代码

代码如下:

this.createEmptyMovieClip("images", 100);

this.attachMovie("mask", "mask", 101);

mask._x = images._x =-68;

mask._y = target = -150;

images._y = -1000;

images.setMask(mask);

speed = 5;

for (var i = 0; i

var img = images.attachMovie("image"+i, "image"+i, i);

img._y = img._height*i;

var thumb = this["thumb"+i];

thumb._alpha = 60;

thumb.pos = target+(i*-img._height);

thumb.onPress = function() {

target = this.pos;

};

thumb.onRollOver = function() {

this._alpha = 100;

};

thumb.onRollOut = function() {

this._alpha = 60;

};

}

this.onEnterFrame = function() {

images._y += (target-images._y)/speed;

};

展开阅读全文