FlashCS6的基础知识.ppt

上传人:牧羊曲112 文档编号:5430955 上传时间:2023-07-06 格式:PPT 页数:199 大小:7.53MB
返回 下载 相关 举报
FlashCS6的基础知识.ppt_第1页
第1页 / 共199页
FlashCS6的基础知识.ppt_第2页
第2页 / 共199页
FlashCS6的基础知识.ppt_第3页
第3页 / 共199页
FlashCS6的基础知识.ppt_第4页
第4页 / 共199页
FlashCS6的基础知识.ppt_第5页
第5页 / 共199页
点击查看更多>>
资源描述

《FlashCS6的基础知识.ppt》由会员分享,可在线阅读,更多相关《FlashCS6的基础知识.ppt(199页珍藏版)》请在三一办公上搜索。

1、Flash CS6 的基础知识,通过学习,应掌握Flash CS6 的基本概念、工具箱中各种工具的使用,以及动画制作方面的基础知识。,重点:,启动Flash CS6,首先显示出图2-1 所示的启动界面。,2.1 Flash CS6 的界面构成,图2-1 启动界面,启动界面中部的主体部分列出了一些常用的任务。其中,左边栏是打开最近用过的项目,中间栏是创建各种类型的新项目,右边栏是从模板创建各种动画文件。下面打开一个动画文件。方法:单击左边栏中的 按钮,在弹出的“打开”对话框中选择配套光盘中的“素材及结果4.1 光影文字 光影文字.fla”文件,如图2-2 所示,单击“打开”按钮,即可进入该文件的

2、工作界面,如图2-3 所示。Flash CS6 工作界面主要可以分为动画文件选项卡、工具箱、时间轴、舞台、面板组和面板几部分,下面进行具体讲解。,图2-2 选择要打开的文件,图2-3 打开“光影文字.fla”文件,在这里显示了当前打开的文件名称。如果此时打开了多个文件,可以通过单击相应的文件名称来实现文件之间的切换。,1.动画文件选项卡,工具箱中包含了多种常用的绘制图形的工具和辅助工具,它们的具体使用方法参见1.2 节。,2.工具箱,时间轴用于组织和控制一定时间内的图层和帧中的文档内容。时间轴左边为图层,右边为帧,动画从左向右逐帧进行播放。,3.时间轴,舞台又称为工作区域,是Flash 工作界

3、面中最广阔的区域。在这里可以摆放一些图片、文字、按钮和动画等。,4.舞台,面板组位于工作界面右侧,包括多个面板缩略图。单击相关面板缩略图按钮,可以完整的显示出相关的面板。,5.面板组,在面板组中单击相关缩略图按钮,即可显示出相关面板。利用这些面板,可以为动画添加非常丰富的特殊效果。单击面板顶端的 小图标,可以将面板缩小为图标。在这种情况下。这样,可以使软件界面极大简化,同时保持必备工具可以访问。,6.面板,计算机以矢量图形或位图格式显示图形,了解这两种格式的差别有助于用户更有效地工作。使用 Flash 可以创建压缩矢量图形并将它们制作为动画,也可以导入和处理在其他应用程序中创建的矢量图形和位图

4、图像。在编辑矢量图形时,用户可以修改描述图形形状的线条和曲线属性,也可以对矢量图形进行移动、调整大小、重定形状及更改颜色的操作,而不更改其外观品质。在Flash 中绘图时,创建的是矢量图形,它是由数学公式所定义的直线和曲线组成的。矢量图形是与分辨率无关的,因此,用户可以将图形重新调整到任意大小,或以任何分辨率显示它,而不会影响其清晰度。另外,与下载类似的位图图像相比,下载矢量图形的速度比较快。,2.2.1 Flash 的图形,2.2 图形制作,图形编辑是Flash 重要的功能之一,了解了一些基本的绘图方法之后,就可以从绘图工具栏里选择不同的工具以及它们的修饰功能键来创建、选择、分割图形等。当选

5、择了不同的工具时,图形工具栏外观会跟着发生一些变化,且修饰功能键以及下拉菜单将出现在工具栏的下半部分。修饰功能键大大扩展了此工具的使用功能,加强了此工具的实用性和灵活性。一般情况下,在第一次接触到某工具时,只要能大概知道它的作用就可以了,至于具体应用,则需要通过一个个实实在在的例子去慢慢体会和理解。在本章中,将对Flash 提供的图形处理工具进行一些简单的讲解,另外,列举一些基本的图形绘制实例。通过对本章的学习,相信大家对Flash 的图形制作不会再感到陌生了。,在讲解铅笔工具之前先来熟悉一下工具箱。Flash CS6 的工具箱如图2-4 所示。,2.2.2 铅笔工具和线条工具,图2-4 Fl

