配色: 字号:
《Flash CS3动画制作》编辑矢量图形(模块三)
2023-05-25 | 阅:  转:  |  分享 
  
模块三 编辑矢量图形 主讲老师:Flash CS3动画制作任务实训教程学习目标了解编辑矢量图形的工具熟练掌握选择、移动、复制
、变形、组合、对齐、缩放和翻转图形的方法掌握选择工具、部分选取工具、任意变形工具和套索工具等工具的应用技巧任务一 制作“新年快乐
”场景任务目标 运用上一模块中编辑好的文档进行复制、组合和对齐等操作,绘制出如图所示场景。编辑新年快乐场景任务一 制作“新年
快乐”场景操作思路(1)将模块二中绘制的场景分别复制到本场景中。(2)为小鸟添加渐变色,复制一只小鸟对其进行翻转对齐处理。(3)为
场景添加文本,然后对文本进行打散处理,最后为场景添加上装饰的小星星。制作新年快乐场景的操作思路操作一 复制房子和小鸡到场景(1)
新建一个Flash文档,默认其文档大小和颜色,将其保存为“编辑新年快乐场景”。(2)打开模块二中的“绘制房子图形.fla”文档,在
工具箱中单击 按钮选择选择工具,选中场景中的房子,单击鼠标右键,在弹出的快捷菜单中选择“复制”命令。(3)返回新建的文档场景,单击
鼠标右键,在弹出的快捷菜单中选择“粘贴”命令。然后在工具箱中单击 按钮选择任意变形工具,调整房子大小放置到场景左侧的如图所
示位置。关闭“绘制房子图形”文档。放置房子 操作一 复制房子和小鸡到场景(4)用相同的办法打开模块二中绘制好的“卡通小鸡.swf
”文档,将场景中绘制好的小鸡复制到场景中,放置到本场景如图所示位置。关闭“卡通小鸡”文档。 放置小鸡操作二 填充小鸡颜色(1)选
中场景中的小鸡,在“颜色”面板中按照如图所示对其进行设置。(2)在工具箱中单击 按钮选择颜料桶工具,将鼠标移动到场景中小
鸡图案上,为其填充颜色,得到如图所示效果。 “颜色”面板的设置 填充小鸡颜色操作二 填充小鸡颜色(
3)单击工具箱上的 按钮选择渐变变形工具,将鼠标移动到场景中,在填充了颜色的小鸡图形上方单击,在弹出的渐变色调节框中对渐变
色进行调整,如图所示。(4)调整完成后,选中小鸡按“Shift”键,对小鸡进行等比例缩放,得到如图所示大小。 调整小鸡的渐变色缩
放小鸡操作二 填充小鸡颜色(5)在工具箱中单击 按钮选择选择工具,然后选中小鸡图形,按住“Alt”键的同时拖动鼠标左键,在
场景的右侧释放鼠标后,即可复制另外一只小鸡到场景中。(6)选中新复制的小鸡,选择【修改】→【变形】→【水平翻转】菜单命令,即可将新
复制的小鸡进行水平翻转。(7)选择【窗口】→【对齐】菜单命令,在打开的“对齐”面板中对两只小鸡进行对齐设置,得到如图所示效果。翻转
并复制小鸡操作二 填充小鸡颜色(8)在“属性”面板中单击 按钮,在弹出的颜色选项框中选择绿色作为背景色,得到如图所示效
果。重设背景颜色操作三 添加文本并修饰场景(1)在工具箱中单击 按钮选择文本工具,在“属性”面板中将“文本类型”设置为
静态文本,将“字体”设置为Arial Black,将“字号”设置为37,字体颜色设置为白色。其他保持默认设置。(2)在场景左上方适
当位置处输入如图所示英文字母。按“Ctrl+B”键,将文本进行打散处理。得到如图所示效果。 添加文本 打散文本操作三 添加文本
并修饰场景(3)将单个的字母移动场景任意位置处放置,得到如图所示效果。重新排列文本位置操作三 添加文本并修饰场景(4)在工具箱中
单击 按钮选择多角星形工具,在“属性”面板中单击“选项”按钮,在打开的“工具设置”对话框中进行如图所示设置。(5)将笔触颜色设置为
无,填充颜色设置为白色,在场景中任意位置拖到得到大小不一的小星星。(6)按“Ctrl+S”键保存所绘图形完成本任务的操作。设置小星
星样式学习与探究选择图形选择单个图形:通常情况下都使用选择工具进行选择。当选择的图形为元件或已组合的图形时,单击鼠标左键可将该图形
全部选中,如果图形为未组合的矢量图形,则只会选中鼠标单击的线条或矢量色块。选择多个相邻的图形:一般采用框选的方法,在工具箱中单击
按钮选择选择工具,然后将鼠标移动到舞台中要选择的多个图形左上方。按住鼠标左键并拖动鼠标,将要选取的图形进行框选,然后释放鼠标左
键即可选中这些图形。选择不相邻或无法通过框选方式选择的多个图形:在工具箱中单击 按钮选择选择工具,并将鼠标移动到舞台中要
选择的图形上,按住“Shift”键不放,然后依次单击要选择的图形。单击所需的多个图形后释放“Shift”键,即可选中这些图形。使用
这种方法,也可选择未组合矢量图形中所需的部分色块和线条。学习与探究使用选择工具调整图形形状(1)在工具箱中单击 按钮选择选择
工具。将鼠标光标移动到场景中要调整图形的边缘,当鼠标光标变为 形状时,如图所示,可对图形的弧度进行调整,按住鼠标左键并拖
动鼠标,即可看到形状调整后的如图所示效果。 调整弧度光标调整弧度后的效果学习与探究(2)鼠标光标变为
形状时,如图所示,可对图形的长度进行调整,得到如图所示效果。(3)选择选择工具 的同时选中下方的贴紧至对象按钮 ,将使
选中的图形具有自动吸附到其他图形对象的功能,可使图形自动搜索线条的端点和图形边框,并吸附到该图形上。(4)选择选择工具的同时选中下
方的平滑按钮 ,可使选中图形的形状趋于平滑。(5)选择选择工具的同时选中下方的伸直按钮 ,可使选中图形的形状趋于
直线化。 调整长度光标调整长度后的效果学习与探究使用部分选取工具调整图形形状(1)在工具箱中单击
按钮选择部分选取工具。将鼠标光标移动到场景中要调整图形的边缘双击鼠标,此时在图形边缘将出现相应的节点,如图所示。(2)将鼠标光标移
动到要修改位置的节点上,当鼠标光标变为 形状时,如图所示,按住鼠标左键并拖动鼠标,可对节点的位置进行调整,如果所示。
图形的节点 调整节点调整节点后的效果学习与探究(3)若要调整图形的弧度,将鼠标光标移动到要调整的图形位置,单击该位置的节点,此时出
现相应的调节句柄。将鼠标光标移动到调节句柄上,当鼠标光标变为 形状时,如图所示,按住鼠标左键并拖动鼠标,即可得到如图所示效
果。(4)调整到所需的形状后,在场景的空白位置单击鼠标左键完成调整。 调整弧度调整图形弧度
后的效果学习与探究任意变形工具旋转图形(1)在工具箱中单击 按钮选择任意变形工具。在场景中选中要旋转的图形,此时图形周围将出
现如图所示的控制点。选中图形学习与探究(2)在工具箱中单击旋转与倾斜按钮 ,然后将鼠标光标移动到图形四角的控制点上,当鼠
标光标变为 形状时,按住鼠标左键并拖动鼠标,即可看到图形旋转的预览效果,如图所示。(3)旋转到适当角度后,释放鼠标左键即
可得到旋转后的效果。旋转预览效果学习与探究倾斜图形(1)在工具箱中单击 按钮选择任意变形工具。使用任意变形工具在场景中选中
要倾斜的图形,此时图形周围将出现相应的控制点。(2)在工具箱中单击旋转与倾斜按钮 ,将鼠标光标移动到要倾斜图形的水平或
垂直边缘上,当鼠标光标变为 形状时,按住“Alt”键,然后按住鼠标左键并拖动鼠标,可将图形沿鼠标光标拖动方向倾斜,同时看
到图形倾斜的预览效果,如图所示。倾斜图形学习与探究(3)调整到适当倾斜状态后,释放鼠标左键并在场景空白位置单击鼠标左键,即可得到如
图所示调整后的效果。图形倾斜后的效果学习与探究缩放图形(1)在工具箱中单击 按钮选择任意变形工具。使用任意变形工具在场景中
选中要缩放的图形,此时图形周围将出现相应的控制点。(2)在工具箱中单击缩放按钮 ,将鼠标光标移动到要缩放图形四角的任意一个控
制点上,当鼠标光标变为 形状或 形状时,按住鼠标左键并拖动鼠标,此时可看到图形缩放的预览效果,如图所示。缩放图形学习与
探究(3)将图形缩放到适当大小后,释放鼠标左键并在场景空白位置单击即可得到缩放后的效果。(4)若要水平或垂直缩放图形,只需将鼠标光
标移动到图形水平或垂直平面上的任意一个控制点上,当鼠标光标变为 形状或 形状时,按住鼠标左键并拖动鼠标,即可对图形进行水平
或垂直缩放。学习与探究翻转图形(1)在工具箱中单击 按钮选择任意变形工具,使用任意变形工具在场景中选中要翻转的图形,此时图
形周围将出现相应的控制点。(2)在工具箱中单击缩放按钮 ,将鼠标光标移动到图形水平或垂直平面上的任意一个控制点上,当鼠标
光标变为 形状或 形状时,按住鼠标左键并拖动鼠标光标,此时即可看到图形翻转的预览效果,如图所示。(3)将图形翻转后,释
放鼠标左键并在场景任意空白位置单击,即可得到如图所示翻转效果。 翻转图形翻转后的效果学习与探究扭曲图形(1)在工具箱中单击
按钮选择任意变形工具,使用任意变形工具在场景中选中要扭曲的图形,此时图形周围将出现相应的控制点。(2)在工具箱中单击扭
曲按钮 ,然后将鼠标光标移动到图形4个角的任意一个控制点上,当鼠标光标变为 形状时,按住鼠标左键并拖动鼠标,此时即
可看到图形的扭曲预览效果,如图所示。(3)将控制点拖动到适当位置后,释放鼠标左键并在场景空白位置单击鼠标左键,即可得到如图所示的扭
曲效果。 扭曲图形图形扭曲后的效果学习与探究封套图形(1)在工具箱中单击 按钮选择任意变形
工具,使用任意变形工具在场景中选中要封套的图形,此时图形周围将出现相应的控制点。(2)在工具箱中单击封套按钮 ,然后将鼠标
光标移动到图形的任意一个控制点上,当鼠标光标变为 形状时,按住鼠标左键并拖动鼠标,此时即可看到图形的封套预览效果,如图所示
。(3)用相同的方法对图形周围的其他控制点进行调整,完成后在场景空白位置单击鼠标左键,即可得到如图所示的封套效果。
调整控制点图形封套后的效果学习与探究对齐图形(1)使用选择工具 在场景中选中要进行对齐操作的多个图形,如图所示
。(2)选择【窗口】→【对齐】菜单命令或按“Ctrl+K”键,打开“对齐”面板,如图所示。选中需要对齐的图形 “对齐”面板学习与探
究(3)在该面板中的“对齐”、“分布”、“匹配大小”和“间隔”类型下分别单击相应按钮,对图形的具体对齐方式进行设置,此时即可在场景
中看到设置后的效果。如图所示就是选择了“对齐”类型下的“垂直中齐”按钮 和“间隔”类型下的“水平平均间隔”按钮 后
的效果。对齐后的效果学习与探究组合图形(1)使用选择工具 选择要组合的多个图形,如图所示。(2)选择【修改】→【组合】菜单命
令或按“Ctrl+G”键,即可将选中的图形进行组合,效果如图所示。 选中要组合的图形图形组合后的效果任务二 编辑“圣诞
快乐”场景 任务目标 利用现有的图片素材,并使用套索工具和选择工具等相关知识绘制出图形最终效果如图所示。编辑圣诞快乐场景任务二
编辑“圣诞快乐”场景操作思路(1)设置场景的背景色。然后使用套索工具抠取得到圣诞老人图形,将其缩放放置到场景的适当位置。(2)用相
同的方法抠取房屋图形,将其缩放到适当大小并放置到场景最下方位置。(3)用文本工具输入文字,将其打散,并将不同字母放置到不同位置。将
抠取的拐杖、礼物图形缩放后放置到场景不同位置。编辑“圣诞快乐”场景的操作思路操作一 抠取素材图形(1)新建一个Flash文档,默
认其文档大小,颜色选择浅蓝色,将其保存为“圣诞快乐.fla”。(2)选择【文件】→【导入】→【导入到库】菜单命令,将图片素材“圣诞
01.jpg”和“圣诞02.jpg”导入到库中。(3)将“圣诞01.jpg”图片拖入到工作区中远离舞台的位置,单击选按钮择选择工具
,选中该图片,按“Ctrl+B”键,将位图进行打散处理,如图所示。抠取图片操作一 抠取素材图形(4)在工具箱中单击
按钮选择套索工具 ,精确选取月亮和圣诞老人。(5)在勾勒的图形中单击鼠标右键,在弹出的快捷菜单中选择“复制”命令,在场景中单
击鼠标右键,在弹出的快捷菜单中选择“粘贴”命令,将勾勒的图形按原比例复制到场景中。(6)在工具箱中单击 按钮选择任意变形工具
,在场景中选中复制的图形,按住“Shift”键对图形进行等比例缩放。缩小到一定比例后使用选择工具将其拖动到场景左上角放置。(7)用
相同的方法分别抠取出手杖和黄色和紫色礼盒。并将其复制到工作区的其他位置备用。选中工作区中已被抠取图形的“圣诞01.jpg”图片,将
其删除。操作一 抠取素材图形(8)用相同的方法抠取出如图所示图形中的选取部分。将其复制到场景中,进行等比例缩放后放置到如图所示位
置。 抠取“圣诞02”图片中的图形 放置从“圣诞02”抠取的图形操作二 添加文本效(1)在工具箱中单击 按钮选择文本工
具,然后在“属性”面板中对文本的字体、字号和颜色等进行设置,如图所示。设置文字操作二 添加文本效(2)在场景中输入如图所示位置文
本。在工具箱中选择选择工具 ,选中输入的文本,按“Ctrl+B”键,将文本进行打散处理,如图所示。 输入文本打散文本操作二 添加
文本效(3)将每个字母移动到不同的位置,并对每个字母进行细微的旋转角度处理,效果如图所示。调整位置后的文本效果操作三 修饰与组合
图形(1)选中工作区中前面抠取的圣诞手杖,将其缩小到合适大小,移动到字母“M”左边位置,对其进行适当缩放,放置到如图所示位置。(2
)用相同的方法放置其他两个礼盒,效果如图所示。 放置圣诞手杖 放置礼盒操作三 修饰与组合图形(3)在工具箱中单击 按钮
选择多角星形工具,在“属性”面板中单击“选项”按钮,打开“工具设置”对话框。(4)在该对话框中“样式”下拉列表框中选择“星形”选项
,在“边数”文本框中输入“10”,在“星形顶点大小”文本框中输入“0.1”,单击“确定”按钮。(5)返回“属性”面板,将笔触颜色设
置为无,填充颜色设置为白色,在场景中任意位置拖到得到大小不一的小星星。(6)在工具箱中单击 按钮选择选择工具,将鼠标移动到
场景中,选中所有的图形和文本,然后选择【修改】→【组合】菜单命令或按“Ctrl+G”键,将图形进行组合。效果如图3-41所示。(7
)按“Ctrl+S”键保存所绘图形完成本任务的操作。学习与探究使用套索工具选取大致范围图形区域(1)在工具箱中单击 按钮选择
套索工具,将鼠标光标移动到要选取图形的上方,当其变为 形状时,按住鼠标左键并拖动鼠标,在图形上勾勒要选择的大致图形范围,如图
所示。(2)将选择范围全部勾勒后,释放鼠标即可将勾勒的图形范围全部选取,选择的图形区域如图所示。 勾勒图形范围
选择的图形区域学习与探究使用套索工具精确选取图形(1)在工具箱中单击 按钮选择套索工具,然后在下方区域单击 按钮开启
套索工具的多边形模式。(2)将鼠标移动到图形中黄色月亮的边缘,当鼠标指针变为 形状时,单击鼠标左键建立一个选择点,将鼠标沿月
亮轮廓移动并再次单击鼠标左键,以建立第2个选择点,用相同的方法,建立其他选择点,如图所示。(3)将选择范围全部勾勒后,双击鼠标左键
封闭选择区域,得到精确勾勒的图形如图所示。 精确勾勒图形精确勾勒得到的图形学习与探究使用套索工具选择色彩范围(
1)在工具箱中单击 按钮选择套索工具,在“选项”区域中单击魔术棒设置按钮 。(2)在打开的“魔术棒设置”对话框中对“阈值
”和“平滑”参数进行相应设置,如图3-56所示,(3)在工具箱中单击魔术棒按钮 ,并将鼠标光标移动到图形中要选取的色彩上方
,当其变为 形状时单击鼠标左键,即可选取指定颜色及在阈值设置范围内的相近颜色区域,选择的颜色区域如图所示。
设置参数选择的色彩范围任务三 制作个性签名任务目标利用工具箱中的各种工具绘制出如图所示的个性签名。个性签名任务三 制作个
性签名操作思路(1)设置场景大小和背景色。然后使用铅笔工具绘制脸部轮廓。(2)用钢笔工具绘制帽子和耳朵并填充颜色。(3)用文本工具
输入文字,完成制作。制作个性签名的操作思路操作一 绘制脸部(1)新建一个Flash文档,默认其文档大小,颜色选择桔黄色,帧频设置
为32fps,并将该文档保存为“个性签名.fla”。(2)在工具箱中单击 按钮选择线条工具,在“属性”面板中将线条的“笔触
颜色”设置为黑色,“填充颜色”设置为无,“笔触高度”设置为4 “笔触样式”设置为实线。(3)将鼠标移动到场景中,绘制如图所示的脸、
鼻子、嘴巴和胡子图形。(4)在工具箱中单击 按钮选择选择工具,将鼠标放置到额头所在直线上,当鼠标光标变为 形状时,拖到
该直线,得到如图所示弧线效果。 绘制脸部修改额头线条操作二 添加帽子和耳朵(1)在工具箱中单击 按钮选
择钢笔工具,在“属性”面板中将线条的“笔触颜色”设置为黑色,“填充颜色”设置为无“笔触高度”设置为4,“笔触样式”设置为实线。(2
)在场景中使用钢笔工具拖动绘制出如图所示的帽子轮廓图形。(3)然后使用钢笔工具绘制出如图所示耳朵轮廓。 绘制帽子绘制耳朵操作二
添加帽子和耳朵(4)在工具箱中单击 按钮选择选择工具,将脸部轮廓和耳朵重合的地方进行修饰删除,得到如图所示效果。(5)在工
具箱中单击 按钮选择矩形工具,在“属性”面板中将矩形的“笔触颜色”设置为无,“填充颜色”设置为黑色,“笔触样式”设置为实线。
然后在场景中绘制出两个适当大小的矩形。(6)在工具箱中单击 按钮选择矩形工具,将鼠标放置到矩形上方,当其变为 形状时
,拖到该矩形得到如图所示的眉毛。 删除多余线条绘制眉毛操作三 填充颜色及文本(1)在工具箱中单击 按钮选择颜料桶工具,
将填充颜色选择为白色,然后在场景中将面部填充为如图所示效果。(2)选择填充色为黑色,用相同的方法,在场景中将帽子和下巴填充为黑色,
如图所示。 填充脸部颜色填充帽子和胡子颜色操作三 填充颜色及文本(3)在工具箱中单击
按钮选择文本工具,然后在“属性”面板中对其进行如图所示设置。(4)在场景中眼睛下方输入如图所示文本。当确认无误后按“Ctrl+G
”键,将图形进行组合。(5)按“Ctrl+S”键保存所绘图形完成本任务的操作。 设置字体组合图形实训一 制作“快乐牧场”场景实训目标仿照本模块“新年快乐”动画,制作如图所示“快乐牧场”场景。“快乐牧场”场景效果实训一 制作“快乐牧场”场景实训分析(1)新建文档,将场景大小设置为550×300像数,背景设置为白色,帧频为15fps。(2)利用矩形工具和椭圆工具绘制蓝天、白云、山脉和草场图形。(3)绘制女孩、牛、鸡和绵羊图形,并将图形分别组合,然后复制图形,并对图形进行简单编辑。(4)用椭圆工具和文本工具制作文字标志,完成编辑并保存。制作“快乐牧场”场景的操作思路实训二 制作“沙滩”场景实训目标仿照本模块“圣诞快乐”场景,制作一个如图3-72所示的“沙滩”场景.“沙滩”场景效果实训二 制作“沙滩”场景实训分析(1)新建文档,将场景大小设置为550×400像数,背景设置为白色,帧频为15fps。然后导入图片素材到库。(2)使用矩形工具绘制沙滩,并为其填充上橘红色线性渐变。(3)用矩形工具和铅笔工具绘制海水轮廓,然后填充成蓝色渐变,用铅笔工具绘制海鸥和白云图形。(4)选择【修改】→【位图】→【转换位图为矢量图形】菜单命令将位图转化为矢量图形,然后使用选择工具删除图中多余部分,将椰树、桶和螺图形拖动到适当位置。制作“沙滩”场景的操作思路
献花(0)
+1
(本文系小磊老师原创)