中职教材二维动画

Flashcc二维动画基础第3章对象的编辑

学习目标熟悉并掌握任意变形工具的操作应用熟悉并掌握对象的组合分离操作使用对齐面板对多个对象进行排列分布利用变形面板进行变形操作对象的修饰操作重点难点重点掌握任意变形工具的功能及操作区别绘制对象模式与形状绘制的区别使用变形面板进行复制并应用变形刷子工具几种绘制模式的区别熟悉并掌握线条转换填充、柔化填充边缘、扩展填充等修改形状的操作应用第3章对象的编辑

学习内容：3.1对象的编辑3.2对象的修饰3.3知识拓展3.4本章小结与重点回顾3.5课后实训3.1对象的编辑

3.1.1课堂实例1—绘制椰子树案例综述案例分析操作步骤举一反三3.1.2绘制对象与形状3.1.3合并对象3.1.4组合对象3.1.5分离对象3.1.6任意变形工具3.1.7对象变形3.1.8排列对象3.1.9对齐对象3.1对象的编辑

3.1.1课堂实例1—绘制椰子树案例综述

绘制椰子树的实例在第二章中的“阳光海滩”实例中引用了椰子树，本实例主要详细说明椰子树的制作过程。本实例主要使用“绘制对象”模式来绘制图形，了解绘制对象模式和基本形状绘制模式的区别。本实例主要使用任意变形工具对绘制对象进行变形。3.1对象的编辑

3.1.1课堂实例1—绘制椰子树案例分析本实例在制作过程中采用【绘制对象】模式进行矢量图绘制。在整个绘制过程中熟悉并掌握【绘制对象】模式与非绘制对象模式的区别和操作特点。本实例中，椰子树的树叶形态类似但又有一定的变化，可以使用任意变形工具对已绘制的椰子树树叶进行变形。树干、白云、绿树等元素在绘制过程中应用了组合、分散等操作。3.1对象的编辑

3.1.1课堂实例1—绘制椰子树案例分析在制作这个实例时，大致需要以下环节。（1） 新建文档，并保存。导入背景图片。（2） 绘制树干，使用【刷子工具】绘制树干阴影。并将树干与阴影组合。（3） 新建图层“椰子树”，使用【绘制对象】中的【合并对象】操作制作椰子树叶。（4） 使用【任意变形工具】对树叶进行变形组合。（5） 绘制椰果。（6） 组合椰子树，并复制。（7） 发布影片3.1对象的编辑

3.1.1课堂实例1—绘制椰子树操作步骤3.1对象的编辑

3.1.1课堂实例1—绘制椰子树操作步骤3.1对象的编辑

3.1.1课堂实例1—绘制椰子树操作步骤3.1对象的编辑

3.1.1课堂实例1—绘制椰子树操作步骤将组合好的椰子树复制三个，使用【任意变形工具】对椰子进行放大、缩小、旋转变形等操作。3.1对象的编辑

举一反三绘制大树树干形状，并填充颜色，绘制树叶，并复制多个，使用任意变形工具进行变形。

3.1对象的编辑

3.1.2绘制对象与形状在进行实例图形的绘制过程中，绘制线条和填充两种形状，当我们在进行多个形状的绘制时，会出现融合或消除等现象，也就是后绘制的形状会对前面已经绘制好的形状产生影响。3.1对象的编辑

3.1.2绘制对象与形状在工具箱的“选项区”中有【对象绘制】按钮，点击【对象绘制】按钮，使其处于选中状态，在舞台上绘制一个图形时，图形外面会出现一个蓝色的矩形边框。在进行多个形状的绘制时，不会产生相互影响。3.1对象的编辑

3.1.2绘制对象与形状在使用绘制对象绘制形状轮廓后，使用【颜料桶】进行填充时，看似封闭的区域，其实各自为一个独立部分，没有真正的组合在一起。这种情况需要将绘制对象【分离】后进行填充。3.1对象的编辑

3.1.3合并对象“合并对象”是将两个或多个绘制的“绘制对象”图形，通过几种不同的方法合并到一起，从而得到一个新的对象。选择【修改】—【合并对象】，在弹出的子菜单中有“联合”、“交集”、“打孔”和“裁切”4个命令可实现合并对象的操作。3.1对象的编辑

3.1.4组合对象

在编辑图形的过程中，如果要将组成图形的多个部分作为一个整体进行移动、变形或缩放等编辑操作时，需要同时选择这些对象，操作相对麻烦，这时，可通过组合图形的方式将其组合为一个整体，进行移动、缩放等操作，提高编辑的效率3.1对象的编辑

3.1.4组合对象

