flash制作具有几何意义的动画
发布网友
发布时间：2022-04-26 01:17
共1个回答
热心网友
时间：2022-06-19 08:33
Flash以便捷、完美、舒适的动画编辑环境,深受广大动画制*好者的喜爱。启动Flash软件进入新文档的编辑窗口,首先了解软件的工作环境,见图1-1。
< xmlnamespace prefix ="v" ns ="urn:schemas-microsoft-com:vml" />
图1-1 工作环境
Flash 8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。
1、工具栏
在工作窗口上方显示的工具栏是“主工具栏”和“控制器”,在初始进入Flash环境时默认是不显示的,可以通过调用菜单“窗口/工具栏/…”设置其显示与隐藏。
图1--2 工具栏
2、绘图工具箱
在工作窗口的左侧是绘图工具箱,可以调用菜单“窗口/工具”来控制工具箱的显示与隐藏,工具箱是浮动的,在工作窗口中可以改变其显示的位置。绘图工具箱是Flash中最常用到的一个面板,由“工具”、“查看”、“颜色”和“选项”四个部分组成。
图1-3 绘图工具箱
3、属性面板
“属性”面板位于工作窗口的下方,可以调用“窗口/属性”菜单设置其显示或隐藏。 “属性”面板又是关联的,不同的对象其属性面板中的选项是不同的。通过“属性”面板,可以很容易地设置舞台或时间轴上当前选定对象的最常用的属性选项,从而加快了Flash文档的创建过程。
图1-4 属性面板
另外,“滤镜”面板是Flash8新增的功能,从而大大增强了其设计方面的能力。这项新特性对制作Flash动画产生了便利和巨大影响。默认情况下,“滤镜”面板和“属性”面板、“参数”面板组成一个面板组。
图1-5 滤镜面板
4、“动作”面板
通过“动作”面板可以创建Flash的行为动画,编辑ActionScript代码。
5、其它各类面板
在工作窗口中除上述的面板外,在“窗口”菜单中还提供了大量面板的调用,这些面板打开后主要位于工作窗口的右侧。其中,比较常用的面板有“颜色”面板组中的“混色器”面板,“对齐&信息&变形”面板组中的“对齐”面板和“变形”面板,用于存放元件的“库”面板等。
图1-6 各类面板：混色器面板、对齐面板、变形面板、库面板
同时,Flash面板存在以下常见的操作。利用“窗口”菜单可以调用各类面板,在面板标题栏上右击后的快捷菜单中有“关闭面板组”命令,单击标题栏或者标题栏上的折叠按钮可以将面板“展开和折叠”,利用鼠标拖动标题栏左侧的控点 可以移动面板到新的位置,调用“窗口/工作区布局/默认”菜单项,可以恢复Flash的窗口默认布局。
6、时间轴
时间轴位于工具栏的正下方,可以调“窗口/时间轴”菜单设置其显示或隐藏。时间轴左侧是图层,图层就像堆叠在一起的多张幻灯胶片一样,在舞台上一层层地向上叠加。如果上面一个图层上没有内容,那么就可以透过它看到下面的图层。
7、舞台和工作区
舞台是创作影片中各个帧内容的一个矩形区域,默认情况下是以白色作为背景,所有在屏幕上播放的动画都不能超出舞台这个范围。工作区是一个更大的范围,默认的情况下是由舞台和四周的灰色区域组成,虽然在动画播放时不能显示灰色区域内的内容,但在动画设计过程中,对象是可以从灰色区域移动到舞台上。
1.2 绘图工具箱和辅助绘图项目
在动画设计过程中,可以通过功能强大绘图软件CorelDRAW、FreeHand和Illustrator等绘制精美的矢量图,或是通过photoshop、fireworks等软件绘制和处理位图,再利用Flash的外部文件导入功能,插入各种位图和矢量图对象。但有的时候利用Flash软件提供的绘图工具绘制一些简单图形将会更方便、更快捷。
图形是动画的基础,只有好的图形才能产生好的动画,因此,在Flash MX中图形的绘制就显得格外重要了。
1、绘图工具箱
Flash MX的工具箱为用户提供了各种各样的绘图工具,同时在“查看”菜单下还提供了标尺、网格、辅助线等辅助绘图项目,只有这样,才能利用绘图工具绘制出大小精确、丰富多彩的图形。下面将着重介绍Flash MX中绘图工具的基本功能、使用方法以及绘图技巧。
Flash的绘图工具箱放置在窗口的左侧,由4个部分组成,包括：“绘图工具、查看工具、颜色工具、选项工具”。
图1-7 绘图工具箱和相关绘图工具的选项面板
(1) 绘图工具：一共提供了16种绘图工具,用于绘制各种几何形状、自由线条、精确路径,并能够对可填充的图形对象进行涂色。在工具箱中提供的各种工具除了可以绘制图形外,还可以进行选择对象、改变形状、调整路径以及编排文字等操作。
(2) 查看工具：提供了放大和缩小的查看方式,同时,当在工作区中无法完整显示整个图形时,还提供了可以快速移动显示区域的工具。
(3) 颜色工具：提供了绘制图形时用于选择线条颜色的“笔触颜色”和用于选择填充区域颜色的“填充色”,在颜色选取时还提供了“无色”的选项。
(4) 选项工具：当在绘图工具栏中选择某一工具后,工具箱下端的选项工具栏会发生相应的变化,出现附属于该工具的选项工具。图中给出了各种绘图工具对应的选项工具栏。另外,部分绘图工具的选项工具栏中是没有任何内容的。
2、视图的调整
有时为了观察画面的整体效果,可以缩小比例进行显示;有时为了便于编辑较小的对象,可以在放大显示比例的情况下修改对象。因此,可以通过改变视图的显示比例达到查看舞台上对象和编辑修改对象的需要。当视图的显示比例被放大后,可能无法完整的观察整个画面,这就需要快速移动工作区中的画面内容。
3、辅助绘图项目
利用工具箱中的绘图工具并通过鼠标的拖放操作,可以在舞台上直接绘制图形,但很难在绘图时进行精确的控制和编辑。为此,在Flash中的“查看”菜单下提供了诸如标尺、网格、辅助线等项目,帮助用户对图形进行精确的坐标定位和编辑调整。
(1) 网格：利用网格可以有效地进行对象的坐标定位,也可以让对象与网格对齐。
(2) 标尺：标尺显示在文档工作区的上边和左边。
(3) 辅助线：从标尺位置处拖曳可以在编辑区产生辅助线,辅助线既可以移动、锁定、隐藏和删除,也可以将对象与辅助线对齐。
4、贴紧
绘图环境下一共提供了五种贴紧绘图的方式,即“贴紧至对象、贴紧至辅助线、贴紧对齐、贴紧至网格、贴紧至像素”。如果设置了贴紧的选项,绘图时会受到贴紧项目的影响。例如,当选取工具的“贴紧”功能键是打开的,则在拖动对象时指针下面会出现一个黑色的小环。当对象处于另一个对象的对齐距离内时,该小环会变大。
1.3 矢量绘图的特点
Flash是基于矢量图形的动画制作软件,在绘制图形时有其独到之处。Flash的绘图工具既简单易用,又不失灵活性,在大多数情况下都可以满足用户绘制图形的要求,为了更好地掌握矢量绘图的特点,我们在绘图前首先了解一些关于位图和矢量图的基本常识。
1、位图和矢量图
计算机是以矢量格式或位图格式显示图形和图像的,了解这两种格式的差别有助于用户更有效地进行工作。使用Flash可以创建压缩矢量图形,并将它们制作成为动画的图形对象,Flash也可以导入和处理在其他应用程序中创建的矢量图形和位图图像。
(1) 位图
我们平常见到的相片都是位图,位图是使用“像素”来描述图像的,记录的是在网格上各个点的颜色和位置。利用位图可以描述精美的图片,但由于记录的是固定位置上点的信息,因此,位图不适合于缩放,且文件存储所占容量比较大。
位图的图像质量和分辨率有关,因为描述图像的数据是固定到特定尺寸的网格上的,网格的稀疏代表了组成图像时点的多少,它将直接决定位图的清晰度。分辨率高代表了组成图像点也就越多,这样的图像就越清晰,反之,当组成图像的分辨率低时,画面也就模糊了。在屏幕上显示位图图像时,由于受到屏幕分辨率的*,最高采用72像素/英寸的分辨率来描述位图图像。
位图图像不适合于缩放显示。在分辨率固定时,如果对位图图像进行缩放显示,特别是放大比例显示图像时,我们所看到的图像会出现马赛克的效果。出现这种情况的原因是在放大显示时,组成图像的像素点并没有变化,只是原来的小点被放大显示而已。
(2) 矢量图
经常在Office软件中见到的剪贴画都是矢量图,矢量图形是使用矢量(例如直线和曲线)来记录图像的,矢量的属性包括颜色和位置。利用矢量可以描述具有一定轮廓的图片,但不适合表现精美的图片,由于是采用矢量方式描述图片,这种图片在缩放时采用了重绘技术,因此图像不会失真,且文件存储时所占容量非常小。
当编辑矢量图形时,实际上就是在修改描述图形的线条起始位置和颜色的属性。当我们重新调整图像的大小和形状以及改变颜色时,丝毫不会影响到矢量图的外观质量,因为矢量图中所记录的信息与分辨率没有任何关系,图片不会因为被放大而变得模糊不清,这就意味着一个针头大小的矢量图形在放大到整个屏幕时,也会保持相同的文件大小,并且不会影响显示的质量,图片依旧很清晰。下面是位图和矢量图圆的一角放大8倍后的显示效果。
图1-8 位图和矢量图放大后的显示效果
2、矢量绘图的特点
对图像处理知识有一定了解的用户都知道,Adobe公司推出的Photoshop是用于处理位图图像的软件。在Photoshop中绘图是通过图层的控制进行操作的,图层不仅可以帮助用户绘制独立的对象,还可以让用户调整对象间的位置关系等。而Flash采用的是矢量绘图方式,和位图绘图不一样,矢量绘图有其自身的特点。在矢量绘图时,我们必须要了解矢量图形的组成和矢量绘图的特点,特别是在矢量图形对象相交时的处理。
(1) 矢量图形的组成与绘制
对于在Flash中绘制的一个可填充的图形而言,它包括是由线条组成的轮廓线和轮廓线内被颜色涂色的区域组成,我们分别把这两部分称为“线条”和“填充区域”。
图1-9 矢量图形的组成“线条+填充区域”
在绘制可填充的图形时,如果只需要绘制线条,可以采用两种方式操作：一是先将绘图工具箱颜色面板中的填充色设置为“无色”后,再绘制图形;另一种方法是在绘制图形后再删除填充区域,只保留其线条部分。同样,也可以利用这种方法来单独绘制填充。
绘制线条和填充区域可以使用多种不同的绘图工具和运用不同的方法产生。可能某些工具只能绘制线条或只能绘制填充区域,但也允许同时绘制线条和填充区域。
绘制线条和填充：利用“椭圆、矩形、多角星形”等工具可以同时绘制线条和填充。
绘制线条：利用铅笔、线条、钢笔等工具可以直接绘制线条,也可以利用“墨水瓶”对填充区域进行着色产生线条。
绘制填充：利用刷子,或是在绘制“椭圆、矩形、多角星形”时将线条色设为“无色”时,可以直接绘制填充,也可以利用“颜色桶”涂色后产生填充区域。
线条转换为填充区域：为了绘制象线条一样流畅的曲线填充区域,可以先用铅笔和钢笔等工具绘制线条后,再调用“修改/形状/将线条转换为填充”菜单项将其转换为填充区域。此外,在“修改/形状”菜单下还提供了扩散填充、柔化填充边缘的功能。
(2) 图形对象相交产生的现象
绘图过程中,经常遇到图形对象相交的现象。在PhotoShop等位图处理软件中,是将相交的图形对象分别置于不同的图层中单独编辑,相互之间不受影响。而在Flash中,图层被赋于控制动画的功能,因此绘图时经常需要在同一图层中进行,由位图处理知识可以知道,在同一图层中绘制的图形会覆盖先前绘制的画面,那么Flash是如何处理这些相交的图形对象呢?
线条与线条相交
如果两条直线呈十字交叉状,则线条从交叉点处被分隔成了四个部分,即使线条颜色相同,也产生分隔现象。下图所示是两条十字状的交叉线产生的分隔现象。
图1-10 线条相交
线条与填充相交
若填充放置在线条上,如左图所示填充图形会覆盖掉在其下方的线段,但填充区域仍保持整体性。若线条放置在填充区域上,如右图所示线条和填充都被分隔开来。
图1-11 线条与填充相交
填充与填充相交
相同颜色的填充区域重叠时,会产生拼合的现象;而不同颜色的填充区域重叠时,上方的填充区域会覆盖掉下方填充区域的重叠部分。
图1-12 填充与填充相交
3、绘图中的“组合、取消组合、分离”
矢量绘图有其自身的特点,与绘制位图有着明显的不同,因此,在Flash中可以采用多种技巧进行图形的绘制和控制。同时也应该知道Flash并不是一个专业的绘图软件,如果有特殊效果的要求,还是需要使用其他专门的绘图软件进行处理。
(1) 组合与取消组合
当同一图层中的多个对象重叠在一起时,上方图形与下方图形产生拼合或覆盖的现象。为了避免在同一图层中绘制图形时,重叠后的线条和填充区域不被意外地改变,可以利用组合图形的方式。在图形被组合后,就会变成一个独立的对象,此时再与其他对象重叠时,除了挡住下方对象的显示外,不会与重叠对象产生分隔、拼合、覆盖等现象,而且,每一个组合后的对象都允许单独编辑。
下面图中所示是直接绘制的两个矢量图形对象,将这两个矢量图形对象重叠后再重新分开,对象显示出“挖洞”的效果。而将矢量图形对象组合处理,可以发现即使两个对象重叠,相互之间并不发生任何影响。
图1-13 挖洞效果
图1-14 组合效果
组合对象是以整体形式存在的,利用箭头工具直接双击组合对象可以对组对象中的元素进行编辑,此时,舞台上的其他对象将会变暗,而组合对象的元素则处于可编辑状态。下面左图所示为正常状态下的图示效果,双击圆形物体后,可以在右图中发现,其他对象变暗,通过工作区上方的标题条左端,可以发现Flash自动转入到组合对象的编辑环境下。组合对象编辑结束后,可以单击工作区上方标题条中的上一级标签返回到原来的工作环境下。
图1-15
(2) 分离
分离操作主要用于将组合对象、文本对象、实例对象以及位图对象分割成可编辑的元素,因此在绘图的过程中,可以通过分离操作将群组后的对象重新拆分为可编辑的元素,同时,利用分离操作还可以显著地减小导入图形的文件大小。
但要注意不能将“取消组合”和“分离”操作混为一谈,取消组合的拆分操作,只能将组合操作中的各个对象重新拆分成为组合前的现象,但对于参与组合的各种元素并不会修改,也就是说,组合和拆分操作是可逆的。而分离操作不是一个完全可逆的操作,如果将一个对象进行分解然后再重新组合,最终生成的对象同原先的对象不一定完全一样。
