动漫设计和制作课件

动漫设计与制作动漫设计与制作1

第一章

动漫基础知识

第一章

2

知识点l

传统动画的制作过程l

二维动画l

三维动画知识点3

l

动漫的由来

动画的发展历史悠长，自从有了人类文明以来，透过各种形式图像的记录，已显示出人类潜意识中表现出对物体动作和时间过程的欲望。“动漫”是comic&animation的合意，含有漫画和动画两层含义。

动画是早于电影的一种视觉发明。1820年JohnParis发明。

1928年，WaltDisney电影制片厂首先开始了制造动画片，也叫卡通片。

近代我国也有不少的动画精品涌现，早期的《小蝌蚪找妈妈》、《黑猫警长》、《大闹天宫》，近期的有《宝莲灯》、《西游记》等优秀的作品

1.1动漫概述1.1动漫概述4

动画的定义

动画在英文里是“Animation”，世界上著名的动画艺术家约翰.哈拉斯说：“运动是动画的本质”。目前通常的有两种定义动画的方法：一、动画是一门通过在连续多格胶片上拍摄的一系列单个画面，从而产生运动视觉的技术，这种视觉是通过胶片以一定速度放映的形式而体现出来的。二、动画是一种动态生成一系列相关画面的处理方法，其中的每一帧与前一帧略有不同。

动画的原理

人的眼睛看到某一画面或物体后，在1/24秒内不会消失。动画是通过连续播放一系列画面，给视觉造成连续变化的图画。它的基本原理与电影、电视一样，都是视觉原理。

1.1动漫概述1.1动漫概述5

传统动画的制作过程1.2传统动画

传统动画的制作过程可以分为总体规划、设计制作、具体创作和拍摄制作四个阶段，每一阶段又有若干个步骤。

总体设计阶段

第一步是创作剧本。任何影片生产的第一步都是创作剧本。其次是绘制故事画板。故事画板（storyboard）也即是上面提到的分镜头剧本，它类似连环画的画面。然后是制定摄制表。摄制表是导演编制的整个影片制作的进度规划表，以指导动画创作集体各方人员统一协调地工作。

设计制作阶段

设计音响具体创作阶段

原画创作中间插画制作动作检查誉清和描线着色

传统动画的制作过程1.2传统动画61.2传统动画

拍摄制作阶段

检查是拍摄阶段的第一步。动画片的拍摄使用的设备。编辑是后期制作的一部分。编辑过程主要完成动画各片段的连接、排序、剪辑等。选择音响效果配合动画的动作。

有中国特色的传统动画

剪纸动画水墨动画

1.2传统动画7

l

计算机动画是指采用图形与图像的处理技术,借助于编程或动画制作软件生成一系列的景物画面，其中当前帧是前一帧的部分修改。计算机动画是采用连续播放静止图像的方法产生物体运动的效果。

二维动画

常用二维动画软件：AnimatorStudioFlashRetas

本书中采用就是目前使用最广泛、最容易掌握的Flash-软件

1.3计算机动画1.3计算机动画8Flash作动画的优点

1）操作简单，硬件要求低

2）功能较强，可以综合众多环节在Flash里完成动画

3）在很多方面简化了动画制作难度

Flash也有它的一些局限性

1）用Flash制作较为复杂的动画时感觉到很费力，比如转面动作 2）矢量绘图的局限

Flash作动画的优点Flash也有它的一些局限性9

三维动画

在各类动画当中，最有魅力并运用最广的当属三维动画。二维动画可以看成三维动画的一个分支。三维动画开创于20世纪70年代初期。在各种动画软件中，三维创作软件所占的比重最大，随着视窗操作系统的流行，Autodesk公司推出了3DStudioMAX，由于它是在WindowsNT下运行，并且性能远超过3DStudio，因而迅速成为国内的主流产品。由于其功能强大，并较好的适应了国内PC机用户众多的特点，被广泛运用于三维动画设计、影视广告设计、室内外装饰设计等领域。

10

影视行业

1927年有声电影第一次出现在人们眼前，类似的革命迅速出现在好莱坞的动画领域：米老鼠开始伴随着音乐出现在大屏幕。20世纪90年代，新的动画技术的诞生和风格不同的制作理念的动画电影市场异彩纷呈。《玩具总动员》是历史上第一部全长度由电脑技术制作的3D动画长片。

媒体片头和媒体广告

由于真人演出的电影制作费越来越高，且利用计算机技术可以制作出特殊的艺术效果，所以动画制作上也越显优势，特别是电视广告以及特别节目。

1.4动画的运用影视行业1.4动画的运用11

游戏领域

2019年3D概念进入游戏界的时候，《极品飞车Ⅱ》、《古墓丽影Ⅱ》（图1-15）等三维游戏登上历史舞台，从此实时演算三维游戏有了长足发展。游戏产业是当前一个新的热点和经济增长点。计算机图形学领域取得的成就强化了游戏引擎，推动着游戏向更照片级、真实电影级享受方向发展。

电脑动画辅助教学

随着时代的发展、经济的进步、计算机技术的日益成熟，多媒体课件辅助课堂教学，越来越多的教师从多媒体课件辅助课堂教学中，使用电脑动画辅助教学，借以直观地揭示事物的本质和内在联系，引导学生从感性认识到理性认识，促进学生掌握知识与技能。

1.4动画的运用游戏领域1.4动画的运用12

第二章

“吉娃娃”——卡通整体形象设计第二章

13

知识点l

位图图形与矢量图l

文件格式l

色彩模式l

贝塞尔线l

节点编辑知识点14

实例效果如图2-1所示。

图2-1最终效果

2.1卡通形象设计实例解析实例效果如图2-1所示。2.1卡通形象设计实例解析15

设计创意分析与准备

制作卡通图形上机前，应有一个较为完整设计创意和构想，要注意到卡通图形的趣味性和夸张性，体现不同的创意。当然，在做草稿时，还要注意卡通的造型、线性关系、色彩关系等各种美学要求。然后依据设计的草图和构思选择适合的软件进行操作。

绘制动漫原画

在卡通图形的设计和创作过程中，前期的手绘草稿（也就是通常讲的动漫原画）往往能够快速、直接的记录和反映设计的思路，同时，手绘的动漫原画也可以灵活的修改，当卡通图形草图定稿后，就可以扫描到电脑，作为电脑制作的依据。在实际工作中，这种方式是非常有效的。

设计创意分析与准备16

绘制卡通形象的脸部与着色

卡通娃娃脸蛋上有了可爱的红晕，在将红晕拷贝一个到娃娃右边的脸颊上，将五官选择并去掉黑色的外框，最后卡通娃娃可爱的脸颊就制作好，脸部的成图如图2-55所示。

