Presentation is loading. Please wait.

Presentation is loading. Please wait.

第1章 Flash CS5基础知识 本章重点: Flash CS5是一款优秀的二维动画制作软件,在学习之前,应掌握其界面的基本布局和基本文档操作。而矢量图形是Flash动画的基本元素之一,Flash提供了多种工具来绘制和编辑矢量图形作为动画中的元素。通过本章学习应掌握以下内容: 位图与矢量图的关系 Flash.

Similar presentations


Presentation on theme: "第1章 Flash CS5基础知识 本章重点: Flash CS5是一款优秀的二维动画制作软件,在学习之前,应掌握其界面的基本布局和基本文档操作。而矢量图形是Flash动画的基本元素之一,Flash提供了多种工具来绘制和编辑矢量图形作为动画中的元素。通过本章学习应掌握以下内容: 位图与矢量图的关系 Flash."— Presentation transcript:

1 第1章 Flash CS5基础知识 本章重点: Flash CS5是一款优秀的二维动画制作软件,在学习之前,应掌握其界面的基本布局和基本文档操作。而矢量图形是Flash动画的基本元素之一,Flash提供了多种工具来绘制和编辑矢量图形作为动画中的元素。通过本章学习应掌握以下内容: 位图与矢量图的关系 Flash CS5的界面构成 基本文档操作 在Flash中绘制图形 描边和填色 其他编辑工具的使用

2 1.1 位图与矢量图 根据生成原理的不同,计算机中的图形可以分为位图和矢量图两种。

3 1.位图 位图是由像素构成的,单位面积内的像素数量将决定位图的最终质量和文件大小。位图放大时,放大的只是像素点,位图图像的四周会出现马赛克,如图1-1所示。位图与矢量图相比,具有色彩丰富的特点。位图中单位面积内的像素越多,图像的分辨率越高,图像也就表现得越细腻,但文件所占的空间越大,计算机处理速度越慢。因此,要根据实际需要来制作位图。

4 2.矢量图 矢量图是由数学公式所定义的直线和曲线组成的,内容以色块和线条为主,如一条直线的数据只需要记录两个端点的位置、直线的粗细和颜色等,因此矢量图所占的数据容量比较小,他的清晰度与分辨率无关。对矢量图进行放大、缩小和旋转等操作时,图形对象的清晰度和光滑度不会发生任何偏差,如图1-2所示。 Flash动画采用了矢量图形技术,制作出的动画文件体积特别小。凭借这一特点,Flash动画在网络中占有不可替代的位置。

5 1.2 Flash CS5的界面构成 启动Flash CS5,首先显示出图1-3所示的启动界面。 图 启动界面

6 启动界面中部的主体部分列出了一些常用的任务。其中左边栏是打开最近用过的项目,中间栏是创建各种类型的新项目,右边栏是从模板创建各种动画文件。
下面来打开一个已有的动画文件。方法:单击左边栏下方 的按钮,在弹出的“打开”对话框中选择配套光盘“素材及结果\8.2制作《趁火打劫》动作动画\趁火打劫.fla”文件,如图1-4所示,单击“打开”按钮,即可进入该文件的工作界面,如图1-5所示。 图 选择要打开的文件

7 Flash CS5工作界面主要可以分为动画文件选项卡、工具箱、时间轴、舞台和面板几部分。下面就来进行具体讲解。

8 1. 动画文件选项卡 在这里显示了当前打开的文件名称。如果此时打开了多个文件,可以通过单击相应的文件名称来实现文件之间的切换。

9 2. 工具箱 工具箱中包含了多种常用的绘制图形的工具和辅助工具,具体使用方法参见“1.4 在Flash中绘制图形”中的相关内容。这里需要说明的是,单击工具箱最顶端的 小图标,可将工具箱变成长单条和短双条结构,此时小图标会变为 形状,如图1-6所示。

10 3. 时间轴 时间轴用于组织和控制一定时间内的图层和帧中的文档内容。 时间轴左边为图层区,右边为帧区,动画从左向右逐帧进行播放,如图1-7所示。

11 4. 舞台 舞台又称工作区域,是Flash工作界面上最广阔的区域。在这里可以摆放一些图片、文字、按钮、动画等。

12 5. 面板 面板位于工作界面右侧,利用它们,可以为动画添加丰富的特殊效果。 Flash CS5中的面板现在以方便的、自动调节的停靠方式进行排列, 单击顶 端的小图标,可以将面板缩小为 图标,如图1-8所示。在这种情况下, 单击相应的图标,会显示出相关的面板,如图1-9所示。这样可以使软件界 面极大简化,同时保持必备工具可以访问。       将工具箱和各种面板位置调整好之后,可以对调整后的工作区布局进 行保存。方法:执行菜单栏中的“窗口|工作区|保存当前”命令,在弹出 的图1-10所示的对话框中输入名称,单击“确定”按钮,即可将现在的工 作界面保存起来。

13 1.3 基本文档操作 在熟悉了Flash CS5的界面构成后,下面来学习在制作动画过程中需要频繁使用的基本文档操作方法。

14 创建新文档 创建新文档有两种方法:一是启动Flash CS5,弹出开始页面对话框,单击“新建”栏下的“ActionScript 2.0”或者“ActionScript 3.0”选项,即可创建一个默认名称为“未命名-1”的Flash文件,如图1-11所示;二是执行菜单中的“文件|新建”命令,在弹出的图1-12所示的“新建文档”对话框中选择“ActionScript 2.0”或者“ActionScript 3.0”选项,单击“确定”按钮。 图1-11创建一个默认名称为“未命名-1”的Flash文件

