FLASH CS3 动画角色表情设计

Flash cs3仿真艺术设计5.3：2.5D动画技巧之绘制猴子本例为Flash CS3仿真艺术设计系列教程，上一课我们学习了2.5D高级应用，今天我们来学习Flash的2.5D动画技巧之绘制一只写实猴子，在绘制中2.5D 动画技巧将被使用，不过这次绘制的一个渐变图形加强了一个更加令人满意的三维效果，希望能给朋友们带来帮助~~ 5.3、2.5D猴子写实效果的关键在阴影中。

同样的2.5D 动画技巧在这儿被使用，不过这次绘制的一个渐变图形加强了一个更加令人满意的三维效果。

1. 首先在第一帧放入角色的四分之三的角度。

让我们把它叫做“A点”。

2. 在最后一帧，创建一个我们叫“B点”。

具有挑战性的是通过补间从A点到B点3. 使用自由变形工具，旋转，倾斜和移动每一个元件到“B点”。

这里首先改变嘴4. 接下来改变鼻子，眼睛，瞳孔和眉毛。

密切注意各对象间空间的联系及我们从新的角度的透视。

5. 头和头发作相应的旋转和定位。

在这个角度，我们从左边可看到更多的头发，右边则更少一些。

6. 在这个效果中耳朵扮演支称点的作用。

在新的角度，我们可看到更多的左耳和更少的右耳7. 将头元件变换和定位到你想要的位置，锁住这些图层，选择所有的身体部分并旋转它们。

8. 接下来，调整腿和尾巴，分别选择并旋转它们。

9. 选择除手和臂之外的所有部分使用右方向键移动猴子。

按住shift键移动10个像素。

10. 旋转手臂使它与猴子的新位置连接。

它们的中心点被定到手抓住藤的位置会更容易一些。

11. 在每一层添加补间动画并播放你的动画。

在舞台上作最后的调整通常是正常的。

提示：查阅第一章“使用渐变”，学习怎样为这个实例创建和编辑放射渐变。

Flash CS3 课堂练习：绘制QQ笑脸表情本例将制作一个QQ笑脸表情，如图2-85所示。

该练习的目的是让读者能够制作出不同的QQ表情，制作过程综合练习了形状的绘制、颜色的渐变、调色板等基本工具，着重掌握【椭圆工具】、【选择工具】的使用，熟悉【颜色面板】中渐变颜色的调整。

图2-85 QQ笑脸表情操作步骤（1）按下快捷键Ctrl＋N，新建文档，属性为默认值。

选择【椭圆工具】，按住Shift键不放拖动鼠标，创建如图2-86所示正圆对象。

图2-86 创建正圆（2）使用【选择工具】选中刚刚绘制的正圆，在【混色器】面板的【类型】下拉列表中选择【放射状】选项，设置颜色如图2-87所示。

彩，因为在下面的操作中需要对其重新设置。

单击设置单击设置图2-87 设置圆形的填充颜色 （3）使用【填充变形工具】选择正圆，调整正圆的高光位置，如图2-88所示。

图2-88 调整正圆高光位置上的控制节点改变高光点的位置。

分别代表正圆内部的颜色数值 可以通过控制节点调整（4）选择【椭圆工具】，并单击【对象绘制】按钮，设置【填充颜色】为黑色，禁用【笔触颜色】，绘制如图2-89所示椭圆，作为QQ 的“左眼”。

图2-89 绘制左眼（5）使用【选择工具】选择“左眼”，按下Ctrl 键，向右拖动鼠标进行复制，拖动至如图2-90所示位置，释放鼠标。

操作过程中只要不将其禁用，那么在接下来绘制图形时将一直使用该功能。

复制椭圆图2-90 复制右眼（6）使用【任意变形工具】选择“左眼”，将鼠标放置至于右上角的控制节点并逆时针旋转，调整效果如图2-91所示。