图2-55完成脸部绘制

绘制卡通形象的脸部与着色17

什么是卡通“卡通”，是英文cartoon的音译，是对于“非真人电影”的最早叫法，最早起源于美国，后流行于全世界。世界各个国家对于动画有着不同的叫法。在美国，人们称之为“卡通”（cartoon）；在日本，人们最初称之为“漫画映画”，后来又称之为“动画”；在中国，除了“动画”的称呼以外，人们还称呼其为“动画片”、“艺术片”。

什么是卡通形象设计

首先，要了解什么是卡通形象？卡通形象就是在漫画（卡通）题材中，有生动、夸张的形式、有鲜明人物个性的人物或动物造型。卡通形象设计，就是运用不同的工具和手段，创造出符合美学要求的卡通形象的过程。

2.2知识要点什么是卡通2.2知识要点18

位图图形与矢量图的区别

在创作动画的过程中，要用到大量的图片素材，这些图片的类型主要分为两种：一种是位图图像，一种是矢量图形。所谓位图，就是由点阵组成的图像，构成图像的每一个点都要记录一个颜色值，其基本单位是“像数”。它的清晰度受分辨率的影响。

矢量图是由轮廓与填充组成的图像，是通过算法记录颜色和轮廓的，其基本单位是“数学对象”，所以它的随意缩放都可以保证图片的质量不会受损失。

位图与矢量图从整体上来看，似乎差别不大，如图2-62所示。但如果放大局部相比较，则矢量图的优势就显而易见，如图2-63所示。

图2-62位图与矢量图整体比较

2.2知识要点位图图形与矢量图的区别2.2知识要点19

位图图形与矢量图的区别

位图逐渐放大后失真

矢量图逐渐放大后不失真图2-63位图与矢量图局部比较2.2知识要点位图图形与矢量图的区别2.2知识要点20

文件格式各软件支持的文件格式非常多，这里介绍常用的几种。PSD和PDD格式：是Photoshop的专用格式，任何用Photoshop处理后的图片自动保存为此格式，它的容量很大，可以包含多通道，但与其他软件的兼容度小。TIFF格式：位图文件格式，可以包含多通道，起文件结构较为庞大，24位真彩色，色彩还原度高。TGA格式：位图文件格式，24位真彩色，处理图像文件质量较高。BMP格式：是微软公司软件的专用格式，使用索引色彩，windows操作系统等软件中的图像都是BMP格式。GIF格式：位图格式，一般用于在网络中传输的图像，这种格式的图片传输速度很快。JPEG格式：是Photoshop支持的一种压缩文件格式，支持真彩色，文件较小，具有最好的压缩率，用该格式存储的图像文件存储空间最小，可以将图像尺寸以不同的比例进行压缩。CDR格式：CorelDRAW默认的矢量图格式。PM格式：PageMaker默认的格式，用于排版文件。DXF格式：矢量图格式，可兼容许多矢量文件。在不同的编辑软件中可以相互转换，CorelDRAW可用导出功能将文件存成此格式。

2.2知识要点文件格式2.2知识要点21

色彩模式

Photoshop定义了许多色彩模式来表现色彩，较为主要的有RGB模式、CMYK模式、Lab模式、Bitmap模式和灰度模式五种。每种模式都有自己的优缺点与适用的范围，并且各个模式间都可以相互转换。RGB色彩模式：RGB是色光的彩色模式，使用红（R），绿（G），蓝（B）三种色彩相叠加而形成其他的色彩。每种颜色由于亮度的不同而显示为不同的色彩效果，每种颜色都有256个亮度水平级，三种颜色叠加就可以形成1670万种颜色（俗称“真彩色“），这就足以再现这个色彩绚丽的世界。由于其色彩效果非常鲜艳，提供的有些色彩已经超出了打印色彩之外，故在用于印刷、打印等输出方式时需转换为CMYK模式。CMYK模式：使用青色（C），洋红（M），黄色（Y），黑色（K）四种颜色叠加而形成其他的颜色，是印刷和打印时常用的色彩模式，CMYK即代表印刷上用的四种油墨色。可以使用RGB模式对图像进行编辑，而在印刷前转换成CMYK模式。Lab模式：是Photoshop中内建的一种标准色彩模式。它既不依赖于光线，也不依赖于颜料，是一个理论上包括了人眼可见的所有色彩的色彩模式，它的色彩表示范围远远超过RGB模式和CMYK模式。Lab模式由三个通道组成，L通道表示亮度，a和b是两个色彩通道。这种彩色模式再混合后产生的色彩非常明亮。Bitmap模式：即黑白位图模式，就是只有黑色与白色两种像数组成的图像。灰度模式：灰度模式中只存在灰度，最多可以达到256级灰度。它是单色通道模式，灰度模式下的位图，其效果就象黑白胶卷拍摄的照片一样，只有灰度的变化。

2.2知识要点色彩模式2.2知识要点22

贝塞尔工具

选择工具栏中贝塞尔工具，可以绘制调节出各种直线、曲线和封闭的图形。绘制直线

首先单击“贝塞尔”按钮，此时鼠标变成形状，将鼠标移至要绘制直线的起始位置单击，在页面上产生一个节点，然后松开鼠标将光标移至终端并再次单击鼠标，一条有两个控制节点的直线就绘制完成了，如图2-64所示。

图2-64绘制直线

贝塞尔工具23

节点编辑

尖角

选择工具栏中形状工具，点选需编辑的节点，再单击编辑节点、多边形或封套属性栏中的“尖角”按钮，或者单击鼠标右键在弹出的菜单中执行尖角命令，此时可以控制所选曲线上的尖角的节点。当移动尖角节点一边的控制点时，另一个不会随着移动，所以只会改变一边的线段弧线，如图2-70所示。

图2-70节点尖突节点编辑24

节点编辑

平滑

选择工具栏中形状工具，点选需编辑的节点，再单击编辑节点、多边形或封套属性栏中的“平滑”按钮，或者单击鼠标右键在弹出的菜单中执行平滑命令，可以使所选曲线的尖角节点变得平滑。节点两边的控制点位置是相对的，当移动其中一点时，另外一点也会跟着移动，所以节点两边的线段弧度都会改变。但控制点与节点间的距离可以分开控制。当曲线通过圆滑节点时会产生圆滑的曲折，如图2-71所示。

平滑节点前平滑节点后

图2-71平滑节点节点编辑25

节点编辑

对称

选择工具栏中形状工具，点选需编辑的节点，再单击编辑节点、多边形或封套属性栏中的“对称”按钮，或者单击鼠标右键在弹出的菜单中执行对称命令，可以产生相对于节点对称的两个控制点，无论移动两个控制点中任意一点，这两个节点始终保持对称，如图2-72所示。

