Illustrator设计与实训孔宪君蒋斌第9-11章节幻灯片第9章节图层动画.ppt

第9章 图层动画 本 章 内 容 1. Illustrator设计动画 2. 动画设计原理 1. Illustrator设计动画 由于Illustrator图形绘制和编辑功能较强，绘图操作便捷，对于以逐帧图案播放的数字动画制作，可以利用该软件设计动画的原型图案，即在Illustrator中设计动画图案，以及多组图片帧，然后导出到动画编辑软件如Flash实现动画编辑和播放。 1. Illustrator设计动画 首先应绘制基本图形 1. Illustrator设计动画 分别在不同图层绘制动作分解画面，这些不同图层的画面将在以后动画播放时从第一层开始按图层顺序出现。 1. Illustrator设计动画 在“图层”调板的功能菜单中选择“释放到图层（顺序）”，使所有路径图形元素成为子图层。 在通过移动图层，使所有图层成为独立图层。 根据动画需要的对象出现次序调整图层。 1. Illustrator设计动画 执行【文件】|【导出…】命令，在“导出”对话框中设定保存路径、动画文件名，在“保存类型”栏中选择 “Macromedia Flash (＊.SWF)”，保存为Flash播放文件 在弹出“Macromedia Flash (SWF)格式选项”对话框，可以适当设置相应的格式参数，如选择导出文件为“AI到SWF帧”，背景色为淡蓝色，帧速率为12帧／秒。 1. Illustrator设计动画 1. Illustrator设计动画 在Flash环境下激活生成的SWF文件就看到设定的动画。 1. Illustrator设计动画 在上述动画文件编辑完成后，生成的SWF可以直接导入Flash进行编辑， 在Flash中可以进行每一帧的编辑。 2.动画设计原理 动画是将静止的画面变为动态的艺术，实现由静止到动态。现在通常的动画所指的是由许多帧静止的画面，以一定的速度（如每秒16张）连续播放时，肉眼因视觉残象产生错觉，而误以为画面活动的作品。 2.动画设计原理 动画画面的制作方式，最常见的是手绘在纸张或赛璐珞片上，其他的方式还包含了黏土、模型、纸偶、沙画等。现在人们利用电脑设计动画，直接在电脑上绘制出动画，或者是在动画制作过程中使用电脑进行加工。 动画制作是一项非常繁琐的工作，分工极为细致。通常分为制前、制作、制后等。制前又包括了企划、作品设定、资金募集等；制作包括了分镜、原画、动画、上色、背景作画、摄影、配音、录音等；制后包括合成、剪接、试映等。 动画原型设计是一个重要的环节，它通常被称为“关键帧”，动画序列画面由此展开动作，或以此为动作原型。 3. 案例设计——卡通动画 卡通动画制作 1）绘制动画原型。这里根据动画的主题绘制原型图案，也就是关键帧 。 卡通动画制作 2）按动作部位分解。这里根据动画的动作涉及的部位，将图形分解为不同的形体单元，并分别将各动作部位图形编组，以便于后面的动作设计。 卡通动画制作 3）将形体单元设置为画笔样本。将构成图形的不同动作形体单元分别设置为画笔样本，注意可以直接拖到画笔样调板，画笔类型应选择“艺术画笔” 。 卡通动画制作 4）绘制分解路径。新建图层，使用钢笔工具针对图形的不同形体单元绘制路径，根据动作安排需要，脚应设置两段路径，三个节点，其他部位都作为整体运动，只绘制一条直线路径即可。 5）应用画笔样本到相应路径。将前面设置的各形体部分画笔样本分别应用到相关路径，必要时要做适当调整形成动画初始图形，以便于后面动画动作的编辑。 卡通动画制作 6）复制多个动作图层。这里应考虑好动画动作的分解步数，一般应是分解的越细步数越多，形成的动画的动作越连贯逼真，根据需要分解的动作，复制相应数量的图层，然后分别通过路径调整编辑各图层的动作。这里只用于说明问题，设置了四步分解动作，并通过调整各图层路径的形态实现卡通的动作调整。 7）对各个图样图层分别通过路径节点调整，形成动作序列。 卡通动画制作 8）导出为“SWF”文件。分解动作设计完成后，已经在不同的图层记录了动画的过程轨迹，现在可以执行【文件】|【导出】命令，选择保留为SWF文件。在弹出的格式选项对话框中，选择导出目标为“AI图层到SWF帧”，动画的“帧速率”可适当设置，本例设置为10帧/秒，并选择动画播放方式为“循环”。 4 课后作业 作业1 笑脸 作业2 ：七巧板 七巧板的制作方法 先利用规则图形工具和路径查找器完成图片原型的设计，这里应注意把正方形分割时各部分图形适当比例和大小，可利用绘图网格作为辅助。 本 章 小 结 本章叙述了使用Illustrator CS2图层动画的设计和导出，这是Illustrator CS的一个有用的新功能，但通常在Illustrator中主要任务是设计动画原型，为相应的动画设计工具提供动画的原型图或关键帧，这里