6、ash CS6 工具箱中的工具,(铅笔工具)用于在场景中指定帧上绘制线和形状,它的效果就好像用真的铅笔画画一样。帧是Flash 动画创作中的基本单元,也是所有动画及视频的基本单元,将在后面的章节中介绍。Flash CS6 中的铅笔工具有属于自己的特点,例如,可以在绘图的过程中拉直线条或者平滑曲线,还可以识别或者纠正基本几何形状。另外,还可以使用铅笔工具的修正功能来创建特殊形状,也可以手工修改线条和形状。选择工具箱中的(铅笔工具)的时候,在工具栏下部的选项部分中将显示(对象绘制)按钮,用于绘制互不干扰的多个图形,单击右侧 下的小三角形,会出现如图2-5 所示的选项,1.铅笔工具,图2-5 下拉选

7、项,图2-6 铅笔属性面板,这3 个选项分别对应铅笔工具的3 个绘图模式。选择(直线化)时,系统会将独立的线条自动连接,将接近直线的线 条自动拉直,对摇摆的曲线实施直线式的处理。选择(平滑)时,将缩小Flash 自动进行处理的范围。在平滑选项模式 下,线条拉直和形状识别功能将都被禁止。在绘制曲线后,系统可以进 行轻微的平滑处理,且使端点接近的线条彼此可以连接。选择(墨水)选项时,将关闭Flash 自动处理功能,即画的是什么样,就是什么样,不做任何平滑、拉直或连接处理。选择(铅笔工具)的同时,在“属性”面板中也会出现如图2-6 所示的选项,包括笔触颜色、笔触粗细、样式、缩放、端点类型和接合类型等

8、。,单击 颜色框,会弹出Flash 自带的Web 颜色系统,如图2-7 所示,从中可以定义所需的笔触颜色;拖动“笔触”右侧的滑块,可以自由设定线条的宽度;单击“样式”右侧的下拉列表框,用户可以从弹出的下拉选单中选择自己所需要的线条样式,如图2-8 所示;单击(编辑笔触样式)按钮,可以在弹出的“笔触样式”对话框中设置所需的线条样式。,图2-7 Web 颜色系统,图2-8 线条样式,在“笔触样式”对话框中共有“实线”、“虚线”、“点状线”、“锯齿状线”、“点刻线”和“斑马线”6 种线条类型。实线:最适合于在Web 上使用的线型。此线型可以通过“粗细”和“锐化转角”两项来设定,如图2-9 所示。虚线

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

10、,图2-11 点状线,图2-12 锯齿状线,点刻线:绘制的直线可用来模拟艺术家手刻的效果。点刻的品质可通过点大小、点变化和密度来调整,如图2-13 所示。在“点大小”选项中有“很小”、“小”、“中等”、“大”4 个选项可供选择;在“点变化”选项中有“同一大小”、“微小变化”、“不同大小”、“随机大小”4 个选项可供选择;在“密度”选项中有“非常密集”、“密集”、“稀疏”、“非常稀疏”4 个选项可供选择。,图2-13 点刻线,斑马线:绘制复杂的阴影线,可以精确模拟艺术家手绘的阴影线,产生无数种阴影效果,这可能是Flash 绘图工具中复杂性最高的操作,如图2-14所示。它的参数有:粗细、间隔、微动

11、、旋转、曲线和长度。其中,“粗细”选项中有“极细”、“细”、“中等”、“粗”4 个选项可供选择;“间隔”选项中有“非常近”、“近”、“远”、“非常远”4 个选项可供选择;“微动”选项中有“无”、“弹性”、“松散”、“强烈”4 个选项可供选择;“旋转”选项中有“无”、“轻微”、“中等”、“自由”4 个选项可供选择;“曲线”选项中有“直线”、“轻微弯曲”、“中等弯曲”、“强烈弯曲”4 个选项可供选择;“长度”选项中有“相等”、“轻微变化”、“中等变化”、“随机”4 个选项可供选择。,图2-14 斑马线,“端点”和“接合”选项用于设置线条的线段两端和拐角的类型,如图2-15 所示。端点类型包括“无”

12、、“圆角”和“方形”3 种,效果分别如图2-16 所示。用户可以在绘制线条之前设置好线条属性,也可以在绘制完成后重新修改线条的属性。,图2-15 端点和接合位置说明,图2-16 端点类型,a)选择“无”b)选择“圆角”c)选择“方型”,接合指的是在线段的转折处也就是拐角的地方,线段以何种方式呈现拐角形状。有“尖角”、“圆角”和“斜角”3 方式可供选择,效果如图2-17 所示。当选择接合为“尖角”的时候,右侧的尖角限制文本框会变为可用状态,如图2-18 所示。在这里可以指定尖角限制数值的大小,数值越大,尖角就越趋于尖锐,数值越小,尖角会被逐渐削平。,图2-17 接合类型,图2-18 尖角选项,使

