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