第4章图形的变换对象的变形对象的对齐和排列对象的合并和组合本章主要内容:4.1对象的变形4.1.1线条的平滑和伸直4.1.2对象的任意变形4.1.3对象的精确变形4.1.4实战范例——礼品盒对线条进行平滑和伸直处理是图形变形的常用操作,主要用于对所选线条进行调整,以改变图形的外观。修改线条的形状,除了使用工具箱中提供的【选择工具】和【部分选择工具】外,还可以使用菜单命令对线条进行更为准确的平滑和伸直处理。选择【修改】|【形状】|【伸直】命令选择【修改】|【形状】|【高级伸直】命令选择【修改】|【形状】|【高级平滑】4.1.1线条的平滑和伸直1.缩放和旋转在工具箱中选择【任意变形工具】后在需要变形的对象上单击,对象即被含有控制柄的变形框包围,此时拖动位于变形框上的控制柄可以对对象进行缩放操作。4.1.2对象的任意变形4.1.2对象的任意变形2.倾斜变形对象倾斜指的是使选择对象沿着一个或两个轴倾斜。使用【任意变形工具】单击图形,将鼠标放置到变形框的上下边框上,指针变为后,拖动鼠标即可实现对象的水平倾斜变形。将鼠标放到变形框左右边框上,鼠标指针变为后,拖动鼠标即可实现对象的垂直倾斜变形。4.1.2对象的任意变形3.扭曲变形在使用【任意变形工具】时,在工具箱的选项栏中单击【扭曲】按钮(或选择【修改】|【变形】|【扭曲】命令),此时拖动变形框上的控制柄即可实现对象的扭曲变形。4.1.2对象的任意变形4.封套变形Flash的封套是一个边框,该边框套住需要变形的对象,通过更改这个边框的形状从而改变套在其中的对象的形状。在使用【任意变形工具】时,单击工具箱选项栏中的【封套】按钮(或是直接选择【修改】|【变形】|【封套】命令),此时对象被一个带有锚点的边框包围。这个边框可以像矢量线条那样通过拖放锚点或是调整锚点拉出的方向线来修改形状。1.对象的精确变形选择【窗口】|【变形】命令打开【变形】面板,在舞台上选择需要变形的图形,在面板中设置缩放、旋转或倾斜值,即可实现对图形的变形操作。4.1.3对象的精确变形2.重置选区和变形使用【变形】面板不仅能够对选择对象进行精确变形,而且可以在变形对象的同时复制对象。4.1.3对象的精确变形4.1.4实战范例——礼品盒1.范例简介本例介绍礼盒打开盒盖喷洒彩带的画面的制作过程。本例在制作过程中,使用【矩形工具】、【椭圆工具】和【多角星形工具】等工具绘制图形,使用【任意变形工具】对图形进行变形处理以获得立体效果。通过本例的制作,读者将能掌握通过对矩形进行变形来制作立方体的方法,了解利用渐变填充使二维图形获得立体感和体积感的制作技巧。同时,本例将使用各种绘图工具绘制大量图形并对图形进行变形和填充,读者将能够进一步巩固各种图形绘制工具的使用方法和对象填充的技巧,熟练掌握对象变形的操作技巧。2.制作步骤略。请参看教材或者观看配盘上的视频教程。4.2对象的对齐和排列在Flash中绘制复杂图形时,常常需要将这个图形分解为小的图形分别进行绘制,然后再将它们放置在一起构成一个完整的图形。在构建图形时,不可避免地会遇到图形的对齐以及改变图形间的堆叠关系的问题,本节将介绍在Flash中精确对齐对象和改变对象排列顺序的方法。4.2.4实战范例——手机4.2.3对象的贴紧4.2.2对象的排列4.2.1对象的对齐4.2.1对象的对齐1.对齐对象选择【窗口】|【对齐】命令打开【对齐】面板,在【对齐】栏中包含了6个按钮,左边的3个按钮用于将对象在垂直放心的对齐,右边的3个按钮用于对象在水平反向上的对齐。专家点拨:下面介绍其他【对齐】按钮的含义。4.2.1对象的对齐2.分布对象在【对齐】面板中,【分布】栏中提供了6个按钮,其中左边3个按钮用于对象的在垂直方向上分布,右边3个按钮用于对象在水平方向的分布。【分布】栏中的按钮可以将选择的对象在垂直方向或水平方向上均匀地分散开。4.2.1对象的对齐3.匹配大小【对齐】面板的匹配大小栏提供了3个按钮,该按钮能够强制两个或多个大小不同的对象在宽度或高度变得相同。4.2.1对象的对齐4.调整间隔【对齐】面板中的【间隔】栏提供了2个按钮,它们用于使选择的对象在水平方向和垂直方向上均匀地分隔开。4.2.2对象的排列在舞台上创建多个图形,图形将按照创建的先后顺序来排列,即先创建的图形在下层,后创建的图形在上层,舞台上上层的图形将遮盖下层的图形。Flash的【修改】|【排列】子菜单提供了【移至顶层】、【上移一层】、【下移一层】和【移至底层】这4个命令,使用这些命令可以调整各个对象之间的叠放次序,以改变图形间的遮盖关系。4.2.3对象的贴紧贴紧是Flash为了方便在舞台上移动对象时定位而提供的一种功能,使用该功能能够帮助用户精确调整对象与其他对象、网格线、参考线以及整个像素网格点之间的位置关系。Flash提供了5种贴紧方式,它们是【贴紧对齐】、【贴紧至网格】、【贴紧至辅助线】、【贴紧至像素】和【贴紧至对象】,可以通过勾选【视图】|【贴紧】命令的下级菜单选项来实现对贴紧方式的选择4.2.4实战范例——手机1.范例简介本例介绍一个手机的制作过程。在本例的制作过程中,使用绘图工具绘制图形并填充颜色,使用【对齐】面板放置绘制的图形。通过本例的制作,读者将能够掌握使用【对齐】面板构造复杂图形的操作方法和技巧。2.制作步骤略。请参看教材或者观看配盘上的视频教程。4.3对象的合并和组合4.3.4实战范例——清晨4.3.3对象的分离4.3.2对象的合并4.3.1Flash的绘图模式4.3.1Flash的绘图模式要很好地理解对象的合并和分离等操作,首先需要了解Flash的绘图模式。Flash提供了3种绘图模式,它们是合并绘制模式、对象绘制模式和基本绘制模式。1.合并绘制模式这是Flash默认的绘图模式化,在这种模式下使用工具绘制的将是矢量图形。在这种模式下绘制的图形,笔触和填充作为独立的部分存在,可以单独选择笔触和填充进行变形修改。4.3.1Flash的绘图模式要很好地理解对象的合并和分离等操作,首先需要了解Flash的绘图模式。Flash提供了3种绘图模式,它们是合并绘制模式、对象绘制模式和基本绘制模式。1.合并绘制模式当线条与图形重叠时,线条将切割矢量图形当线条与线条重叠时,线条将会在交叉点处相互切割4.3.1Flash的绘图模式2.对象绘制模式在对象绘制模式下,绘制的图形作为一个对象存在,笔触和填充不会分离,当2个作为对象的图形重叠时也不会出现合并绘制模式下的合并和分割现象。在绘制图形时,要启用对象绘制模式,可以在选择绘图工具后,在工具箱中按下【对象绘制】按钮,此时绘制的图形将出现对象框,图形重叠也不会合并或切割。4.3.2对象的合并1.联合联合是将选择的对象合并为一个对象。在对象绘制模式下绘制重叠放置的圆形和五角星,选择这2个图形,选择【修改】|【合并对象】|【联合】命令,则选择的图形变为一个图形对象4.3.2对象的合并2.交集当两图形有重叠时,交集是把两个图形的重叠部分留下来,而其余的部分被裁剪掉,此时留下的是位于上层图形。选择叠放在在舞台上的五角星和圆形,选择【修改】|【合并对象】|【交集】命令。此时重叠部分五角星保留下来,五角星之外的其他部分被裁剪掉。4.3.2对象的合并3.打孔当两图形有重叠时,打孔是使用位于上层的图形去裁剪下层的图形,此时留下的将是下层的图形。选择叠放在舞台上的五角星和圆形,选择【修改】|【合并对象】|【打孔】命令。此时上层的五角星消失,下层圆被保留,且圆与五角星重叠部分被裁剪掉。4.3.2对象的合并4.裁剪裁剪与交集正好相反,当两图形有重叠时,裁剪是使用上层图形去裁剪下层图形,多余图形被裁剪掉,而留下的是下层图形。选择叠放在舞台上的五角星和圆形,选择【修改】|【合并对象】|【裁剪】命令。此时可以看到圆形与五角星重叠部分被保留,获得一个与圆形相同颜色的五角星。4.3.2对象的组合要进行图形的组合,首先选择【选择工具】选择需要组合的对象,这些对象可以是图形、文本或其他的组对象。选择【修改】|【组合】命令(或按【Ctrl+G】)键即可将选择对象组合为一个对象。选择组合后的对象,选择【修改】|【取消组合】命令(或按【Ctrl+Shift+G】键),即可取消对象的组合,将这些对象变为组合前的状态。4.3.3对象的分离在Flash中,可以使用【分离】命令将组、图形、文本、实例和导入的位图分离成单独的元件,通过对元件的修改来对这些对象进行各种编辑操作。同时,对于导入的图形来说,分离能够减小它们的大小。选择需要分离的图形对象,选择【修改】|【分离】命令即可对图形进行分离。4.3.4实战范例——清晨1.范例简介本例介绍一个风景画的制作过程。本例场景中的绿地、树木和花朵在制作时,使用图形绘制工具绘制基本图形,然后进行复制和变形,再将变形后的对象合并。通过本例的制作,读者将能体会到对象的组合和合并在绘制复杂场景时的作用,掌握构建各种复杂图形的技巧。同时进一步巩固图形的绘制、图形的填充和对象的变形的操作技巧。2.制作步骤略。请参看教材或者观看配盘上的视频教程。4.4本章小结本章学习了对选择对象进行旋转、缩放和扭曲等变形的操作方法,介绍了Flash中对象的各种对齐方式的应用,同时讲解了将多个对象组合或合并为一个对象的操作方法。通过本章的学习,读者将能够掌握对象的变形、对齐和合并的方法,能够利用各种基本图形来创建复杂场景效果。4.5本章练习4.5本章练习二、填空题(1)在旋转对象时,如果按住键拖动鼠标,则可以以45°为增量进行旋转。如果按住键拖动鼠标,则将实现围绕对角的旋转。(2)在【变形】面板中,在对选择对象进行缩放变形时,如果需要对象的宽度和高度按照相同比例来进行缩放,则可以按下按钮。如果要取消对象的变形,应该按下按钮。(3)Flash提供了5种贴紧方式,它们是,可以通过勾选下级菜单选项来实现对贴紧方式的选择。(4)要分离对象,可以选择命令或按键,分离是将图形、文本、位图和实例等分离成。4.6上机练习和指导4.6.2绘制各种花朵4.6.1绘制图案4.6.1绘制图案绘制图案主要操作步骤指导:(1)使用【多角星形工具】绘制一个六角星,使用【选择工具】将其各边拉成弧线。将该图形复制3个,调整边框弧度获得尖角。将填充色变为绿色、白色和红色并旋转。同时选择这4个图形后在【对齐】面板中依次单击【水平中齐】和【垂直中齐】按钮使它们按图形中心居中对齐。(2)使用【多角星形工具】绘制绿色六角星,复制3个,更改它们的颜色后将它们与上一步绘制的图形按图形中心居中对齐,分别调整它们的大小和旋转角度。(3)使用【多角星形工具】绘制2个六边形,设置颜色后将它们与前面绘制的图形按图形中心居中对齐,分别调整它们的大小和旋转角度后完成本例的制作。4.6.2绘制各种花朵分别绘制4个花主要步骤指导:(1)花1的制作:使用【椭圆工具】绘制一个椭圆,使用【任意变形工具】将旋转中心移到椭圆外部适当位置。在【变形】面板中将旋转角设置为75°后旋转并复制图形即可。(2)花2的制作:首先绘制一个椭圆,将旋转中心移到椭圆的顶点处,在【变形】面板中对其复制并旋转15°获得一个副本,将2个图形联合为一个图形。将联合后的图形的中心移到图形外合适的位置,使用【变形】面板对图形复制并依次旋转15°得到花瓣,合并获得的花瓣。绘制一个黄色的圆形,将其与花瓣的中心对齐即可。(3)花3的制作:使用【多角星形工具】绘制一个五角星,使用【选择工具】将五角星的边变为弧线。将五角星复制2个并填充不同的颜色,将3个图形中心对齐后,调整图形的大小。4.6.2绘制各种花朵(4)花4的制作:绘制一个浅蓝色圆形,使用【任意变形工具】将圆形的中心移到圆形的边上,使用【变形】面板复制图形并依次使复制图旋转45°,将所有图形联合为一个图形。在图形中心绘制一个小一些的圆形(对象类型为绘制对象),选择这两个图形,执行“修改”|“合并对象”|“打孔”命令将蓝色图形打孔。绘制一个绿色圆形(对象类型为绘制对象),在其内部靠边框绘制一个较小的红色圆形。使用【任意变形工具】将较小圆形的中心移到绿色圆形的中心位置