图2-91 对“左眼”进行旋转（7）参考以上方法，绘制两个椭圆对象，并将其中的一个椭圆与另一椭圆的上半部分重叠，使用【选择工具】将其同时选择，按下快捷键Ctrl+B将其打散，如图2-92所示，选择上面的椭圆，按下Delete 键得到“嘴巴”形状。

图2-92 绘制“嘴巴”形状（8）使用【选择工具】将绘制的“嘴巴”形状调整如图2-93所示位置，然后将其旋转。

Flash鼠绘教程：打造快乐卡通娃娃“360度转身动画”表情这个Flash实例详细地讲解了一组卡通娃娃360度转身动画表情的制作过程，主要用到椭圆工具、直线工具和任意变形工具，操作简单易懂，有助于学习Flash绘画和动画的基本原理。

先看下效果吧：效果预览图制作步骤：1、新建一个200x200像素的Flash文档。

首先我们要画一个简单的卡通娃娃，用椭圆工具画出如下两个椭圆。

图12、用挑选工具将两个椭圆的相交线选中，按Delete键删掉。

图23、在头顶中间画一个小椭圆，填充红色，作为红头绳。

图34、在小椭圆上用直线工具画出如下三角形，填充黑色，一个滑稽的冲天小辫就画好了。

图45、再用椭圆工具画一个黑色的小椭圆作为眼睛，按住Alt键拖动可复制出另一个。

图56、嘴巴的画法是先画一个椭圆，再画一条直线与它相交，然后把上半部分删掉即可。

图67、牙齿是用直线工具在嘴巴里面画三条竖线。

图78、手臂。

用椭圆工具画一个细长椭圆，再用任意变形工具调整到如下角度和位置。

图89、用挑选工具选中手臂与身体相交的线条删掉，再将手臂调整到如下形状。

图910、选中手臂，Ctrl+D复制一个，选择菜单/修改/变形/水平翻转，放在身体另一边并删掉相交线。

一个卡通娃娃就画好了。

图1011、下面开始做转身动画。

人物转身的效果实际上就是让他的正面、侧面和背面交替出现。

所以我们只需建立4个关键帧，在这4个关键帧上分别画上“正面、右侧面、背面、左侧面”的样子就可以了。

先在时间轴上第12帧处按F5插入帧，然后在第4、7、10帧处分别按F6插入关键帧。

选择第1帧，就是我们刚才画好的正面。

图1112、选择第4帧，将它修改为侧面。

先将一只手臂删除，再将另外一只手臂用任意变形工具调整到如下位置。

身体上的缺口就用直线工具补上。

图12 13、删掉一只眼睛，把嘴巴移动到脸的一侧。

图13 14、用挑选工具删掉身体外的嘴巴线条，右侧面像就画好了。

图14 15、选择第7帧，把眼睛和嘴巴都删掉就变成了背面。

萌萌怯怯表情包——Flash中绘制动画职称：一级教师曾几何时，信息技术这个门课程落户于中小学校园，就受到广大青少年们无比的喜爱，那卷动的页面，缤纷的色彩，时时更新、持续变幻着的内容，牢牢地锁定了同学们求知且渴望的目光。

而网页装饰、丰富个人空间内容等信息技术水平最基本的技法之一就是学会及熟练应用Flash动画。

flash是一个动画制作软件，它有比较强大的绘画功能，单纯的讲解和模仿的教学手段，会使同学们的学习过程变得枯燥无味、新意乏陈。

为此，如何提升学生对Flash动画的学习兴趣，并积极热衷于在习得基本操作的同时，全身心地投入到自主创作的过程当中，就成为了一个摆在教育者面前的一个避无可避的难解之题。

可万物总是相生相克，亦遵循“道法自然”之理，今年流行于网络之间萌萌怯怯的“表情包”就理所当然地成为破解这个难题的“金钥匙”。

表情包是指各种聊天过程中用于传递情感心情的小头像图片。

表情包的出现极大的丰富了聊天的乐趣，使得聊天不再是单调的文字叙述，特别是各种搞笑幽默动态图片的出现，使得聊天变得丰富多彩。