15 图1-12“新建文档”对话框

16 设置文档属性 “属性”面板位于工作区的底部。利用“属性”面板可以很容易地 设置舞台或时间轴上当前选项最常用的属性,也可以在面板中更改对象或文档的属性。选择不同的对象时,面板上显示的项目会有所不同。 当新建一个文档后,其属性面板如图1-13所示。单击“大小”右侧的“编辑”按钮,在弹出的图1-14所示的文档设置对话框中可以对文档尺寸、背景颜色、帧频、标尺单位等参数进行设置,设置完成后单击“确定”按钮即可。 提示:执行菜单中的“修改|文档”(快捷键<Ctrl+J>)命令,也可打开“文档设置”对话框。

17 保存文档 为了避免出现意外时丢失文档,在文档属性设置好后,一定要及时保存文档。保存文档的具体操作步骤为:执行菜单中的“文件|保存”命令,在弹出的图1-15所示的“另存为”对话框中单击“保存在”下拉列表框后面的下拉按钮,选择要保存文档的文件夹;在“文件名”文本框中输入要保存文件的名称,然后单击“保存”按钮。接着在后面的工作中,通过单击工具栏中的“保存” 按钮,随时对工作内容进行保存。 图1-15“另存为”对话框

18 测试影片 Flash动画在制作完成后,接下来就是进行播放测试。执行菜单中的“控制|测试影片”(快捷键<Ctrl+Enter>)命令,即可测试影片。 此外,也可以在播放状态下观赏动画效果,具体操作步骤为:将播放头 定位在第1帧上,然后按键盘上的<Enter>键,动画就会从第1帧开始播放最后,到一帧停止播放。 如果想循环播放动画,可以执行菜单中的“控制|循环播放”命令,此时该命令会显示被选中,如图1-16所示。然后,在按键盘上的<Enter>键即可循环播放。 图1-16选择“循环播放”命令

19 1.3.5 发布影片 在保存完动画后,按键盘上的<Ctrl+Enter>组合键进行播放,即可在同一目录下将其自动发布为名称与保存的文件相同,但扩展名为“.swf”的文件,如图1-17所示。这种动画可以直接插入网页中(如Dreamweaver)。 图1-17自动生成的动画文件 此外,还可以根据需要将影片发布为.mov、.avi等格式的视频格式,具体参见第7章 “动画发布”中的相关内容。

20 1.4 在Flash中绘制图形 在Flash的工具箱中包含多种绘制图形的工具,下面就来具体讲解这些工具的使用方法。

21 利用铅笔工具绘制曲线 (铅笔工具)用于在场景中的指定帧上绘制线和形状,它的效果就好像用真的铅笔画画一样。帧是Flash动画创作中的基本单元,也是所有动画及视频的基本单元,将在后面的章节中介绍。Flash CS5中的铅笔工具有些属于自己的特点,它可以绘制过程中拉直线或者平滑曲线,还可以识别或者纠正基本几何形状。另外,还可以使用铅笔工具修正来创建特殊形状,也可以手工修改线条和形状。 选择工具箱中的 (铅笔工具)的时候,在工具栏下部的选项部分中将显示图1-18所示的选项,其中左侧 (对象绘制)按钮用于绘制互不干扰的多个图形,单击 右侧下的小三角按钮,会出现图1-19所示的下拉选项。 这3个选项是铅笔工具的3个绘图模式。 选择 (直线化)时,系统会将独立的线条自动连接,接近直线的线条将自动拉直,摇摆的曲线将实施直线式的处理,效果如图1-20所示。

22 选择(墨水)选项时,将关闭Flash自动处理功能。画的是什么样,就是什么样,不做任何平滑、拉直或连接处理,效果如图1-22所示。
图 铅笔工具选项栏  图 下拉选项 图1-20直线化效果 选择(平滑)时,将缩小Flash自动进行处理的范围。在平滑选项模式下,线条拉直和形状识别都被禁止。绘制曲线后,系统可以进行轻微的平滑处理,端点接近的线条彼此可以连接,效果如图1-21所示。 选择(墨水)选项时,将关闭Flash自动处理功能。画的是什么样,就是什么样,不做任何平滑、拉直或连接处理,效果如图1-22所示。

23 选择 (铅笔工具)的同时,在“属性”面板中也会出现图1-23所示的选项,包括笔触颜色、笔触高度、笔触样式、自定义、端点类型和接合类型等。
图1-21平滑效果 图1-22墨水效果 选择 (铅笔工具)的同时,在“属性”面板中也会出现图1-23所示的选项,包括笔触颜色、笔触高度、笔触样式、自定义、端点类型和接合类型等。

24 单击 颜色框,会弹出Flash自带的Web颜色系统,如图1-24所示,从中可以定义所需的笔触颜色;单击笔触宽度,可以自由设定线条的宽度;单击“样式”右侧的下拉按钮,可以从下拉列表中选择所需的线条样式,如图1-25所示;单击 按钮,用户也可以在弹出的“笔触样式”对话框中设置自己的线条样式,如图1-26所示。

25 在“笔触样式”对话框中共有6种线条类型,下面就对 这6种线条做一下简单的介绍。
实线:这是最适合于在Web上使用的线型。此线型的设置可以通过“粗细”和“锐化转角”两项来设定,如图1-27所示。 虚线:这是带有均匀间隔的实线。短线和间隔的长度是可以调整的,如图1-28所示。

