通过这个蝴蝶在花丛中翻飞的实例我们可以学习Flash图层、引导线运动、帧与补间动画等技术。主要使用工具:箭头工具(选择工具)、任意变形工具、铅笔工具。
请大家先看看实例:
素材如下:
http://www.flashas.net/html/flashasyy/20070507/1714.html
制作方法如下:
1、启动FLASH,建新文件:550x400像素。
2、在图层1分别导入背景图和 4个透明背景蝴蝶:文件--导入--导入到库。
3、点窗口--库,打开库。把库里的背景图“蓝花花”拖进舞台调整和舞台一样大小:
4、点窗口--对齐,调出对齐面版,点相对于舞台,水平对齐,垂直对齐。
5、在时间轴第100帧插入帧。锁定图层1。
6、新建图层2,把蝴蝶1 从库拖进舞台,右键点蝴蝶1 --转换为元件(影片剪辑),元件名为蝶1:
7、右健点蝶1--编辑,进入元件编辑区。右键点蝶1 --分离,打散蝴蝶图片:
8、选用任意变形工具,蝶1 图片四周出现8 个小方框,把鼠标放在右下的小方框上,待鼠标变为一个园形箭头,鼠标轻轻向左一拖,把蝴蝶转个方向:
9、移动蝴蝶,使蝴蝶的头部正好在舞台的正中央,右键点时间轴上的第3帧,插入关键帧:
10、在第3帧,用箭头工具框选蝴蝶的一个翅膀:
11、再用任意变形工具,把翅膀压扁:
12、用同样的方法做好另一个蝴蝶翅膀:
13、点第1帧,点修改--组合;点第3帧,点修改--组合。
14、点场景1,返回场景1。为了方便操作,我们把舞台调整为50%:
15、在场景1的第2层,分别在40、60、100帧插入关键帧,并分别在1-40、46-60、60-100帧内任意一个点创建补间动画。锁住图层2,插入引导层:
16、在引导层的第1帧,选用铅笔工具: 选项平滑,画出蝴蝶飞行的轨迹(引导线),用橡皮擦工具在引导线上,在您想要蝴蝶停留的位置上擦出一个小缺口,锁定引导层,打开图层2 的锁:
17、在图层2 的第1 帧,用箭头工具将蝶1 元件拖到引导线的最左端,蝶1 的中心点一定要压在引导线上:
18、在图层2 的第40帧,用箭头工具将蝶1 元件拖到缺口的左端,蝶1 的中心点一定要压在引导线上:
19、在图层2 的第60帧,用箭头工具将蝶1 元件拖到缺口的右端,蝶1 的中心点一定要压在引导线上:
20、 在图层2 的第100 帧,用箭头工具将蝶1 元件拖到引导线的最左端,蝶1 的中心点一定要压在引导线上:
OK!现在咱们来测试影片吧。这是单个蝴蝶恋花的做法,如果您说,我也要象实例上那样三对蝴蝶飞舞在花丛中,那就不要怕麻烦喔~~
制作第二个蝴蝶
1、把图层2 和引导层锁好,增加图层3:
2、为了方便操作,图层2 和引导层的眼睛关闭,把蝴蝶2 从库里拖出舞台。重复6~14 步骤得到元件蝶 2:
3、在场景1 的第3 层,分别在35、55、100帧插入关键帧,并分别在 1--35、36--55、56--100 帧内任意一个点创建补间动画。锁住图层3 ,打开引导层和引导层的眼睛:
4、操作方法同第16步。在引导层的第1 帧,选用铅笔工具: 选项平滑,画出蝴蝶2 飞行的轨迹(第二条引导线),用橡皮擦工具在引导线上,在您想要蝴蝶停留的位置上擦出一个小缺口,锁定引导层,打开图层3 的锁:(只要操作正确,引导线画好,蝴蝶元件会自动跑上引导线)。
5、这步操作方法与 17、18、19、20 步相同:
在图层3 的第 1 帧,用箭头工具将蝶2 元件拖到引导线的最左端,蝶2 的中心点一定要压在引导线上。
在图层3 的第35帧,用箭头工具将蝶2 元件拖到缺口的左端,蝶2 的中心点一定要压在引导线上。
在图层3 的第60帧,用箭头工具将蝶2 元件拖到缺口的右端,蝶2 的中心点一定要压在引导线上。
在图层3 的第100 帧,用箭头工具将蝶2 元件拖到引导线的最左端,蝶2 的中心点一定要压在引导线上。
注意:不管做多少层,最后一帧一定要对齐,否则全盘乱套。
好!第 2个蝴蝶也做好了,测试一下。
第 3、4 个蝴蝶和上面两个蝴蝶做法一样。
1、同第6 ~第13步,分别做好元件(影片剪辑)蝶3、元件(影片剪辑)蝶4。
2、在第8 步后面把蝶3 蝶4 调小一些。
元件大小的调整方法:点修改--变形--缩放与旋转,在弹出的缩放和旋转对话框中设置缩放为50~80(随意),确定。
3、做好了元件蝶3 ,点场景1,不用做引导线,把蝶3 摆放在您认为合适的地方。(参看实例)
4、做好了元件蝶4 ,点场景1,不用做引导线,把蝶4 摆放在您认为合适的地方。(参看实例)
5、第5 第6 个蝴蝶更容易做了,把元件蝶3和蝶4 直接拖进场景,随便找地方安装就OK。(参看实例)
按CTRL+ENTER测试 ,保存*.fly 导出影片*.swf (完毕)。
分享到:
相关推荐
《深入剖析Visual C++编程技术及应用实例》选取了主流开发领域内的若干具有代表性的实例,包含了在各领域中广泛应用的技术。《深入剖析Visual C++编程技术及应用实例》通过主流开发领域内的若干具有代表性的实例,向...
flash8动画制作实例——闪闪红星flash8动画制作实例——闪闪红星flash8动画制作实例——闪闪红星
《Flash动画制作实例教程》是一本专为初学者设计的指南,旨在帮助读者掌握Adobe Flash CS3这款强大的动画创作工具。教程通过实例教学的方式,详细阐述了如何利用Flash进行动画创作,涵盖了从基础操作到高级技巧的全...
flash 实例 元件与实例 第四讲 续草原制作
本教程集合了关于“Flash作业,Flash源码素材教程,flash动画制作,flash实例作业”的一系列资源,旨在帮助学习者深入理解和掌握Flash的基本操作以及动画创作技巧。 1. **Flash基础知识**:Flash是一款由Adobe公司...
21.1.2 对乱码产生过程的分析 612 21.2 中文乱码问题的解决方案 614 21.3 使用过滤器解决中文问题 616 21.4 让tomcat支持中文文件名 620 21.5 国际化与本地化 621 21.5.1 locale 621.. 21.5.2 资源包 623 ...
21.1.2 对乱码产生过程的分析 612 21.2 中文乱码问题的解决方案 614 21.3 使用过滤器解决中文问题 616 21.4 让tomcat支持中文文件名 620 21.5 国际化与本地化 621 21.5.1 locale 621.. 21.5.2 资源包 623 ...
JAVA WEB 开发详解:XML+XSLT+SERVLET+JSP 深入剖析与实例应用.part69
JAVA WEB 开发详解:XML+XSLT+SERVLET+JSP 深入剖析与实例应用.part33
Flash 动画制作实例 - 制作吹泡泡动画 Flash 教程:制作可爱吹泡泡动画效果是 Flash 动画设计的一种基本技巧,本实例将带领读者学习制作一个吹泡泡动画,涉及到 Flash 中的基本工具和技术,例如矩形工具、椭圆工具...
《Flash MX 动画制作实例教程》是一本深入解析Flash MX这一强大动画设计软件的实践指导书。本书针对初级和中级用户,旨在帮助读者掌握在日常动画设计工作中所需的关键技能和创新功能。通过本书,你可以了解到Flash ...
JAVA WEB 开发详解:XML+XSLT+SERVLET+JSP 深入剖析与实例应用.part02
JAVA WEB 开发详解:XML+XSLT+SERVLET+JSP 深入剖析与实例应用.part08
JAVA WEB 开发详解:XML+XSLT+SERVLET+JSP 深入剖析与实例应用.part54
Flash制作实例 闪闪的红星 应用了遮罩动画
综上所述,《FLASH CS5课件制作实例教程》不仅涵盖了Flash CS5的基本操作方法,还深入讲解了如何运用这款软件高效地完成课件制作任务。对于初学者来说,通过跟随教程中的实例操作,可以快速掌握Flash CS5的各项功能...
JAVA WEB 开发详解:XML+XSLT+SERVLET+JSP 深入剖析与实例应用.part34
21.1.2 对乱码产生过程的分析 612 21.2 中文乱码问题的解决方案 614 21.3 使用过滤器解决中文问题 616 21.4 让tomcat支持中文文件名 620 21.5 国际化与本地化 621 21.5.1 locale 621.. 21.5.2 资源包 623 ...
在本《Flash制作广告全程实例》的学习资源中,我们将深入探讨如何使用Adobe Flash这款强大的矢量动画和多媒体创作工具来创建引人注目的广告。这个压缩包包含了三个关键文件:一个文档、一个源文件(FLA)以及最终的...