第1章交互媒体设计概述1

1.1交互设计与交互媒体1

1.1.1交互的概念1

1.1.2什么是交互设计与交互媒体1

1.1.3交互媒体设计研究现状2

1.2交互媒体设计与文化传播3

1.2.1交互媒体设计在中国3

1.2.2情感化设计与用户体验4

1.2.3交互媒体设计中的文化结构层次4

1.3Flash与交互媒体设计5

1.3.1Flash概述5

1.3.2Flash在中国的发展7

1.3.3Flash交互设计的发展趋势11

1.3.4交互媒体设计的7种武器16

1.4本章小结19

第2章Flash CS6快速入门20

2.1Flash动画的基本概念20

2.1.1Flash CS6简介20

2.1.2与Flash动画相关的几个概念21

2.1.3Flash CS6支持的文档格式22

2.2Flash CS6的新增和增强功能简介22

2.2.1Text Layout Framework文本引擎23

2.2.2FLVPlayback实时预览23

2.2.3自动生成Sprite表23

2.2.4导出PNG图像序列25

2.2.5LZMA压缩方法25

2.2.6增强的Flash Builder工作流程25

2.2.7新增HTML 5发布支持25

2.2.8增强的ActionScript编辑器25

2.2.9使用整套的高级绘画工具25[1][2][1][3]2.2.10Adobe AIR发布设置UI27

2.2.11Toolkit for CreateJS扩展27

2.2.12基于对象的动画28

2.3Flash CS6的操作环境28

2.4Flash CS6的基本设置29

2.4.1首选参数面板29

2.4.2设置浮动面板36

2.4.3历史记录面板37

2.4.4设置Flash CS6快捷键37

2.5Flash CS6的基本界面38

2.5.1欢迎界面38

2.5.2软件界面布局40

2.5.3菜单栏40

2.5.4【文档窗口】选项卡42

2.5.5搜索框42

2.5.6编辑栏42

2.5.7工具箱43

2.5.8属性面板43

2.5.9时间轴面板43

2.5.10舞台和工作区45

2.5.11工作区切换器46

2.6Flash动画的一般制作流程46

2.6.1主题策划47

2.6.2素材搜集47

2.6.3动画制作47

2.6.4优化与调试47

2.6.5测试与发布47

2.7本章小结48

第3章图形绘制与图像处理49

3.1Flash的图形格式49

3.1.1位图49

3.1.2矢量图49

3.2矢量图形绘制工具50

3.2.1线条工具50

3.2.2钢笔工具52

3.2.3铅笔工具53

3.2.4椭圆工具54

3.2.5矩形工具55

3.2.6文本工具56

3.3填充图形的工具57

3.3.1刷子工具57

3.3.2墨水瓶工具 58

3.3.3颜料桶工具58

3.3.4渐变变形工具59

3.3.5滴管工具60

3.4编辑图形的工具60

3.4.1选择工具61

3.4.2部分选取工具62

3.4.3套索工具62

3.4.4任意变形工具63

3.4.5橡皮擦工具64

3.5实例制作65

3.5.1绘制规则图形——足球65

3.5.2绘制标志图形——巴西世界杯徽章69

3.5.3绘制动漫人物——火影忍者74

3.5.4绘制游戏兵器——青龙偃月刀77

3.5.5绘制动画场景——夏日海滩81

3.6本章小结85

第4章图层、元件和库资源86

4.1Flash中的图层及其应用86

4.1.1图层的概念86

4.1.2图层的类型87

4.1.3图层的操作与应用88

4.2元件及其应用90

4.2.1元件、实例和库的概念91

4.2.2元件的类型91

4.2.3元件的创建93

4.2.4元件的编辑99

4.2.5复制元件101

4.3创建和编辑元件实例101

4.3.1创建元件实例102

4.3.2交换实例中的元件102

4.3.3更改实例的色彩效果102

4.3.4分离实例和元件104

4.4使用库资源104

4.4.1库面板104

4.4.2内置公用库105

4.4.3外部库资源107

4.4.4共享库资源108

4.5本章小结110

第5章文本的创建与编辑111

5.1Flash CS6文本概述111

5.2文本的创建112

5.2.1创建传统文本112

5.2.2创建TLF文本116

5.3设置传统文本的样式117

5.3.1消除文本锯齿117

5.3.2设置文字属性118

5.3.3设置文本超链接119

5.3.4分离与打散文本120

5.3.5给文本添加滤镜122

5.4TLF文本的编辑123

5.4.1TLF文本的字符属性123

5.4.2TLF文本的段落样式 127

5.4.3使用【容器和流】属性128

5.4.4跨多个容器的流动文本128

5.4.5传统文本与TLF文本之间的转换129

5.5特效文字的制作130

5.5.1制作空心文字130

5.5.2制作荧光文字131

5.5.3制作金属文字132

5.5.4制作雪花文字134

5.5.5制作三维倒影文字135

5.6本章小结137

第6章多媒体对象的嵌入处理138

6.1添加声音对象138

6.1.1Flash中声音的类型138

6.1.2在Flash中导入声音140

6.1.3Flash中声音的使用141

6.2音频对象的编辑145

6.2.1使用【属性】面板145

6.2.2使用【编辑封套】对话框146

6.2.3声音的压缩147

6.2.4实例制作——为Flash动画片头添加背景音乐148

6.3导入视频对象151

6.3.1Flash支持的视频类型151

6.3.2导入视频文件152

6.4视频对象的编辑156

6.4.1使用【属性】面板156

6.4.2使用FLVPlayback组件156

6.4.3实例制作——《都市节奏》158

6.5本章小结163

第7章快速制作简单动画164

7.1用模板快速制作动画164

7.1.1模板的概念164