26 点状线:绘制的直线由间隔相等的点组成。同虚线有些相似,但只有点的间隔距离可调整,如图1-29所示。
锯齿状线:绘制的直线由间隔相等的粗糙短线构成。它的粗糙程度可以通过图案、波高和波长3个选项来进行调整,如图1-30所示。在“图案”选项中有“实线”、“简单”、“随机”、“点状”、“随机点状”、“三点状”、“随机三点状”7种样式可供选择;在“波高”选项中有“平坦”、“起伏”、“剧烈起伏”、“强烈”4个选项可供选择;在“波长”选项中有“非常短”、“短”、“中”、“长”4个选项可供选择。

27 点描:绘制的直线可用来模拟艺术家手刻的效果。点描的品质可通过点大小、点变化、密度来调整,如图1-31所示。在“点大小”选项中有“很小”、“小”、“中”、“大”4个选项可供选择;在“点变化”选项中有“同一大小”、“微小变化”、“不同大小”、“随机大小”4个选项可供选择;在“密度”选项中有“非常密集”、“密集”、“稀疏”、“非常稀疏”4个选项可供选择。 斑马线:绘制复杂的阴影线,可以精确模拟艺术家手画的阴影线,产生无数种阴影效果,这可能是Flash绘图工具中复杂性最高的操作,如图1-32所示。它的参数有:粗细、间隔、微动、旋转、曲线、长度。其中“粗细”选项中有“极细”、“细”、“中”、“粗”4个选项可供选择;“间隔”选项中有“非常近”、“近”、“远”、“非常远”4个选项可供选择;“微动”选项中有“无”、“弹性”、“松散”、“强烈”4个选项可供选择;“旋转”选项中有“无”、“轻微”、“中”、“自由”4个选项可供选择;“曲线”选项中有“直线”、“轻微弯曲”、“中等弯曲”、“强烈弯曲”4个选项可供选择;“长度”选项中有“等于”、“轻微变化”、“中等变化”、“随机”4个选项可供选择。

28

29 “端点”和“接合”选项用于设置线条的线段两端和拐角的类型,如图1-33所示。
端点类型包括“无”、“圆角”和“方形”3种,效果如图1-34所示。我们可以在绘制线条以前设置好线条属性,也可以在绘制完以后重新修改线条的这些属性。

30 接合指的是在线段的转折处也就是拐角的地方,线段以何种方式呈现拐角形状。有“尖角”、“圆角”和“斜角”3种方式可供选择,效果如图1-35所示。
当选择接合为“尖角”的时候,左侧的尖角限制文本框会变为可用状态,如图1-36所示。在这里可以指定尖角限制数值的大小。数值越大,尖角就越趋于尖锐;数值越小,尖角会被逐渐削平。

31 利用线条工具绘制曲线 使用Flash中的 (线条工具)可以直接绘制出从起点到终点的直线,如图1-37所示。其属性面板的参数与 (铅笔工具)的参数基本一致,这里就不再重复。如果要将直线修改为曲线,选择工具箱中的 (选择工具),选中直线,然后当鼠标右下角变为弧线状时拖动鼠标即可,效果如图1-38所示。

32 利用钢笔工具绘制曲线 使用 (钢笔工具)可以绘制精确的路径(如直线或者平滑流畅的曲线),并可调整直线段的角度和长度以及曲线段的斜率。 图1-39为使用 (钢笔工具)绘制的画面效果。 用户可以指定钢笔工具指针外观的首选参数,以便在画线段时进行预览,或者查看选定锚点的外观。 图1-39使用 (钢笔工具)绘制的画面效果

33 1. 设置钢笔工具首选参数 选择工具箱中的 (钢笔工具),执行菜单中的“编辑|首选参数”命令,然后在弹出的“首选参数”对话框中单击“绘画”选项卡,如图1-40所示。 图1-40 单击“绘画”选项卡

34 在钢笔工具选项组中有“显示钢笔预览”、“显示实心点”和“显示精确光标”3个选项:
显示钢笔预览:选中该项,可在绘画时预览线段。单击创建线段的终点之前,在工作区周围移动指针时,Flash 会显示线段预览。如果未选中该选项,则在创建线段终点之前,Flash 不会显示该线段。 显示实心点:选中该项,将选定的锚点显示为空心点,并将取消选定的锚点显示为实心点。如果未选中此选项,则选定的锚点为实心点,而取消选定的锚点为空心点。 显示精确光标:选中该项,钢笔工具指针将以十字准线指针的形式出现,而不是以默认的钢笔工具图标的形式出现,这样可以提高线条的定位精度。取消选中该选项会显示默认的钢笔工具图标。 提示:工作时按〈Caps Lock〉键可在十字准线指针和默认的钢笔工具图标之间进行切换。

35 2. 使用钢笔工具绘制直线路径 使用钢笔工具绘制直线路径的方法如下:
1)选择工具箱中的 (钢笔工具),然后在“属性”面板中选择笔触和填充属性。 2)将指针定位在工作区中直线想要开始的地方,然后单击以定义第一个锚点。 3)在想要直线的第一条线段结束的位置再次单击。按住〈Shift〉键进行单击可以将线条限制为倾斜45°的倍数。 4)继续单击以创建其他线段,如图1-41所示。 5)要以开放或闭合形状完成此路径,请执行以下操作之一: 结束开放路径的绘制。方法:双击最后一个点,单击工具栏中的钢笔工具,或按住〈Control〉键(Windows)或〈Command〉键(Macintosh)单击路径外的任何地方。 封闭开放路径。方法:将钢笔工具放置到第一个锚点上。如果定位准确,就会在靠近钢笔尖的地方出现一个小圆圈,单击或拖动,即可闭合路径,如图1-42所示。

