资源简介

(共34张PPT)
项目二 图形编辑
二维动画设计软件应用（Animate 2022）
项 目
导 读
Animate在进行图形绘制时，很难做到一步到位，通常需要经过不断的修改和细微的调整，才能得到理想的效果，这时就需要使用各种编辑工具来对图形进行细致的处理刻画了。那么本章就为广大读者介绍一下图形编辑工具。
储备新知识
学习重点
任务1 图形的旋转—花朵
任务3 图形变形—箭头
思考与探索
项目内容
任务4 位图在Animate中的运用
—中秋佳节
任务2 图形对齐—齿轮
学习重点
项目二 图形编辑——学习重点
学会什么？
1. 掌握图形的旋转。
2. 掌握图形的对齐或分布。
3. 掌握图形的变形。
4. 了解位图的运用。
学习重点：
本项目重点了解图形编辑的知识，学习旋转、变形、对齐等工具的使用方法，
掌握软件中位图的使用方法。
01
02
储备新知识
项目二 图形编辑——储备新知识
一、图形编辑工具
1.选择工具
选择工具可以选择、移动或改变对象的形状。选择该工具，然后移动鼠标到直线的端点处，指针右下角变成直角状时，拖动鼠标就可以改变线条的方向和长短，如图2-5所示。
图2-5 改变线条长短和方向
将鼠标指针移动到线条上，指针右下角会变成弧线状。拖动鼠标，可以将直线变成曲线。
图2-6 改变线条形状
项目二 图形编辑——储备新知识
2.部分选取工具
部分选取工具用来编辑曲线轮廓，如拖动轮廓的节点或节点切线来改变对象的轮廓形状，或者可以拖动整个轮廓来移动。用该工具点击选中节点后，按[Delete]键，可将选择的节点删除。
3.套索工具
套索工具用于选择图形中不规则形状区域，被选定的区域可以作为一个单独的对象进行移动、旋转或变形。选择套索工具后，在选项区中出现魔术棒、魔术棒设置和多边形模式三种模式，说明如下：
(1)魔术棒 ：该模式下，点击将选择被认为与点击处颜色相同的区域。
(2)魔术棒设置 ：点击该按钮将激活设置魔术棒参数的对话框，如图2-21所示，其中“阈值”用于设定判断为“相同”颜色的界限值，缺省值为10，该值越大，越容易判断为“相同”色。“平滑”用于设置选择区域的平滑程度。
(3)多边形模式 ：该模式下，将按照鼠标点击围成的多边形区域进行选择。
项目二 图形编辑——储备新知识
4.任意变形工具
任意变形工具用来改变和调整对象的变形，包括缩放、旋转、翻转、倾斜、扭曲、封套等形式。首先确认当前只有一个对象处于选取状态，否则将不能进行任意变形操作。选中对象后，单击任意变形工具，选取的对象将出现一个带有8个端点和一个中心点的控制点。可以拖动这些控制点实现对象的变形。此时选项区会出现四个对应的新按钮。
(1)旋转与倾斜 ：单击该按钮，可以对选中的对象进行旋转或倾斜操作。
(2)缩放 ：单击该按钮，可以对选中的对象进行放大或缩小操作。
(3)扭曲 ：单击该按钮，可以对选中的对象进行扭曲操作。
(4)封套 ：单击该按钮，选中的对象四周会出现更多的控制点，可以对对象进行更精确的变形操作。
可以应用和封套选项的对象：图形，利用钢笔、铅笔、线条、刷子工具绘制的对象和分解组件后的文字；不可以用扭曲的封套选项的对象：群组、元件、位图、影片对象、文本和声音。
任务1
图形的旋转——花朵
项目二 图形编辑——任务1
任务分析：
本实例将绘制一个漂亮的星形花，通过该实例的制作，我们将练习使用编辑图形工具，其最终效果如图2- 7所示。
图2-7
项目二 图形编辑——任务1
任务实施—绘制花瓣
步骤1新建影片文档，保存影片文件，取名为“绘制星形花”。
步骤2绘制一个花瓣。选择线条工具，在【属性】面板中设置笔触为黑色，线宽为“3”，按住【shift】键，绘制一段垂直直线。
步骤3用选择工具调整直线为弧形，如图2-8所示。
步骤4确定“贴紧至对象”按钮处于按下状态，选择直线工具，连接两个端点，如图2-9所示。
步骤5再用选择工具调整直线为弧形，如图2-10所示。
项目二 图形编辑——任务1
任务实施—绘制花瓣
步骤6再选择线条工具，从顶点向下画一小段直线，并用选择工具将其调整为弧形，如图2-11所示。
步骤7设置【填充颜色】为粉红色，选择颜料桶工具，为花瓣填充颜色，如图2-12所示。
步骤8用选择工具双击花瓣，选中它。再选择任意变形工具，拖动变形中心点，移动到花瓣下端中心位置，如图2-13所示。
步骤9执行【窗口】丨【变形】命令，或按【Ctar+T】快捷键，弹出【图形】面板 ，在【旋转】文本框输入“40”，并连续 按“复制并应用变形”按钮8次，如图2-14所示。效果如图2-15所示。
步骤10再用选择工具删除多余的线条，如图2-16所示。并将右边花瓣的左边线选中，如图 2-17。选择任意变形工具，将其变形中心点拖致下方，如图2-18所示。用【变形】面板旋转-40度，点击“重置选区和变形”按钮，完成作品，如图2-19所示
项目二 图形编辑——任务1
任务实施—绘制花瓣
图2-13
图2-12
图2-11
图2-10
图2-8
图2-9
图2-14
项目二 图形编辑——任务1
任务实施——旋转复制花瓣，删除多余线条。
图2-15 将一个花瓣旋转复制8次 图2-16 选择线条并删除
图2-17 选择线条 图2-18 移动变形中心点
任务实施——任务经验
本实例在绘制过程中，需要对中心点的位置进行设置。
任务2
图形对齐—齿轮
项目二 图形编辑——任务2
任务分析：
对齐工具可能是很多新手不太注意的地方，其实这个工具是相当实用的，使用好了，可以节省很多时间，大大提高工作效率，在使用上相当简单，这里就和大家分享一下，对齐工具的使用方法。
图 2-20
项目二 图形编辑——任务2
任务实施——绘制齿轮
步骤1在场景中的任意位置创建一个圆,不填充颜。如图2-21。
步骤2按Ctrl+K调出对齐面板，确认选中"相对于舞台"。分别点击水平居中,垂直居中选项。如图2-22。
步骤3在舞台任意位置画一条直线,直线目测大于圆的直径就好,最好不要和圆形交叉,不然会增加麻烦。如图2-23。
步骤4选中第3步中的直线,按Ctrl+C(复制),再按Ctrl+Shift+V(原地粘贴),这时直线为选中状态,(不要点击舞台的任何区域),选择变换工具,对选中的直线进行90度旋转操作,使之成为十字形。如图2-24。
图2-24
步骤5双击十字交叉线,在对齐面板中点击相对于舞台水平垂直居中。在舞台中的任意位置创建一个矩形,最好不要和其它线交叉，双击选中矩形。如图2-25。
项目二 图形编辑——任务2
任务实施——绘制齿轮
步骤6使用相对于舞台垂直居中按钮,使矩形和其他图形垂直居中,并使用方向键进行微调,使之达到一个合适的位置。 步骤7按V键使用选择工具,选中矩形,选择变形工具,将变形的中心点移到十字的中心,(此时,中心点到十字中心的位置会自动粘贴到中心,所以很方便的)。
步骤8按Ctrl+T调出变形面板，将旋转的度数设为30。(这个根据设计的要求任意设定,它决定齿的多少)。
步骤9按下方的“重置选区和变形”按钮，可以看到,矩形以30度的角度,并以十字的中心为中心,旋转复制出了一个矩形。
项目二 图形编辑——任务2
任务实施——绘制齿轮
步骤10连续点击“重置选区和变形”按钮,形成下面的图形。
步骤11使用选择工具,去掉不要的线条，形成下图。在舞台的任意位置创建一个圆，直径小一些。
步骤12选择这个圆,使用对齐工具,使水平垂直居中于舞台。
项目二 图形编辑——任务2
任务实施——任务经验
Animate在制作类似图形的时候,有比较强大的优势，个人觉得做起来很简单。其中只用到了旋转复制和对齐工具， 所以在使用上要结合自己的需要灵活使用。

