开源漫画cms(Animate CC高级动画制作 | 创建引导层动画(附视频限免))

wufei123 发布于 2023-12-15 阅读(358)

介绍引导层动画制作的技巧和实例蝴蝶舞春高级动画具有较强的表现力,能够展现一些特殊的效果,是综合运用了Animate提供的各种方法和技巧制作出来的高级动画类型包括引导层动画、遮罩动画、骨骼动画等在基本动画基础上,结合各种高级动画技巧,经过巧妙的构思和精心的制作,最终完成一个精美的动画作品。

01创建引导层动画如果想使对象按设定曲线运动,并且运动轨迹看起来更加逼真,可以为对象添加运动引导层在包含运动对象的图层上方添加运动引导层,在引导层中用绘图工具画出一条运动路径在包含运动对象的图层中,起始帧时将对象拖放至路径的起始端点;结束帧时将对象移动到路径的结束端点,然后在两个关键帧之间创建传统补间动画。

被控制的对象所在的图层称为被引导层,被引导层可以包含传统补间动画,但不包含补间动画【案例5.1】蝴蝶舞春① 新建空白文档,执行“文件”→“导入”→“导入到舞台”命令,选择背景素材“ch05\素材\花海.jpg”导入舞台中,并调整大小,在第130帧处按F5键插入帧。

② 执行“插入”→“新建元件”命令,创建图形元件,命名为“蝴蝶身体”,绘制如图5-1所示的蝴蝶身体③ 新建图形元件“蝴蝶1左翅”,绘制如图5-2所示的蝴蝶左翅膀新建图形元件“蝴蝶1右翅”,将蝴蝶1左翅图形复制过来,执行“修改”→“变形”→“水平翻转”命令。

④ 新建影片剪辑元件“蝴蝶1”,切换至元件编辑状态选择图层1,重命名为“身体”,接着建立“左翅”和“右翅”两个图层,分别将“蝴蝶身体”“蝴蝶1左翅”“蝴蝶1右翅”图形元件拖放至相应图层的第1帧处,调整位置和大小。

⑤ 选择“身体”图层,在第20帧处插入帧选择“左翅”图层,在第10帧和第20帧处按F6键插入关键帧;在第5帧和第15帧处插入关键帧,使用“任意变形工具”压缩图形,并当鼠标变为双向箭头时改变图形形状如图5-3和图5-4所示。

选择“右翅”图层,按同样的方法完成最终生成了蝴蝶扇动翅膀的动画效果,“蝴蝶1”影片剪辑元件的时间轴如图5-5所示

⑥ 返回“场景1”,新建图层2,重命名为“蝴蝶1飞舞”选择该图层,右击,在快捷菜单中选择“添加传统运动引导层”选项,如图5-6所示此时,在“蝴蝶1飞舞”图层的上方添加了一个引导层,“蝴蝶1飞舞”图层向内自动缩进,时间轴如图5-7所示。

⑦ 选择引导层,使用“铅笔工具”绘制一条蝴蝶飞舞的曲线,如图5-8所示。

■ 图5-8绘制飞舞曲线⑧ 在“蝴蝶1飞舞”图层中,选择第1帧,将“蝴蝶1”元件拖放到舞台,使蝴蝶中心对准曲线的起始端点,如图5-9所示;在第100帧处插入关键帧,拖曳蝴蝶使其中心对准曲线的结束端点,如图5-10所示。

在第1~100帧创建传统补间动画

⑨ 测试影片,发现蝴蝶沿着设定的曲线运动,但是效果不自然,此时可以通过改变蝴蝶的大小、变形、透明度等属性来完善选择“蝴蝶1飞舞”图层,在第30、第40、第50和第70帧处插入关键帧在第1~100帧的每一个关键帧位置,通过“任意变形工具”使蝴蝶由小到大,设置Alpha属性值0%~100%由小到大,并且通过旋转蝴蝶来调整飞行方向,实现蝴蝶由远及近飞舞的效果,如图5-11所示。

■ 图5-11完善后的蝴蝶飞舞动态过程⑩ 参照步骤③~⑨,完成蝴蝶2的飞舞效果。最终时间轴如图5-12所示。

■ 图5-12完成后的时间轴提示★绘制蝴蝶2的左翅和右翅,只需将蝴蝶1的相应图形进行复制,使用“颜料桶工具”填充不同的颜色即可。按Ctrl+Enter组合键,测试影片效果,如图5-13所示。

■ 图5-13影片测试效果实例讲解Animate动画与游戏设计

往期回顾板块一元件与库面板创建图形元件创建按钮元件-1创建按钮元件-2影片剪辑元件下期预告板块二高级动画制作创建遮罩动画创建骨骼动画-1创建骨骼动画-2板块三游戏案例实战飞机射击游戏推箱子游戏Flappy Bird游戏

02视频讲解

扫码即可观看视频,限时免费3天03参考书籍《Animate CC动画基础与游戏设计(微课视频版)》ISBN:9787302585909作者:夏敏捷 郑秋生 尚展垒定价:69.90元

扫码优惠购书内容简介本书主要讲解了Animate CC的基础知识,工具箱的使用,元件和库,制作基础动画,制作高级动画,并详细介绍Animate ActionScript脚本编程技术,包括编程语言基础、面向对象编程基础、影片剪辑的控制、文本交互、鼠标和键盘事件的处理等。

本书最后应用前面的知识设计了10个游戏案例,例如推箱子、雷电飞机、中国象棋、拼图游戏、俄罗斯方块、Flappy Bird、看图猜成语游戏等,进一步提高读者对知识的应用能力通过本书,让读者对枯燥的Animate CC动画与编程学习充满乐趣。

对于初、中级的Animate CC学习者来说,本书是一个很好的参考资料,本书不仅为读者列出了完整的游戏代码,同时对所有的源代码进行了非常详细的解释,做到了通俗易懂、图文并茂本书适合作为高等学校电脑动画设计相关课程的教材,也适用于游戏编程爱好者、程序设计人员和Animate编程学习者。

本书特色内容详实,案例丰富本书为重要的知识点配备了典型例题,书中涉及到的游戏如推箱子、连连看、五子棋等游戏,让读者在枯燥的Animate编程学习中体会乐趣每款游戏实例均提供详细的设计思路、关键技术分析以及具体的解决步骤方案。

代码通用性强本书提供全部的案例源代码,这些代码均适用于一般的游戏设计与开发,通用性强,为读者后续的游戏设计与开发提供便利突出重点,强化理解本书结合作者多年的教学经验,针对教学要求和学生特点,突出重点、深入分析,同时在内容方面全面兼顾知识的系统化要求。

04精彩推荐微信小程序游戏开发│猜数字小游戏(附源码+视频)Flink编程基础│Scala编程初级实践Flink编程基础│FlinkCEP编程实践Flink编程基础│DataStream API编程实践

Flink编程基础│DataSet API编程实践数据分析实战│客户价值分析数据分析实战│价格预测挑战数据分析实战│时间序列预测数据分析实战│KaggleTitanic生存预测

亲爱的读者们,感谢您花时间阅读本文。如果您对本文有任何疑问或建议,请随时联系我。我非常乐意与您交流。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。