36 图1-41 继续单击创建其他直线段 图1-42 闭合路径

37 3. 使用钢笔工具绘制曲线路径 使用钢笔工具绘制曲线路径的方法如下: 1)选择工具箱中的 (钢笔工具)。
1)选择工具箱中的 (钢笔工具)。 2)将钢笔工具放置在工作区中想要曲线开始的地方,然后单击,此时出现第一个锚点,并且钢笔尖变为箭头。 3)向想要绘制曲线段的方向拖动鼠标。按〈Shift〉键拖动鼠标可以将该工具限制为绘制45°的倍数。随着拖动,将会出现曲线的切线手柄。 4)释放鼠标,此时切线手柄的长度和斜率决定了曲线段的形状。可以在以后通过移动切线手柄来调整曲线。 5)将指针放在想要结束曲线段的地方,单击鼠标左键,然后朝相反的方向拖动,并按〈Shift〉键,会将该线段限制为倾斜45°的倍数,如图1-43所示。 6)要绘制曲线的下一段,可以将指针放置在想要下一线段结束的位置上,然后拖动该曲线,即可绘制出曲线的下一段。 图1-43 将该线段限制为倾斜45度 的倍数

38 4. 调整路径上的锚点 在使用 (钢笔工具)绘制曲线时,创建的是曲线点,即连续的弯曲路径上的锚点。在绘制直线段或连接到曲线段的直线时,创建的是转角点,即在直线路径上或直线和曲线路径接合处的锚点。 要将线条中的线段由直线段转换为曲线段或者由曲线段转换为直线段,可以将转角点转换为曲线点或者将曲线点转换为转角点。 可以移动、添加或删除路径上的锚点。还可以使用工具箱中的 (部分选取工具)来移动锚点从而调整直线段的长度、角度或曲线段的斜率。也可以通过轻推选定的锚点来进行微调,如图1-44所示。 图1-44 微调锚点的位置

39 5. 调整线段 用户可以调整直线段以更改线段的角度或长度,或者调整曲线段以更改曲线的斜率和方向。移动曲线点上的切线手柄时,可以调整该点两边的曲线。移动转角点上的切线手柄时,只能调整该点的切线手柄所在的那一边的曲线。

40 利用刷子工具绘制曲线 利用 (刷子工具)可以绘制出刷子般的特殊笔触(包括书法效果),就好像在涂色一样。另外,在使用 (刷子工具)时还可以选择刷子大小和形状。图1-45为使用 (刷子工具)绘制的画面效果。 图1-45使用 (刷子工具)绘制的画面效果 提示:与 (铅笔工具)相比, (刷子工具)创建的是填充形状,笔触高度为0,填充可以是单色、渐变色或者用位图填充。而 (铅笔工具)创建的只是单一的实线。另外, (刷子工具)允许用户以非常规方式着色,可以选择在原色的前面或后面绘图,也可以选择只在特定的填充区域中绘图。

41 选择工具箱中的 (刷子工具),在工具栏下部的选项部分中将显示图1-46所示的选项。这里共有5个选项:对象绘制、刷子模式、锁定填充、刷子大小和刷子形状。
(对象绘制)用于绘制互不干扰的多个图形。 在 (刷子模式)选项中有“标准绘画”、“颜料填充”、“后面绘画”、“颜料选择”和“内部绘画”5种模式可供选择,如图1-47所示。图1-48为使用这5种刷子模式绘制图形的效果比较。

42 如果选择了 (锁定填充)按钮,将不能再对图形进行填充颜色的修改,这样可以防止错误操作而使填充色被改变。
如果选择了 (锁定填充)按钮,将不能再对图形进行填充颜色的修改,这样可以防止错误操作而使填充色被改变。 在刷子大小选项中共有从细到粗的8种刷子可供选择,如图1-49所示;在刷子形状选项中共有9种不同类型的刷子可供选择,如图1-50所示。 图1-49 刷子大小    图1-50 刷子形状 

43 利用选择和部分选择工具编辑曲线 利用 (选择工具)和 (部分选择工具)可以对创建的线条进行再次编辑。下面就来进行具体讲解。

44 1. (选择工具) 当使用 (选择工具)拖动线条上的任意点时,鼠标指针会根据不同情况而改变形状。当将 (选择工具)放在曲线的端点时,鼠标指针变为形状,此时拖动鼠标,可以延长或缩短该线条,如图1-51所示。 当将 (选择工具)放在曲线中的任意一点时,鼠标变为形状,此时拖动鼠标,可以改变曲线的弧度,如图1-52所示。

45 当将 (选择工具)放在曲线中的任意一点,并按住键盘上的<Ctrl>键进行拖动时,可以在曲线上创建新的转角点,如图1-53所示。

46 2. (部分选择工具) 利用 (部分选择工具)可以对路径上的锚点进行选取和编辑。选择工具箱中的 (部分选择工具),单击路径,从而显示出路径上的锚点,如图1-54所示。然后选择其中一个锚点,此时该锚点以及相邻的前后锚点就会出现切线手柄,如图1-55所示。接着拖动切线手柄,即可改变曲线的形状,如图1-56所示。

