Flash CS6 动画设计与制作案例教程课件

图形的绘制与编辑项目NO2FlashCS6动画设计与制作案例教程1.了解工具箱中的常用工具。2.熟悉常见绘图工具的使用方法及属性设置。3.掌握使用各种工具绘制及编辑图形。本章目标知识目标——FlashCS6动画设计与制作案例教程【V】调用“选择工具”【Ctrl+C】复制【Ctrl+Shift+V】原地粘贴【Shift+C】调出转换锚点工具【B】调用“刷子工具”快捷键本章目标技能目标1.能使用“矩形工具”“椭圆工具”等绘制简单的图形。2.能使用“钢笔工具”“铅笔工具”等绘制复杂的图形。3.能使用“颜料桶工具”“墨水瓶工具”等设置对象的颜色。——FlashCS6动画设计与制作案例教程图形的绘制与编辑123456选择变换工具几何形状绘制手工绘图工具绘图辅助工具填充颜色工具本章任务制作“小怪兽”动画任务1任务2制作“背影”动画任务1FlashCS6提供了绘制和编辑图形的基本工具，合理地利用这些工具可以创建许多丰富多彩的图形。本任务通过将绘制的正方形和圆形叠加起来实现“小怪兽”动画的制作，让用户熟悉基本常用工具的使用。制作“小怪兽”动画任务描述任务分析任务导入动画人物/风景/广告（a）动画人物

（b）动画风景

“选择工具”不但可以选择、移动对象，还可以对舞台中的图形进行形状的编辑。在工具箱启用“选择工具”后，将鼠标指针移动到线条或图形的边缘，当指针形状变为或时，如图（a）、（b）所示，按住鼠标左键并拖拽，可以方便地修改线条或图形边缘的形状，效果如图（c）所示。知识链接一、选择变换工具   （a）      （b）     （c）选择工具

使用“部分选择工具”，单击空白处，从左上方到右下角，框选住女孩图形，如图（a）所示。小试牛刀改变女孩头发的形状

释放鼠标，单击空白区域，女孩头发的形状即已发生改变，如图（c）所示。步骤1步骤2

选择需要改变形状的地方，单击与女孩头部绿色圆形装饰物对称的一个点，拖拽往上拉，效果如图（b）所示。步骤3   （a）      （b）     （c）

“套索工具”可以精确地选择不规则对象中的任意部分。在工具箱中选择“套索工具”，将鼠标指针移至舞台中，变为形状，拖拽鼠标即可在图形对象中选取需要的范围，即可完成区域的选择。利用“套索工具”从如图（a）所示的图形中将“房屋”及其阴影选取出的，效果如图（b）所示。知识链接一、选择变换工具   （a）      （b）    

“套索工具”的使用套索工具

“任意变形工具”主要用于对对象进行不同方式的变形处理，如拉伸、压缩、旋转、翻转和自有变形等。通过“任意变形工具”，可以将对象变形为需要的样式。在工具箱中选择“任意变形工具”时，工具箱底部选项区的相关按钮会被激活。知识链接一、选择变换工具   （a）      （b）     （c）（d）

“任意变形工具”的使用任意变形工具

选择工具箱中的“基本矩形工具”，设置其属性。小试牛刀绘制矩形

修改“属性”面板中的“矩形边角半径”数值为10。步骤1步骤2

在舞台中绘制图形的起点处单击，并拖拽鼠标到终点处释放鼠标，绘制出一个基本矩形。步骤3

选择工具箱中的“椭圆工具”，在“椭圆工具”的“属性”面板中修改“填充和笔触”颜色为“黑色”。在舞台中单击并拖拽鼠标，直到创建适合的形状和大小后，释放鼠标，即可绘制出一个椭圆，效果如图（a）所示。小试牛刀绘制椭圆步骤1

（a）      （b）     （c）

重新选择工具箱中的“椭圆工具”，在椭圆工具的“属性”面板中设置“开始角度”为“100.00”，在舞台中单击并拖拽鼠标，直到创建适合的形状和大小后，释放鼠标，效果如图（b）所示。步骤2

重新选择工具箱中的“椭圆工具”，在椭圆工具的“属性”面板中设置“内径”为“50.00”，在舞台中单击并拖拽鼠标，直到创建适合的形状和大小后，释放鼠标，效果如图（c）所示。步骤3小试牛刀绘制不同形状的星形

选择工具箱中的“多角星形工具”，在舞台中单击并拖拽鼠标，直到创建适合的形状和大小后，释放鼠标，即可绘制出一个多角星形，如图（a）所示。步骤1

（a）  （b）    （c）

（d）  （e）    （f）

单击“属性”面板中的“选项”按钮，若在弹出的“工具设置”对话框中设置边数为“6”，则效果如图（b）所示。若设置“样式”为“星形”，边数为“5”，则效果如图（c）所示。若设置“星形顶点大小”分别为“0.2”“0.5”“0.9”，则效果如图（d）、图（e）、图（f）所示。步骤2任务实施新建文档显示网格步骤

设置其笔触颜色为无，填充颜色色值为“#F5FFDF”。STEP1新建文档STEP2绘制小怪兽的轮廓

执行菜单“视图”→“网格”→“显示网格”命令，将舞台用网格显示出来。绘制矩形21任务实施

旋转矩形绘制并复制椭圆

单击“文件”→“另存为”，并保存为“.fla”格式文件。

将鼠标移至最右下角的控制点，当鼠标指针变为旋转样式时，按住【Shift】键控制正方形以45°角旋转。移动椭圆形成心形STEP2绘制小怪兽的轮廓34