对于组合的对象，想要对它组合的一部分进行编辑，可以双击组合对象，到【组合】的编辑窗口进行编辑。组合的快捷键为Ctrl+G。而取消对图形的组合，可在选中组合图形的状态下，选择【修改】—【取消组合】。或者[Ctrl+Shift+G]键。另外，通过按【Ctrl+B】键打散图形的方式，也可取消对图形的组合。3.1对象的编辑

3.1.5分离对象分离对象可实现对文字、位图或组合图形分离为单独的可编辑元素。在FlashCC中打散图形的方法，其操作步骤如下：（1）使用【选择工具】，选择需要分散的组合图形、位图、文本、实例等元素，执行【修改】—【分离】命令，实现对所选对象的分离操作。（2）选择需要分离对象后，按Ctrl+B快捷键，可将选择的组合图形分散为矢量图形。（3）选择需要分离对象后，点击鼠标右键，在弹出的右键菜单中，选择【分离】命令可实现分离操作。203.1对象的编辑

3.1.6任意变形工具工具箱中的【任意变形工具】，快捷键为Q。主要用于将对象进行各种方式的变形处理，如拉伸、压缩、旋转、翻转和自由变形等。3.1对象的编辑

3.1.6任意变形工具3.1对象的编辑

3.1.6任意变形工具3.1对象的编辑

3.1.7对象变形可以使用【修改】—【变形】子菜单命令，对选择对象进行变形。可以进行放大、缩小、旋转、倾斜、扭曲等，还可以进行顺时针旋转90度、逆时针选择90度、垂直翻转、水平翻转。3.1对象的编辑

3.1.8排列对象在同一图层中，Flash是根据对象创建的先后顺序来层叠对象的，会将新创建的对象放置在最上层，后创建的对象就会覆盖先创建的对象。为了达到想要的绘制效果，可以更改对象的层叠顺序。排序子菜单中包括：移至顶层，上移一层、下移一层和移至底层四个选项。上移一层的快捷键为Ctrl+向上箭头，下移一层的快捷键为Ctrl+向下箭头，这两个快捷键在实际操作过程中使用频率比较高，可以较为方便的调整对象的层级顺序。3.1对象的编辑

3.1.9对齐对象Flash软件中可以使用【对齐】面板，对放置在舞台上的多个对象进行排列分布。3.1对象的编辑

3.1.9对齐对象1、对齐对象对齐对象包括水平方向对齐方式和垂直方向对齐方式。水平方向对齐方式包括左对齐、水平中齐、右对齐，垂直方向对齐方式包括顶对齐、垂直中齐和底对齐。3.1对象的编辑

3.1.9对齐对象2、分布对象在场景中选择3个或3个以上的对象，然后利用【对齐】面板上的分布功能可以方便地将选择的对象进行均匀分布。垂直方向包括“顶端对齐”、“垂直居中对齐”、“底部分布”，水平方向包括“左侧分布”、“水平居中分布”和“右侧分布”。3.1对象的编辑

3.1.9对齐对象3、匹配大小使用【对齐】面板的匹配大小功能，可以同时调整多个对象的大小，包括“匹配宽度”、“匹配高度”和“匹配宽和高”功能键。将所选对象水平或垂直尺寸与所选最大对象的尺寸一致。3.1对象的编辑

3.1.9对齐对象4、间隔间隔包括垂直平均间隔和水平平均间隔，可以调整多个对象的间距进行平分。间隔与平均分布类似，不同之处在于平均分布的间距是以多个对象的同一侧均匀分布，而间隔则是将相邻对象的间距调整相同。5、舞台对齐相对于舞台对齐的复选框勾选时，表示在进行对齐、分布、匹配大小、间隔时以舞台为基准。3.2对象的优化

3.2.1课堂实例2—彩虹风景绘制案例综述案例分析操作步骤举一反三3.2.2优化曲线3.2.3将线条转换为填充3.2.4扩展填充3.2.5柔化填充边缘3.2.6变形面板3.2对象的优化

3.2.1课堂实例2—彩虹风景绘制案例综述

本实例主要在绘制矢量图形的过程中，如何使用“扩展填充”、“柔化填充边缘”、“优化”等“形状”修饰命令对绘制的内容进行修饰。在本实例中使用变形面板对绘制的内容进行变形，使用“复制并应用变形”来实现花朵的绘制。3.2对象的优化

3.2.1课堂实例2—彩虹风景绘制案例分析

在制作过程中采用【绘制对象】模式进行矢量图绘制，使用【颜色面板】对天空、草地、树木、阳光进行颜色填充，使用【渐变变形工具】实现对渐变效果的修改。