47 利用图形工具绘制几何图形 Flash CS5的工具箱中包括 (椭圆工具)、(矩形工具)、(多角星形工具)、(基本矩形工具)和 (基本椭圆工具)5种工具,如图1-57所示。利用这5种工具可以快速绘制出相关几何图形。图1-58为使用图形工具绘制的画面效果。下面就来具体讲解一下这些图形工具的使用方法。 图 图形工具 图1-58 使用图形工具绘制的画面效果

48 1.椭圆工具 利用 (椭圆工具)可以绘制出光滑的椭圆。在绘制椭圆时,按住键盘上的〈Shift〉键,然后在工作区中拖动鼠标,可以绘制出正圆形。此外,在选择了 (椭圆工具)后绘制椭圆之前,还可以在属性面板中设置一些特殊参数,如图1-59所示。 起始角度和结束角度:用于指定椭圆的起始点和结束点的角度。 使用这两个控件可以轻松地将椭圆和圆形的形状修改为扇形、半圆形及其他有创意的形状。 内径:用于指定椭圆的内径(即内侧椭圆)。 用户可以在文本框中输入内径的数值,或单击滑块相应地调整内径的大小。 允许输入的内径数值范围为 0 ~99,表示删除的椭圆填充的百分比。

49 重置:将重置所有“基本椭圆”工具控件,并将在舞台上绘制的基本椭圆形状恢复为原始大小和形状。 图1-60为设置不同参数后绘制的圆形。
闭合路径:用于指定椭圆的路径(如果指定了内径,则有多个路径)是否闭合。 如果指定了一条开放路径,但未对生成的形状应用任何填充,则仅绘制笔触。 默认情况下选择闭合路径。 重置:将重置所有“基本椭圆”工具控件,并将在舞台上绘制的基本椭圆形状恢复为原始大小和形状。 图1-60为设置不同参数后绘制的圆形。 提示:在绘制了椭圆后,可以对其填充和线条属性进行相应的修改,但不能再对“内径”等参数进行更改。

50 2.矩形工具 利用 (矩形工具)可以绘制出标准的矩形。在绘制矩形时,按住键盘上的〈Shift〉键、然后在工作区中拖拉,可以绘制出正方形。此外,在选择了(矩形工具)后绘制矩形之前,还可以在属性面板中设置一些特殊参数,如图1-61所示。 和矩形角半径:用于指定矩形的角半径。 用户可以在文本框中输入内径的数值,或单击滑块相应地调整半径的大小。 如果输入负值,则创建的是反半径。 还可以取消选择限制角半径图标,然后分别调整每个角半径。 重置:将重置所有“基本矩形”工具控件,并将在舞台上绘制的基本矩形形状恢复为原始大小和形状。

51 图1-62为设置不同参数后绘制的矩形。 提示:在绘制了矩形后,可以对其填充和线条属性进行相应修改,但不能对和矩形角半径参数进行更改了。
和 矩形角半径为 和 矩形角半径为20 图1-62设置不同参数后绘制的矩形

52 3.多角星形工具 利用 (多角星形工具)可以绘制出标准的多边形和星形。(多角星形工具)属性面板,如图1-63所示。单击“选项”按钮,在弹出的图1-64所示的对话框中可以选择“样式”为“多边形”或“星形”,设置完毕后,单击“确定”按钮,即可进行绘制。图1-65为绘制的五边形和五角星效果。 图1-63 多角星形工具属性面板 图1-64 设置样式 图1-65 绘制的五边形和五角星效果

53 4.基本椭圆工具和基本矩形工具 使用 (基本椭圆工具)或 (基本矩形工具)创建矩形或椭圆时,不同于使用对象绘制模式创建的形状。前者在绘制完毕后还可以对矩形的角半径以及椭圆的开始角度、结束角度和内径再次进行设置;后者只是将形状绘制为独立的对象,绘制完毕后只能对填充、线条、端点和接合参数进行调整,不能对矩形的角半径以及椭圆的开始角度、结束角度和内径再次进行设置。

54 1.5 描边和填色 在Flash CS5中可以对图形的描边和填充属性进行各种设置,从而得到所需的效果。

55 1.5.1 利用墨水瓶工具进行描边 利用 (墨水瓶工具)可以改变现存直线的颜色、线形和宽度,这个工具通常与 (滴管工具)连用。
利用 (墨水瓶工具)可以改变现存直线的颜色、线形和宽度,这个工具通常与 (滴管工具)连用。 选择工具箱中的 (墨水瓶工具),在“属性”面板中就会出现如图1-66所示的参数选项。这些参数选项与铅笔工具中的参数选项基本是一样的,这里不再赘述。

56 图1-67为设置 ( 墨水瓶工具)不同线宽的效果比较。
图1-67为设置 ( 墨水瓶工具)不同线宽的效果比较。 图1-67为设置 (墨水瓶工具)不同线宽的效果比较

57 利用颜料桶工具进行填色 利用 (颜料桶工具)可以对封闭的区域、未封闭的区域以及闭合形状轮廓中的空隙进行颜色填充。填充的颜色可以是纯色也可以是渐变色。图1-68为使用 (颜料桶工具)对绘制的图形进行纯色填充效果。图1-69为使用使用 (颜料桶工具)对绘制的图形进行渐变色填充效果。 图1-69对绘制的图形进行渐变色填充效果 图1-69对绘制的图形进行渐变色填充效果