任务3
图形变形—箭头
项目二 图形编辑——任务3
任务分析：
“任意变形工具”用于对图形进行旋转、缩放、扭曲及封套造型的编辑。选取该工具后，需要在工具面板的属性选项区域中选择需要的变形方式，如图2-34所示。
图2-34
项目二 图形编辑——任务3
任务实施——图形变形

原图 旋转 倾斜 水平缩放 垂直缩放 等比缩放
封套
扭曲
项目二 图形编辑——任务3
任务实施——任务经验
除了使用任意变形工具，还可以通过选择“窗口”菜单→“变形”子菜单中的“旋转与倾斜”、“缩放”、“扭曲”和“封套”等功能来完成图形的变形操作。

任务4
位图在Animate中的运用——中秋佳节
项目二 图形编辑——任务4
任务分析：
对于制作动画来说,位图资源很丰富,没有绘图基础的读者,可以利用一些现成的位图来制作动画作品。并且,位图具有丰富的表现力，一些复杂的动画作品可能必须使用位图才能表现清楚。因此，掌握在软件中插入和处理图像是非常重要的。
项目二 图形编辑——任务4
任务实施——编辑位图
1、位图和矢量图的区别
位图是点阵图法表示，矢量图用一系列计算机指令来表示。它们最大的区别就是位图变大一定比例后会变模糊，而矢量图放大到任意比例依然清晰。绘制的图形属于矢量图，位图一般用来做背景、图标按钮等。
2、导入位图。使用位图必须先将它导入到当前文档的舞台或库中，Animate提供了导入位图的相关命令，可以很方便地导入和使用位图。
3、在软件中，主要应用的是JPEG和PNG格式的位图图片。JPEG格式通常用于背景素材，因为它是不透明的。（如图2-45、2-46所示）