13、用Flash 中的(线条工具)可以绘制从起点到终点的直线。其选项与(铅笔工具)的选项基本一致,这里就不再重复。,2.线条工具,a)选择“尖角”b)选择“圆角”c)选择“斜角”,在Flash CS6 中包括(椭圆工具)、(矩形工具)、(多角星形工具)、(基本矩形工具)和(基本椭圆工具)5 种图形工具。在默认情况下,Flash 工具箱中只显示(矩形工具),如果要选择其他图形工具,可以在工具箱中按住(矩形工具)不放,在弹出的隐藏工具面板中选择相关的图形工具,如图2-19 所示。,2.2.3 图形工具,图2-19 选择相关的工具,(椭圆工具)和(矩形工具)分别用于绘制矩形图形和椭圆图形,其快捷键分别是

14、R和O。(1)使用矩形工具及其属性设置 使用(矩形工具)可以绘制出矩形或圆角矩形图形。绘制的方法为:在工具箱中选择(矩形工具),然后在舞台中单击并拖曳鼠标,随着鼠标拖曳即可绘制出矩形图形。绘制的矩形图形由外部笔触线段和内部填充颜色所构成,如图2-20 所示。,1.椭圆工具和矩形工具,图2-20 绘制的矩形图形,提示:使用(矩形工具)绘制矩形时,如果按住键盘上的Shift键的同时进行绘制,可以绘制正方形;如果在按住Alt键的同时进行绘制,可以从中心向周围绘制矩形;如果在按住Alt+Shift组合 键的同时进行绘制,可以从中心向周围绘制正方形。,选择工具箱中的(矩形工具)后,在属性面板中将出现(矩

15、形工具)的相关属性设置,如图2-21 所示。,图2-21 矩形的“属性”面板,在“属性”面板中可以设置矩形的外部笔触线段属性、填充颜色属性以及矩形选项的相关属性。其中,外部笔触线段的属性与(铅笔工具)的属性设置相同,属性面板中的“矩形选项”用于设置矩形4 个边角半径的角度值。1)矩形边角半径:用于指定矩形的边角半径,可以在每个文本框中输入矩形边角半径的参数值。2)(锁定)与(解锁):如果当前显示为(锁定)状态,那么只设置一个边角半径的参数,则所有边角半径的参数都会随之进行调整,同时也可以通过移动右侧滑块的位置统一调整矩形边角半径的参数值,如图2-22 所示;如果单击(锁定),将取消锁定,此时显

16、示为(解锁)状态,不能再通过拖动右侧滑块来调整矩形边角半径的参数,但是还可以对矩形的4 个边角半径的参数值分别进行设置,如图2-23 所示。,图2-22 同时调整矩形边角半径的参数值后的效果,3)重置:单击 按钮,则矩形边角半径的参数值都将重置为0,此时,绘制矩形的各个边角都将为直角。,图2-23 分别调整矩形边角半径的参数值后的效果,(2)使用椭圆工具及其属性设置(椭圆工具)用于绘制椭圆图形,其使用方法与(矩形工具)基本类似,这里就不再赘述。在工具箱中选择(椭圆工具)后,在属性面板中将出现椭圆工具的相关属性设置,如图2-24 所示。1)“开始角度”与“结束角度”:用于设置椭圆图形的起始角度与

17、结束角度值。如果这两个参数均为0,则绘制的图形为椭圆或圆形。调整这两项属性的参数值,可以轻松地绘制出扇形、半圆形及其他具有创意的形状。图2-25 所示为“开始角度”与“结束角度”参数变化时的图形效果。,图2-24 椭圆工具的“属性”面板,图2-25“开始角度”与“结束角度”参数变化时的图形效果,2)内径:用于设置椭圆的内径,其参数值范围为0 99。如果参数值为0 时,则可根据“开始角度”与“结束角度”绘制没有内径的椭圆或扇形图形;如果参数值为其他参数,则可绘制有内径的椭圆或扇形图形。图2-26 所示为“内径”参数变化时的图形效果。,图2-26“内径”参数变化时的图形效果,a)“内径”为0.00

18、 b)“内径”为50.00,3)闭合路径:用于确定椭圆的路径是否闭合。如果绘制的图形为一条开放路径,则生成的图形不会填充颜色,而仅绘制笔触。默认情况下选择“闭合路径”选项。4)重置:单击 按钮,(椭圆工具)的“开始角度”、“结束角度”和“内径”参数将全部重置为0。,(基本矩形工具)、(基本椭圆工具)与(矩形工具)、(椭圆工具)类似,同样用于绘制矩形或椭圆图形。不同之处在于使用(矩形工具)、(椭圆工具)绘制的矩形与椭圆图形不能再通过属性面板设置矩形边角半径和椭圆圆形的开始角度、结束角度、内径等属性,使用(基本矩形工具)、(基本椭圆工具)绘制的矩形与椭圆图形则可以继续通过属性面板随时进行属性设置。