对称节点前对称节点后图2-72对称节点节点编辑26

对象顺序控制

在编辑多个叠加在一起的对象时，需要调整对象间的顺序。选择菜单栏中的安排>排列选项，此时可看到有到前部、到后部、向前一位、向后一位、在前面、在后面以及逆序七个可以改变对象叠加顺序的选项子菜单，如图2-73所示。

图2-73顺序子菜单对象顺序控制27

对象顺序控制

到前部/到后部

执行子菜单栏中的到前部命令，可以将所选的对象移到多个叠加对象的前面。（如执行子菜单栏中的到后部命令，则效果相反。）选择红色方块，对其执行到最前部命令，效果如图2-74所示。

图2-74到最前部效果

对象顺序控制28

对象顺序控制

向前一位/向后一位

执行子菜单栏中的向前一位命令，可以将所选的对象向前移动一层位置。（如执行子菜单栏中的向后一位命令，则效果相反。）选择红色方块，对其执行向前一位命令，效果如图2-75所示。

图2-75向前一个效果

对象顺序控制29

对象顺序控制

在前面/在后面

执行子菜单栏中的在前面命令，可以将所选的对象置于指定的对象前。（如执行子菜单栏中的在后面命令，则效果相反。）选择红色方块，对其执行在前面命令，此时鼠标光标会变成，将光标置于蓝色图形上，单击鼠标，效果如图2-76所示。

图2-76在前面效果

对象顺序控制30

吸管（）与着色（）

吸管工具和着色工具是一组相组和的工具。吸管工具用于吸取对象的颜色，着色工具用于将吸管工具吸取的颜色填充到其他对象之中。具体操作如下：先选选择吸管工具，在它的属性栏中选择“样品颜色”，然后用吸管工具在图中选择所需颜色，再选择着色工具点击图中左下方的小圆，小圆被最先选择的色彩所填充，具体操作如图2-77所示。

图2-77汲取颜色与给对象着色

吸管（）与着色（）31

交互式调和（）

交互式调和工具，可以使两个图形对象之间逐步产生调和化的过渡影像，根据两个图形对象的形式不同，中间的图形会呈现不同的颜色、线框和填充效果。具体操作如下：首先在工具栏中单击“交互式调和”工具按钮，此时鼠标光标变成形状，将光标移至黄色的五角星，按住并拖动鼠标至蓝色的五角星，发现两个图形都出现一个方形后松开鼠标完成，如图2-78所示。

图2-78两个对象的调和效果

交互式调和（）32

问：为什么在做好了部分图形后要将其群组？“群组”和“结合”有什么不同？

答：当部分图形做好后，一般要将其群组。这是因为一个个独立的图形很容易在接下来的操作中被无意间改变位置和形状，将已完成的图形全部框选群组就能避免这种情况发生。应该养成随时将已完成的图形组合的良好习惯。要想打散已组合的图形也是很方便的，只要点击图形，然后执行排列>取消组合命令，或者执行排列>取消全部组合命令。群组后的图形其本身形状和颜色都不会改变，只是单纯的组合在一起。而“结合”就不一样，结合相对来说是一种更为复杂的操作，结合可以将几个对象融合在一起变成单一的整体对象，并且这个对象可以使用“形状工具”来进行变形操作，当对象含有许多节点和曲线时，也可以使用结合工具来减少对象占用的存储器空间。另外，如果要执行结合命令的对象是群组对象，那么在应用该命令前应先将其解除群组。

2.3疑难问题解答问：为什么在做好了部分图形后要将其群组？“群33

问：对两个图形使用交互式调和工具会出现什么情况，改变其参数设置对渐变会有影响吗？

答：在使用交互式调和工具，可以使两个图形对象之间逐步产生调和化的过渡影像。根据两个图形对象的形状、颜色的不同，中间的图形会呈现不同的颜色、线框和填充效果，这是通过计算机内部自己运算得来的，其运算结果受参数设置的影响。改变其属性窗口中的任意一个数据都会产生不同的效果。其属性窗口如图2-79所示。要想熟练得掌握各种工具，应该对其属性窗口中的各种参数设置进行调节，并观察随着参数的变化而产生的不同图形效果。

图2-79交互式调和工具的属性窗口

2.3疑难问题解答问：对两个图形使用交互式调和工具会出现什么情34

第三章

“疲惫的dog”——动漫形象表情设计第三章

35

知识点l

头像的夸张设计l

表情的夸张设计l

配合表情的形体夸张设计

知识点36例效果如图3-1所示

。图3-1最终效果

3.1动漫表情设计实例解析例效果如图3-1所示。3.1动漫表情设计实例解析37绘制形象轮廓

绘制dog的另两种表情形象，效果如图3-20所示图3-20另两种表情形象绘制形象轮廓绘制dog的另两种表383.2知识要点什么是动漫形象表情所谓的表情就是为了表达某种内心情感，传递情绪而显示出来的一种面部神态，表情的变化主要是通过改变眼、耳、嘴、鼻、眉这面部五官的形象来达到的。动画中的人物形象和动物形象，一般都是比较夸张、概括和性格化了的。它们的表情大多生动活泼，充满了情趣。头像的夸张设计

圆球分割法几何变形法3.2知识要点什么是动漫形象表情所谓的表情39表情的夸张设计脸部的表情是直接传递情绪的地方，在动漫中，脸部的造型往往可以用几根简单的线条组成，但是要表现形象内在的细腻而微妙的感情变化，则必须要靠线条结构上的变化和五官的变动来完成。线条结构上的变化主要是指夸大眼、耳、嘴、鼻、眉这面部五官的形象，另外适当的增加几根必要的表情辅助线，也可以加强脸部的表情，如图3-25所示。图3-25各种夸张的脸部表情表情的夸张设计脸部的表情是直接传递情绪的地方，在动漫中，40变换眼睛的位置变换眼珠的位置增加不同的眼皮夸张五官的结构眼睛鼻子嘴

夸张的四种表情形象最基本的表情：喜、怒、哀、惊都可以通过改变五官的形状和位置得到.变换眼睛的位置变换眼珠的位置增加不同的眼皮夸张五官的结41喜怒哀惊喜怒哀惊42表情对性格的展示