58 选择工具箱中的 (颜料桶工具),在工具栏下部的选项部分中将显示图1-70所示的选项。这里共有两个选项:空隙大小、锁定填充。
选择工具箱中的 (颜料桶工具),在工具栏下部的选项部分中将显示图1-70所示的选项。这里共有两个选项:空隙大小、锁定填充。 在 (空隙大小)选项中有“不封闭空隙”、“封闭空隙”、“封闭中等空隙”、“封闭大空隙”4种选项可供选择,如图1-71所示。 如果选择了 (锁定填充)按钮,将不能再对图形进行填充颜色的修改,这样可以防止错误操作而使填充色被改变。 颜料桶工具的使用方法:首先选择工具栏中的 (颜料桶工具),然后选择填充颜色和样式。接着单击 (空隙大小)按钮,从中选择一个空隙大小选项,最后单击要填充的形状或者封闭区域,即可填充。 提示:如果要在填充形状之前手动封闭空隙,请选择 (不封闭空隙)按钮。对于复杂的图形,手动封闭空隙会更快一些;如果空隙太大,则必须手动封闭。

59 1.5.3 利用颜色面板设置颜色 利用颜色面板可以在RGB或HSB模式下选择颜色,还可以通过指定Alpha值来定义颜色的透明度。
执行菜单中的“窗口|颜色”命令,调出颜色面板,如图1-72所示。 对于RGB模式,可以在“红”、“绿”和“蓝”文本框中输入颜色值;对于HSB模式,则输入“色相”、“饱和度”和“亮度”值。此外,用户还可以输入一个Alpha值来指定透明度,其取值范围在0%(表示完全透明)~100%(表示完全不透明)之间。 单击 图标,可以设置笔触颜色;单击 图标可以设置填充颜色。单击 按钮,可以恢复到默认的黑色笔触和白色填充;单击 按钮,可以将笔触或填充设置为无色;单击 按钮,可以交换笔触和填充的颜色。 在类型右侧下拉列表中有“无”、“纯色”、“线性渐变”、“径向渐变”和“位图填充”5种类型可供选择,如图1-73所示。

60 纯色:表示对区域进行单色填充,效果如图1-74所示。
图1-72颜色面板 图1-73选择不同类型 无:表示对区域不进行填充。 纯色:表示对区域进行单色填充,效果如图1-74所示。 线性渐变:表示对区域进行线性的填充,效果如图1-75所示。单击颜色条中的和按钮,可以在其上方设置相关渐变颜色。 径向渐变:表示对区域进行从中心处向两边扩散的球状渐变填充,效果如图1-76所示。单击颜色条中的和按钮,可以在其上方设置相关渐变颜色。 位图填充:表示对区域进行从外部导入的位图填充。 图1-74纯色 图1-75线性 图1-76径向渐变

61 1.5.4 利用渐变变形工具调整颜色渐变 利用 (渐变变形工具)可以调整填充的色彩变化。下面通过创建一个水滴来说明 ( 渐变变形工具)的使用方法,具体操作步骤如下: 1)为了便于观看效果,执行菜单中的“修改|文档”命令,在弹出的对话框中将背景色调为深蓝色(#000066),单击“确定”按钮,如图1-77所示。 2)选择工具箱中的 (椭圆工具),设置笔触颜色为白色,填充颜色为 (无色),然后配合键盘上的〈Shift〉键,绘制一个正圆形,如图1-78所示。 图1-77 将“背景颜色”设为深蓝色 图1-78 绘制正圆形

62 1.5.4 利用渐变变形工具调整颜色渐变 3)执行菜单中的“窗口|颜色”命令,调出颜色面板(见图1-79),然后单击“类型”右侧下拉列表框从中选择“放射状”,如图1-80所示。在“混色器”面板上有一颜色条,颜色条的下方有一些定位标志,我们称它们为“色标”,通过对色标颜色值和位置的设置,可定义出各种填充色。下面单击颜色条左侧色标,然后在其上面设置颜色,如图1-81所示。再单击颜色条右侧色标 ,在其上面设置颜色如图1-82所示。 图1-79 填充类型

63 4)选择工具箱中的 (颜料桶工具),对绘制的圆形进行填充,效果如图1-83所示。
图1-80 选择“放射状” 图1-81 设置左侧色标颜色 图1-82设置右侧色标颜色 4)选择工具箱中的 (颜料桶工具),对绘制的圆形进行填充,效果如图1-83所示。 5)将正圆形调整为水滴的形状。方法:选择工具箱中的 (选择工具),将鼠标放置到圆的顶部,然后按住键盘上的〈Ctrl〉键向上拖动,结果如图1-84所示。接着,松开〈Ctrl〉键,对圆形进行两次处理,并用 (颜料桶工具)对调整好的水滴形状再次进行填充。最后,选择白色边线按键盘上的〈Delete〉键进行删除,效果如图1-85所示。

64 图1-83 填充圆形      图1-84调整水滴顶部  图1-85 水滴最终形状
6)此时水滴填充后的效果缺乏立体通透感,下面我们通过 (渐变变形工具)来解决这个问题。方法:选择工具箱中的 (渐变变形工具),单击水滴,效果如图1-86所示。然后选择图1-87所示的形状,向圆形内部移动,从而缩小渐变区域,达到立体通透感的效果。 图1-86 使用(填充变形工具)选中水滴 图1-87 缩小渐变区域