能自己制作一个表情是不是一件更有意思，更有兴趣的事。

一、丰富“表情包”的增减内容，在愉悦的境况下使Flash动画初步变形。

教师授课时不妨准备一个只带眼睛的QQ表情包原图，让学生利用直线工具和铅笔工具为表情包添加嘴鼻，丰富他们的表情，更可用不同的嘴型来表现此时快乐的心情。

通过学生对于原图的创作，给图型加入快乐的一张嘴，学生学习了工具盒中直线、铅笔、刷子工具、填充工具的同时，更表达了自己愉快的心情，从而激发学生学习flash动画的浓厚兴趣。

二．表情包的进一步变形倡导对“表情包”的二次创作，历练学生对各种绘图工具的使用水平。

随后，教师能够在表情包的基础上对已有的表情包实行人物头像的二次创作。

学习表情包大变身，先让学生想像他们能够用表情包创作出什么表情头像，再用铅笔在练习纸上实行初步的草图构图，与此同时，教师能够提醒学生，适当地为表情包加上一个弯月形，就能够变成人形的嘴，加入一个微微的圆点，就能成为人像的小酒窝……如此这般，就会引导学生绘制出更多的人物头像如：小婴儿、男童、女童、老奶奶等表情头像。

FLASH CS3 实例公益宣传动画公益广告是以公众谋利益和提高福利待遇为目的而设计的广告，以公益宣传为内容的动画，可以根据具体某一种行为、某一个事件，宣传或者提醒公众。

这里以“宁走十步远，不抢一步险”为依据，制作了一系列小动画，形成一个完成的公益宣传动画，如图11-37所示。

由于该动画中没有添加音频文件，为了使动画更加明了、清楚，这里为其添加了对白。

该动画中主要包括三个场景的动画，在制作过程中，要注意背景之间的转换。

而在单车动画中，特别要注意人物骑单车的动作，以及人物说话时口型的变化。

图11-37 公益宣传动画效果公益动画1整个公益宣传动画由三个小动画组成，其中第一个骑单车动画中的骑单车动作、人物身体动作、头部动作、嘴部动作等比较繁多。

在制作过程中，要结合相关图形，使其不同进行。

（1）在新建的空白文档中，创建图形元件“路边树木”，并且在其中绘制图形后，将该元件拖入场景舞台中，位置如图11-38所示。

图11-38 绘制背景1创建空白文档时，首先要设置文档属性，这样才能够精确确定元素位置。

（2）在第165帧处插入关键帧后，设置该帧中的实例属性，如图11-39所示，创建补间动画。

图11-39 创建移动动画（3）打开第5章中制作的“分层人物.fla”每一图层中的动画帧复制到该文档中，并且将车轮制作成影片剪辑动画，形成如图11-40所示的骑单车动画。

图11-40 胖人骑单车动画（4）根据胖人骑单车动画，制作瘦人骑单车动画。

其中车轮采用相同的影片剪辑元件，如图11-41所示。

由于骑单车动画为逐帧动画，为了通过前一个动作更改为后一个动作，需要将单个动作图形，以分层形式创建在图形元件中。

这样只要复制元件，并且更改其中的某个图层中的图形即可。

图11-41 瘦人骑单车动画（5）下面开始制作情景动画。

首先确定胖人单车位于瘦人单车前方，然后后者逐渐超越前者，如图11-42所示。

图11-42 超车动画由于单个人物包含多个部分，所以在制作超车动画时，必须同步进行，这样画面才能够协调。

Flash教程：打造搞笑诙谐的QQ表情动画制作步骤：1、新建一个300*300象素的文档，选择椭圆工具，设笔触为棕色，填充为黄色，按住Shift键画出一个正圆。

图12、在混色器面板中将填充改为“放射状”，在渐变条中设置由浅至深的三个黄*块，再用填充变形工具调整渐变到如下效果。

图23、用选择工具选中整个椭圆，按F8转换为元件，命名为“face”，在属性面板中点“滤镜”，添加如下投影效果。