在动画片中，对于设计的动画形象根据角色需求要赋予它们各自鲜明的性格特征，这就需要掌握各种性格所对应的表情特征。配合表情的形体夸张设计动画中的形象多是动作生动，性格鲜明，不仅要有夸张的表情，还需要夸张的形体来配合。对于形体的配置，可以通过几何概括和错位伸缩的方法来得到。表情对性格的展示在动画片中，对于设计的动画形43几何概括错位伸缩几何概括错位伸缩44问：用Photoshop制作的动画形象相较于CorelDRAW有什么特点？答：CorelDRAW在图形的创建方面比Photoshop更为精确和方便，但在对图形的处理上就远不及Photoshop了。Photoshop具有强大的色彩绘制和色彩校正功能，在Photoshop中运用某些工具，比如画笔工具、渐变工具、减淡工具、加深工具、以及模糊工具等，可以简单、快捷的绘制出各种精美的、色彩丰富的图像。问：在案例中，为什么要用路径工具编辑小狗的鼻子呢?它的用处有哪些？答：用路径工具编辑小狗鼻子可以更为精确。路径工具是除了蒙版以外指定一个选区最灵活精确的方法之一，路径工具可以为图像创建剪切路径，然后和图像一起保存下来，这样剪切路径最终可以应用到一些排版软件中。由于路径在图像文件中占的空间较小，因此，以路径方式存放多个选择区域是非常明智的。路径还可以被各种绘图和调色工具所填充和描绘。问：用Photoshop制作的动画形象相较于CorelDRA45

第四章

“落入凡尘的天使”——动漫壁纸形象设计第四章

46

知识点l

多边形套索工具l

魔术棒工具l

曲线命令l

色阶命令知识点47例效果如图4-1所示

。图3-1最终效果

3.1动漫壁纸设计实例解析例效果如图4-1所示。3.1动漫壁纸设计实例解析48绘制形象轮廓并导出

为形象着色并拖入到预设文件加入背景图片并组织画面绘制光束，精致画面效果完整画面结构绘制形象轮廓并导出为形象着色并拖494.2知识要点套索工具套索工具相对于选择区域比较规则的矩形和椭圆形选择工具而言就显得更灵活，它可以随意选择出形状复杂的区域。套索工具有三种，分为：套索工具、多边形套索工具、磁性套索工具。

魔术棒工具图层Photoshop有多种方法可以创建新的图层，具体如下：直接建立新图层。将选区转换为图层。将剪贴板中的图像粘贴为新的图层。图4-38图层混合模式将背景转换为图层。从其他图像中复制图层。输入文字产生文字图层。4.2知识要点套索工具套索工具相对于选择区域比较规50修正图像色彩

Photoshop最强大的地方就是可以将欠缺完美的图片用各种工具加以修改。修改图片上的色彩、明亮度或暴光度而尽可能达到接近完美的地步，这个就称为是色彩校正。

曲线命令

在Photoshop中曲线是一个比较重要的命令，应用的非常广泛。比如制作金属效果、裂痕还有其他质感效果时都要用到曲线。调节曲线的形态会产生丰富的色彩变化，直接影响到画面的效果。色阶命令

黑白三角滑块

灰色三角滑块

修正图像色彩Photoshop最强大的地方就是可以将欠缺514.3疑难问题解答问：改变磁性套索工具中的参数设置对选择的区域有什么样的影响？答：在磁性套索工具中有几样参数的设置十分重要。宽度主要用于设定检测的范围。对比度用于设定发现边缘的灵敏度。频率设定的是关键点创建到频率。对于边缘比较柔和、反差不大的图像，可以将宽度值设小，频率值设大，对比度设小一些，在拖动鼠标时尽量贴近图像边缘，这样选择的效果要好一些。要选出比较精确的边缘，应该将宽度和对比度的值都设置的小一些.问：运用文字图层和普通的图层有什么不同，文字层怎么转换成普通图层？

答：在工具栏中选择文本工具后，在文件中单击鼠标，此时在图层中会出现一个专门的文字图层，在文件中输入的文字会作为此文字图层的默认名称，如图4-43所示。此图层内的内容以文字的属性保存，若要修改文字内容，直接点选此图层，然后用文本工具就可以很方便的更改。在文字层上单击鼠标右键，选择“栅格化图层”命令就可以将文字层成普通图层，转换后的图层如图4-44所示。将文字层成普通图层之后，此将文字层内的文字就成了图形，不再足有文字的属性了，也就不能在更改文字的内容。4.3疑难问题解答问：改变磁性套索工具中的参数设置对选择52

第五章

“武士”——游戏形象设计第五章

53

知识点l

路径路径l

蒙版l

通道

知识点54

5.1游戏形象设计实例解析

实例效果如图5-1所示。

图5-1最终效果

5.1游戏形象设计实例解析55

对衣服的上色是一个循序渐进的过程，需要多做几遍相同上色工序才能达到预想的效果，在不需要明显笔触痕迹的地方，可以用模糊工具进行模糊处理。整个形象的衣服着色基本上都是按照以上的步骤进行的。其过程总结就是：首先铺大色调，然后调整色彩，用画笔工具为暗部加深，为亮部提色。如图5-22所示，是制作衣袖的主要步骤，其余部位的衣服绘制就不再赘述了。对衣服的上色是一个循序渐进的过程，需要多做几遍相同上56在处理下边的绒毛的时候用到了涂抹工具，在使用这个工具的时候是把较深的颜色和浅色相互掺和撮出绒毛的质感，效果如图5-54所示。制作绒毛效果大家可以参照这两种方法来使用。一种用画笔工具上色，这种方法比较麻烦。另一种就是用涂抹工具，相对于前一种，涂抹工具显得简单得多。在绘制的时候一定要注意把握绒毛蓬松的质感。在处理下边的绒毛的时候用到了涂抹工具，在使用这个工具的时575.2知识要点

路径的概念路径是用钢笔工具或自由钢笔工具等路径工具所描绘出来的线或形状，但是路径与用铅笔、画笔、喷枪等绘制位图工具所绘制的结果不同。路径是矢量，不包含具体的像素，因此路径独立于点位图像，也不存储与特定的通道之中，路径一旦创建，就可以用路径面板来保存，随后还可以将它转换成选区，或者进行填充和描绘。5.2知识要点路径的概念路径是用钢笔工具或自由钢笔工具等58创建路径的工具钢笔工具：用钢笔工具可以描绘出相当精确的直线和光滑曲线，对于大多数用户说，使用钢笔工具可以很好的控制路径的走向，绘制效果也十分精确。而且用钢笔工具绘制路径的调整比用其他绘制的路径的调整性相对要容易些。自由钢笔工具：这个工具可以让你自由的绘制任意形状的路径，就像用钢笔在纸上作画写字一样，用自由钢笔绘制路径时，系统自动控制点的位置，但是绘制完成后你可以重新调整控制点的位置。创建路径的工具钢笔工具：用钢笔工具可以描绘出相当精确的直线和59

