WEB动画制作与设计课件：对象的编辑与修饰（一）

对象的编辑与修饰对象的编辑与修饰对象的编辑与修饰1、对象的变形与操作；2、对象的修饰；3、对齐面板与变形面板的使用【课堂学习目标】【案例学习目标】使用不同的变形命令编辑图形。【案例知识要点】使用铅笔工具绘制山图形和草地图形，使用缩放命令、旋转与倾斜命令、翻转命令编辑图形，使用任意变形工具改变图形形状。【课堂案例】—绘制稻草人【课堂案例】—绘制稻草人1、绘制山和草地图形（1）文档属性：将“背景颜色”设为天蓝色（#00CCFF）。（2）绘制山铅笔工具：“铅笔模式”：平滑；

“笔触颜色”：黑色；“笔触高度”：1；【课堂案例】—绘制稻草人1、绘制山和草地图形（2）绘制山“颜料桶”工具

：“填充色”分别设为青色（#7BBACE），绿色（#8CC78C）和草绿色（#B5CF4A）【课堂案例】—绘制稻草人1、绘制山和草地图形（3）绘制草地A、选用“铅笔”工具绘制草地轮廓B、选择“颜料桶”工具，“颜色”面板，在“类型”选项为“线性”，选中色带上左侧的色块，将其设为黄色（#F7CF39），选中色带上右侧的色块，将其设为暗黄色（#D3AAOA）。【课堂案例】—绘制稻草人1、绘制山和草地图形（3）绘制草地C、“选择”工具，选中渐变色的草地图形，按Ctrl+G组合键将图形组合。多次复制草地，使草地有层次感；【课堂案例】—绘制稻草人

制作复杂图形时，可以将多个图形组合成一个整体，以便选择和修改。另外，制作位移动画时，需用“组合”命令将图形转变成组件。选中多个图形，选择“修改>组合”命令，或按Ctrl+G组合键，将选中的图形进行组合，如图所示。一、组合对象原图组合后效果二、分离对象

要修改多个图形的组合、图像、文字或组件的一部分时，可以使用“修改>分离”命令。另外，制作变形动画时，需用“分离”命令将图形的组合、图像、文字或组件转变成图形。

选中图形组合，选择“修改>分离”命令，或按ctrl+B组合键，将组合的图形打散。2、绘制云图形选择“铅笔”工具，绘制出云的轮廓；填充为白色，“Alpha”选项中将其不透明度设为80%；【课堂案例】—绘制稻草人2、绘制云图形选中云图形，按Ctrl+G组合键，将图形组合，按Ctrl+T组合键，弹出“变形”面板，在对话框中进行设置，单击“复制并应用变形”按钮点

，复制出一个新的云图形。【课堂案例】—绘制稻草人【功能】应用变形面板可以将图形、组、文本以及实例进行变形。

选择“窗口>变形”命令或按Ctrl+T键，弹出“变形”面板，如图所示。

三、变形面板“缩放宽度”

和“缩放高度”

选项

：用于设置图形的宽度和高度。“约束”按钮

：用于约束“宽度”和“高度”选项，使图形能够成比例地变形。“旋转”选项

：用于设置图形的角度。“倾斜”选项

：用于设置图形的水平倾斜或垂直倾斜。“重制选区和变形”按钮

：用于复制图形并将变形设置应用给图形。“取消变形”按钮

：用于将图形属性恢复到初始状态。三、变形面板选择“修改>变形”中的“垂直翻转”、“水平翻转”命令，可以将图形进行翻转，效果分别如图所示。四、翻转对象原图垂直翻转水平翻转3、制作稻草人并绘制路图形（1）选择“文件>导入>导入到库”命令将“稻草人”素材导入到库中。（2）选择“修改>变形>旋转与倾斜”命令，将中心控制点拖曳到控制框的下方中间位置。【课堂案例】—绘制稻草人3、制作稻草人并绘制路图形（3）选择“铅笔”工具，在舞台窗口中绘制出路的边线效果。【课堂案例】—绘制稻草人3、制作稻草人并绘制路图形（4）填充路的颜色：选择“颜料桶”工具，在工具箱中将“填充颜色”设为乳白色（#FDF3D6）。【课堂案例】—绘制稻草人4、导入素材图形（1）导入蜻蜓图形，并进行相应属性修改。【课堂案例】—绘制稻草人4、导入素材图形（2）导入枫叶素材，转换为元件；在变形面板中进行相应属性设置。（3）设置枫叶的叠放样式。【课堂案例】—绘制稻草人五、叠放对象

制作复杂图形时，多个图形的叠放次序不同，会产生不同的效果，可以通过“修改>排列”中的命令实现不同的叠放效果。

如果要将图形移动到所有图形的顶层。选中要移动的热气球图形，选择“修改>排列>移至顶层”命令，将选中的热气球图形移动到所有图形的顶层，效果如图所示。5、绘制草图形（1）新建“草”元件，类型：图形。（2）利用绘图工具绘制草的外形轮廓，“填充颜色”设为褐色（#DE9639）。【课堂案例】—绘制稻草人5、绘制草图形（3）选择“选择”工具，选中“草”实例，按住Alt健的同时，复制草图形并拖曳到适当的位置。在图形“属性”面板：“色彩效果-样式”中选择“色调”选项，将颜色设为绿色（#639A00）。【课堂案例】—绘制稻草人六、对齐对象

当选择多个图形、图像、图形的组合、组件时，可以通过“修改>对齐”中的命令调整它们的相对位置。

如果要将多个图形的底部对齐。选中多个图形，选择“修改>对齐>底对齐”命令，将所有图形的底部对齐，效果如图所示。六、对齐对象任务:绘制蝴蝶图形【

举一反三】六、对齐对象【操作提示】

本任务中，我们将通过移动、复制等图形编辑操作，制作蝴蝶图形。（1