2-45
2-46
项目二 图形编辑——任务4
任务实施——编辑位图
PNG格式，一般都是一些图标或者按钮样式，同样的导入操作，看到的图片是半透明的。（如图2-47、2-48所示）
2-45
2-47
项目二 图形编辑——任务4
任务实施——编辑位图
步骤1 绘制一个正圆，颜色填充为黄色，轮廓线设置为无，如图2-49所示。
步骤2 使用“柔化填充边缘”模糊月亮边缘。选择“修改”→“形状”→“柔化填充边缘”命令，弹出“柔化填充边缘”对话框，在对话框中设置属性。如图2-50～图2-52所示。
步骤3 选择文本工具，输入文字“中秋佳节”，在“属性”面板中编辑文字，将其放置在合适位置，最终效果如图2-53所示。

2-49
2-51
2-50
2-52
2-53
项目二 图形编辑——任务4
任务实施——任务经验
在导入之前应该先用图形编辑软件对准备导入到软件中的位图进行编辑（例如用photoshop软件对图像进行编辑，编辑好后导出，再重新导入到Animate文件中），目的是使导入后的图片就是最终在软件中使用时的大小。因为如果导入了一幅很大的位图，然后又进行了剪裁、缩放等操作，即使只使用了位图的很小的一部分，最终文件的大小也不会有任何改变。你可以自己试验一下，以证实这个说法。
思考与探索
项目二 图形编辑——思考与探索
思考
01
探索
02
1.调出旋转面板的快捷键是什么？
2.调出对齐面板的快捷键是什么？
3.在对图片编辑时，如果想实现 等比例缩放需要如何操作？
4.软件中位图与矢量图的区别？
1.根据所学内容，绘制一幅端午节场景，如图2-54所示。
2.使用软件中的旋转、变形等工具绘制一把扇子，如图2-55所示。
图2-54
图2-55
本章是Animate软件教学中的基础内容之一，通过丰富典型的任务范例讲授了二维动画常用的图形编辑工具，其中涉及图形旋转、图形对齐、任意变形、位图的应用等。虽然制作方法简单，但要想掌握这部分内容还需要多多练习才能完全掌握。
项目总结

展开更多......

收起↑