路径编辑工具插入点：使用该工具在已经存在的路径上但单击(不明其意,请确定.)，可以增加一个控制点。除了必要的控制点外，我们不应添加多的控制点。控制点越多，路径就越难调整。删除点：使用该工具可以删除路径上的控制点。转换点：单击或拖动一个结点将它转换为拐点或平滑点，也可以拖动一个点的手柄来转换该点。路径编辑工具插入点：使用该工具在已经存在的路径上但单击(60创建路径创建路径有两种方法：用钢笔工具直接进行路径的描绘，此时，绘制路径时路径调板上不曾有路径名激活，系统会在路径调板中自动创建临时工作路径，当你绘制完路径后要将其保存，如果离开临时工作路径时不使用保存命令，再重新绘制路径时将替换原来临时路径中的内容，则临时工作路径的内容会丢失。在路径调板中使用新建路径的命令，用这种方法创建的路径，系统会自动保存路径的绘制结果。创建路径创建路径有两种方法：61

选择路径选择箭头工具，然后在路径后中的任一关键点上单击，此时该点将变黑，表明已被选中，按住快捷键Shift可以继续选择其他的关键点。按住快捷键Alt并在路径上单击，所以定位点都被选中。在路径外任意处单击，则所有关键点都将消失，再把箭头工具移到路径上单击，则所有关键点将再次显现。选择路径选择箭头工具，然后在路径后中的任一关键点上单击，此62

编辑路径当在“快速蒙版”模式中工作时，观察通道面板，会看到有一个临时的蒙版通道。通道蒙版的建立和使用：在前面我们已经看到，即使有了快速蒙版工具，建立复杂边界的选区仍然是一件费时费力的工作，如果经常要对同一区域执行不同的编辑，可以将此选择保存为通道蒙版，就不需要每次编辑前再花工夫先建立选区了。需要注意的是，只有将蒙版存储为Photoshop、DCS2.0、PICT、TIFF或Raw格式时，蒙版通道才自动保留，存储为其他格式会导致通道信息丢失。编辑路径当在“快速蒙版”模式中工作时，观察通道面板，会看63

蒙版

蒙版是一种很重要的工具，主要用途类似于选择工具，选择工具处理简单图像还可以，但对于具有复杂边界的图像来说，使用蒙版会更方便。蒙版就像是一个盖子，盖住某些区域，使得我们在其他区域（即通常说的选择区域）所作的修改不会影响到这些区域。而这个盖板制作时也可以使用各种绘图、编辑工具进行处理，以改变大小、形状等。另外，蒙版可以将费时的选区储存为Alpha通道并重新使用，毕竟建立复杂选区是花时间的事。蒙版蒙版是一种很重要的工具，主要用途类似于选64

快速蒙版的建立快速蒙版只在建立期间起作用。当建立完了就不存在了，所以又称为临时蒙版。快速蒙版的建立快速蒙版只在建立期间起作用。当建立完了就不65

选择路径选择箭头工具，然后在路径后中的任一关键点上单击，此时该点将变黑，表明已被选中，按住快捷键Shift可以继续选择其他的关键点。按住快捷键Alt并在路径上单击，所以定位点都被选中。在路径外任意处单击，则所有关键点都将消失，再把箭头工具移到路径上单击，则所有关键点将再次显现。选择路径选择箭头工具，然后在路径后中的任一关键点上单击，此66快速蒙版模式可以将任意的选区都作为蒙版进行编辑。它几乎可以使用任何Photoshop工具或滤镜来修改蒙版。还可以使用画笔工具来扩展或收缩选区。也可以使用选区工具，因为快速蒙版不是选区。另外，也可以完全在“快速蒙版”模式时，未受保护区域成为选区。动漫设计和制作ppt课件67

通道所谓通道，就是指一幅图像的某种合成成分。例如RGB模式的图像颜色成分为红、绿、蓝，所以RGB模式有三个缺省的通道，即红色通道、绿色通道和蓝色通道，另外加上一个用于编辑图像的复合通道。而CMYK模式的图像缺省有青、洋红、黄色、黑色通道和复合通道。改变各通道的特性，就相当于改变各种基本颜色的浓度，从而能够对整幅图像进行孺润色或实现特殊效果。用Photoshop还可以为图像建立新通道，通称Alpha通道，可用来增加图像颜色，Alpha通道还可以用来存储和蒙蔽图像中特定的选区，使我们对图像的复杂部分免于重复选择或进行更精细的操作。包括所有的颜色通道和Alpha通道在内，一个图像最多可有24个通道。通道所谓通道，就是指一幅图像的某种合成成分。例如RGB模式68

增加通道

打开图像文件，如图5-74所示。单击通道调板，如通道调板不在工作窗口，单击菜单“窗口”“显示通道面板”，共有红、绿、蓝三通道和称为RGB的复合通道。增加通道69单击红色通道，激活红色通道，此时只有红色通道可视。单击通道调板右上角的箭头按钮，弹出通道调板菜单。单击“复制通道”按钮，在出现的复制通道对话框中单击“确定”按钮。产生一名为“红副本”的新通道，且只有该通道可视。单击红色通道，激活红色通道，此时只有红色通道可视。70单击RGB通道名，图像效果如图5-76所示，整个图像偏红，这是因为新增的通道默认用50%的红色蒙版图像，并非图像颜色真的改变。单击RGB通道名，图像效果如图5-76所示，整个图像偏红，这71

通过进行通道的替换进行改变，其步骤为：步骤1打开图像文件。步骤2单击通道调板，单击绿色通道名，即或绿色通道。步骤3按快捷键Ctrl+A，选择整个通道图像。步骤4快捷键Ctrl+C，拷贝选区入剪裁板。步骤5单击红色通道名，激活红色通道。按快捷键Ctrl+V，拷贝绿色通道内容到红色通道，得出下图的结果。图中原来红色部分呈蓝灰色，这是由于图像的红色通道被绿色通道替换的缘故。同样我们可制作出缺少绿色调、蓝色调的图像，而用不同的颜色通道替换又有不同的效果，如图5-77所示。通过进行通道的替换进行改变，其步骤为：步骤1打开图像文件72

使用混合通道进行改变，其步骤为：步骤1打开图像文件。步骤2执行菜单栏中的图像>调整>通道混合器命令，弹出对话框。步骤3单击“输出通道”下拉式按钮，出现红、绿、蓝三个通道可选，选取“红”。步骤4在通道边框出现红色、绿色、蓝色三个滑块，因为输出通道为红，故红色滑块的值为100。步骤5将红色同到的滑块拖向右边，增加红色所占的百分比，也可以直接在框中输入数值180。步骤6单击“好”按钮，得出如图5-79所示的效果，可见图像颜色偏红。使用混合通道进行改变，其步骤为：步骤1打开图像文件。73

问：在Photoshop中可以通过多种途径得到你想要的选择区域，这是其他任何软件都达不到的强大功能，你能列举出所有得到选择区域的方法吗？答：在Photoshop中得到选择区域的方法有：1、通过套索、磁性套索和多边形工具可以得到选区；2、通过魔术棒工具可以得到：3、通过用钢笔工具绘制路径并将路径转换为选区。最后还有位于工具栏第一个的各种框选工具，只不过这几种框选工具规定了形状，不能选区形状复杂的选区。

5.3疑难问题解答问：在Photoshop中可以通过多种途径得到74

问：在绘制较复杂的动漫形象时，色调统一很重要，在制作上怎样得到统一的色彩关系？答：在绘制较复杂的动漫形象时，一定要注意从整体入手，在大的色调基本确认之后，再进行更深入的刻画和调整。一般来说在绘制的时候，先为要绘制的区域上一个大的基本色调，然后再在此色调的基础上调整颜色做进一步的刻画，画出环境色以及亮部、高光和反光。问：在绘制较复杂的动漫形象时，色调统一很重要，在制作75

第六章

“走动的人”——动画时间设计第六章

76

知识点l总体时间l运动定律在动画中的应用l动画动作的间隔距离

l动作过程中的停顿时间

l运用时间刻画情绪，表现性格

l控制角色反映的时间掌握

知识点77

6.1动画时间设计实例解析实例效果如图6-1所示。图6-1最终效果

6.1动画时间设计实例解析实例效果如图6-1所示。图6-78

绘制图形元素

本章的实例是非常简单的，主要是通过一个人物走路的循环动作来说明制作连贯性的动画的时间设置。将人完成一个完整的步子需要的动作分解绘制出来,如图6-2所示。

图6-2绘制动作

绘制图形元素本章的实例是非常简单的，主要是通过一个人物796.2知识要点怎样才算好的时间掌握时间掌握是制作动画的重要组成部分。完成一个动作并不困难，只要画出这个动作开始和结束的两个不同的形状，并在两者之间插入若干中间画，然后在银幕上播放，就能产生动作。但这还不能算是真正的动画。要知道在自然界，物体并不是仅仅单纯的在动。牛顿运动定律的第一条就是：物体自身不会移动，除非有一个力加在物体上。所以在让物体动起来的过程中，动作本身不是最重要的，更重要的是要表达出促使物体运动的内在原因。对于没有生命的物体来说，这些原因来自于外部施加的力量，主要是地心引力。而对于有生命的物体，外部力量和自身肌肉收缩同样可以产生运动。在为一个角色制作一段动画时，对产生这段运动的力应该有所了解。首先，地心引力将角色拉向地面。第二，角色身体的构造是按某种方式连接起来的，并且它的肌肉有某种排列方式，要使其适合于对抗地心引力。其实人类做的任何动作都是无时无刻不在本能的支配它的肌肉和四肢去克服地心引力的结果。只不过由于习惯了地心引力往往不为人们所在意。不过在制作动画的时候，就会发现制作在重力状态下的动画和失重状态下的动画会有多么大的不同。动画家的职责之一就是要使所画的平面的、无重量的形象，如同坚实而有重量感的人物一样活动起来，并且要具有真实感。在动画的这两个方面：1．形象坚实而有重量感；2．运动具有真实感。时间掌握都是最重要的。另外，好的时间的掌握，还要有足够的时间先让观众预感到将要有什么事情发生，然后是表现动作本身，最后是表达对动作的反应。这三者，任一项占时间太多，就会使节奏减慢，观众的注意力会被分散。相反的，如果时间太短，在观众注意它之前动画就结束，那创作者的心血就白费。6.2知识要点怎样才算好的时间掌握80

总体时间的设计

生产一部动画片一般需要较长的周期。在这段时期内导演必须经常检查生产进度以及原来的时间掌握和设想的实施情况。大多数的动画都会预先规定时间长度。商业性的动画片更是要精到格数。一部较长的片子也可能只有少许的时间伸缩度。导演需要解决的问题之一就是使动作去适应规定的时间。

在动画时间的设计上，首先将故事分为若干适当长度的段落或场。然后思考每一场必须绘制哪些主要情节和动作，用秒表定下时间，再将所有时间加起来就是影片的总体长度。这有可能与事先设定的时间长度不大符合。如果比较接近，就适当调整某些细节，使时间长度正好符合。如果太短，就需要加进更多内容去填充规定时间。如果太长，就需要作剧情的变更，甚至可能需要删去某一整场。

总体时间的设计81

动画时间的基本单位

动画时间的基本单位是格或帧，时间掌握的基础是影片固定的放映速度，即每秒钟24格，在电视里是每秒25帧。

在银幕上如果一个动作需要一秒钟，那么它占据影片胶片的24格；半秒钟占12格，以此类推。

银幕上的动作无伦是在什么情境或节奏下，不管它是一个激烈的打斗场景，还是一个温馨的浪漫景象，都必须根据影片固定的放映速度即每秒钟连续走24格来计算时间。所以，动画家掌握时间的单位是1/24秒。如何把握这1/24秒在银幕上的“感觉”，是一个动画家必须学习的重要技巧，还有这个单位的倍数和3格、8格、12格等在银幕上的时间感觉也是要掌握的。

动画时间的基本单位

动画时间的基本单位是格或帧，82

运动物体的时间掌握

设计物体运动的时候，设计者需要知道这样一个问题：“当一个力加于某一物体时，该物体将会怎样？”对此问题的认知程度将决定所设计动画得成功与否。自然界所有的物体都有其自身的特性。所以，当其被施加外力时，每种物体都有符合它自己特性的反应。这种反应是位置与时间的组合，这就是动画的基础。对于物体运动的规律，主要还是从对运动物体的观察中去理解。例如，人人都知道物体不会从静止状态中突然开始动作——即使是一发炮弹，发射时也要加速到最大速度。同时运动中的物体也不会突然变得静止——疾驰中的汽车撞在障碍物上，在最初的撞击后由于惯性仍然会向前冲，随后它才快速塌下，成为残骸。

运动物体的时间掌握83

好的动画离不开对其对象特征和它表现出来的动作的夸张，而对于动画动作的关键不是物体重量的夸张，而是去夸张重量的趋向和特性，如图6-4所示。

好的动画离不开对其对象特征和它表现出来的动作的84

1.无生命物体运动的时间掌握。对于无生命物体来说，就是外作用力的问题。“一扇门被用力甩上要多少时间？云彩在风的推动下飘过天空速度有多快？2.有生命角色的运动的时间掌握。对有生命的角色来说，也存在动力学的问题，虽然角色是有生命的，要让它移动也需要受到力的支配。然而，要使这个角色在银幕上的动作生动而有活力，就必须再加上精神的作用。作为一个有生命的角色，它的活动必须是有意识的，是通过考虑的。而角色的动作还应该反映出它经过思考，作出决定的这么一个意识过程.

动画镜头的时间掌握有两个方面：动画镜头的时间掌握有两个方面：85

运动定律在动画中的应用

牛顿关于运动的第一定律：一个物体，如果不受到任何力的作用，它将保持静止状态或匀速直线运动状态。也就是说对于任何物体，都有其自身的重量，只有对它加于适当的力量才会开始运动。一般来说，物体越重，移动它需要的力也愈大。一个重的物体比轻的物体具有更大的惯性和动能。

运动定律在动画中的应用

牛顿关于运动的第一定律86

轻的物体阻力很小，比如一只汽球，只需很小的力气和很少的时间，手指轻轻一弹已足够使它加速移动。当它移动时，由于其本身重量很小，空气的磨擦力使它很快减速，所以它不会移动太远。而要在银幕上表现出物体的重量感，完全取决于动画的时间间隔距离，与动画稿本身关系不大。如果铁球在运动时动作不象铁球的话，那么即使每张动画稿画得再漂亮、再逼真也没有用，同样情况适用于其他任何物体或角色。

轻的物体阻力很小，比如一只汽球，只需很小87

动画动作的间隔距离

自然界任何物体从静止状态开始移动到停止，在这个过程中有这样一个趋向：在动作的中部加速最大，然后渐慢终于停止。虽然，在细节上可能会有很多变异，但这是一般的趋向。一个物体来回移动，在动作过程的两端稍慢，所以，对一段动画关键帧的分配，两端要比中间密一些。实际上在画动画时可根据动画需要的时间，将需要通过的距离长度等分，再等分，又再等分，这样可求得近似值。在有些情况下，距离可分作三等分或四等分。

动画动作的间隔距离

88

缓慢动作的时间掌握

每帧动画的动作变化越小，动作的速度就越慢，反之，每帧动画的动作变化越大，动作速度就越快。但这两种情况都有一定的限度，超过此限度便会造成不真实的感觉。动作变化太小的动画如果画得不十分准，或者是帧数计算得不十分精确时，动作将会抖动。一般来说，十分慢的动作在卡通中应该避免，如果必须要做，那动作的绘制一定要有节奏、弹力和柔韧性，要非常仔细地描绘。必要的时候可以用短的叠化来代替画中间画的繁重工作，用叠化效果来制作慢动作也不失为一种好的表现慢动作的手法,如图6-8所示。

缓慢动作的时间掌握每帧动画的动作变化越小，动89

快速动作的时间掌握

快动作比慢动作更适合于做动画。它给动画家一个机会去创造表现速度、步态和力量的幻觉，在生活中真实的动作较难达到这一效果。 快动作动画时间掌握最重要的一点是：动作越快，越要使观众能理解正在发生什么事。动作不能快得使观众跟不上，看不清，以致理解不了动作的意义。对快动作来说，先造成必要的预感是非常重要的。角色在动作以前要先有必要的预示性的准备动作，使观众对将要发生的快速度动作有所准备，因而能够理解它。举一个极端的例子：一个角色冲出银幕，画动画时，仅仅画准备性动作已足够。可能完全省略掉飞出的动作，或者将飞出的动作化成一股烟或一组速度线，如图6-9所示。

快速动作的时间掌握快动作比慢动作更适合于做90

当然，动画的组合动作不是千篇一律的，同时也需要用一些出乎意料之外的突然动作，使画面具有戏剧效果。如图6-10所示举一个例子说明，角色1用拳头猛击角色2的下巴时，可以让拳头的动作停顿在被击中的下巴上几格，这停顿的几格时间将使观众有足够的时间去理解发生什么事。出拳要快才有冲击力，拳头缩回到停止的位置则可以相应的慢些。这组动画的最后停顿能使整个动作容易被理解.

角色2角色1角色1

当然，动画的组合动作不是千篇一律的，同时也需要用一些91

动作过程中的停顿时间

对于一个完整的动作，在其过程中是否需要停顿？若要停顿，又需要多少时间？对第二个问题要分为两个方面：1．根据动力学，这物体可能停止多少时间？2．需要停止多少时间，才能取得最大的戏剧效果？

第一个方面纯粹是这个物体能否能保持稳定平衡的问题。一旦处于一种平稳和看来相当舒适的姿态中，能一直停止下去。另一方面，在失去平衡的姿势中，除非为了喜剧或其他效果，不能持久地保持静止的姿势不动。事实上在一组动作的动画稿中不是随便哪一张都能用于停拍。一张停拍动画，不论这个对象是处于紧张状态还是在悠闲状态之中，一般要求姿势平衡。一个放松的、不活动的姿态，例如正在听、思考、阅读等，适宜一直静止下去，如图6-11所示就是一只鸟在飞行的过程中突然停止。

动作过程中的停顿时间对于一个完整的动作，在92附属物的停顿时间

制作物体附属物的动画，例如衣服外的披风或帽子上的羽毛的动作，其动作与该物体所依附的物体本身的动作是不一样的。它们的动作有着其一定的独立性。物体附属物的动作取决于：1．角色的动作；2．附属物本身的重量和质量；3．空气的阻力。附属物的停顿时间制作物体附属物的动画，例如衣服外的披93

控制角色反映的时间掌握

动画电影本身就是漫画化的、充满戏剧性的表现形式。动画比实际拍摄更为有利的条件之一，就是动画中角色的反应可以随意控制和夸张。没有一定程序的夸张，就不成其为卡通动画。而卡通动作效果的成功与否，决定于时间掌握是否恰当。要表现一个角色突然因为某种情况而停顿了一下表示惊奇时，从它看到什么和这信息传达到大脑之间的时间停留，要根据所塑造角色的智力而定。至少应该是5格，也可能多很多时间。对于这个动作的描绘，首先是角色的身体动作应和面部表情相协调。腿、臂、手、身体的位置，全都应该为同一个反应而服务。同时面部的表情应当被适当地夸张，特别是眼睛和嘴。

控制角色反映的时间掌握动画电影本身就是漫94

一个循环动作的时间掌握

在做动画的时候很多动作都是循环的，它可以省下很大的时间和精力。在动画中，一个重复动作，如跑步的重复动作，可用相当短的循环。一个跑步循环，左右脚各跨一步，约需8到10格。其他的动作，例如火的燃烧，如图6-13所示，火的燃烧是一种自然现象，在其燃烧的过程中，受气流的影响，会产生变化多端的运动，要表现这种自由的运动需要插入额外循环，其时间约为1秒或稍长一点。落雪动作的循环，不论是很长时间还是分用在几个镜头中，为免动作重复得太明显，它需要几钞钟的循环。而且为了使画面有层次感，要做出它的前景、中景和远景，而这三层的循环长度又不相同，将这三层合起来就造成一种非常长的循环效果，在动画中是经常要用到的。

一个循环动作的时间掌握在做动画的时候很多动作95

动物走路时间的掌握

四足动物走路时，为了保持身体平衡，配合腿的运动，一般在前腿踏出着地时，头开始朝下点动，四肢的动作各关节运动轴向的制约，如图6-15所示是豹子完整走出一步的动作。

动物走路时间的掌握四足动物走路时，为了96

动物奔跑时间的掌握图6-16马完整跑出一步的动作

四足动物在奔跑或跳跃时，跑得越快，四肢交替的分合就越不明显，有时甚至会前后双腿同时呈屈伸状。以马为例，马在飞奔中，一个完整的步子需要半秒，如图6-16所示是马完整的跑出一步的动作。

动物奔跑时间的掌握图6-16马完整跑出一步的动作97

运用时间刻画情绪，表现性格

在动画中刻画角色精神状态是十分重要的，它可以比电影以更夸张的形式表现出来。一般来说，表现抑郁、沮丧、悲哀等情绪需要制作一些慢动作，而表现兴高采烈、庆贺、欢呼等热烈的情绪，动作就要快一些。在动作表现方面，如果要表现沮丧的情绪，就应该将角色刻画得没有精神，比如身体向前弯，头耷拉着，动作缓慢显得有气无力的，有长时间的静止和叹息。在服饰和道具方面任何有助于表情沮丧的手段都可以用上，比如头发和衣服无生气的下垂着，或是帽子拖沓的拿在手上等。而相对的，表现兴高采烈、庆贺等，就需要更多的活力，轻快而又弹性的动作，如图6-17所示。如果说是怀疑，就要求表现出有迷惑的表情，动作不能太快，要让观众有足够的时间观看角色的面部表情，感受情绪的流动。

运用时间刻画情绪，表现性格在动画中刻画角色精神986.3疑难问题解答

问：什么叫半动画？它与全动画有何区别？

答：由于动画片的耗资非常的高，而少做动作就能够节省开支。为了节约经济成本，电视动画片做得一般比较简单，这种动画一般被称为“半动画”或“有限动画”。半动画在拍摄的过程中，要尽可能的运用重复动作，并延长画面停顿的时间，以减少动画的动作制作。通常生产一秒钟的电视动画片，画稿不超过6张。所以在电视动画片中，情节往往靠对话来展开。但对动画家来说，作半动画和作全动画所需要的技巧是一样的。

全动画一般没有经济方面的顾虑，只要最后在银幕上表现出来到动作流畅、细腻，对时间和金钱都是在所不惜的，其每秒钟都往往需要做大量的动作。一般只有商业性的动画故事片才能负担得起这种耗资。6.3疑难问题解答 问：什么叫半动画99

问：如何才能做到声画同步？答：动画的声音和对白都是重要的前期工作，在绘制图像前就应该完成。仔细、反复的聆听声音和对白，要注意对白的措辞和节奏，找出着重点和关键词，然后设计角色的身体、手臂还有头等等的动作去配合，以加强戏剧效果，做到声画同步。问：如何才能做到声画同步？答：动画的声音和对白都是重要100

第七章

“捕风游侠”——动画短片设计第七章

101

知识点l

帧与关键帧l

图象图符l

影片剪辑图符l

元件的层次关系l

补间动画知识点102

影片预览

影片如图7-1所示。

奔跑的风影飞扬的姬娜两人出招7.1动画短片设计实例解析影片预览7.1动画短片设计实例解析103

故事讲述了黄昏的郊外，游侠风影（男）与姬娜（女）之间的一场决斗。没有情节的描述，只有动作的演绎。短片的画面节奏感极强，飞移的身影、颤抖的大地、凝固的瞬间……好一场激烈的决斗！最后，短片结尾画龙点睛的告诉读者原来结局还可以这样！

空中短兵交接姬娜失败姬娜失败

故事讲述了黄昏的郊外，游侠风影104

绘制角色草图

短片中出场的只有男女主角两位，且又处于一个特殊的环境。所以在人物的形象上要设计得比较有个性，角色的草图设计如图7-2所示。

图7-2角色草图

绘制角色草图短片中出场的只有男女主角两位，且又处于105

设置镜头框和导入音乐

在Flash中，一般将影片的尺寸定在550*400，这也是Flash默认的尺寸，如图7-21所示。在Flash的工作窗口中，划分出了“舞台”区域和“后台”区域，如图7-22所示影片尺寸一般就是指“舞台”区域的大小。这样在制作的时候就能清楚的知道哪部分观众能看到，哪部分看不到。制作镜头框实际就是在“舞台”的周围做一个大的“黑边”来遮住“后台”区域。它可以随时观察生成动画后所看到的区域，这对制作动画非常的有用。

舞台后台

设置镜头框和导入音乐在Flash中，一般将影106

场景1的制作

如图7-30所示，场景一是由风影、地、远草、房子、云、月亮、星、天空这八部分组成。每一部分各占一个图层，整张图的结构，越是靠近前面的景物，它所在的图层就越靠上，并且每一层的景物都是以元件的形式存在的。以元件的形式存在一是为了便于制作，方便改变元件的各种特有属性如明暗调节变色透明等，以达到修改和制作动画效果的目的。二是为了管理的方便，避免在场景中显露过多的层而使人觉得杂乱无章。了解图层的结构后，下面就是具体制作各个图层上的元件。

场景1的制作如图7-30所示，场景一是由风影、地107

场景2的制作

在这一镜头中，设计的是迎面奔来的姬娜，与前一场景是一组平行蒙太奇镜头，其人物的运动和背景制作与场景十分类似。

场景2的制作在这一镜头中，设计的是迎面奔108

图片展示的是依次加入:天空,草,星光,云层和地的元素

图7-53元件“背景2”的图层分布情况图片展示的是依次加入:天空,草,星光,云层和地的109

00005合成图层

这个场景的图层组成就很简单了，图层一、二是头和身体的大小不断变化的补间动画，图层三直接将做好的元件“背景2”拖入并调整位置就可以了，效果如图7-60所示。在影片的设计中，在场景一、二结束后有两个风影与姬娜快速闪切的特写镜头，在这里就需要在制作两个元件“姬娜正面特写”与“风影正面特写”，在元件“风影正面特写”中，做几帧的补间动画，将人物形象快速拉大，如图7-61所示。

第1帧人物大小

第8帧人物

00005合成图层这个场景的图层组成就很简单了，110

场景3的制作

经过前面几个镜头的制作，接下来就可以很轻松完成最后一个镜头即场景三的制作。

场景3的制作经过前面几个镜头的制