1、Flash 简明教程第1章 从零起步 了解Flash动画Flash动画创作流程初识Flash 8文件基本操作舞台的设置操作的撤销和恢复Flash动画的一些重要概念1.1 了解Flash动画1.1.1 Flash动画的应用领域 目前,Flash被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏设计、企业介绍、产品展示和电子相册等领域。使用Flash制作的网站欢迎页 网页广告 网络动画 多媒体教学课件 Flash游戏 1.1.2 Flash动画的特点从动画组成来看:从动画组成来看:Flash动画主要由矢量图形组成。从动画发布来看:从动画发布来看:在导出Flash动画的过程中,程序会压缩
2、、优化动画组成元素。从动画播放来看:从动画播放来看:发布后的.swf动画影片具有“流”媒体的特点。从交互性来看:从交互性来看:可以通过为Flash动画添加动作脚本使其具有交互性。从制作手法来看:从制作手法来看:Flash动画的制作比较简单。从制作成本来看:从制作成本来看:用Flash软件制作动画可以大幅度降低制作成本。1.1.3 Flash动画的图形组成元素 图像一般被分为两类:即位图和矢量图。它们最大的区别是位图被放大到一定比例后会变模糊,而矢量图放大任意比例依然清晰。Flash动画主要由矢量图形组成,也可以包含少量的位图。在Flash中绘制的图形属于矢量图形,矢量图形记录的是图形的几何形状
3、、线条粗细和色彩等。由填充和轮廓线组成 由轮廓线组成 由填充组成 在Flash中绘制的矢量图形由图形轮廓线和填充两部分组成,也可以只有轮廓线没有填充,或只有填充而没有轮廓线。1.1.4 Flash动画的创作流程1前期策划 在着手制作动画前,我们应首先明确制作动画的目的以及要达到的效果。然后确定剧情和角色,有条件的话可以请别人编写剧本。准备好这些后,还要根据剧情确定创作风格。2准备素材 做好前期策划后,便可以开始根据策划的内容绘制角色造型、背景以及要使用的道具。当然,也可以从网上搜集动画中要用到的素材,比如声音素材、图像素材和视频素材等。3制作动画 一切准备就绪就可以开始制作动画了。这主要包括为
4、角色造型添加动作、角色与背景的合成、声音与动画的同步等。4后期调试 后期调试包括调试动画和测试动画两方面。调试动画主要是对动画的各个细节,例如动画片断的衔接、场景的切换、声音与动画的协调等进行调整,使整个动画显得流畅、和谐。测试动画是对动画的最终播放效果、网上播放效果进行检测,以保证动画能完美地展现在欣赏者面前。5发布作品 动画制作好并调试无误后,便可以将其导出或发布为.swf格式的影片,并传到网络上供人们欣赏及下载。1.2 初识Flash 8 1.2.1 启动Flash 8 Flash 8开始页 单击“开始”按钮,在弹出的菜单中选择“所有程序”“Macromedia”“Macromedia
5、Flash 8”,打开Flash 8的开始页 在开始页中单击“创建新项目”下的“Flash文档”选项,即可新建一个文档并显示Flash 8的工作界面 1.2.2 Flash CS3工作界面 Flash 8工作界面 标题栏菜单栏主工具栏编辑栏文档选项卡工具箱属性面板控制面板时间轴舞台1工具栏 Flash中的工具栏包括主工具栏、控制器和编辑栏,要打开或关闭工具栏,可选择“窗口”“工具栏”菜单下的相应菜单项。主工具栏 主工具栏包含了一些常用命令的快捷按钮编辑栏 控制器 通过编辑栏可以在打开的场景和元件之间切换,或者选择要打开的场景和元件,还可以调整视图的显示比例 控制器用来在影片编辑环境中测试影片播
6、放效果 2文档选项卡 当打开多个Flash文档时,文档选项卡可用来在各个文档之间快速切换。此外,用鼠标右击文档选项卡,从弹出的快捷菜单中可以快速执行新建、打开、关闭、保存文档等操作使用文档选项卡 时间轴面板用于组织动画内容。它包括图层和时间帧两部分。时间轴面板 3时间轴图层区 时间帧标尺 播放头 每个图层都有独立的时间轴 时间帧状态栏 4工具箱工具箱 利用工具箱中的工具可以在舞台上绘制和编辑动画需要的图形。工具箱分为“工具”、“查看”、“颜色”和“选项”4个区域。“工具”区中包含了制作Flash动画所需的所有绘图工具在“颜色”区可以设置绘图工具的“笔触颜色”和“填充颜色”利用“察看”区中的工具
7、可以放大、缩小和移动窗口利用“察看”区中的工具可以放大、缩小和移动窗口“属性属性”面板:面板:使用“属性”面板可以方便地查看和更改当前选定项的属性。“颜色颜色”面板:面板:用来设置图形填充色或线条颜色。“库库”面板:面板:保管Flash动画素材的仓库。“动作动作”面板:面板:用来查看、输入或编辑选定项上的动作脚本。5常用面板1.2.3 了解Flash动画制作原理 Flash动画制作原理 在时间轴的不同帧上放置不同的对象或设置同一对象的不同属性,例如位置、大小、颜色、透明度等,当播放头在这些帧之间移动时,便形成了动画。典型实例调整工作界面打开“动作”面板 关闭面板1.选择“窗口”“面板名称”菜单
8、可打开相应面板2.单击面板右上角的“关闭”按钮,可关闭面板 最小化面板组”按钮 3.单击舞台右侧的 按钮和下方的 按钮,可以将右侧和下方的面板组最小化“保存工作区布局”对话框 打开保存的工作界面 4.要保存调整好的工作界面,可选择“窗口”“工作区布局”“保存当前”菜单,在打开的“保存工作区布局”对话框中输入名称,然后单击“确定”按钮 5.保存工作界面后,可以选择“窗口”“工作区布局”“工作区名称”菜单,打开保存的工作界面 1.3 文档基本操作 1.3.1 新建文档 要制作动画,需要先创建一个Flash文档。创建新文档的方法有以下几种:启动Flash时,在开始页单击“Flash文档”按钮,在打开
9、Flash工作界面的同时创建一个新文档。在Flash工作界面中选择“文件”“新建”菜单或按快捷键【Ctrl+N】,打开“新建文档”对话框,选择“Flash文档”选项,单击“确定”按钮新建一个文档。在Flash工作界面中右击文档选项卡,选择“新建”菜单项,新建一个文档。1.3.2 设置文档属性 新建Flash文档后,要做的第一件事是设置文档属性。通常需要设置舞台大小、背景颜色,以及动画帧频,方法如下:单击“文档属性”按钮 1.打开“属性”面板,单击“文档属性”按钮“文档属性”对话框 2.在打开的“文档属性”对话框中设置舞台尺寸、背景颜色,以及动画帧频等“文档属性”对话框中各选项意义如下:标题和描
10、述:标题和描述:将动画传到网上后,若希望别人能通过搜索引擎搜索到动画,可以在此处输入动画标题和描述作为搜索关键词。尺寸:尺寸:尺寸是指舞台的宽和高。最小尺寸可设置为1像素1像素,最大尺寸可设置为2880像素2880像素。播放动画时,位于舞台外面的对象不会被显示。匹配:匹配:要将舞台大小设置为最大可用打印区域,可选择“打印机”单选钮。背景颜色:背景颜色:单击该选项右侧的色块,可在弹出的“拾色器”中设置舞台的颜色。如果不为动画另外绘制背景,则舞台背景颜色便是动画背景颜色。帧频:帧频:是指动画的播放速度,单位是“fps”,即每秒播放多少帧。帧频越高,动画播放的速度越快。比较常用的帧频为12、18、2
11、4和25。标尺单位:标尺单位:在使用标尺时,可在该选项右侧的下拉列表中选择标尺的度量单位。1.3.3 保存文档 在新建的文档中进行操作后,需要将文档保存,并且在制作动画过程中经常需要保存文档,以免出现意外。下面是保存Flash文档的操作方法:“另存为”对话框 1.选择“文件”“保存”菜单,或按快捷键【Ctrl+S】,打开“另存为”对话框 2.在“另存为”对话框中选择文档保存路径、输入文件名并选择保存格式,然后单击“保存”按钮保存文档 选择文档保存路径 输入文件名 选择保存类型(格式)1.3.4 打开文档 启动Flash 8后,选择“文件”“打开”菜单,或按快捷键【Ctrl+O】,在打开的“打开
12、”对话框中找到并选择要打开文档,单击“打开”按钮。打开存放文档的文件夹,然后双击文档图标。启动Flash时,在开始页左侧的“打开最近项目”下单击最近打开的文档名称。如果要打开先前制作的Flash文档,可以使用下面几种方法:1.4 舞台的设置 1.4.1 放大和缩小舞台 在绘制或编辑动画内容时,适当放大舞台显示比例,可以对图形的细微处进行精确处理;适当缩小舞台显示比例,可以更好地把握图形的整体形态以及在舞台上的位置,常用放大和缩小舞台的方法有以下几种:单击选择工具箱中的“缩放工具”,然后将光标移动到舞台,默认情况下光标会显示为 形状,此时单击可将舞台显示比例放大。如果按下【Alt】键,光标将显示
13、为 形状,此时单击可缩小舞台显示比例。要放大指定区域,可先选择“缩放工具”,然后在舞台中按住鼠标左键并拖动,拖出一个矩形框,Flash将自动设置缩放比例,使矩形框内的区域填满整个窗口。放大舞台 缩小舞台单击编辑栏右侧的“缩放”三角箭头,可在打开的下拉列表中选择不同的显示比例和命令,快速调整舞台大小。“缩放”下拉列表框 要缩放舞台以使其完全适合目前的窗口空间,可选择“视图”“缩放比率”“符合窗口大小”菜单,或双击工具箱中的“手形工具”。选择“视图”“缩放比率”“显示全部”菜单,可以显示当前帧中的全部内容,包括舞台外的对象。要显示整个舞台,可选择“视图”“缩放比率”“显示帧”菜单。1.4.3 移动
14、舞台 利用滚动条移动舞台 使用“手形工具”移动舞台 将舞台放大后,如果希望查看没有被显示的区域,可拖动舞台下方或右侧的滚动条 选择工具箱中的“手形工具”,然后在舞台上按住鼠标左键并拖动,也可以移舞台显示区域1.4.4 网格、标尺和辅助线 1网格 在绘图或移动对象时,利用网格可以精确安排对象在舞台上的位置,并使不同对象相互对齐。网格的具体使用方法如下:显示网格线 “网格”对话框 1.选择“视图”“网格”“显示网格”命令,即可在舞台上显示网格 2.选择“视图”“网格”“编辑网格”菜单,在打开的“网格”对话框中可以设置网格线的颜色、网格间距以及对象是否贴紧网格对齐等属性2标尺和辅助线 启用标尺可以精
15、确定位对象在舞台上的位置,利用辅助线可以使对象对齐到舞台中某一纵线或横线上。下面是标尺和辅助线的使用方法:启动标尺 选择标尺度量单位 1.选择“视图”“标尺”菜单,在舞台中启动标尺 2.选择“修改”“文档.”菜单,打开“文档属性”对话框。在对话框中的“标尺单位”下拉菜单中,可以根据自己的需要选择标尺度量单位 拖出辅助线 根据辅助线放置对象 3.在舞台上方或左侧的标尺上按住鼠标左键并拖动,可拖出水平或垂直辅助线 4.拖出辅助线后,便可以将对象放置在辅助线处,对象会自动贴紧辅助线 5.如果要移动辅助线,可以选择工具箱中的“选择工具”,然后将光标移动到辅助线上,按住鼠标左键并拖动;要避免误操作移动辅
16、助线,可以选择“视图”“辅助线”“锁定辅助线”菜单,将辅助线锁定。“辅助线”对话框 清除全部辅助线 6.选择“视图”“辅助线”“编辑辅助线”菜单,可在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数 7.如果要清除单条辅助线,只需使用“选择工具”将其拖出舞台即可;如果要清除全部辅助线,可选择“视图”“辅助线”“清除辅助线”菜单1.5 操作的撤销和恢复 在制作Flash动画的过程中如果出现误操作,可以误操作撤销;如果出现误撤销的情况,还可以将其恢复。方法主要有以下几种:选择“编辑”“撤销”菜单,或按快捷键【Ctrl+Z】可撤销前一步操作,连续执行可撤销多步操作;选择“编辑”“重做”菜单
17、,或按快捷键【Ctrl+Y】可恢复撤销的操作,连续执行可恢复多步撤销操作。单击主工具栏上的“撤销”按钮 可撤销前一步操作;单击主工具栏上的“重做”按钮 可恢复撤销的操作。课堂练习飞行的直升机 飞行的直升机 下面通过制作一个直升机飞行的动画效果来让用户体验一下制作Flash动画的乐趣,具体操作 见书中详述。第2章 绘制图形 绘制和调整线条绘制几何图形钢笔工具与部分选取工具的使用用“刷子工具”绘制图形用“文本工具”制作文字 2.1 线条的绘制和调整 2.1.1 “线条工具”的使用 利用“线条工具”可以绘制直线,并且可以通过“属性”面板设置“线条工具”的粗细、颜色、样式等参数,使绘制出的直线具有多种
18、不同风格。“线条工具”的“属性”面板 设置笔触颜色,即线条颜色 自定义笔触样式 设置笔触样式,即线条样式 设置笔触高度,即线条高度 下面我们通过绘制一颗钻石的轮廓线图,来介绍“线条工具”的使用方法:选择“贴紧至对象”按钮 设置“线条工具”属性 1.新建一个Flash文档,选择“线条工具”然后按下工具箱选项区的“贴紧至对象”按钮 。2.打开“属性”面板,将“笔触颜色”设为“蓝色#0099FF”,将“笔触高度”设为“3”,其他选项保持默认。3.将光标移动到舞台中,在按住【Shift】键的同时按住鼠标左键并拖动,绘制一条水平线条。4.将光标移动到水平线条的左端点,然后按住鼠标左键并拖动,绘制一条斜线
19、。5.利用与步骤4同样的方法在线条右侧绘制一条斜线。绘制水平线条 绘制左侧斜线 绘制右侧斜线 绘制左上方的斜线 绘制右上方的斜线 绘制中间的连线 6.将光标移动到左侧斜线的上端点,然后按住鼠标左键并拖动,绘制一条斜线。7.再利用与步骤6同样的方法在右侧绘制一条斜线,与左侧的斜线在中点相交。8.打开“属性”面板,将“线条工具”的“笔触高度”设为“1”,然后在刚刚绘制的图形内绘制连线,这样一颗钻石就绘制出来了。2.1.2 “铅笔工具”的使用 利用“铅笔工具”可以模仿在纸上绘制图形的效果,在Flash中绘制任意形状的线条和形状。它的使用方法如下:选择铅笔模式 适用于绘制规则线条,并且会将近似于三角形
20、、圆形和矩形等规则形状的线条自动转换为这些常见的几何形状 适用于绘制流畅平滑的线条 适用于绘制接近徒手画出的线条 1.选择“铅笔工具”,单击“选项”区的“铅笔模式”按钮 在弹出的下拉列表中选择铅笔模式,这里我们选择“平滑”。“铅笔工具”的“属性”面板 使用铅笔工具绘制图形 2.打开“属性”面板,设置“铅笔工具”的属性。该选项只有在选择“平滑”模式时才出现,其作用是设置线条的平滑度,数值越大,线条越平滑 3.设置好属性后,将光标移动到舞台中,按住鼠标左键并拖动即可绘制图形。直线化 平滑 墨水“铅笔工具”的3种模式各有其特点,在绘图时应根据不同的需要进行选择。2.1.3 “选择工具”的使用 舞台中
21、的树叶图形 调整曲线形状 1.打开素材文档。“选择工具”是我们在Flash动画制作过程中最常用的工具之一,利用它可以方便地将图形调整为动画需要的任何形状。下面我们通过调整一片树叶的形状,来介绍使用“选择工具”调整图形形状的方法:2.选择“选择工具”,将鼠标移到图形或线条边缘,当光标变为 形状时,按住鼠标左键并拖动可调整图形形状 通过拖出节点改变树叶形状 改变线条端点位置 4.如果图形是开放图形或存在节点,选择“选择工具”后将光标移动到线条的端点或节点处,光标会呈 形状,此时按住鼠标左键并拖动可改变线条节点的位置和长短。3.选择“选择工具”后按住【Ctrl】键,然后将光标移动到线条上或者图形边缘
22、处,当光标呈 形状时,按住鼠标左键并拖动,可拖出一个节点。2.2 绘制几何图形 2.2.1 “矩形工具”的使用 利用“矩形工具”可以绘制矩形、正方形和圆角矩形。“矩形工具”的“属性”面板 选择“矩形工具”后,可以通过“属性”面板设置所绘图形的填充色和边框属性在此可设置边框属性 在此可设置填充颜色 “矩形设置”对话框 双击“矩形工具”,会弹出“矩形设置”对话框,在“边角半径”的编辑框中可输入圆角矩形的半径数值。绘制矩形、正方形和圆角矩形 设置好参数后,将光标移动到舞台中,按住鼠标左键并拖动,即可绘制矩形或圆角矩形。在拖动鼠标的同时按住【Shift】键,可绘制正方形。2.2.2 “椭圆工具”的使用
23、 利用“椭圆工具”可以绘制出正圆和椭圆。“椭圆工具”的“属性”面板“椭圆工具”的“属性”面板与“矩形工具”的基本一致。绘制椭圆形和正圆形 在“属性”面板中设置好相关属性后,在舞台上拖动即可绘制出椭圆,如果在绘制时按住【Shift】键,则可绘制出正圆。2.2.3 “多角星形工具”的使用 利用“多角星形工具”可以绘制多边形和星形。选择“多角星形工具”“多角星形工具”的“属性”面板 在工具箱中按住“矩形工具”不放,会弹出一个工具列表,在工具列表中我们可以选择“多角星工具”“多角星形工具”的“属性”面板同“矩形工具”很相似,只是多出一个“选项”按钮“工具设置”对话框 单击“选项”按钮 在打开的“工具设
24、置”对话框中可以设置绘制多边形还是星形,以及星形的定点大小。在此处可设置绘制多边形还是星形 在此处可设置多边形和星形的边数 此选项只对星形起作用,可设置星形顶点的大小 设置好参数后,单击“确定”按钮,将光标移动到舞台中,按住鼠标左键并拖动,即可绘制出多边形或星形。利用“多角星形工具”绘制的多边形和星形“星形顶点大小”为0.5的五角星“星形顶点大小”为0.1的五角星 课堂练习小兔玩具 小兔玩具 利用前面所学知识绘制一个“小兔玩具”的实例,具体步骤请参考书中内容。2.3 绘制平滑曲线 2.3.1 “钢笔工具”的使用“钢笔工具”的“属性”面板 确定起始描点 使用“钢笔工具”可以绘制直线线段和曲线,尤
25、其是通过调节曲线的曲率绘制平滑的曲线是它的强项。下面我们来看看它的使用方法:1.“钢笔工具”的“属性”面板与“线条工具”的完全一样。2.将光标移动到舞台上的适当位置并单击,确定起始描点。绘制直线路径 调整调节杆 3.将光标移动到舞台的另一处,单击创建第二个描点,此时在第一个和第二个描点之间会出现一条浅绿色的线段,我们称其为路径。4.将光标移动到舞台的另一位置,按住鼠标左键向任意方向拖动,可拖出一个调节杆,继续按住鼠标向任意方向拖动调节杆,可调整曲线弧度。创建封闭路径 将路径转换为线条 5.将光标移动到起始描点处,光标会呈 形状,此时单击可创建封闭路径。6.路径绘制完成后,在工具箱中选择除“钢笔
26、工具”组以外的任意工具(或按【Esc】键),即可将路径转换为线条。添加锚点 删除锚点 7.路径绘制完成后,将光标移动到路径上,光标会呈 形状,此时单击即可添加锚点。8.将光标移动到已有的锚点上,光标会呈 形状,此时在锚点上单击可以删除锚点。2.3.2 “部分选取工具”的使用 利用“部分选取工具”,不但可以显示用其它绘图工具绘制的线条上的锚点,还可以方便地移动锚点位置和调整曲线路径的弧度。它的使用方法如下:单击显示图形线条的锚点 移动锚点 1.选中“部分选取工具”,在要修改的线条上单击,可显示出该线条上的锚点。2.将光标移动到锚点上,然后按住鼠标左键并拖动,可移动锚点位置。调整曲线路径的弧度 3
27、.单击曲线描点,在描点两侧会出现调节杆,将光标移动到调节杆上,按住鼠标左键并拖动,可调整曲线路径的弧度,在拖动的同时按住【Alt】键,可单独调整一边的调节杆。调整两边的调节杆 单独调整一边的调节杆 2.4 用“刷子工具”绘制图形 “刷子工具”也是常用的绘图工具之一,与前面介绍的绘图工具不同,用它绘制的是任意形状的填充区域而不是线条。其具体使用方法如下:“刷子工具”的“属性”面板 设置刷子的大小和形状 1.选择“刷子工具”后在“属性”面板中可设置“刷子工具”的填充颜色和平滑度。2.在工具箱下方的选项区中,会出现“刷子模式”、“刷子大小”和“刷子形状”3个选项,在“刷子大小”和“刷子形状”下拉列表
28、中,可选择刷子大小和形状。3.在工具箱选项区中单击“刷子模式”按钮 ,可选择涂色模式,“刷子工具”共有五种涂色模式。选择该模式,绘制的图形将覆盖原图,包括线条和填充色选择该模式,绘制的图形只覆盖原图填充色,不覆盖线条 选择该模式,绘制的图形只是从原图穿过,不能在原图上绘画选择该模式,绘制的图形只覆盖原图被选取部分,对没被选取的区域,没有任何影响 选择该模式,只能在起始笔触所在的填充区中涂色,但不影响线条 标准绘画 颜料填充 后面绘画 颜料选择 内部绘画 4.设置好参数后,在舞台中按住鼠标左键并拖动,即可绘制图形。2.5 用“文本工具”制作文字 利用Flash中的“文本工具”可以创建3种类型的文
29、本,分别是静态文本、动态文本和输入文本。下面看看它们各自的作用:静态文本:静态文本:静态文本是在制作动画时确定文本内容和外观,最终出现在动画中的文本与在制作动画时设置的样式没有任何变化。本书中如果没有特殊声明,输入的都是静态文本。动态文本:动态文本:动态文本是在动画播放时可以动态更新的文本,如股票报价、比赛得分等,它可以根据情况动态改变文本的显示内容以及样式等。动态文本常用在游戏或课件等作品中。输入文本:输入文本:输入文本是在动画播放时是可以接受用户输入的文本,是响应键盘事件的一种人机交互的工具。2.5.2 创建文本 在工具箱中选中“文本工具”,在舞台中要输入文字的位置单击,然后输入需要的文字
30、即可。以此形式创建的文本无法自动换行,如果要换行必须按【Enter】键。选中“文本工具”后,在舞台中按住鼠标左键并拖动,可拖出一个文本框,然后便可在文本框中输入文字,当文字达到文本框边缘时会自动换行。利用“文本工具”可以方便地在Flash中创建文本,创建方法有以下两种:单击输入文字 拖出文本框后输入文字 将光标移动到文本框的4个边角上,当光标呈 形状时,按住鼠标左键并拖动可改变文本框宽度。双击文本框右上角的小方块,可使文本框自动适应输入文字的宽度2.5.3 设置文字样式 在输入文字时,我们可以通过设置文字的大小、颜色、字体等样式以使文字更加美观。下面介绍如何更改输入后的文字样式:选中文本 设置
31、文本字体 1.创建文本后,使用“选择工具”单击文本将其选中,被选中的文本周围会有一个蓝色的方框。2.打开“属性”面板,然后在“字体”下拉列表中为文字选择字体。设置文本大小 设置文本颜色 3.在“字体大小”编辑框中输入数字,可改变字体大小。4.单击“文本(填充)颜色”按钮,可在弹出的“拾色器”中选择文本的颜色。改变个别字体样式 5.如果要对个别文字进行设置,可在编辑模式下,按住鼠标左键并拖动,选中要设置的文字,然后便可以对所选文字设置样式了。设置文字对齐方式设置文本格式6.单击 这几个按钮可设置文字对齐方式,分别为左对齐、居中对齐、右对齐和两端对齐,例如单独选中“史前文化”4个字,然后单击 按钮
32、将这几个字居中对齐。7.单击“编辑格式选项”按钮 ,可在打开的“格式选项”对话框中设置文本格式,比如进入文本编辑状态后,将光标放在第二段,设置首行缩进20像素。改变文字间距 8.在“字母间距”编辑框中输入数字可改变文字间距,比如将“史前文化”几个字的间距设为30。选择文本的排列方式 9.单击“改变文本方向”按钮 ,可在弹出的下拉列表框中选择文本的排列方式,例如选中整个文本后,选择“垂直,从左向右”。设置文字上下标 10.单击“字符位置”选项 右侧的下拉按钮 ,可在弹出的下拉列表中设置被选文字的位置,分别为“正常”、“上标”、“下标”。正常 下标 上标 选择文字表现方式 11.单击“字体呈现方法
33、”右侧的下拉按钮 ,可在弹出的下拉列表中设置文字在动画中的表现方式,通常选择“动画消除锯齿”或“可读性消除锯齿”选项。链接文字 12.选中文本后,在“URL 链接”编辑框中输入网址,可以将文字链接到相应网站,例如为所选文本输入“http:/”,样在播放动画时,单击相应文字,即可打开“百度”网站。2.5.4 为文本添加滤镜 要在动画中制作出漂亮的文字,仅仅通过设置字体样式还无法满足要求,我们可以通过“滤镜”面板为文本添加各种效果,具体操作如下:选中文本和打开“滤镜”面板 选择“斜角”滤镜 1.使用“选择工具”单击选中要添加特效的文本,然后打开“滤镜”面板。2.单击“滤镜”面板中的“添加滤镜”按钮
34、 ,从弹出的列表中选择一种滤镜,比如选择“斜角”滤镜。设置“斜角”滤镜的参数 添加了滤镜特效后的文本效果 3.选中某个滤镜后,可以在“滤镜”面板中对该滤镜的参数进行设置。添加了“斜角”滤镜后的文本效果 我们可以为文本添加多个滤镜特效,如果要删除文本上的滤镜效果,只需在“滤镜”面板的滤镜列表框中选中要删除的滤镜,然后单击“删除滤镜”按钮 即可。课堂练习等你回家 等你回家 利用前面所学知识为“小兔玩具.fla”文档绘制流星,并输入文字,具体步骤请参考书中内容。第3章 色彩应用配色原理 使用“颜料桶工具”填充颜色 绘制平滑曲线 使用“墨水瓶工具”修改线条 使用“滴管工具”采样填充 3.1 配色原理1
35、颜色的冷暖 有些颜色能让人联想到天空、流水、雪景、和冰块等,例如灰色、蓝色和白色等,这种颜色称为冷色;有些颜色能让人联想到太阳、火焰、血等,例如黄色、红色和橙色等,这种颜色称为暖色。2颜色的膨胀 好的配色可使画面产生纵深感 通常,冷色后退、收缩,暖色前进、膨胀。高纯度的颜色显得大,低纯度显得小;从明度上看,明度高显得大,明度低显得小。所以在绘制图形时,近处的景物一般使用高纯度、高明度的暖色调,远处的景物则使用低纯度、低明度的冷色调(即近暖远冷规则)。3颜色的轻重感 颜色也能能使人产生轻重感,一般来说暖色的物体显得重,冷色的物体显得轻。明度越高越轻,反之越重。4颜色所表现的情绪 颜色还能表现出人
36、物的不同情绪,例如,红色、橙色能使人产生兴奋感;蓝色、绿色却使人沉静。最影响情绪的是色相,其次是纯度,最后是明度。5常用配色 下面为大家列出了一些比较典型的组合:黑与白:黑与白:即对立而又有共性,能够用来表达富有哲理性的东西。其中黑色代表空、无、永恒的沉默;白色代表虚无,有无尽的可能性。这两种颜色总是通过对方的存在表现自己。黄色:黄色:亮度最高的颜色,灿烂、辉煌,象征着智慧之光,象征着权力、骄傲。经不起白色的冲淡。当用黑、紫、深蓝反衬时,更能加强其效果。用淡粉色反衬能使之变得柔和。绿色:绿色:中性色,偏向自然美、宁静、生机勃勃,宽容色彩。可衬托多种颜色而达到和谐。蓝色:蓝色:永恒、博大、遥远感
37、,给人冷静感。红色:红色:最强有力的色彩,能引起情绪的兴奋。热烈、冲动。橙色:橙色:较温和,是一种很活泼、辉煌的色彩。富足的、快乐的色彩。稍加黑则较稳重。蓝橙对比时较生动。灰色:灰色:是色彩中最被动的颜色。受有彩色影响极大,靠邻近的色彩获得自己的生命。近冷则暖,近暖则冷。最有平静感(中性),是视觉中最安静的色彩。有很强的调和对比的作用。紫色:紫色:大面积的紫色有恐怖感,紫红尤其明显。暗紫有灾难感。淡紫则给人幽雅、高贵之感。紫与黄共存时,消极性更加显著。3.2 使用“颜料桶工具”填充颜色 3.2.1 填充纯色 下面,我们通过为第2章制作的“等你回家.fla”文件填充颜色,介绍“颜料桶工具”的使用
38、方法。首先介绍使用“颜料桶工具”填充纯色的操作:填充模式选项1.选择“颜料桶工具”,会在“工具箱”的选项区会出现一个“空隙大小”按钮 和一个“锁定填充”按钮 ,单击“空隙大小”按钮 ,可在弹出的下拉列表中选择填充模式。“拾色器”对话框 “颜色”对话框 2.单击颜色区的“填充色”按钮 ,在弹出的“拾色器”对话框中选择“棕色#CC9900”。3.再次打开“拾色器”对话框并单击 按钮打开“颜色”对话框,将“颜色”对话框中右侧条形框上的小三角向上拖动,增加颜色的明度,调整好后单击“确定”按钮。填充小兔亮部 减少颜色明度 填充小兔暗部 4.将光标移动到小兔身上线脚的左侧或上方,单击填充颜色(尾巴暂时不填
39、充)。6.将光标移动到小兔身上线脚的右侧或下方,单击填充颜色(尾巴也填充)。5.打开“拾色器”对话框,单击 按钮打开“颜色”对话框,然后将右侧条形框上的小三角向下拖动减少明度,然后单击“确定”按钮。3.2.2 填充渐变色 利用“颜料桶工具”还可以为图像填充渐变色,要填充渐变色,首先要在“混色器”面板中进行设置:“混色器”面板 1.选择“颜料桶工具”,然后选择“窗口”“混色器”菜单,打开“混色器”面板,单击“填充颜色”按钮 ,然后单击“类型”选项右侧的 按钮,在打开的下拉列表中选择“放射状”选项。设置渐变的起始颜色 设置渐变的结束颜色 2.选择“放射状”选项后,在“混色器”面板下方会出现一个渐变
40、条,双击渐变条左侧的色标,然后在弹出的“拾色器”中选择“黄色#FFFF00”,这样就将渐变的起始颜色设为了黄色。3.双击渐变条右侧的色标,然后在弹出的“拾色器”中选择“橘黄色#FFCC00”,这样就将渐变的结束颜色设为了橘黄色。添加色标 4.将光标移动到渐变条的中心位置,当光标呈 形状时单击,可添加一个色标。设置渐变中间的颜色 拖动色标 填充流星 5.双击新添加的色标,然后在弹出的“拾色器”中选择“橙黄色#FFCC00”,这样就将渐变中间的颜色设为了橙黄色。6.将光标移动到新添加的色标上,然后按住鼠标左键不放将其向左拖动,利用同样的方法,将右侧的色标也向左拖动。7.将光标移动到流星图形上,然后
41、单击填充放射状渐变。3.2.3 填充位图 利用“混色器”面板不仅能够设置纯色和渐变色,还可以设置位图。下面就来介绍具体操作方法:选择“位图”选项 “导入到库”对话框 1.在“混色器”面板“类型”选项的下拉列表中选择“位图”选项。2.在打开的“导入到库”对话框中选择本书配套素材“素材与实例”“第3章”文件夹“箱子底图.jpg”文件,然后单击“打开”按钮。填充位图 绘制矩形 3.将光标移动到小兔前面的玩具箱上,然后单击填充位图。4.选择“矩形工具”,在“属性”面板中将“填充颜色”设为“没有颜色”,然后绘制一个比舞台略大的矩形。导入“小熊”图像 选择位图 5.单击“混色器”面板“类型”选项下方的“导
42、入”按钮,在打开的“导入到库”对话框中选择本书配套素材“素材与实例”“第3章”文件夹“小熊.bmp”文件,然后单击“打开”按钮。6.将光标移动到“混色器”面板位图列表中“小熊”图像的缩览图上,此时光标会呈形状,单击选择“小熊”位图。填充底图 7.将光标移动到舞台上的空白区域,单击用位图填充底图。3.3 使用“墨水瓶工具”修改线条 使用“墨水瓶工具”可以改变矢量图形轮廓线的属性,也可以为没有轮廓线的色块添加轮廓线。下面我们来介绍“墨水瓶工具”的使用方法:设置“墨水瓶工具”参数1.打开素材文档,在工具箱中选择“墨水瓶工具”,然后打开“属性”面板,单击“笔触颜色”右侧的色块,在打开的“拾色器”对话框
43、中选择“橙黄色#FF9900”,在“笔触高度”编辑框中输入“5”,在“笔触样式”下拉列表中选择“实线”。修改流星轮廓线 修改“墨水瓶工具”参数 2.将光标移动到流星图形的轮廓线上,单击修改线条的属性。3.在“属性”面板中将“笔触颜色”设为“棕色#CC9900”、“笔触高度”设为“2”、其他参数不变。改变小兔外轮廓线 改变小兔线脚 修改“墨水瓶工具”参数 4.将光标移动到小兔的外轮廓线上,单击改变小兔外轮廓线的属性。5.在“属性”面板中将“笔触颜色”设为“深棕色#996600”、“笔触高度”设为“1”、“笔触样式”设为“点状线”。6.将光标移动到小兔的线脚上,单击改变小兔线脚的属性。课堂练习唐装
44、老鼠 唐装老鼠 下面通过前面所学知识,利用“颜料桶工具”和“墨水瓶工具”为素材文档填充颜色,具体步骤请参考书中内容。3.4 “滴管工具”的使用 使用“滴管工具”可以对纯色、渐变色和位图填充进行采样。使用“滴管工具”采样填充色和位图方法如下:采样填充色 1.打开素材文档,选择“滴管工具”,将光标移动到舞台中的易拉罐上边缘,当光标呈 形状时,单击对填充色进行采样。切换为“颜料桶工具”取消“锁定填充”模式 2.采样后“滴管工具”会自动切换为“颜料桶工具”。3.光标呈 形状,这表示处于“锁定填充”模式,此时填充颜色会以整个舞台为基准,单击工具箱选项区的“锁定填充”按钮 ,取消“锁定填充”模式 。填充渐
45、变色 采样位图 填充位图 4.取消“锁定填充”模式后将光标移动到右侧瓶子的瓶盖上,单击即可填充渐变色。5.再次选择“滴管工具”,将光标移动到易拉罐的位图填充上,单击采样位图。6.取消“锁定填充”模式,然后将光标移动到右侧瓶子的空白处,单击填充位图。3.4.2 采样线条 使用“滴管工具”也可以对线条的颜色、样式和粗细等属性进行采样,并将其应用到其他线条上,具体方法如下:采样线条 改变线条属性 1.打开素材文档,选择“滴管工具”,将光标移动到舞台中的圆形轮廓线上,当光标呈 形状时,单击对线条采样。2.采样后“滴管工具”会自动切换为“墨水瓶工具”,将光标移动到小熊的轮廓线上,然后单击改变线条属性。3
46、.4.3 采样文本 要使不同文本的字体、大小、颜色等属性统一,除了通过“属性”面板设置外,还可以通过使用“滴管工具”来达到。下面我们来看看具体操作:选中要更改属性的文本 采样文本 应用文本属性 1.打开素材文档,然后使用“选择工具”选中“千金散尽还复来”字样。2.选择“滴管工具”,然后将光标移动到“天生我材必有用”字样上,光标会呈 形状。3.单击鼠标,即可为选中的文字应用“天生我材必有用”字样的属性,“滴管工具”会自动切换为“文本工具”。第4章 图形的编辑 对象的基本编辑 对象的变形操作用“渐变变形工具”调整渐变色 用“橡皮擦工具”修改图形 用“对齐”面板对齐图形 其他图形处理技巧“历史记录”
47、面板的使用 4.1 对象的基本编辑4.1.1 选择舞台上的对象 对舞台上的对象进行移动、复制、对齐、设置属性等操作时,都需要先选中对象。下面介绍一些选择分散对象的技巧:选择整体对象 选取一段线段 双击选取相连的线段 要选择整体对象,只需使用“选择工具”在其上方单击即可,其外围会出现一个蓝色边框。单击矢量图形的线条,可以选取某一线段 双击线条,可以选取连接着的所有颜色、样式、粗细一致的线段 选取填充色 双击选取填充色及其轮廓线 拖动选取 在矢量图形填充区域单击可选取某个填充。如果图形是一个有边线的填充区域,要同时选中填充区域及其轮廓线,可以在填充区域中的任意位置双击。拖动鼠标框选需要选择的对象,
48、该区域覆盖的所有对象(或矢量图形的一部分)都将被选中。单击时间帧选取对象 击时间轴上的某一帧可选中该帧上的所有对象。使用“套索工具”选取对象 使用“套索工具”在舞台上框选要选择的对象,也可以选中一个或多个对象。4.1.2 移动和复制对象 在Flash的实际制作过程中,经常需要进行移动和复制的操作。下面,我们就来介绍移动和复制对象的几种方法:通过拖动复制对象 选中对象后,使用“选择工具”,在被选对象上按住鼠标左键不放并拖动,到目标位置后释放鼠标即可移动对象;如果在拖动的同时按住【Alt】键,光标会呈 状,松开鼠标后可复制选中的对象,重复操作可复制出多个对象。通过键盘方向键通过键盘方向键:选中对象
49、后,按键盘上的方向键,则对象将向相关方向以1象素为单位移动;如果按住【Shift】键再按方向键,则一次移动10象素。通过菜单命令通过菜单命令:选中对象后,选择“编辑”“复制”菜单(或按快捷键【Ctrl+C】),然后切换到其他文档,或同一文档的其他关键帧中,选择“编辑”粘贴到中心位置”菜单,可将对象复制到舞台中心位置;选择“编辑”粘贴到当前位置”菜单,可将对象复制到与原位置相同的位置。“编辑”菜单中的命令 如果选择“编辑”“剪切”菜单,系统将会把原对象删除,也就相当于将对象移动到目标位置 通过快捷菜单通过快捷菜单:在对象上右击鼠标,会弹出快捷菜单,从中也可以选择“剪切”、“复制”和“粘贴”等命令
50、。删除对象:删除对象:选中舞台上的对象后,按【Delete】键可删除所选对象。4.1.3 群组和分离对象 1群组对象 将分散的图形群组后,可以更方便的进行选取和修改,而且可以更方便的进行复制、排列等操作。群组分散图形 选中要组合的对象,然后选择“修改”“组合”菜单,或按快捷键【Ctrl+G】即可群组对象。将多个整体对象群组 我们还可以将多个整体对象群组成一个整体。将对象组合后,我们不但可以对群组进行整体编辑操作,例如缩放、旋转、翻转等,还可以进入群组内部,对群组中的对象单独进行编辑。编辑群组内部对象的操作如下:舞台中的造型 进入编辑状态进行修改 退出编辑状态 1.打开素材文档2.选择“选择工具