本书是一本全面、系统地讲解动画制作的案例型教程。全书共7章，第1章为动画制作基础知识，第2章为Animate基础知识；第3～6章分别讲解广告动画、演示动画、网页动效、影视包装动画的行业知识和实战案例；第7章为综合案例，帮助读者深入理解不同领域的动画制作需求和应用场景，提升读者的动画制作水平和实际应用能力。 本书由浅入深、直观易懂、理实结合，可作为高等院校、培训机构动画制作类课程的教材，也可作为设计初学者、动画爱好者及相关从业人员的参考书。

1.学习目标+学习引导，轻松指明学习方向。

2.行业知识+实战案例，深入理解行业应用。

3.Animate+AI设计工具，结合科技高效创新。

4.拓展训练+课后练习，巩固并强化UI设计能力。

5.设计思维+技能提升+素养培养，培养高素质专业型人才。

宋麟，博士，武汉大学计算机学院教师。先后在华中师范大学、武汉大学获得理学学士、硕士、工学博士学位。主要从事视频、动画处理与人工智能等课程的教学和研究。在“中国大学MOOC”平台上线的“动画设计与制作”慕课广受好评。已出版《计算机基础》、《计算机基础与实验》、《SAS统计分析与应用》、《多媒体技术》等教学书籍。发表多篇被SCI和EI检索的学术论文。参与多项国家、省部级、武汉市等纵横向项目，并参与多个专利申请。

第 1 章 动画制作基础知识001

1.1　动画制作基础 ...........................002

1.1.1　动画的概念与原理 ...............002

1.1.2　动画的类型 .........................003

1.1.3　动画的风格 .........................007

1.1.4　动画的制作流程 .................008

1.1.5　动画制作的常用工具 ...........009

1.1.6　AI 时代下动画的发展趋势 ....010

1.2　动画的专业术语 ........................　010

1.2.1　分镜和关键帧 ......................010

1.2.2　帧速率 ................................011

1.2.3　角色、静物和场景 ...............011

1.2.4　输出格式 .............................012

1.3　动画的构成元素 ........................　013

1.3.1　位图图像 .............................013

1.3.2　矢量图形 .............................014

1.3.3　色彩 ....................................015

1.3.4　文字 ....................................017

1.3.5　音频 ....................................018

1.3.6　视频 ....................................020

1.4　动画的应用领域 ........................　021

1.4.1　广告宣传 .............................021

1.4.2　动态演示 .............................022

1.4.3　网页动效 .............................022

1.4.4　影视包装 .............................023

1.5　课后练习 .................................023

第　2 章 Animate 基础知识　025

2.1　熟悉 Animate .........................026

2.1.1　Animate 的工作界面 ...........026

2.1.2　Animate 的平台类型 ...........029

2.1.3　Animate 的基本操作 ...........030

2.2　使用图层 .................................033

2.2.1　图层的基本操作 ..................033

2.2.2　调整图层中对象的

堆叠顺序　............................034

2.3　绘制和编辑图形 .......................034

2.3.1　绘制和编辑笔触 ..................035

2.3.2　绘制和编辑填充 ..................036

2.3.3　选择、修饰和变形图形 ........037

2.3.4　合并、组合和分离图形 ........039

2.3.5　对齐图形 .............................040

2.3.6　美化图形 .............................040

2.4　添加文字、音频和视频 ..............　041

2.4.1　添加文字 .............................041

2.4.2　添加音频 .............................042

2.4.3　添加视频 ............................044

2.5　使用帧 ....................................046

2.5.1　帧的类型 .............................046

2.5.2　插入和转换帧 ......................047

2.5.3　编辑帧 ...............................047

2.6　使用元件与实例 .......................048

2.6.1　元件的类型 .........................048

2.6.2　创建与转换元件 ..................048

2.6.3　编辑元件 ............................049

2.6.4　创建与编辑实例 ..................049

2.7　创建动画 .................................050

2.7.1　创建逐帧动画 ......................050

2.7.2　创建补间动画 ......................051

2.7.3　创建遮罩动画 .....................052

2.7.4　创建引导动画 ......................053

2.7.5　创建摄像头动画 ..................054

2.7.6　创建资源变形动画 ..............055

2.7.7　创建骨骼动画 ......................055

2.7.8　创建交互动画 ......................056

2.8　课后练习 .................................057

第　3 章

059　广告动画制作

3.1　行业知识：广告动画基础 ...........　061

3.1.1　广告动画的类型 ..................061

3.1.2　广告动画的设计要点............064

3.2　实战案例：制作露营地宣传广告

动画　.......................................065

3.2.1　导入 AI 和 PNG 文件 ..........066

3.2.2　编辑图层和帧 ......................067

3.2.3　制作场景素材的动画效果 .....068

3.2.4　制作动态装饰框 ..................069

3.2.5　制作文字出场动画 ...............070

3.2.6　设置音频同步方式和编辑

音频封套　.............................071

3.3　实战案例：制作饮品交互广告

动画.......................................072

3.3.1　绘制产品形象 ......................073

3.3.2　制作渐变色背景 ..................075

3.3.3　添加与编辑产品介绍文字 .....075

3.3.4　制作产品卖点转场动画 ........076

3.3.5　绘制室内场景和静物 ...........078

3.3.6　制作按钮元件交互动画 ........079

3.4　拓展训练 .................................080

实训　1 制作优惠活动网页横幅广告

动画　..................................080

实训　2 制作交通安全公益广告