除了使用【任意变形工具】对绘制的内容进行变形修改，还可以使用【变形面板】对绘制内容进行变形修改。

【变形面板】中有“复制并应用变形”按钮，可以利用它绘制花朵、扇子、时钟等一边选择一边复制的图形。3.2对象的优化

3.2.1课堂实例2—彩虹风景绘制案例分析在制作这个实例时，大致需要以下环节。（1）

新建文档，并保存。（2）

绘制天空背景、绘制草地、绘制远处树木的渐变效果。（3）使用椭圆工具绘制白云。（4）

使用刷子工具绘制小路，并进行平滑或伸直处理。（5）绘制彩虹（6）

绘制阳光（7）绘制向日葵图形元件，并复制多个元件放置在舞台上。（8）

发布影片3.2对象的优化

3.2.1课堂实例2—彩虹风景绘制操作步骤(1)绘制天空

将“图层1”重命名为“天空”，绘制一长方形，大小为1000*600，x：0，y：0。设置填充颜色为“线性填充”，

从左到右依次为“#007DC5”、“#7EE7FF”、“#FFFFFF”使用【渐变变形工具】将填充效果旋转为从上到下的渐变效果。3.2对象的优化

操作步骤(2)绘制草地

先绘制草地的形状，然后再填充渐变颜色。颜色左侧色标为“#93C600”、右侧色标为“#A5D903”。填充后，也需要使用【渐变变形工具】将填充效果旋转为从上到下的渐变效果。3.2对象的优化

操作步骤(3)绘制远处树木

使用钢笔工具绘制树的形状，或者使用椭圆工具绘制几个圆进行叠加，形成远处树的形状，将其分离，填充渐变颜色。3.2对象的优化

操作步骤(4)绘制小路

使用【刷子工具】，颜料桶颜色为#F7C782，选择圆形笔刷和合适的大小，在舞台上绘制小路。刷子绘制的小路形状可以根据具体绘制内容进行【伸直】或【平滑】处理。3.2对象的优化

操作步骤(5)绘制彩虹新建图层“彩虹”，锁定其他图层。将“彩虹”图层移到“草地”图层下面。彩虹的绘制可采用“扩展填充”来实现。

3.2对象的优化

操作步骤(5)绘制彩虹

另外一种绘制彩虹的方法可以使用将【将线条转换为填充】来实现绘制彩虹。3.2对象的优化

操作步骤(5)绘制阳光

阳光的绘制主要使用矩形工具来绘制光束，使用【选择工具】调整节点调整为梯形。填充颜色为白色，填充效果为线性渐变。3.2对象的优化

(5)绘制阳光光束绘制好后，使用【任意变形工具】将变形的控制点移到光束的右侧10像素左右的距离，选择【变形】面板，将旋转角度设置为—15度，点击变形面板右下角的【复制选区和变形】按钮，进行变复制变旋转变化，形成放射性的光束效果。3.2对象的优化

(5)绘制花3.2对象的优化

(5)绘制花3.2对象的优化

(5)绘制花3.2对象的优化

举一反三3.2对象的优化

3.2.2优化曲线优化曲线功能能将线条或者填充的轮廓加以改进，减少用于定义图形的曲线数量，是的减少Flash文件的大小。具体操作：选择需要优化的形状，执行【修改】—【形状】—【优化】命令，在弹出的【优化曲线】对话框中设置优化的强度，范围为0~100，值越大，优化越好，曲线数会减少更多。3.2对象的优化

3.2.3将线条转换为填充在绘制矢量图形时，会发现绘制的线条在进行放大缩小时，它的粗细是不变化的，而使用【将线条转换为填充】命令可以将绘制的矢量线条转换为填充色块。

具体操作：选择需要变化的线条，执行【修改】—【形状】—【将线条转换为填充】命令，即可将线条转换为填充。3.2对象的优化

3.2.4扩展填充扩展填充的主要功能是将填充颜色向外扩展或向内收缩。执行【修改】—【形状】—【扩展填充】命令，在弹出的对话框中，可以设置扩展的距离是多少像素，扩展的方向是“扩展”或“插入”。3.2对象的优化

3.2.5柔化填充边缘

柔化填充边缘与扩展填充类似，不同的是柔化填充边缘会在填充方向上产生多个逐渐透明的图形。3.2对象的优化

3.2.5柔化填充边缘

与扩展填充相比较，柔化填充边缘制作的图形效果更加朦胧，可以制作月光、灯光等效果。3.2对象的优化

3.2.6变形面板【变形面板】的主要功能是对选择对象进行变形处理。通常情况下，使用【任意变形工具】可对选择对象进行粗略变形，而【变形面板】可以精准的设置变形的比例