19、,2.基本矩形工具和基本椭圆工具,图2-27 单击“选项”按钮,图2-28“工具设置”对话框,(多角星形工具)用于绘制星形或者多边形。当选择(多角星形工具)后,在属性面板中单击 按钮,如图2-27 所示,可以在弹出的如图2-28 所示的“工具设置”对话框中进行相关选项的设置。,3.多角星形工具,1)样式:用于设置绘制图形的样式,有多边形和星形两种类型可供选择。图2-29 所示为选择不同样式类型的效果。,图2-29 选择不同样式类型的效果,2)边数:用于设置绘制的多边形或星形的边数。3)星形顶点大小:用于设置星形顶角的锐化程度,数值越大,星形顶角越圆滑;反之,星形顶角越尖锐。,a)选择“多边形”

20、b)选择“星形”,利用(刷子工具)可以绘制类似毛笔绘图的效果,应用于绘制对象或者内部填充,其使用方法与(铅笔工具)类似。但是使用(铅笔工具)绘制的图形是笔触线段,而使用(刷子工具)绘制的图形是填充颜色。在工具箱中选择(刷子工具)后,在工具箱下方的“选项区域”中将出现(刷子工具)的相关选项设置,如图2-30 所示。,2.2.4 刷子工具,图2-30 刷子工具的相关选项,对象绘制:以对象模式绘制互不干扰的多个图形。锁定填充:用于设置填充的渐变颜色是独立应用还是连续应用。刷子模式:用于设置刷子工具的各种模式。刷子大小:用于设置刷子工具的笔刷大小。刷子形状:用于设置刷子工具的形状。,图2-31 刷子模

21、式,刷子模式用于设置利用(刷子工具)绘制图形时的填充模式。单击该按钮,可以弹出如图2-31 所示的5 种刷子模式。,1.使用刷子模式,(标准绘画):使用该模式时,绘制的图形可对同一图层的笔 触线 段和填充颜色进行填充。(颜料填充):使用该模式时,绘制的图形只填充同一图层的填充 颜色,而不影响笔触线段。(后面绘画):使用该模式时,绘制的图形只填充舞台中的空白区 域,而对同一图层的笔触线段和填充颜色不进行填充。(颜料选择):使用该模式时,绘制的图形只填充同一图层中被选 择的填充颜色区域。(内部绘画):使用该模式时,绘制的图形只对刷子工具开始时所 在的填充颜色区域进行填充,而不对笔触线段进行填充。如

22、果在舞台 空白区域中开始填充,则不会影响任何现有填充区域。,图2-32 所示为使用不同刷子模式绘制的效果比较。,图2-32 使用不同刷子模式绘制的效果比较,选择(刷子工具)后,可以在属性面板中设置(刷子工具)的相关属性。对于(刷子工具),除了可以设置常规的填充和笔触属性外,还有一个“平滑”的属性,如图2-33 所示。该属性用于设置绘制图形的平滑模式,此参数值越大,绘制的图形越平滑。图2-34 所示为设置不同“平滑”值的效果比较。,2.刷子工具的属性设置,图2-33 刷子工具的平滑属性,图2-34 设置不同平滑值的效果比较,a)“平滑”为80 b)“平滑”为0,利用(墨水瓶工具)可以改变现有直线