动画　..................................081

3.5　AI 辅助设计 .............................083

网易天音　生成电动牙刷广告曲 ......083

通义万相　获取广告动画角色设计

灵感　..............................084

3.6　课后练习 .................................086

第　4 章 演示动画制作　089

4.1　行业知识：演示动画基础 ...........　091

4.1.1　演示动画的类型 ..................091

4.1.2　演示动画的制作流程 ...........094

4.1.3　演示动画的设计原则 ...........095

4.2　实战案例：制作文具产品演示动画 .......................................096

4.2.1　制作场景 1 动画 ..................098

4.2.2　新增场景 2 并绘制米字格 ....099

4.2.3　添加文字并修改字号和位置....................................100

4.2.4　分离与擦除文字 ..................101

4.2.5　制作书写重点标注动画 ........103

4.2.6　制作场景切换的转场动画 .....104

4.3　实战案例：制作科学现象演示动画 .......................................　105

4.3.1　绘制试管 .............................106

4.3.2　制作试管内液体的热胀动画....................................107

4.3.3　制作试管内液体的冷缩动画....................................109

4.3.4　导入与编辑 GIF 动图...........110

4.4　实战案例：制作生物讲解交互演示

动画　........................................112

4.4.1　制作不同页面内容 ...............113

4.4.2　制作页面跳转效果所需的

按钮元件　.............................114

4.4.3　添加和编辑视频组件 ...........116

4.4.4　制作演示动态效果 ...............116

4.4.5　添加代码制作交互动作 ........118

4.5　拓展训练 .................................　120

实训　1 制作古诗交互演示动画 ......120

实训　2 制作数学概念演示动画 ......121

实训　3 制作行车安全演示动画 ......123

4.6　AI 辅助设计 .............................　125

讯飞智作　生成演示动画配音 ..........125

即梦　AI 生成视频素材 .................126

4.7　课后练习 .................................　127

第　5 章

130　网页动效制作

5.1　行业知识：网页动效基础 ...........　132

5.1.1　网页动效的类型 ..................132

5.1.2　网页动效的创意表现方法 .....136

5.1.3　网页动效的设计规范 ...........138

5.1.4　网页动效的设计流程 ...........138

5.2　实战案例：制作美食网页加载

动效　.......................................　139

5.2.1　绘制加载动效的主体形象 .....140

5.2.2　制作进度读取动效 ...............141

5.2.3　制作对象漂浮动效 ...............143

5.2.4　制作文字位移和数值递增

动效....................................144

5.2.5　制作星星闪烁装饰动效 ........145

5.3　实战案例：制作社交网页视觉反馈

动效　.......................................　147

5.3.1　制作首页画面和装饰动效 .....148

5.3.2　制作摄影画面的骨骼动画 .....150

5.3.3　制作阅读画面的骨骼动画 .....152

5.3.4　制作画面切换动效 ...............153

5.4　拓展训练 .................................　154

实训　1 制作花卉网站开场动效 ......154

实训　2 制作动物园网页连接错误

动效　..................................156

5.5　AI 辅助设计 .............................　158

文心一格　生成图像素材 .................158

图可丽　抠取图像素材 .................159

5.6　课后练习 .................................　160

第　6 章 影视包装动画制作　163

6.1　行业知识：影视包装动画基础 .....　165

6.1.1　影视包装动画的应用场景.....165

6.1.2　影视包装动画的设计原则 .....170

6.2　实战案例：制作益智节目片头动画 .......................................　172

6.2.1　制作画面切换动画 ...............173

6.2.2　制作星星堆砌缩放动画 ........174

6.2.3　美化文本框并制作出场动画....................................175

6.2.4　使用动画预设制作文字出场动画....................................176

6.2.5　绘制放大镜并制作动画 ........178

6.2.6　制作画面结束动画和添加音频....................................179

6.3　实战案例：制作人文节目片尾动画 ........................................181

6.3.1　制作场景图各元素出场动画....................................182

6.3.2　制作滚动字幕动画 ...............184

6.3.3　制作景别切换动画 ...............185

6.3.4　塑造动画立体感 ..................186

6.4　拓展训练 .................................　188

实训　1 制作手工艺节目场景过渡

动画　.................................188

实训　2 制作美食节目花字动画 ......190

6.5　AI 辅助设计 .............................　193

文心一言　获取预告片动画制作

灵感　............................193

MewX　AI 生成艺术字 ..................194

6.6　课后练习 .................................　195

第　7 章 综合案例　198

7.1　电动汽车品牌项目设计 ...............200

7.1.1　制作汽车外部构造产品演示动画....................................200

7.1.2　制作汽车宣传网络广告动画....................................201

7.1.3　制作品牌官网加载动效 ........203

7.2　航空企业项目设计 ....................204

7.2.1　制作优惠活动广告动画 ........204

7.2.2　制作乘机安全演示动画 ........205

7.2.3　制作企业官网启动动效 ........207

7.2.4　制作《航空驿站》特别节目片头动画 .............................208

7.3　环保项目设计...........................209

7.3.1　制作环保公益广告动画 ........209

7.3.2　制作海洋污染教育演示动画....................................211

7.3.3　制作环保节目花字动画 ........212

7.4　传统文化宣传项目设计 ..............　213

7.4.1　制作春节主题的网页横幅广告动画 .............................213

7.4.2　制作春节主题的视觉反馈动效....................................214

7.4.3　制作《华节传颂》宣传片 场景过渡动画　......................215