65 1.6 其他编辑工具 Flash CS5工具箱除了以上工具外还提供了其他常用的工具,下面就来进行具体介绍。

66 1.6.1 利用滴管工具获取颜色 (滴管工具)用于从现有的钢笔线条、画笔描边或者填充上取得(或者复制)颜色和风格信息。滴管工具没有任何参数。
利用滴管工具获取颜色 (滴管工具)用于从现有的钢笔线条、画笔描边或者填充上取得(或者复制)颜色和风格信息。滴管工具没有任何参数。 当滴管工具不是在线条、填充或者画笔描边的上方时,其光标显示为 ,类似于工具箱中的滴管工具图标;当滴管工具位于直线上方时,其光标显示为 ,即在标准的滴管工具的右下方显示一个小的铅笔;当滴管位于填充上方时,其光标显示为 ,即在标准的滴管工具光标右下方显示一个小的刷子。 当滴管工具位于直线、填充或者画笔描边上方时,按住〈Shift〉键,其光标显示为,即在光标的右下方显示为倒转的“U”字形状。在这种模式下,使用 (滴管工具)可以将被单击对象的编辑工具的属性改变为被单击对象的属性。利用〈Shift+单击功能键〉可以取得被单击对象的属性并立即改变相应编辑工具的属性,例如墨水瓶、铅笔或者文本工具。滴管工具还允许用户从位图图像取样用做填充。 用滴管工具单击取得被单击直线或者填充的所有属性(包括颜色、渐变、风格和宽度)。但是,如果内容不是正在编辑的,那么组的属性不能用这种方式获取。

67 利用滴管工具获取颜色 如果被单击对象是直线,(滴管工具)将自动更换为墨水瓶工具的设置,以便于将所取得的属性应用到别的直线上。与此类似,如果单击的是填充,吸管工具自动更换为油漆桶工具的属性,以便于将所取得的填充属性应用到其他的填充上。 当滴管用于获取通过位图填充的区域的属性时,滴管工具自动更换为 (颜料桶工具)的光标显示,位图图片的缩略图将显示在填充颜色修正的当前色块中。

68 利用橡皮擦工具擦除图形 尽管 (橡皮擦工具)严格来说既不是绘图工具也不是着色工具,但是橡皮擦工具作为绘图和着色工具的主要辅助工具,在整个Flash绘图中有着不可替代的作用,所以我们把它放在了图形制作这一节中给大家讲解。 使用 (橡皮擦工具)可以快速擦除笔触段或填充区域等工作区中的任何内容。用户还可以自定义橡皮擦工具以便只擦除笔触、只擦除数个填充区域或单个填充区域。 选择 (橡皮擦工具)后,在工具箱的下方会出现图1-88所示的参数选项。 橡皮擦形状选项中共有圆、方两种类型、从细到粗的10种形状,如图1-89所示。 图 橡皮擦工具选项 图 橡皮擦形状

69 1. 使用橡皮擦模式 橡皮擦模式控制并限制了橡皮擦工具进行擦除时的行为方式。橡皮擦模式选项中共有5种模式:标准擦除、擦除填色、擦除线条、擦除所选填充和内部擦除,如图1-90所示。 图 橡皮擦模式 标准擦除:这时橡皮擦工具就像普通的橡皮擦一样,将擦除所经过的所有线条和填充,只要这些线条或者填充位于当前图层中。 擦除填色:这时橡皮擦工具只擦除填充色,而保留线条。 擦除线条:与擦除填色模式相反,这时橡皮擦工具只擦除线条,而保留填充色。 擦除所选填充:这时橡皮擦工具只擦除当前选中的填充色,保留未被选中的填充以及所有的线条。 内部擦除:只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除,则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。

70 2. 水龙头 水龙选项主要用于删除笔触段或填充区域。

71 1.6.3 利用任意变形工具调整图形的形状 利用 (任意变形工具)可以对图形对象进行旋转、缩放、扭曲、封套变形等操作。
利用任意变形工具调整图形的形状 利用 (任意变形工具)可以对图形对象进行旋转、缩放、扭曲、封套变形等操作。 选择工具箱中的 (任意变形工具),选择要变形的图形,此时图形四周会被一个带有8个控制点的方框所包围,如图1-91所示。工具箱的下方也会出现相应的5个选项按钮,如图1-92所示。这5个按钮的功能如下: (贴紧至对象):激活该按钮,拖动图形时可以进行自动吸附。 (旋转与倾斜):激活该按钮,然后将鼠标指针移动到外框顶点的控制柄上,鼠标指针变为形状,拖动鼠标即可对图形进行旋转,如图1-93所示。将鼠标指针移动到中间的控制柄上,鼠标指针变为形状,此时拖动鼠标可以将对象进行倾斜,如图1-94所示。 图1-91选择要变形的图形 图1-92选项按钮 图1-93旋转效果 图1-94倾斜效果

72 (缩放):激活该按钮,然后将鼠标指针移动到图形外框的控制柄上,鼠标变为双向箭头形状,此时拖动鼠标可以改变图形的尺寸大小。
(扭曲):激活该按钮,然后将鼠标指针移动到外框的控制柄上,鼠标指针变为形状,此时拖动鼠标可以对图形进行扭曲变形,如图1-95所示。 (封套):激活该按钮,此时图形的四周会出现很多控制柄,如图1-96所示。拖动这些控制柄,可以使图形进行更细微的变形,如图1-97所示。 图1-95扭曲变形效果 图1-96图形四周出现很多控制柄 图1-97封套变形效果 提示:如果选中的是没有分离的图形,那么 (扭曲)和 (封套)按钮为灰色不可用状态。