23、的颜色、线型和宽度。该工具通常与(滴管工具)配合使用。(墨水瓶工具)和(颜料桶工具)位于工具箱中的同一位置,默认情况下显示为(颜料桶工具),如果要使用(墨水瓶工具),可以按住(颜料桶工具)不放,从弹出的面板中选择(墨水瓶工具),如图2-35 所示。当选择(墨水瓶工具)后,“属性”面板中会显示出(墨水瓶工具)的相关属性,如图2-36 所示。,2.2.5 墨水瓶工具,图2-35 选择墨水瓶工具,图2-36 墨水瓶工具的“属性”面板,下面通过一个小例子来讲解墨水瓶的基本使用。实例:选择工具箱中的(矩形工具),设置它的笔触颜色为黑色(#000000),笔触大小为2,填充色为灰色,然后在工作区中绘制一个

24、矩形,如图2-37 所示。接着选择工具箱中的(墨水瓶工具),设置它的笔触颜色为深灰色(#999999),在工作区中矩形的边缘上单击,即可看到矩形的黑色边框变成了深灰色,如图2-38 所示。,图2-37 笔触高度为2 的矩形,图2-38 修改笔触颜色,利用(颜料桶工具)可以对封闭的区域、未封闭的区域及闭合形状轮廓中的空隙进行颜色填充。填充的颜色可以是纯色也可以是渐变色。在工具箱中选择(颜料桶工具)后,在工具箱下方的“选项区域”中将出现(颜料桶工具)的相关选项设置,如图2-39 所示。单击(空隙大小)按钮,可以弹出如图2-40 所示的4 种空隙选项。,2.2.6 颜料桶工具,图2-39 颜料桶工具

25、选项,图2-40 空隙选项,不封闭空隙:用于在没有空隙的条件下才能进行颜色填充。封闭小空隙:用于在空隙比较小的条件下才可以进行颜色填充。封闭中等空隙:用于在空隙比较大的条件下也可以进行颜色填充。封闭大空隙:用于在空隙很大的条件下进行颜色填充。如果激活(锁定填充)按钮,则可以对图形填充的渐变颜色或位图进行锁定,使填充看起来好像填充至整个舞台一样。,(滴管工具)用于从现有的钢笔线条、画笔描边或者填充上取得(或者复制)颜色和风格信息,该工具没有任何参数。当滴管工具不是在直线、填充或者画笔描边的上方时,其光标显示为,类似于工具箱中的滴管工具图标;当滴管工具位于直线上方时,其光标显示为,即在标准滴管工具

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

27、么组的属性不能用这种方式获取。如果被单击对象是直线,(滴管工具)将自动更换为墨水瓶工具的设置,以便于将所取得的属性应用到别的直线上。与此类似,如果单击的是填充,滴管工具将自动更换为油漆桶工具的属性,以便于将所取得的填充属性应用到其他的填充上。当滴管用于获取通过位图填充的区域的属性时,滴管工具将自动更换为(颜料桶工具)的光标显示,且位图图片的缩略图将显示在填充颜色修正的当前色块中。,要绘制精确的路径,如直线或者平滑流畅的曲线,用户可以使用(钢笔工具)。首先创建直线或曲线段,然后调整直线段的角度和长度,以及曲线段的斜率。当使用(钢笔工具)绘画时,进行单击可以在直线段上创建点,进行单击并拖动可以在曲

28、线段上创建点。用户可以通过调整线条上的点来调整直线段和曲线段,可以将曲线转换为直线,反之亦可。使用其他 Flash 绘画工具,如(铅笔工具)、(刷子工具)、(线条工具)、(椭圆工具)或(矩形工具)在线条上创建点,也可以调整这些线条。用户可以指定钢笔工具指针外观的首选参数,用于在画线段时进行预览,或者查看选定锚点的外观。,2.2.8 钢笔工具,图2-41 单击“绘画”选项,选择工具箱中的(钢笔工具),执行菜单中的“编辑首选参数”命令,然后在弹出的“首选参数”对话框中单击“绘画”选项,如图2-41 所示。,1.设置钢笔工具首选参数,在工作区周围移动指针时,Flash 会显示线段预览。如果未选择该复

29、选框,则在创建线段终点之前,Flash 不会显示该线段。显示实心点:选中该复选框,将选定的锚点显示为空心点,并将取消选 定的锚点显示为实心点。如果未选择该复选框,则选定的锚点为实心点,而取消选定的锚点为空心点。显示精确光标:选中该复选框,钢笔工具指针将以十字准线指针的形式 出现,而不是以默认的钢笔工具图标的形式出现,这样可以提高线条的 定位精度。取消选择该复选框,会显示默认的钢笔工具图标。,提示:工作时按下Caps Lock键可在十字准线指针和默认的钢笔工具图标之间进行切换。,使用钢笔工具绘制直线路径的方法如下:1)选择工具箱中的(钢笔工具),然后在“属性”面板中选择笔触和填充属性。2)将指针

30、定位在工作区中直线想要开始的地方,然后进行单击以定义第一个锚点。3)在用户想要直线的第一条线段结束的位置再次进行单击。如果按住Shift键进行单击,可以将线条限制为倾斜45 的倍数。4)继续单击以创建其他直线段,如图2-42 所示。,2.使用钢笔工具绘制直线路径,图2-42 继续单击创建其他直线段,5)要以开放或闭合形状完成此路径,请执行以下操作之一:结束开放路径的绘制。方法:双击最后一个点,然后单击工具栏中的 钢笔工具,或按住Ctrl键(Windows)或Command键(Macintosh)单击路径外的任何地方。封闭开放路径。方法:将钢笔工具放置到第一个锚点上。如果定位准 确,就会在靠近钢

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

32、该线段限制为倾斜45 的倍数,如图2-44 所示。6)要绘制曲线的下一段,可以将指针放置在想要下一线段结束的位置上,然后拖动该曲线即可。,3.使用钢笔工具绘制曲线路径,图2-44 将该线段限制为倾斜45 的倍数,在使用(钢笔工具)绘制曲线时,创建的是曲线点,即连续的弯曲路径上的锚点。在绘制直线段或连接到曲线段的直线时,创建的是转角点,即在直线路径或直线和曲线路径接合处的锚点上。要将线条中的线段由直线段转换为曲线段或者由曲线段转换为直线段,可以将转角点转换为曲线点或者将曲线点转换为转角点。用户可以移动、添加或删除路径上的锚点,可以使用工具箱中的(部分选取工具)来移动锚点从而调整直线段的长度、角度