7.1.2用模板制作动画——《元宵花灯》168

7.1.3用模板制作高级演示文稿——《世界名车欣赏》171

7.1.4用模板制作高级相册——《最美中国》175

7.1.5用【IK曲棍球手范例】制作动画——《行走的钢铁侠》177

7.2用动画预设快速制作动画181

7.2.1动画预设的概念181

7.2.2动画预设的使用方法182

7.2.3制作简单动画——《弹跳的乒乓球》184

7.3用Deco工具快速制作动画186

7.3.1Deco工具简介186

7.3.2Deco工具的使用186

7.3.3用“火焰动画”制作动画——《奥运火炬》188

7.3.4用“粒子系统”制作动画——《看我72变》190

7.4制作逐帧动画192

7.4.1逐帧动画的概念192

7.4.2逐帧动画的时间轴表现形式193

7.4.3逐帧动画制作的方法193

7.4.4制作逐帧动画——《跳跃的松鼠》194

7.4.5制作逐帧动画——《精武风云》195

7.5本章小结199

第8章制作补间动画200

8.1制作补间形状动画200

8.1.1补间形状动画的概念200

8.1.2补间形状动画的制作201

8.1.3使用形状提示完善动画制作201

8.1.4实例制作1——不停旋转的三棱锥202

8.1.5实例制作2——模拟立方体转动的两种方法204

8.2制作传统补间动画210

8.2.1传统补间动画的概念210

8.2.2传统补间动画的创建211

8.2.3传统补间动画属性面板功能选项212

8.2.4实例制作1——电影《变形金刚4》预告片动画212

8.2.5实例制作2——古风动画《挑灯看剑》222

8.3制作基于对象的补间动画233

8.3.1补间动画的概念233

8.3.2补间动画与传统补间动画的区别234

8.3.3补间动画的创建方法234

8.3.4编辑属性关键帧236

8.3.5使用动画编辑器面板238

8.3.6使用动画预设面板238

8.3.7实例制作——射中靶心的箭239

8.4本章小结243

第9章制作引导动画和遮罩动画244

9.1制作引导动画244

9.1.1引导动画的概念244

9.1.2制作引导动画的方法245

9.1.3引导动画制作技巧246

9.1.4实例制作1——飞过城市上空的千纸鹤247

9.1.5实例制作2——纸飞机249

9.1.6实例制作3——公转与自转252

9.2制作遮罩动画259

9.2.1遮罩动画的概念259

9.2.2制作遮罩动画的方法259

9.2.3遮罩动画制作技巧261

9.2.4实例制作1——仿北京奥运开幕式卷轴制作262

9.2.5实例制作2——佛光普照269

9.2.6实例制作3——旋转的地球273

9.3本章小结277

第10章制作脚本动画278

10.1ActionScript编程基础278

10.1.1脚本的概念278

10.1.2ActionScript的版本279

10.1.3认识“动作”面板279

10.1.4AS编程基本术语281

10.1.5程序流程控制289

10.1.6ActionScript程序的编写290

10.2脚本动画实例制作294

10.2.1《石鼓歌》书法碑帖放大镜效果294

10.2.2唐人诗意之一: 《江雪》299

10.2.3唐人诗意之二: 《秋夕》301

10.2.4杏花·烟雨·江南303

10.2.5三维旋转太极八卦图的制作305

10.3本章小结310

第11章Flash动画的测试与发布311

11.1Flash动画的优化311

11.1.1影片优化的必要性311

11.1.2影片的性能优化312

11.2Flash动画的测试319

11.2.1测试影片319

11.2.2测试场景319

11.2.3测试影片下载性能320

11.3Flash动画的发布321

11.3.1发布参数设置321

11.3.2发布预览动画326

11.3.3发布Flash动画327

11.4导出Flash动画327

11.4.1导出影片文件327

11.4.2导出图像文件327

11.5将影片转为桌面程序328

11.5.1使用发布设置命令328

11.5.2使用播放器转换328

11.6本章小结331

第12章交互媒体设计综合案例332

12.1虚拟全景交互动画《中国旅游文化之“兰亭”》332

12.1.1案例背景分析332

12.1.2创意与构思332

12.1.3作品交互结构规划333

12.1.4作品效果截图333

12.1.5片头动画的设计与制作333

12.1.6主界面的设计与制作357

12.1.7二级页面的设计与制作367

12.1.8作品整合与发布391

12.2传统文化交互动画《王羲之书法艺术》394

12.2.1案例背景分析394

12.2.2创意与构思395

12.2.3作品交互结构规划395

12.2.4作品效果截图395

12.2.5片头动画的设计与制作396

12.2.6主界面的设计与制作415

12.2.7二级页面的设计与制作426

12.2.8作品整合与发布447

12.3多媒体教学课件《中国书法》450

12.3.1案例背景分析450

12.3.2创意与构思451

12.3.3课件交互结构规划451

12.3.4作品效果截图452

12.3.5片头动画的设计与制作452

12.3.6课件首页的设计与制作470

12.3.7二级页面场景跳转动画的设计488

12.3.8课件整合与发布508

12.4网站《观澜阁》引导动画及广告条制作511

12.4.1案例背景分析511

12.4.2创意与构思512

12.4.3引导动画与广告条效果截图512

12.4.4片头引导动画的设计与制作514

12.4.5Flash广告条的设计与制作524

12.5多媒体建筑装饰投标演示动画制作——《常州武进区金融大厦》528

12.5.1案例背景分析528

12.5.2投标动画制作流程528

12.5.3片头展示与项目动画效果截图529

12.5.4片头动画的设计与制作531

12.5.5项目动画的设计与制作542

12.5.6动画的合成与发布547

12.6本章小结550

参考文献551