项目1 走进Animate动画设计 1
情景描述 1
学习目标 1
任务1.1 认识Animate 动画 2
1．动画的概念与原理 2
2．动画的分类 2
3．Animate 动画的特点和应用领域 4
4．Animate 动画的平台类型和文件格式 6
5．Animate 动画的制作流程 7
任务1.2 认识Animate 2021工作界面 8
1．菜单栏 8
2．工具箱 9
3．场景 10
4．“时间轴”面板 11
5．常用面板 13
任务1.3 合成“雪花飘落”动画 14
任务描述 14
知识准备 14
1．新建文件 15
2．打开和导入文件 16
3．调整文件属性 17
4．使用辅助工具 19
5．使用图层 20
任务实施 21
1．新建文件并调整舞台颜色 21
2．拷贝、粘贴图层并导入素材 22
3．调整帧速率并剪切素材 23
4．调整图层堆叠顺序 24
5．保存与关闭文件 25
课堂练习 合成大象行走动画 25
综合实战 合成“宇宙飞船”动画 26
课后练习 合成“童趣森林”动画 28
项目2 绘制与编辑图形 29
情景描述 29
学习目标 29
任务2.1 绘制卡通动物 30
任务描述 30
知识准备 30
1．线条工具 31
2．铅笔工具 32
3．画笔工具 32
4．钢笔工具组 32
5．选择工具组 33
6．橡皮擦工具 34
7．宽度工具和墨水瓶工具 34
任务实施 35
1．绘制卡通动物的头部 35
2．绘制卡通动物的身体 36
3．调整卡通动物的绘制效果 37
课堂练习 绘制卡通书本 38
任务2.2 绘制植物App界面图标 39
任务描述 39
知识准备 39
1．形状工具组 40
2．传统画笔工具和流畅画笔工具 41
3．填充工具组 42
4．“颜色”面板和“样本”面板 42
5．渐变变形工具 44
任务实施 45
1．绘制树木图形 45
2．绘制树冠的阴影和高光 45
3．绘制装饰和底托图形 47
课堂练习 绘制办公App界面图标 48
任务2.3 制作公园儿童活动区动画场景 48
任务描述 49
知识准备 49
1．修饰图形 49
2．变形图形 51
3．合并、组合和分离图形 52
4．排列与对齐图形 53
5．美化图形 53
任务实施 55
1．变形蓝天、云彩和草坪图形 55
2．组合、排列与对齐设施图形 55
3．修饰与制作树木图形 56
4．美化蓝天和云彩图形 57
课堂练习 制作客厅动画的场景 57
综合实战 绘制原始人益智游戏启动
图标 58
课后练习 制作“交通安全提示”动画
场景 60
项目3 添加文本、声音和视频 61
情景描述 61
学习目标 61
任务3.1 制作“百亿补贴”动态
胶囊Banner 62
任务描述 62
知识准备 62
1．文本工具 63
2．文本工具的“属性”面板 63
3．变形文本 65
4．填充与描边文本 66
任务实施 66
1．添加文本 66
2．编辑文本的属性 67
3．制作渐变和描边文本 68
4．制作变形文本 69
课堂练习 制作网店促销动态胶囊
Banner 69
任务3.2 为购物节广告动画添加声音 70
任务描述 70
知识准备 71
1．声音的格式 71
2．添加声音 71
3．声音的表现方式 72
4．编辑声音 72
任务实施 76
1．添加背景声音 76
2．调整背景声音的持续时间和音量 77
3．设置声音的淡入淡出效果和属性 77
课堂练习 为家装节广告动画添加声音 78
任务3.3 为中秋节电子贺卡添加视频 79
任务描述 79
知识准备 80
1．视频的格式 80
2．导入视频 80
任务实施 83
1．制作电子贺卡背景 83
2．添加中秋节视频 84
课堂练习 为生日电子贺卡添加视频 85
综合实战 制作国庆节促销广告动画 85
课后练习 制作“喜迎国庆”电子贺卡 88
项目4 应用帧、库、元件与实例 89
情景描述 89
学习目标 89
任务4.1 制作星星闪烁动画 90
任务描述 90
知识准备 90
1．插入和编辑帧 91
2．使用“库”面板 92
任务实施 93
1．导入素材和外部库 93
2．创建布局场景所需的关键帧 94
3．编辑帧以制作闪烁星星 94
课堂练习 制作倒计时动画 96
任务4.2 制作“优惠券”动态标签 96
任务描述 96
知识准备 97
1．元件的类型 97
2．创建与转换元件 98
3．编辑元件 98
4．创建与编辑实例 98
任务实施 99
1．应用按钮元件制作领取按钮 99
2．应用影片编辑元件制作变色框 100
3．应用图形元件制作标签主体 100
4．创建与编辑实例以布局画面 101
课堂练习 制作“欢迎选购”动态标签 102
综合实战 制作校规大讲堂动画 102
课后练习 制作“新品上市”动态标签 104
项目5 制作逐帧动画和补间动画 105
情景描述 105
学习目标 105
任务5.1 制作《江楼有感》古诗词动画 106
任务描述 106
知识准备 106
1．逐帧动画的原理 107
2．创建逐帧动画 107
任务实施 109
1．制作波光粼粼效果的逐帧动画 109
2．设置边框图像的属性 110
3．制作逐字出现的动态效果 110
课堂练习 制作《秋思》古诗词动画 112
任务5.2 制作网页加载动效 113
任务描述 113
知识准备 114
1．补间动画的原理和类型 114
2．创建与编辑补间形状动画 114
3．创建与编辑传统补间动画 116
4．创建与编辑补间动画 116
任务实施 119
1．制作“进度条变色”补间动画 119
2．制作“轮船行驶”传统补间动画 120
3．制作“海鸥飞行”补间动画 121
4．制作“云彩漂浮”传统补间动画 123
5．应用动画预设制作“文本跳动”
动画 124
课堂练习 制作网页启动动效 125
综合实战 制作登录页网页动效 126
课后练习 制作《梅花》古诗词动画 128
项目6 制作引导动画和遮罩动画 129
情景描述 129
学习目标 129
任务6.1 制作护肤品动态Banner 130
任务描述 130
知识准备 131
1．引导动画原理 131
2．引导层的种类 131
3．创建引导动画 132
4．引导动画的“属性”面板 132
任务实施 133
1．制作Banner的静态效果 133
2．制作水面和护肤品的漂移效果 134
3．创建引导层并绘制路径 134
4．制作水珠进出场引导动画 135
5．制作水珠盘旋引导动画 138
课堂练习 制作洗衣机动态Banner 140
任务6.2 制作企业招聘动态海报 140
任务描述 141
知识准备 141
1．遮罩动画原理 142
2．创建遮罩动画 142
3．编辑和取消遮罩动画 142
4．遮罩动画的注意事项 143
任务实施 143
1．制作变形效果的遮罩动画 143
2．制作跳跃式效果的遮罩动画 145
3．制作掉落效果的遮罩动画 146
课堂练习 制作“猫咪艺术展”动态海报 148
综合实战 制作粮油促销动态Banner 148
课后练习 制作“立冬”节气动态海报 151
项目7 制作摄像头动画和骨骼动画 152
情景描述 152
学习目标 152
任务7.1 制作《城市风光》节目片头
动画 153
任务描述 153
知识准备 154
1．摄像头动画的原理 154
2．添加摄像头 154
3．编辑摄像头 155
4．“图层深度”面板 156
任务实施 157
1．制作城市景观的动画效果 157
2．添加与设置摄像头 157
3．设置图层深度 159
课堂练习 制作《遗落之船》节目片头动画 161
任务7.2 制作团队风采MG 动画 161
任务描述 161
知识准备 162
1．骨骼动画原理 162
2．添加骨骼 162
3．编辑骨骼 164
4．创建骨骼动画 164
5．骨骼动画的“属性”面板 165
任务实施 165
1．为绿植制作骨骼动画 165
2．为人物制作骨骼动画 166
课堂练习 制作钓鱼MG 动画 167
综合实战 制作《航空驿站》节目片头
动画 168
课后练习 制作旅游宣传MG 动画 171
项目8 制作交互动画 172
情景描述 172
学习目标 172
任务8.1 制作电子菜单交互动画 173
任务描述 173
知识准备 174
1．ActionScript 与JavaScript 174
2．交互动画的基础要素 174
3．“动作”面板 177
4．“代码片断”面板 178
任务实施 178
1．制作菜单页面 178
2．制作控制按钮 180
3．为控制按钮制作交互效果 181
课堂练习 制作动态风景相册 183
任务8.2 制作抽奖转盘交互动画 183
任务描述 183
知识准备 184
1．事件 184
2．播放和停止动画 185
3．鼠标指针跟随动画 186
任务实施 186
1．制作抽奖转盘的转动效果 186
2．制作鼠标控制动画播放和停止
的效果 187
3．制作鼠标指针跟随效果 188
课堂练习 制作风车转动交互动画 189
综合实战 制作“趣味问答”交互动画 189
课后练习 制作课件交互动画 192
项目9 测试和发布动画 193
情景描述 193
学习目标 193
任务9.1 测试和优化卡车行驶动画 194
任务描述 194
知识准备 194
1．测试动画 194
2．优化动画 195
任务实施 196
1．测试动画效果 196
2．优化动画效果 197
课堂练习 测试和优化“雪夜”网页加载
动画 198
项目10 商业设计案例 207
情景描述 207
案例展示 207
任务10.1 “ 北极熊”动态表情设计 208
案例背景及要求 208
案例分析及制作 208
任务10.2 “阅元素”App启动动效
设计 211
案例背景及要求 211
案例分析及制作 212
任务10.3 茶叶动态网页Banner设计 215
案例背景及要求 215
案例分析及制作 216
任务10.4 “几何艺术展”动态海报
设计 219
案例背景及要求 219
案例分析及制作 219
任务10.5 促销活动弹窗广告设计 222
案例背景及要求 222
案例分析及制作 223
任务10.6 “影幕千秋”节目片头动画
设计 226
案例背景及要求 226
案例分析及制作 227
任务10.7 “科幻城市”MG 动画设计 230
案例背景及要求 230
案例分析及制作 230
任务10.8 “爱俪包”拉杆箱H5动画
设计 233
案例背景及要求 233
案例分析及制作 234
任务9.2 发布和导出网页启动动效 199
任务描述 199
知识准备 199
1．发布设置 199
2．导出动画 200
任务实施 202
1．设置网页启动动效的发布格式 202
2．将网页启动动效导出为视频 203
课堂练习 发布和导出护肤品动态Banner 203
综合实战 测试和发布鞋子
动态Banner 204
课后练习 测试和发布网页横幅动画 206
附录1 拓展案例 238
附录2 设计师的自我修炼 238