图34、新建一个图层，命名为“eyes”，用钢笔工具画出一个月牙形的眼睛。

图45、设填充为黑色，用选择工具按Alt键拖动复制出另一个。

6、选中两个眼睛，Ctrl+G组合后按F8按转换为元件，命名为“eyes”。

在属性面板中点“滤镜”，添加如下斜角效果。

图67、新建一个图层，命名为“mouth”，用椭圆工具画出如下椭圆，无填充，笔触为棕色。

图78、再用矩形工具画出如下矩形与椭圆相交。

图89、用选择工具选中多余的部分删除，剩下的就是嘴巴了。

图9 10、用任意变形工具将嘴巴调整到合适的大小和形状。

图1011、选择铅笔工具，设笔触为棕色，宽度为5，按住Shif键在嘴巴上画出几条竖线表示牙齿。

图1112、选择颜料桶工具，设填充为白色，将牙齿全部填白。

图1213、选中嘴巴的各个部分，按F8转换为元件，命名为mouth1。

图1314、在属性面板中点“滤镜”，给嘴巴添加如下投影效果。

图1415、将画布上所有组件一起选中，F8按转换为元件，命名为“smile1”。

图1516、在库面板中双击“smile1”的预览图进入编辑元件界面继续编辑。

在第2帧处按F6添加一个关键帧。

选中嘴巴，按键盘上向上的方向键5下，这样两帧上的嘴巴就错开了，连续播放时就会形成上下颤动的大笑了。

Ctrl+S保存。

图1617、在库面板中右键单击“mouth1”选择“直接复制”，将复制出副本命名为“mouth2”。

图1718、在库面板中双击“mouth2”的预览图进入编辑界面进行修改。

Flash动画设计与制作项目教学教案第一章：Flash动画基础知识1.1 Flash动画概述介绍Flash动画的概念、特点和应用领域讲解Flash动画的基本原理和制作流程1.2 Flash动画制作工具介绍Flash动画制作所需的软件和硬件工具讲解Flash软件的基本界面和功能1.3 Flash动画制作基本技巧讲解Flash动画制作的基本技巧，如关键帧、图层、遮罩等引导学生掌握Flash动画制作的基本操作和技巧第二章：Flash动画角色设计2.1 角色设计概述介绍角色设计的重要性和平面角色设计的基本原则讲解角色设计的思路和方法2.2 角色设计实践引导学生进行角色设计实践，包括身体结构、面部表情等讲解角色设计的技巧和注意事项2.3 角色动画制作讲解角色动画制作的基本原理和方法引导学生制作简单的角色动画，如行走、跑步等第三章：Flash动画场景设计3.1 场景设计概述介绍场景设计的重要性和基本原则讲解场景设计的思路和方法3.2 场景设计实践引导学生进行场景设计实践，包括室内和室外场景等讲解场景设计的技巧和注意事项3.3 场景动画制作讲解场景动画制作的基本原理和方法引导学生制作简单的场景动画，如日落、雨天等第四章：Flash动画音效与配乐4.1 音效与配乐概述介绍音效与配乐在Flash动画中的作用和重要性讲解音效与配乐的选择和运用原则4.2 音效与配乐制作实践引导学生进行音效与配乐制作实践，包括音效剪辑、音效合成等讲解音效与配乐制作的技巧和注意事项4.3 音效与配乐在动画中的运用讲解如何将音效与配乐融入到Flash动画中，提升动画的整体效果引导学生进行音效与配乐的实践运用第五章：Flash动画后期制作与输出5.1 后期制作概述介绍Flash动画后期制作的内容和重要性讲解后期制作的基本步骤和注意事项5.2 后期制作实践引导学生进行后期制作实践，包括剪辑、调色、添加字幕等讲解后期制作的技巧和注意事项5.3 Flash动画输出与发布讲解Flash动画的输出格式和发布方法引导学生进行Flash动画的输出和发布，以便于观众观看和分享。