33、,或曲线段的斜率,也可以通过轻推选定的锚点来进行微调,如图2-45 所示。,4.调整路径上的锚点,图2-45 微调锚点的位置,用户可以调整直线段以更改线段的角度、长度,或者调整曲线段以更改曲线的斜率和方向。移动曲线点上的切线手柄,可以调整该点两边的曲线。移动转角点上的切线手柄,只能调整该点的切线手柄所在的那一边的曲线。,5.调整线段,Flash CS6 提供了3 种文本类型。第1 种文本类型是静态文本,主要用于制作文档中的标题、标签或其他文本内容;第2 种文本类型是动态文本,主要用于显示根据用户指定条件而变化的文本,例如,可以使用动态文本字段添加存储在其他文本字段中的值(比如两个数字的和);第

34、3 种文本类型是输入文本,通过它可以实现用户与Flash 应用程序间的交互,例如,在表单中输入用户的姓名或者其他信息。选择工具箱中的(文本工具),在“属性”面板中就会显示出如图2-46 所示的相关属性设置。用户可以选择文本的下列属性:字体、磅值、样式、颜色、间距、字距调整、基线调整、对齐、页边距、缩进和行距等。,2.2.9 文本工具,图2-46 文本的“属性”面板,用户可以定义文本块的大小,也可以使用加宽的文字块以适合所书写文本。创建不断加宽的文本块的方法如下:1)选择工具箱中的(文本工具),然后在文本“属性”面板中设置参数,如图2-47 所示。,1.创建不断加宽的文本块,图2-47 设置文本

35、属性,图2-48 直接输入文本,2)确保未在工作区中选定任何时间帧或对象的情况下,在工作区中的空白区域单击,然后输入文字“”,此时,在可加宽的静态文本右上角会出现一个圆形控制块,如图2-48 所示。,除了能创建一行在键入时不断加宽的文本以外,用户还可以创建宽度固定的文本块。向宽度固定的文本块中输入的文本在块的边缘会自动换到下一行。创建宽度固定的文本块的方法如下:1)选择工具箱中的(文本工具),然后在文本“属性”面板中设置参数,如上图2-47 所示。2)在工作区中拖动鼠标来确定固定宽度的文本块区域,然后输入文字“www.chinadv.”,此时,在宽度固定的静态文本块右上角会出现一个方形的控制块

36、,如图2-49 所示。,2.创建宽度固定的文本块,提示:可以通过拖动文本块的方形控制块来更改它的宽度。另外,还可通过双击方形控制块将它转换为圆 形扩展控制块。,图2-49 在固定宽度的文本块区域输入文本,使用输入文本字段可以使用户有机会与 Flash 应用程序进行交互。例如,使用输入文本字段,可以方便地创建表单。在后面的章节中,我们将讲解如何使用输入文本字段将数据从 Flash 发送到服务器。下面添加一个可供用户在其中输入名字的文本字段,创建方法如下:1)选择工具箱中的(文本工具),然后在文本“属性”面板中设置参数,如图2-50 所示。,3.创建输入文本字段,提示:激活(在文本周围显示边框)按

37、钮,可用可见边框标明文本字段的边界。,2)在工作区中单击,即可创建输入文本,如图2-51 所示。,图2-50 设置文本属性,图2-51 创建输入文本,在运行时,动态文本可以显示外部来源中的文本。下面创建一个链接到外部文本文件的动态文本字段,假设要使用的外部文本文件的名称是,具体创建方法如下:1)选择工具箱中的(文本工具),然后在文本属性面板中设置参数,如图2-52 所示。,4.创建动态文本字段,图2-52 设置文本属性,2)在工作区两条水平线之间的区域中拖动,以创建动态文本字段,如图2-53 所示。3)在“属性”面板的“实例名称”文本框中,将该动态文本字段命名为“chinadv”,如图2-54

38、 所示。,图2-53 创建动态文本字段,图2-54 输入实例名,图2-55 分离文本,创建分离文本的方法如下:1)选择工具箱中的(选择工具),然后单击工作区中的文本块。2)执行菜单中的“修改分离”命令,则选定文本中的每个字符会被放置在一个单独的文本块中,且文本依然在舞台的同一位置上,如图2-55 所示。,5.创建分离文本,3)再次执行菜单中的“修改分离”(快捷键Ctrl+B)命令,从而将舞台上的字符转换为形状。,提示:分离命令只适用于轮廓字体,如 TrueType 字体。当分离位图字体时,它们会从屏幕上消失。,尽管(橡皮擦工具)严格来说既不是绘图工具也不是着色工具,但是橡皮擦工具作为绘图和着色

