Animate动画设计与制作实例教程-电子贺卡
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
命令，然后选择“被引导”。
2.1.4引导路径动画
1、实例练习——蜻蜓飞上荷花
2、实例练习——动态导航按钮
2.1.5遮罩动画
遮罩层相当于一个窗口，窗口的范围是遮罩层图形的边缘勾勒的范围，被遮罩的图 层只能在该区域内显示。如果被遮罩的图层中图形不够大，无法占满遮罩层中的所有空 间时，将用背景色填充。
中的渐变色、颜色和线条等。因此，在遮罩层中任何填充区域都是完全透明的，而任何非填 充区域都是不透明的。
（4）在“时间轴”面板中用鼠标右键单击创建的遮罩层，然后从弹出的快捷菜单中单击 “遮罩层”，该层将转换为“遮罩层”，用一个遮罩层图标来表示，如图所示。
2.1.5遮罩动画
2、添加多个被遮罩层的方法 （1）将现有的图层直接拖到遮罩层下面，如图
2.2.4相关知识和技能点 “变形面板”的使用，在制作图形元件时应综合使用各种绘图工具。影片剪辑元件
的制作，按钮的制作，动作补间动画的制作。
2.3任务二------制作端午节贺卡
2.3.1案例效果分析
本案例设计的是端午节贺卡，画面以绿色为主，将翠竹、粽叶和粽子等端午节特 有的元素应用到动画中。整个动画轻悠、流畅，配上好听的音乐，给人一种美的享受， 如图所示。
渡效果。设置不同的Alpha值，制作动作补间动画。属性面板和变形面板的使用，脚本的编 写，实现动画播放的控制。使用文字动画制作“点上生日蜡烛”文字效果。
2.1.2动作补间动画
在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、 位置、透明度等，Animate CC根据二者之间的帧的值创建的动画被称为动作补间动画。
1、创建动作补间动画的两种方法 （1）在时间轴面板上动画开始播放的地方创
建或选择一个关键帧并设置一个对象，一帧中只 能放一个项目，在动画要结束的地方创建或选择 一个关键帧并设置该对象的属性，再单击开始帧， 在“属性”面板上单击“补间”旁边的“小三 角”。在弹出的菜单中选择“动画”选项，即可 创建动作补间动画。
2.4.1动画前期创意与策划
1、制作动画的目的与主题 主题主要通过四叶草来传达友情的内涵，再配 以音乐烘托主题，效果如图所示。
2、动画整体风格设计 动画主体风格比较舒缓柔美，随着轻柔的音乐，
一句句的友情文字带给我们对友情的美好向往。
3、素材收集与处理 收集四叶草植物，动的植物组合，动态气泡，半透明渐变圆（自己制作）；图片素材
1、创建形状补间动画的具体操作方法 （1）在时间轴面板上动画开始播放的地方绘
制动画的初始形状，在动画结束处插入空白关键 帧，绘制动画的结速图形。
（2）单击开始帧，在“属性”面板上单击 “补间”旁边的小三角，在弹出的下拉菜单中选 择“形状”，此时，时间轴面板的背景色变为淡 绿色，在起始帧和结束帧之间有一个长长的箭头， 如图所示。
电子贺卡
• 电子贺卡是人们通过网络传递信息和交流情感的一种方式。要想制作出生动的邀请 卡、祝福卡、生日卡、友情卡、新年贺卡等动画作品，就必须掌握4种Animate动画 的制作方法。
通过本章,你应该掌握:
• 逐帧动画 • 动作补间动画 • 形状补间动画 • 引导路径动画 • 遮罩动画 • 端午节贺卡、生日贺卡、友情贺卡制作
实例练习——制作一个简单的万花筒效果
2.1.3 形状补间动画
在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状， Animate根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画” 。
2、形状补间动画“属性”面板参数 (1)“缓动”选项 设置物体的加速减速运动，和动作补间动画参数相同。 (2)“混合”选项 “角形”选项,创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直 线的混合形状。 “分布式”选项，创建的动画中间形状比较平滑和不规则，形状变化得更加自然。
(2)选择要创建动画的第1个关键帧，单击右 键，在弹出的菜单中选择“创建补间动画”，Ani mate将自动创建动作补间动画。
实例练习——蜜蜂采蜜
2.1.2动作补间动画
在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、 位置、透明度等，Animate CC根据二者之间的帧的值创建的动画被称为动作补间动画。
2、实例练习——卷轴画
2.2任务一-----制作春节贺卡
2.2.1案例效果分析 作品以红色为主色调，配上节日的代表物灯笼和金牛，鼠标滑过金牛呈现“牛年行大运
”图片，4个福字转动出拜年的“吉祥语”，突出体现了节日热闹祥和的气氛，如图所示。
2.2.2设计思路 1. 制作影片剪辑元件“福字动”和“金牛微动”。 2. 制作4个“福字”按钮和“金牛”按钮。 3. 制作灯笼和影片剪辑元件“穂动”。 4. 制作底图和祥云效果。
倒计时
2.1.1逐帧动画
1）运用绘图纸功能编辑图形 。 使用“时间轴”面板中提供的绘图纸功能，可以在编辑动画的同时查看多个帧中的动画
内容。如下图所示，这是使用绘图纸功能后的场景。在制作逐帧动画时，利用该功能可以对 各关键帧中图形的大小和位置进行更好的定位，并可参考相仿关键帧中的图形，对当前帧中 的图形进行修改和调整。
2） “绘图纸”各个按钮的功能如下： 【绘图纸外观】按钮：按下此按钮后，在时间轴的上方，出现绘图纸外观标记。拉动外观 标记的两端，可以扩大或缩小显示范围。 【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失， 特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 【编辑多个帧】按钮：按下此按钮后可以显示全部帧内容，并且可以进行“多帧同时编 辑”。 【修改标记】按钮：按下此按钮后，弹出下拉菜单.
2.1
动画
2.1.1逐帧动画
1、逐帧动画制作
将动画中的每一帧都设置为关键帧，在每 一个关键帧中创建不同的内容，就成为逐帧动 画。将这些静态图片快速连续播放形成动画， 可以灵活地表现丰富多变的动画效果，最适于 图像在每一帧中都需要发生变化的复杂动画。
实例练习——制作倒计时
实例描述：通过使用逐帧动画，模拟数字倒数计 时的效果。数字由10变到1。
2.1.4引导路径动画
3、将图层与运动引导层链接起来 （1）将现有图层拖到运动引导层的下面。该图层在运动引导层下面以缩进形式显示。
该图层上的所有对象自动与运动路径对齐。 （2）在运动引导层下面创建一个新图层。在该图层上补间动画的对象会自动沿着运
动路径运动。 （3）在运动引导层下面选择一个图层，然后选择“修改”>“时间轴”>“图层属性”
3、使用形状提示 （1）单击开始关键帧，执行“修改”>“形状”>“添加形状提示”命令，该帧的形状里 面就会增加一个带字母的红色圆圈（一般第一个提示是字母“a”），相应地，在结束帧形状 中也会出现一个一模一样的红色圆圈。 （2）在不同的关键帧中，用鼠标左键单击并分别按住这两个“提示圆圈”，拖放到适当 位置，如果使用形状提示成功后，开始帧上的“提示圆圈”将变为黄色，结束帧上的“提示 圆圈”会变为绿色。安放不成功或者它们不在一条曲线上时，“提示圆圈”颜色将保持不变。 （3）删除所有的形状提示，可执行“修改”>“形状”>“删除所有提示”命令，删除单 个形状提示，可用鼠标右键单击它，在弹出菜单中选择“删除提示”。
，背景图片，音乐素材。
2.4实训项目-------制作校园文化节会徽
2.4.2 实训要求 • 背景的设定，通过静的背景和动的四叶草植物组合，以及一些动的装饰元件（如动
态气泡，渐变半圆，动态星星）的添加，使背景更有生气，友情卡的内容更丰富。 • 祝福语的文本动画的设定。主要通过四叶草引出文本，文本逐渐出现。 • 按钮、音乐的添加。
2.5课外拓展---制作生日贺卡
2.5.1制作效果（图） 本实例设计的是生日贺卡，动画一开始显示
逐渐放大的转场效果和从空中掉下来的生日蛋 糕和燃烧的火柴，然后点上蜡烛，紧接着是音 乐、鲜花、闪烁的星星、心形气球和祝福语,如 图所示。
2.5.2知识要点 利用外部库的素材元件，文本和影片剪辑应用发光滤镜，形状补间动画的创建制作过
层1”，并单击该鼠标右键，然后从弹出的快捷菜单中选择“引导层”命令，这时 “图层1”将被转换为普通引导层。
（2）选择“插入”>“图层”命令，新建一个“图层2”。 （3）选择“插入”>“运动引导层”命令，在“图层2”上会添加了一个运动引导 层。或直接单击时间轴下方的“添加运动引导层” 按钮来添加运动引导层。
2.1.3 形状补间动画
实例练习——字母E变为F
2.1.4引导路径动画
将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画 形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。
1、引导层的种类
（1）普通引导层 （2）运动引导层
2、创建引导路径动画的方法 （1）选择菜单“文件”>“新建”命令，新建一个文档，选择系统自动创建的“图
1、创建遮罩的方法 （1）选择或创建一个图层作为被遮罩层，在该图层中应包含将出现在遮罩中的对象。在
被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字、线条等元素。 （2）选择该图层，然后执行“插入”>“图层”命令，在被遮罩层上面再创建一个新图
层，该图层将作为遮罩层。 （3）在遮罩层上创建填充形状、文字、元件、影片剪辑、图形、位图等元素，会忽略其
2、动作补间动画参数设置 （1）缓动：设置物体的加速减速运动。 （2）编辑：可以自定义物体的缓冲效果。 （3）旋转：让物体进行旋转。 （4）调整到路径：此功能主要用于引导层动画
中，可将物体调整到引导路径上。
实例练习——足球运动
2.1.3 形状补间动画
在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个 形状，Animate根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”.
所示。 （2）在遮罩层下面的任何地方创建一个新图层。 （3）选择“修改”>“、断开 （1）拖拽该图层到遮罩层的上面。 （2）选择“修改”>“时间轴”>“图层属性”命令，然
后选择“一般”作为图层类型，如图所示。
2.1.5遮罩动画
1、实例练习——制作遮罩动画
2.3.2设计思路 • 背景、边框、图框制作。 • 翠竹、涟漪、星星制作。 • 粽子补间动画制作。 • 文本动画制作。 • 插入背景音乐。 • 添加脚本。
2.2.4相关知识和技能点 应用形状补间动画制作画面过渡效果，使用动作补间动画创建文本动画，图层的使用。
2.4实训项目-------制作友情贺卡
2.1.4引导路径动画
1、实例练习——蜻蜓飞上荷花
2、实例练习——动态导航按钮
2.1.5遮罩动画
遮罩层相当于一个窗口，窗口的范围是遮罩层图形的边缘勾勒的范围，被遮罩的图 层只能在该区域内显示。如果被遮罩的图层中图形不够大，无法占满遮罩层中的所有空 间时，将用背景色填充。
中的渐变色、颜色和线条等。因此，在遮罩层中任何填充区域都是完全透明的，而任何非填 充区域都是不透明的。
（4）在“时间轴”面板中用鼠标右键单击创建的遮罩层，然后从弹出的快捷菜单中单击 “遮罩层”，该层将转换为“遮罩层”，用一个遮罩层图标来表示，如图所示。
2.1.5遮罩动画
2、添加多个被遮罩层的方法 （1）将现有的图层直接拖到遮罩层下面，如图
2.2.4相关知识和技能点 “变形面板”的使用，在制作图形元件时应综合使用各种绘图工具。影片剪辑元件
的制作，按钮的制作，动作补间动画的制作。
2.3任务二------制作端午节贺卡
2.3.1案例效果分析
本案例设计的是端午节贺卡，画面以绿色为主，将翠竹、粽叶和粽子等端午节特 有的元素应用到动画中。整个动画轻悠、流畅，配上好听的音乐，给人一种美的享受， 如图所示。
渡效果。设置不同的Alpha值，制作动作补间动画。属性面板和变形面板的使用，脚本的编 写，实现动画播放的控制。使用文字动画制作“点上生日蜡烛”文字效果。
2.1.2动作补间动画
在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、 位置、透明度等，Animate CC根据二者之间的帧的值创建的动画被称为动作补间动画。
1、创建动作补间动画的两种方法 （1）在时间轴面板上动画开始播放的地方创
建或选择一个关键帧并设置一个对象，一帧中只 能放一个项目，在动画要结束的地方创建或选择 一个关键帧并设置该对象的属性，再单击开始帧， 在“属性”面板上单击“补间”旁边的“小三 角”。在弹出的菜单中选择“动画”选项，即可 创建动作补间动画。
2.4.1动画前期创意与策划
1、制作动画的目的与主题 主题主要通过四叶草来传达友情的内涵，再配 以音乐烘托主题，效果如图所示。
2、动画整体风格设计 动画主体风格比较舒缓柔美，随着轻柔的音乐，
一句句的友情文字带给我们对友情的美好向往。
3、素材收集与处理 收集四叶草植物，动的植物组合，动态气泡，半透明渐变圆（自己制作）；图片素材
1、创建形状补间动画的具体操作方法 （1）在时间轴面板上动画开始播放的地方绘
制动画的初始形状，在动画结束处插入空白关键 帧，绘制动画的结速图形。
（2）单击开始帧，在“属性”面板上单击 “补间”旁边的小三角，在弹出的下拉菜单中选 择“形状”，此时，时间轴面板的背景色变为淡 绿色，在起始帧和结束帧之间有一个长长的箭头， 如图所示。
电子贺卡
• 电子贺卡是人们通过网络传递信息和交流情感的一种方式。要想制作出生动的邀请 卡、祝福卡、生日卡、友情卡、新年贺卡等动画作品，就必须掌握4种Animate动画 的制作方法。
通过本章,你应该掌握:
• 逐帧动画 • 动作补间动画 • 形状补间动画 • 引导路径动画 • 遮罩动画 • 端午节贺卡、生日贺卡、友情贺卡制作
实例练习——制作一个简单的万花筒效果
2.1.3 形状补间动画
在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状， Animate根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画” 。
2、形状补间动画“属性”面板参数 (1)“缓动”选项 设置物体的加速减速运动，和动作补间动画参数相同。 (2)“混合”选项 “角形”选项,创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直 线的混合形状。 “分布式”选项，创建的动画中间形状比较平滑和不规则，形状变化得更加自然。
(2)选择要创建动画的第1个关键帧，单击右 键，在弹出的菜单中选择“创建补间动画”，Ani mate将自动创建动作补间动画。
实例练习——蜜蜂采蜜
2.1.2动作补间动画
在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、 位置、透明度等，Animate CC根据二者之间的帧的值创建的动画被称为动作补间动画。
2、实例练习——卷轴画
2.2任务一-----制作春节贺卡
2.2.1案例效果分析 作品以红色为主色调，配上节日的代表物灯笼和金牛，鼠标滑过金牛呈现“牛年行大运
”图片，4个福字转动出拜年的“吉祥语”，突出体现了节日热闹祥和的气氛，如图所示。
2.2.2设计思路 1. 制作影片剪辑元件“福字动”和“金牛微动”。 2. 制作4个“福字”按钮和“金牛”按钮。 3. 制作灯笼和影片剪辑元件“穂动”。 4. 制作底图和祥云效果。
倒计时
2.1.1逐帧动画
1）运用绘图纸功能编辑图形 。 使用“时间轴”面板中提供的绘图纸功能，可以在编辑动画的同时查看多个帧中的动画
内容。如下图所示，这是使用绘图纸功能后的场景。在制作逐帧动画时，利用该功能可以对 各关键帧中图形的大小和位置进行更好的定位，并可参考相仿关键帧中的图形，对当前帧中 的图形进行修改和调整。
2） “绘图纸”各个按钮的功能如下： 【绘图纸外观】按钮：按下此按钮后，在时间轴的上方，出现绘图纸外观标记。拉动外观 标记的两端，可以扩大或缩小显示范围。 【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失， 特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 【编辑多个帧】按钮：按下此按钮后可以显示全部帧内容，并且可以进行“多帧同时编 辑”。 【修改标记】按钮：按下此按钮后，弹出下拉菜单.
2.1
动画
2.1.1逐帧动画
1、逐帧动画制作
将动画中的每一帧都设置为关键帧，在每 一个关键帧中创建不同的内容，就成为逐帧动 画。将这些静态图片快速连续播放形成动画， 可以灵活地表现丰富多变的动画效果，最适于 图像在每一帧中都需要发生变化的复杂动画。
实例练习——制作倒计时
实例描述：通过使用逐帧动画，模拟数字倒数计 时的效果。数字由10变到1。
2.1.4引导路径动画
3、将图层与运动引导层链接起来 （1）将现有图层拖到运动引导层的下面。该图层在运动引导层下面以缩进形式显示。
该图层上的所有对象自动与运动路径对齐。 （2）在运动引导层下面创建一个新图层。在该图层上补间动画的对象会自动沿着运
动路径运动。 （3）在运动引导层下面选择一个图层，然后选择“修改”>“时间轴”>“图层属性”
3、使用形状提示 （1）单击开始关键帧，执行“修改”>“形状”>“添加形状提示”命令，该帧的形状里 面就会增加一个带字母的红色圆圈（一般第一个提示是字母“a”），相应地，在结束帧形状 中也会出现一个一模一样的红色圆圈。 （2）在不同的关键帧中，用鼠标左键单击并分别按住这两个“提示圆圈”，拖放到适当 位置，如果使用形状提示成功后，开始帧上的“提示圆圈”将变为黄色，结束帧上的“提示 圆圈”会变为绿色。安放不成功或者它们不在一条曲线上时，“提示圆圈”颜色将保持不变。 （3）删除所有的形状提示，可执行“修改”>“形状”>“删除所有提示”命令，删除单 个形状提示，可用鼠标右键单击它，在弹出菜单中选择“删除提示”。
，背景图片，音乐素材。
2.4实训项目-------制作校园文化节会徽
2.4.2 实训要求 • 背景的设定，通过静的背景和动的四叶草植物组合，以及一些动的装饰元件（如动
态气泡，渐变半圆，动态星星）的添加，使背景更有生气，友情卡的内容更丰富。 • 祝福语的文本动画的设定。主要通过四叶草引出文本，文本逐渐出现。 • 按钮、音乐的添加。
2.5课外拓展---制作生日贺卡
2.5.1制作效果（图） 本实例设计的是生日贺卡，动画一开始显示
逐渐放大的转场效果和从空中掉下来的生日蛋 糕和燃烧的火柴，然后点上蜡烛，紧接着是音 乐、鲜花、闪烁的星星、心形气球和祝福语,如 图所示。
2.5.2知识要点 利用外部库的素材元件，文本和影片剪辑应用发光滤镜，形状补间动画的创建制作过
层1”，并单击该鼠标右键，然后从弹出的快捷菜单中选择“引导层”命令，这时 “图层1”将被转换为普通引导层。
（2）选择“插入”>“图层”命令，新建一个“图层2”。 （3）选择“插入”>“运动引导层”命令，在“图层2”上会添加了一个运动引导 层。或直接单击时间轴下方的“添加运动引导层” 按钮来添加运动引导层。
2.1.3 形状补间动画
实例练习——字母E变为F
2.1.4引导路径动画
将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画 形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。
1、引导层的种类
（1）普通引导层 （2）运动引导层
2、创建引导路径动画的方法 （1）选择菜单“文件”>“新建”命令，新建一个文档，选择系统自动创建的“图
1、创建遮罩的方法 （1）选择或创建一个图层作为被遮罩层，在该图层中应包含将出现在遮罩中的对象。在
被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字、线条等元素。 （2）选择该图层，然后执行“插入”>“图层”命令，在被遮罩层上面再创建一个新图
层，该图层将作为遮罩层。 （3）在遮罩层上创建填充形状、文字、元件、影片剪辑、图形、位图等元素，会忽略其
2、动作补间动画参数设置 （1）缓动：设置物体的加速减速运动。 （2）编辑：可以自定义物体的缓冲效果。 （3）旋转：让物体进行旋转。 （4）调整到路径：此功能主要用于引导层动画
中，可将物体调整到引导路径上。
实例练习——足球运动
2.1.3 形状补间动画
在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个 形状，Animate根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”.
所示。 （2）在遮罩层下面的任何地方创建一个新图层。 （3）选择“修改”>“、断开 （1）拖拽该图层到遮罩层的上面。 （2）选择“修改”>“时间轴”>“图层属性”命令，然
后选择“一般”作为图层类型，如图所示。
2.1.5遮罩动画
1、实例练习——制作遮罩动画
2.3.2设计思路 • 背景、边框、图框制作。 • 翠竹、涟漪、星星制作。 • 粽子补间动画制作。 • 文本动画制作。 • 插入背景音乐。 • 添加脚本。
2.2.4相关知识和技能点 应用形状补间动画制作画面过渡效果，使用动作补间动画创建文本动画，图层的使用。
2.4实训项目-------制作友情贺卡