73 1.6.4 利用套索工具选择对象 (套索工具)是一种选取工具,使用它可以勾勒任意形状的范围来进行选择。该工具主要用于处理位图。
利用套索工具选择对象 (套索工具)是一种选取工具,使用它可以勾勒任意形状的范围来进行选择。该工具主要用于处理位图。 选择工具箱中的 (套索工具),工具箱的下方会出现相应的3个选项按钮,如图1-98所示。这3个按钮的功能如下: (魔术棒):用于选取位图中的同一色彩的区域。 (魔术棒设置):单击该按钮将弹出图1-99所示的对话框。在该对话框中“阈值”用于定义所选区域内相邻像素的颜色接近程度,数值越高,包含的颜色范围越广,如果数值为0,表示只选择与所单击像素的颜色完全相同的像素;“平滑”用于定义所选区域边缘的平滑程度,一共有4个选项可供选择,如图1-100所示。 图1-98套索工具选项按钮 图1-99 “魔术棒设置”对话框 图1-100“平滑”下拉列表

74 (多边形模式):激活该按钮,可以绘制多边形区域作为选择对象。单击设定多边形选择区域起始点,然后将鼠标指针放在第一条线要结束的地方单击。 同理,继续设定其他线段的结束点。 如果要闭合选择区域,双击即可。

75 利用文本工具输入文本 Flash CS5提供了3种文本类型。第1种文本类型是静态文本,主要用于制作文档中的标题、标签或其他文本内容;第2种文本类型是动态文本,主要用于显示根据用户指定条件而变化的文本,例如,可以使用动态文本字段来添加存储在其他文本字段中的值(如两个数字的和);第3种文本类型是输入文本,通过它可以实现用户与Flash应用程序间的交互,例如,在表单中输入用户的姓名或者其他信息。 选择工具箱中的 (文本工具),在属性面板中就会显示出图1-101所示的参数设置选项。在其中可以对文本的字体、字号大小、颜色、字母间距等属性进行设置。

76 1.创建不断加宽的文本块 用户可以定义文本块的大小,也可以使用加宽的文字块以适合所书写的文本。 创建不断加宽的文本块的方法如下:
1)选择工具箱中的 (文本工具),然后在文本属性面板中设置参数,如图1-102所示。 2)确保未在工作区中选定任何时间帧或对象的情况下,在工作区中的空白区域单击,然后输入文字“

77 2.创建宽度固定的文本块 除了能创建一行在键入时不断加宽的文本以外,用户还可以创建宽度固定的文本块。向宽度固定的文本块中输入的文本在块的边缘会自动换到下一行。 创建宽度固定的文本块的方法如下: 1)选择工具箱中的 (文本工具),然后在文本属性面板中设置参数,如图1-102所示。 2)在工作区中拖动鼠标来确定固定宽度的文本块区域,然后键入文字“ 提示:可以通过拖动文本块的方形控制块来更改它的宽度。另外,可通过双击方形控制块来将它转换为圆形扩展控制块。

78 3.创建输入文本字段 使用输入文本字段可以使用户有机会与 Flash 应用程序进行交互。例如,使用输入文本字段,可以方便地创建表单。
1)选择工具箱中的 (文本工具),然后在文本属性面板中设置参数,如图1-105所示。 提示:激活 (在文本周围显示边框)按钮,可用可见边框标明文本字段的边界。 2)在工作区中单击,即可创建输入文本,如图1-106所示。

79

80 4.创建动态文本字段 在运行时,动态文本可以显示外部来源中的文本。下面将创建一个链接到外部文本文件的动态文本字段。假设要使用的外部文本文件的名称是 chinadv.com.cn.txt。具体创建方法如下: 1)选择工具箱中的 (文本工具),然后在文本属性面板中设置参数,如图1-107所示。

81 2)在工作区两条水平隔线之间的区域中拖动,以创建文本字段,如图1-108所示。
3)在“属性”面板的“实例名称”文本框中,将该动态文本字段命名为“chinadv.com.cn”,如图1-109所示。 图 创建文本字段 图 输入实例名

82 5.创建分离文本 创建分离文本的方法如下: 1)选择工具箱中的 (选择工具),然后单击工作区中的文本块。
1)选择工具箱中的 (选择工具),然后单击工作区中的文本块。 2)执行菜单中的“修改|分离”命令。选定文本中的每个字符会被放置在一个单独的文本块中。文本依然在舞台的同一位置上,如图1-110所示。 3)再次执行菜单中的“修改|分离”(快捷键〈Ctrl+B〉)命令,从而将舞台上的字符转换为形状。 提示:分离命令只适用于轮廓字体,如 TrueType 字体。当分离位图字体时,它们会从屏幕上消失。


Download ppt "第1章 Flash CS5基础知识 本章重点: Flash CS5是一款优秀的二维动画制作软件,在学习之前,应掌握其界面的基本布局和基本文档操作。而矢量图形是Flash动画的基本元素之一,Flash提供了多种工具来绘制和编辑矢量图形作为动画中的元素。通过本章学习应掌握以下内容: 位图与矢量图的关系 Flash."

Similar presentations


Ads by Google