39、工具的主要辅助工具,在整个Flash 绘图中起着不可或缺的作用,所以,把它放在图形制作一节中给大家讲解。使用(橡皮擦工具)可以快速擦除笔触段或填充区域等工作区中的任何内容。用户可以自定义橡皮擦工具,以便于只擦除笔触、只擦除数个填充区域或单个填充区域。选择(橡皮擦工具)后,在工具箱的下方会出现如图2-56 所示的参数选项。在橡皮擦形状选项中共有圆、方2 种类型,从细到粗共10 种形状,如图2-57 所示。,2.2.10 橡皮擦工具,图2-56 橡皮擦工具选项,图2-57 橡皮擦形状,图2-58 橡皮擦模式,橡皮擦模式控制并限制了橡皮擦工具进行擦除时的行为方式。在橡皮擦模式选项中共有5 种模式:标

40、准擦除、擦除填色、擦除线条、擦除所选填充和内部擦除,如图2-58 所示。,1.橡皮擦模式,标准擦除:这时橡皮擦工具就像普通的橡皮擦一样,将 擦除所经过的所有线条和填充,只要这些线条或者填充 位于当前图层中即可。,标准擦除:这时橡皮擦工具就像普通的橡皮擦一样,将擦除所经过的所 有线条和填充,只要这些线条或者填充位于当前图层中即可。擦除填色:这时橡皮擦工具只擦除填充色,而保留线条。擦除线条:与擦除填色模式相反,这时橡皮擦工具只擦除线条,而保留 填充色。擦除所选填充:这时橡皮擦工具只擦除当前选中的填充色,保留未被选 中的填充以及所有的线条。内部擦除:只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除

41、,则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。,水龙头功能键主要用于删除笔触段或填充区域。,2.水龙头,使用工具箱中的(Deco 工具)可以将创建的图形形状转变为复杂的几个图案,还可以将库中创建的影片剪辑或图形元件填充到应用的图形中,从而创建类似万花筒的效果。,2.2.11 Deco 工具,选择工具箱中的(Deco 工具)后,将光标放置到需要填充的图形处,单击鼠标,即可为其填充图案。整个流程如图2-59 所示。,1.使用Deco 工具填充图形,图2-59 使用Deco 工具填充图形,选择(Deco工具)后,在“属性”面板中将出现其相关属性设置,其中,绘制效果包括“藤蔓式填充”、“网格

42、填充”、“对称刷子”、“3D 刷子”、“建筑物刷子”、“装饰性刷子”、“火焰动画”、“火焰刷子”、“花刷子”、“闪电刷子”、“粒子系统”、“烟动画”和“树刷子”13 种,如图2-60 所示。图2-61 为选择不同绘制效果的效果比较。,2.Deco 工具的属性设置,图2-60“绘制效果”的下拉列表,a),b),c),d),图2-61 选择不同绘制效果的效果比较,a)藤蔓式填充 b)网格填充 c)对称刷子 d)3D 刷子 e)建筑物刷子 f)装饰性刷子 g)火焰动画 h)火焰刷子 i)花刷子 j)闪电刷子 k)粒子系统 l)烟动画 m)树刷子,(喷涂刷工具)的作用类似于粒子喷射器,使用它可以将粒子

43、点形状图案填充到舞台中。在默认情况下,(喷涂刷工具)会使用圆形小点作为喷涂图案,当然,也可以将影片剪辑或图形元件作为喷涂图案进行图形填充。,2.2.12 喷涂刷工具,图2-62 选择喷涂刷工具,默认情况下,(喷涂刷工具)不在工具箱中进行显示。如果需要使用该工具,可以在工具箱中按住(刷子工具)不放,在弹出的隐藏工具面板中选择该工具,如图2-62 所示。使用(喷涂刷工具)的具体操作步骤如下:1)选择工具箱中的(喷涂刷工具)。2)在“属性”面板中选择喷涂点的填充颜色,或者单击 按钮,如图2-63 所示,从弹出的“交换元件”对话框中选择自定义元件,如图2-64 所示,从而将库中的任何影片剪辑或图形元件

44、作为喷涂点使用。,1.使用喷涂刷工具,图2-64 选择所谓喷涂点的元件,图2-63 单击“编辑”按钮,图2-65 喷涂后的效果,3)在舞台中要显示图案的位置单击或者拖曳鼠标左键,即可为图案填充喷涂点,如图2-65 所示。,提示:在Flash CS6 中可以直接使用复制和粘贴的方式,将Illustrator 中的符号转换为Flash 中的元件。,在工具箱中选择(喷涂刷工具)后,“属性”面板中将出现(喷涂刷工具)的相关属性,如图2-66 所示。,2.喷涂工具属性设置,图2-66 显示元件名称,编辑:单击该按钮,可以在弹出的“交换元件”对话框中选择影片剪辑 或图形元件作为喷涂刷粒子。在选择相应的元件