选择“椭圆工具”，设置笔触颜色为“无”、填充颜色为“红色”，色值为“#FF0000”，然后按下【Shift】键，在工作区中绘制一个正圆；按【Alt】键复制椭圆。5任务实施

绘制矩形填充矩形设置矩形圆角角度STEP3绘制小怪兽的眼睛

绘制一个圆角矩形作为“小怪兽”的眼睛轮廓。打开图层面板，单击“新建图层”按钮，新建一个图层。选择“矩形工具”，打开“矩形工具属性”面板，设置笔触颜色为“无”、填充颜色为白色、色值为“#FFFFFF”，设置矩形边角半径为“10”。在“形状属性”面板中设置宽为“90”、高为“60”，绘制好圆角矩形后的效果如图所示。1完成任务实施

锁定图层选择锚点删除选择的锚点STEP3绘制小怪兽的眼睛

单击图层1，并将图层1锁定，单击图层2，使用“部分选择工具”，从左至右框选圆角矩形。选择“删除锚点工具”，删除锚点，效果如图所示。2完成任务实施

绘制左眼球绘制右眼调整眼睛间隔STEP3绘制小怪兽的眼睛

选择“椭圆工具”，绘制一个椭圆，在其“形状属性”面板中设置其宽为“23”、高为“23”，填充颜色为黑色，色值为“#000000”。3完成

选择“任意变形工具”，框选“小怪兽”的眼睛，。按【Ctrl+C】复制，按【Ctrl+Shift+V】原地粘贴，将鼠标放置左边中间的锚点上，当鼠标变成横线时，往右平行拖动，并调整右眼宽为“90”、高为“50.65”。4

选择“任意变形工具”，框选“小怪兽”的右眼睛，水平向右移动，参考线会自动吸附到合适位置，如图2-1-43所示，“小怪兽”绘制完成。5任务2本任务中主要通过“钢笔工具”来勾勒人物头部、身体和裙子的线条，用“颜料桶工具”为其填充颜色，再用“刷子工具”绘制辫子，通过完成上述绘制图形过程的学习，掌握如何使用手工绘图工具绘制图形。本任务使用“铅笔工具”和“钢笔工具”可以绘制出各种线条和形状，而“钢笔工具”是FlashCS6中比较难掌握的绘图工具之一。制作“背影”动画任务描述任务分析知识链接一、手工绘图工具铅笔工具

铅笔工具”可以绘制出不同形状的曲线，在绘制完线条后，FlashS6会根据所选的绘图模式对线条进行自动调整。在工具箱中选择“铅笔工具”，单击工具箱底部的“铅笔模式”按钮，在弹出的下拉列表中有3种绘图模式可选，线条平滑与笔直的程度取决于所选择的铅笔模式。

（a）（b）（c）伸直、平滑、墨水模式效果知识链接一、手工绘图工具钢笔工具

“钢笔工具”可以绘制直线或平滑流畅的曲线（贝塞尔曲线），并调整曲线的弯曲度，从而使绘制的线条达到理想的效果。选择工具箱中的“钢笔工具”，按住鼠标左键不放，在弹出的下拉列表中有“钢笔工具”、“添加锚点工具”、“删除锚点工具”和“转换锚点工具”4个选项。

贝塞尔曲线

打开“篮球火.fla”源文件，为“火焰”添加层次，如图（a）所示。小试牛刀为“火焰”添加层次

将“火焰”放置在合适位置，保存文件，“篮球火”，如图（c）所示。步骤1步骤2

在工具箱中选择“颜料桶工具”，在其“属性”面板中选择要填充的颜色，设置色值为“#FF9900”，单击涂色区域，填充橙色，如图（b）所示。步骤3

（a）      （b）     （c）

打开上一个小试牛刀，如图（a）所示“为“火焰”添加层次”保存好的素材“篮球火.fla”，通过“墨水瓶工具”，给篮球后面的黄色区域添加边线。小试牛刀为“火焰”添加边线步骤1步骤2

选择工具箱中的“墨水瓶工具”，在“属性”面板中设置“笔触颜色”的色值为“#FF3300”，填充色色值为“#FFFF33”，“笔触大小”为“3.95”，如图（b）所示，单击需求添加边缘的地方，效果如图（c）所示。   （a）      （b）     （c）

打开“渐变圆.fla”源文件，如图（a）所示，在工具箱中选择“渐变变形工具”，单击“渐变圆”，该圆出现可拖拽手柄，如图（b）所示。小试牛刀添加“渐变变形工具”步骤1步骤2

拖拽手柄，可对此渐变圆进行修改。按住第一个手柄，往右拉，如图（c）所示；按住第二个手柄，往外拉，如图（d）所示；按住第三个手柄，旋转角度，如图（f）所示。   （a） （b）     （c）（d）（f）任务实施新建文档绘制人物头部步骤

执行菜单“文件”→“新建”命令，在弹出的对话框中依次选择“常规”→ActionScript3.0”选项，单击“确定”按钮，新建一个影片文档，然后执行菜单“文件”→“保存”命令，设置文件名为“背影.fla”。STEP1新建文档STEP2绘制人物头部任务实施绘制线条调整锚点步骤

选择工具箱中的“线条工具”，在舞台工作区中绘制如图（a）所示的线条，使用“选择工具”进行修饰，效果如图（b）所示。STEP3绘制人物背部

使用工具箱中的“部分选取工具”，并结合“添加锚点具”“删除锚点工具”和“转换锚点工具”，对舞台内的线条进行精准调整，完成背部轮廓，效果如图（c）所示。

（a）      （b）     （c）任务实施绘制裙子轮廓填充裙子颜色步骤

继续用“钢笔工具”在背部上绘制线条，并用“选择工具”和“部分选择工具”进行调整，绘制出如图