45、后,其名称将显示在 按钮的左侧。颜色选取器:用于选择喷涂刷的填充颜色。如果选择库中的元件作为喷 涂粒子时,将禁用颜色选取器。缩放:用于设置作为喷涂粒子的元件的宽度。例如,输入值为10%,则将使元件宽度缩小10%;输入值为200%,则将使元件宽度增大200%。随机缩放:用于设定填充的喷涂粒子按随机缩放比例进行喷涂。“宽度”与“高度”:用于设置喷涂刷填充图案时的宽度与高度。画笔角度:用于设置喷涂刷填充图案的旋转角度。,在早期的Flash 版本中不能进行3D 图形与动画的操作,需要借助第3 方软件才能完成。但是,Flash CS6 增加了令人兴奋的3D 功能,允许用户使用(3D 旋转工具)和(3D

46、平移工具)使2D 对象沿着X、Y、Z 轴进行三维旋转和移动。通过组合这些3D 工具,用户可以创建出逼真的三维透视效果。,2.2.13 3D 旋转工具和3D 平移工具,图2-67 利用3D 旋转工具选择对象,使用(3D 旋转工具)可以在3D 空间中旋转影片剪辑元件。当使用(3D 旋转工具)选择影片剪辑实例对象后,在影片剪辑元件上将出现3D 旋转空间,其中,红色的线表示绕X 轴旋转、绿色的线表示绕Y 轴旋转、蓝色的线表示绕Z 轴旋转、橙色的线表示同时绕X 和Y 轴旋转,如图2-67 所示。如果需要旋转影片剪辑,只需将鼠标放置到需要旋转的轴线上,然后拖曳鼠标即可,此时,随着鼠标的移动,对象也会随之移

47、动。,1.3D 旋转工具,提示:Flash CS6 中的3D 工具只能对ActionScript 3.0 下创建的影片剪辑对象进行操作,因此,要对对象进 行3D 旋转操作,必须确认当前创建的是Flash(ActionScript 3.0)文件,而且要进行3D 旋转的对象 为影片剪辑元件。,图2-68 选中“全局转换”按钮前后的比较,(1)使用3D 旋转工具旋转对象 在工具箱中选择(3D旋转工具)后,工具箱下方的“选项区域”将出现(贴紧至对象)和(全局转换)两个选项按钮。其中,(全局转换)按钮默认为选中状态,表示当前状态为全局状态,在全局状态下旋转对象是相对于舞台进行旋转。如果取消(全局转换)按

48、钮的选中状态,表示当前状态为局部状态,在局部状态下旋转对象是相对于影片剪辑本身进行旋转。图2-68 所示为选中(全局转换)按钮前后的比较。,图2-69 沿着X 轴方向进行旋转,当使用(3D 旋转工具)选择影片剪辑元件后,将光标放置到X 轴线上时,光标变为,此时拖曳鼠标则影片剪辑元件会沿着X 轴方向进行旋转,如图2-69 所示;将光标放置到Y 轴线上时,光标变为,此时拖曳鼠标则影片剪辑元件会沿着Y 轴方向进行旋转,如图2-70 所示;将光标放置到Z 轴线上时,光标变为,此时拖曳鼠标则影片剪辑元件会沿着Z 轴方向进行旋转,如图2-71 所示。,图2-70 沿着Y 轴方向进行旋转,图2-71 沿着Z

49、 轴方向进行旋转,图2-73 使用“变形”面板进行3D 旋转,(2)使用变形面板进行3D 旋转 在Flash CS6 中可以使用(3D 旋转工具)对影片剪辑元件进行任意的3D 旋转,但是,如果需要精确地控制影片剪辑元件的3D 旋转,则需要使用“变形”面板进行控制。当在舞台中选择影片剪辑元件后,在“变形”面板中将出现3D 旋转与3D 中心点位置的相关选项,如图2-72 所示。3D 旋转:在3D 旋转选项中可以通过设置X、Y、Z 参数来改变影片剪辑元件各个旋转轴的方向,如图2-73 所示。,图2-72“变形”面板,3D 中心点:用于设置影片剪辑元件的3D 旋转中心点的位置,可以通过设置X、Y、Z

50、参数来改变其位置,如图2-74 所示。,图2-74 使用“变形”面板移动3D 中心点,图2-75 3D 旋转工具的属性设置,(3)3D 旋转工具的属性设置 选择(3D 旋转工具)后,在属性面板中将出现(3D 旋转工具)的相关属性,用于设置影片剪辑的3D 位置、透视角度和消失点等,如图2-75 所示。,3D 定位和查看:用于设置影片剪辑元件相对于舞台的3D 位置,可以 通过设置X、Y、Z 参数来改变影片剪辑实例在X、Y、Z 轴方向上的 坐标值。透视角度:用于设置3D 影片剪辑元件在舞台中的外观视角,参数范围 从1 180,增大或减小透视角度将影响3D 影片剪辑的外观尺寸 及其相对于舞台边缘的位置

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 生活休闲 > 在线阅读


备案号:宁ICP备20000045号-2

经营许可证:宁B2-20210002

宁公网安备 64010402000987号