• / 182
  • 下载费用:10 金币  

Flash8.0__基础与实例教程.doc

关 键 词:
Flash8.0__基础与实例教程.doc
资源描述:
《Flash8 基础与实例教程》第一课 FLASH8 工作环境 .2第一节 工作环境简介 2第二节 面板 6本课小结 熟悉 FLASH8 的操作界面主要包括系统菜单、绘图工具栏、舞台、时间轴、属性面板各其他一些浮动面板。 .8第三节 范例简介 81.2.2 制作步骤 9本课小结 .11第二课 FLASH 8.0 基础绘图工具 .111.绘制和处理线条 .132.实例演练—— 画一片树叶 .153. 【刷子工具】的用法 .184.画一个树枝 .20第三课 情人节贺卡 231. 绘制“烛焰”元件 .232. 绘制“烛身”元件 .253. 绘制“烛光”元件 .264. 组装“蜡烛”元件 .275. 绘制“心”元件 .286. 绘制“珍珠”元件 .337. 制作“项链”元件 .358. 制作“情人节”元件 .369. 完成整个画面制作 .37第四课 逐帧动画 381.逐帧动画的概念和在时间帧上的表现形式 .382.创建逐帧动画的几种方法 .383.绘图纸功能 .394.奔跑的豹子 .40第五课 形状补间动画 431.形状补间动画的概念 .432.认识形状补间动画的属性面板 .44实例:庆祝国庆 .45使用形状提示 .49实例:添加形状提示练习 .50第六课 动作补间动画 521.动作补间动画的概念 .522.认识动作补间动画的属性面板 .53实例:网站 BANNER54第七课 遮罩动画 601.遮罩动画的概念 .602.创建遮罩的方法 .603.应用遮罩时的技巧 .61实例:红星闪闪 .61第八课 引导路径动画 671.创建引导路径动画的方法 .672.应用引导路径动画的技巧 .68实例:海底世界 .69第九课 自定义缓入/缓出动画范例――逼真弹跳的球 74第十课 按钮元件 78影片剪辑在按钮元件中的应用范例-放电按钮 .78第十一课 在 FLASH 中应用声音 811. 将声音导入 FLASH.812. 引用声音 .823. 声音属性设置和编辑 .824. 给按钮加上声效 .865. 压缩声音 .86第十二课 在 FLASH 中应用视频 .883.13.1 支持的视频类型 883.13.2 导入视频 893.13.3 渐进式下载播放外部视频 933.13.4 导出 FLV 视频文件 97第十三课 行为和行为面板 .99第十五课 滤镜应用范例――水波荡漾 113第十五课 混合模式应用范例――动画片头 117第十六课 时间轴特效应用范例――满天花雨 126第十七课 综合应 用范例――幻彩图片 13017.1 导入图片并制作元件 13117.2 用“复制到网格”时间轴特效制作百页窗元件 13217.3 用混合模式制作图片颜色变化效果 13317.4 用滤镜制作边框 133第一课 Flash8 工作环境Flash 以便捷、完美、舒适的动画编辑环境,深受广大动画制作爱好者的喜爱,在制作动画之前,先对工作环境进行介绍,包括一些基本的操作方法和工作环境的组织和安排。 第一节 工作环境简介1.开始页 运行 Flash 8,首先映入眼帘的是“开始页” , “开始页”将常用的任务都集中放在一个页面中,包括“打开最近项目” 、 “创建新项目” 、 “从模板创建” 、 “扩展”以及对官方资源的快速访问。如图 1-10 所示。 图 1-10 开始页如果要隐藏“开始页” ,可以单击选择“不再显示此对话框” ,然后在弹出的对话框单击“确定”按钮。 如果要再次显示开始页,可以通过选择“编辑”|“首选参数”命令,打开“首选参数”对话框,然后在“常规”类别中设置“启动时”选项为“显示开始页”即可。 2.工作窗口在“开始页” ,选择“创建新项目”下的“Flash 文档” ,这样就启动 Flash8 的工作窗口并新建一个影片文档。如图 1-11 所示。图 1-11 Flash 8 的工作窗口Flash 8 的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。 窗口最上方的是“标题栏” ,自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。 “标题栏”下方是“菜单栏” ,在其下拉菜单中提供了几乎所有的 Flash 8.0 命令项,通过执行它们可以满足用户的不同需求。 “菜单拦”下方是“主工具栏” ,通过它可以快捷的使用 Flash 8.0 的控制命令。 “主工具栏”的下方是“文档选项卡” ,主要用于切换当前要编辑的文档,其右侧是文档控制按钮。在“文档选项卡”上右击,还可以在弹出的快捷菜单中使用常用的文件控制命令。如图 1-12 所示。 图 1-12 文档选项卡“文档选项卡”下方是“编辑栏” ,可以用于“时间轴”的隐藏或显示、 “编辑场景”或“编辑元件”的切换、舞台显示比例设置等。如图 1-13 所示。 “编辑栏”下方是“时间轴” ,用于组织和控制文档内容在一定时间内播放的图层数和帧数。 时间轴左侧是图层,图层就像堆叠在一起的多张幻灯胶片一样,在舞台上一层层地向上叠加。如果上面一个图层上没有内容,那么就可以透过它看到下面的图层。 Flash 中有普通层、引导层、遮罩层和被遮罩层 4 种图层类型,为了便于图层的管理,用户还可以使用图层文件夹。 1-13 时间轴“时间轴”下方是“工作区”和“舞台” 。Flash 8 扩展了舞台的工作区,可以在上面存储更多的项目。舞台是放置动画内容的矩形区域,这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图 1-14 所示。 图 1-14 舞台工作时根据需要可以改变“舞台“显示的比例大小,可以在“时间轴”右上角的“显示比例”中设置显示比例,最小比例为 8%,最大比例为 2000%,在下拉菜单中有三个选项, 【符合窗口大小】选项用来自动调节到最合适的舞台比例大小;【显示帧】选项可以显示当前帧的内容;【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素,如图 1-15 所示。图 1-15 舞台显示比例 选择工具箱中的【手形工具】 ,在舞台上拖动鼠标可平移舞台;选择【缩放工具】 ,在舞台上单击可放大或缩放舞台的显示;选择【缩放工具】后,在工具箱的【选项】下会显示出两个按钮,分别为【放大】和【缩小】 ,分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换,如图 1-16 所示。选择选择【缩放工具】后,按住键盘上的 Alt 键,单击舞台,可快捷缩小视图。图 1-15 工具箱 图 1-16 缩放工具的选项窗口左侧是功能强大的“工具箱” ,它是 Flash 中最常用到的一个面板,由“工具” 、 “查看” 、 “颜色”和“选项”四部分组成。如图 1-15 所示。 多个“面板”围绕在“舞台”的下面和右面,包括常用的【动作】面板、 【属性】/【滤镜】/【参数】面板组,还有【颜色】面板组和【库】面板等。 面板是 Flash 工作窗口中最重要的操作对象,下面我们逐一进行介绍(这里只节选了部分重点内容,详细内容请看《中文版 Flash8 基础与实例教程(职业版) 》 ) 。 第二节 面板1.面板的基本操作 (1)打开面板 可以通过选择“窗口”菜单中的相应命令打开指定面板。 (2)关闭面板 在已经打开的面板标题栏上右击,然后在快捷菜单中选择“关闭面板组”命令即可。 (3)重组面板 在已经打开的面板标题栏上右击,然后在快捷菜单中选择“将面板组合至”某个面板中即可。(4)重命名面板组 在面板组标题栏上右击,然后在快捷菜单中选择“重命名面板组”命令,打开“重命名面板组”对话框。在定义完“名称”后,单击“确定”按钮即可。 如果不指定面板组名称,各个面板会依次排列在同一标题栏上。 (5)折叠或展开面板 单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。再次单击即可展开。 (6)移动面板 可以通过拖动标题栏左侧的控点 移动面板位置或者将固定面板移动为浮动面板。 (7)恢复默认布局 可以通过选择“窗口”菜单中的“工作区布局”|“默认”命令即可。 2. “帮助”面板 “帮助”面板包含了大量信息和资源,对 Flash 的所有创作功能和 ActionScript 语言进行了详尽的说明。“帮助”面板可以随时对软件的使用或动作脚本语法进行查询,使用户更好地使用软件的各种功能。如图 1-16所示。 图 1-16 “帮助 ”面板 如果从未使用过 Flash,或者只使用过有限的一部分功能,可以从“Flash 入门”选项开始学习。在其上方有一组快速访问的工具按钮,在文本框中输入词条或短语,然后单击“搜索”按钮,包含该词条或短语的主题列表即会显示出来。单击“更新”按钮 ,可获得新的信息。如果有新的信息提示,确认连接到 Internet,可按照说明下载帮助系统。 3. “动作”面板 “动作”面板可以创建和编辑对象或帧的 ActionScript 代码,主要由“动作工具箱” 、 “脚本导航器”和“脚本”窗格组成。如图 1-17 所示。关于此面板的详细应用,我们会在后面的章节中具体讲解。 图 1-17 “动作 ”面板 4. “属性”面板 使用【属性】面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性,从而加快了 Flash 文档的创建过程。如图 1-18 所示。 当选定对象不同时, “属性”面板中会出现不同的设置参数,针对此面板的使用在后面的章节里会陆续介绍。图 1-18 “属性 ”面板 5. “滤镜”面板 Flash8 新增了功能,从而大大增强了其设计方面的能力。这项新特性对制作 Flash 动画产生了便利和巨大影响。它们几乎颠覆了长期以来,对 Flash 设计能力欠缺的固有偏见,使大家不得不对其刮目相。默认情况下,“滤镜”面板和【属性】面板、 “参数”面板组成一个面板组。如图 1-19 所示。针对此面板的使用在后面的章节里会详细介绍。 图 1-19 “滤镜”面板 第三节 Flash8.0 新功能介绍一、影片文档的基本操作――投影滤镜文字特效对于初步接触 Flash8 的读者来说,掌握 Flash8 制作动画的工作流程,掌握 Flash 影片文档的基本操作方法是最迫切的一个要求。1. 范例简介本例利用投影滤镜制作一个阴影文字特效,通过这个阴影文字特效的制作过程,让读者了解 Flash8 制作动画的整体过程。范例效果如图 1-45 所示。图 1-45 范例效果通过本例的学习,读者主要可以掌握如何新建 Flash8 影片文档,如何设置文档属性,如何保存文件,如何测试影片,如何导出影片,如何打开文件,如何修改文件,如何输入文本,如何设置文本的滤镜效果以及认识Flash8 工作环境,认识 Flash 所产生的文件类型等。2、 制作步骤1)新建影片文档和设置文档属性 (1)启动 Flash8,出现“开始页 ”, 选择“创建新项目”下的“Flash 文档” ,这样就启动 Flash8 的工作窗口并新建一个影片文档。 (2)展开“属性”面板,单击“大小”右边的“文档属性”按钮 ,弹出“文档属性”对话框。(3)在“标题”文本框中输入“文字效果” ,在“描述”列表框中输入对影片的简单描述,设置“尺寸”为 300×200 像素,设置“背景颜色”为浅蓝色,其他保持默认,如图 1-46 所示。图 1-46 “文档属性 ”对话框“文档属性”对话框中参数的含义: “标题”:设置文档的标题。 “描述”:对创建的影片做一些简单的描述。 “尺寸”:舞台的尺寸最小可设定成宽 1px(像素) 、高 1px(像素) ,最大可设定成宽 2880px(像素) 、高2880px(像素) 。另外,系统默认的尺寸单位是 px(像素) ,可以自行输入“cm(厘米) ”、 “mm(毫米) ”和“in(英寸) ”等单位的数值,也可以在“标尺单位”中选择。 “匹配”|“打印机”:匹配打印机,让底稿的大小与打印机的打印范围相同。 “匹配”|“内容”:匹配内容,将底稿缩放成和画面上的对象大小一样。 “匹配”|“默认”:使用默认值。 “背景颜色”:设置舞台的背景颜色。 “帧频”:默认的是 12fps。这个速度很适合在网络上播放,一般情况下我们都保持这个帧频。在设计一些特殊效果的课件时,可以更改这个数值,数值越大动画的播放速度越快。 “标尺单位”:标尺是显示在场景周围的辅助工具,以标尺为参照可以使我们绘制的图形更精确。在这里可以设置标尺的单位。 “设为默认值”:将所有设定存成默认值,下次当再开启新的影片文档时,影片的舞台大小和背景颜色会自动调整成这次设定的值。 2)创建文字 (1)在“工具箱”中选择“文本工具” 。在“属性”面板中,设置“字体”为黑体, “字体大小”为45, “文本颜色”为白色,文字加粗显示,其他属性保持默认。(2)将鼠标移向舞台上单击,在出现的文本输入框中输入“基础与实例” 。(3)在“工具箱”中选择“选择工具” ,拖动文字到舞台中央位置。效果如图 1-47 所示。图 1-47 创建文本对象3)保存和测试影片 (1)选择“文件”|“保存” 命令(快捷键 Ctrl+S) ,弹出【另存为】对话框,指定影片保存的文件夹,输入文件名,单击【保存】按钮。这样我们就将影片文档保存起来了,文件的扩展名是 fla。注意:为了安全,在动画制作过程中要经常保存文件。按 Ctrl+S 键,可以快速保存文件。 (2)选择“控制”|“测试影片 ”命令(快捷键 Ctrl+Enter) ,弹出测试窗口,在窗口中可以观察到影片的效果,并且还可以对影片进行调试。关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。(3)打开“资源管理器”窗口,定位在影片文档保存的文件夹,可以观察到两个文件,如图 1-48 所示。左边是影片文档源文件(扩展名是 fla) ,也就是第(1)步保存的文件。右边是影片播放文件(扩展名是 swf) ,也就是第(2)步测试影片时自动产生的文件。直接双击影片播放文件可以在 Flash 播放器中播放动画。图 1-48 文档类型4)导出影片 (1)选择“文件”|“导出” |“导出影片”命令,弹出“ 导出影片”对话框,指定导出影片的文件夹,输入导出影片文件名,单击“保存”按钮, 弹出【导出 Flash Player】对话框,如图 1-49 所示。 图 1-49 【导出 Flash Player】对话框(2)在这个对话框中可以设置导出影片的相关参数。这里我们不做改动,保持目前的默认参数。单击【确定】按钮,导出影片。导出的影片文件类型是播放文件,文件扩展名为 swf。5)关闭和打开影片文档 (1)单击影片文档窗口右上角的关闭按钮 ,关闭影片。(2)在“开始”页面,选择“打开最近项目”下的“打开”按钮,弹出“打开”对话框。在“查找范围”中定位到要打开影片文件所在的文件夹,选择要打开的影片文件(扩展名为 fla) 。单击“打开”按钮,这样就把影片文档打开了。(3)单击舞台上的文本对象。接着展开“滤镜”面板,单击“+”号按钮,在弹出的下拉菜单中选择“投影”滤镜。此时,舞台上文本对象产生了滤镜效果,如图 1-50 所示。图 1-50 设置文字滤镜效果(4)按下快捷键“Ctrl+S”保存文件。按下快捷键 “Ctrl+Enter”测试影片效果,我们得到一个具备阴影效果的文字特效。第二课 Flash 8.0 基础绘图工具在计算机绘图领域中,根据成图原理和绘制方法的不同,分为矢量图和位图两种类型。矢量图形是由一个个单独的点构成的,每一个点都有其各自的属性,如位置、颜色等。因此,矢量图与分辨率无关,对矢量图进行缩放时,图形对象仍保持原有的清晰度和光滑度,不会发生任何偏差,如图 2-0-1 所示是放大了 16 倍的矢量图效果。图 2-0-1 矢量图放大到 16 倍时依然清晰 图 2-0-2 位图放大 16 倍时模糊不清位图图像是由象素点构成的,象素点的多少将决定位图图像的显示质量和文件大小,位图图像的分辨率越高,其显示越清晰,文件所占的空间也就越大。因此,位图图像的清晰度与分辨率有关。对位图图像进行放大时,放大的只是象素点,位图图像的四周会出现锯齿状。如图 2-0-2 所示是放大了 16 倍的位图效果。在 Flash 动画制作过程中,会大量的运用到矢量图形。虽然有一系列的功能强大的专门矢量图制作软件,如 Corel 公司的 CorelDRAW 软件、Macromedia 公司的 FreeHand 软件和 Adobe 公司的 Illustrator 软件等,而运用 Flash 自身的矢量绘图功能将会更方便,更快捷。在这一章里,我们将通过 FLASH 基本绘图工具的学习,绘制出一些简单的矢量图。另外,Flash 也具备一定的位图处理能力,虽然比不上专业的位图处理软件,但是对于制作动画过程中需要对位图的一些简单除了,它还是能够胜任的。第一节 基本绘图工具(上)Flash 提供了各种工具来绘制自由形状或准确的线条、形状和路径,并可用来对填充对象涂色,如图 2-1-1 所示是 Flash 工具箱。 图 2-1-1 绘图工具面板我们将分两节来学习这些工具的使用方法。在本节里,我们学习线条工具、滴管工具、墨水瓶工具、箭头工具、刷子工具、任意变形工具、颜料桶等工具的基本用法。1.绘制和处理线条 【线条工具】是 Flash 中最简单的工具。现在我们就来画一条直线。鼠标单击【线条工具】 ,移动鼠标指针到舞台上,在你希望直线开始的地方按住鼠标拖动,到结束点松开鼠标,一条直线就画好了。【线条工具】能画出许多风格各异的线条来。打开【属性】面板,在其中,我们可以定义直线的颜色、粗细和样式,如图 2-1-2 所示。图 2-1-2 直线【属性】面板在图 2-1-2 所示的【属性】面板中,单击其中的【笔触颜色】按钮 ,会出现一个调色板对话框,同时光标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的 16 进制数值。颜色以#开头,如#99FF33,如图 2-1-3 所示。图 2-1-3 笔触调色板 图 2-1-4 【笔触样式】对话框现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮,会弹出一个【笔触样式】对话框,如图 2-1-4 所示。 为了方便观察,我们把粗细定为 3 象素(pts) ,选择不同的线型和颜色,来看看我们画出的线条,如图 2-1-5 所示。图 2-1-5 不同类型的线条试一试改变它的各项参数,会对你的绘图有很大帮助。【滴管工具】 和【墨水瓶工具】 可以很快地将一条直线的颜色样式套用到别的线条上。用【滴管工具】 单击上面的直线,看看【属性】面板,它显示的就是该直线的属性,而且工具也自动变成了【墨水瓶工具】,如图 2-1-6 所示。图 2-1-6 使用【滴管工具】选取线条属性使用【墨水瓶工具】 单击其它线条,看看什么结果:所有线条的属性都变成了和滴管工具选中的直线一样了。如果你需要更改这条直线的方向和长短,Flash 也为我们提供了一个很便捷的工具:【箭头工具】 。【箭头工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。单击选择【箭头工具】 ,然后移动鼠标指针到直线的端点处,指针右下角变成直角状 ,这时拖动鼠标可以改变直线的方向和长短,如图 2-1-7所示。 图 2-1-7 鼠标移到端点处 图 2-1-8 鼠标移到线条中间如果鼠标指针移动到线条中任意处,指针右下角会变成弧线状,拖动鼠标,可以将直线变成曲线。这是一个很有用处的功能,在我们鼠标绘图还不能随心所欲时,它可以帮助我们画出所需要的曲线,如图 2-1-8 所示。2.实例演练——画一片树叶现在我们就来实践一下,练习画一片树叶。打开 FALSH 软件,系统会自动建立一个 FLASH 文档,在这里我们不改变文档的属性,直接使用其默认值。(1)新建图形元件执行【插入】|【新建元件】命令,或者按快捷键 CTRL+F8,弹出创建新元件对话框,在【名称】文本对话框中输入元件名称“树叶” , 【行为】选择“图形” ,单击【确定】按钮,如图 2-1-9 所示。图 1-1-9 创建图形元件 图 2-1-10 “树叶”图形元件编辑场景这时工作区变为“树枝”元件的编辑状态,如图 2-1-10 所示。说明:图形元件是 Flash 的基本元素,有关它的详细内容请参阅第 4 章的有关内容。(2)绘制树叶图形在“树叶”图形元件编辑场景中,首先用【线条工具】画一条直线, 【笔触颜色】设置为深绿色,如图 2-1-11 所示。图 2-1-11 画直线 图 2-1-12 拉成曲线 图 2-1-13 连接两端 图 2-1-14 拉成曲线然后用【箭头工具】将它拉成曲线,如图 2-1-12 所示。再用 【线条工具】绘制一个直线,用这条直线连接曲线的两端点,如图 2-1-13 所示。用【箭头工具】将这条直线也拉成曲线,如图 2-1-14 所示。一片树叶的基本形状已经出来了,现在我们画叶脉,在两端点间画直线,然后拉成曲线,如图 2-1-15 和图 2-1-16 所示。 图 2-1-15 画叶脉线 图 2-1-16 直线变曲 图 2-1-17 完成效果图 图 2-1-18 被选取状态再画旁边的细小叶脉,可以全用直线,也可以略加弯曲,这样,一片简单的树叶就画好了,如图 2-1-17 所示。(3)编辑和修改树叶如果在画树叶的时候出现错误,比如说,画出的叶脉不是你所希望的样子,你可以执行【编辑】|【撤销】命令撤销前面一步的操作,也可以选择下面更简单的方法:用【箭头工具】单击你想要删除的直线,这条直线变成网点状,说明它已经被选取,你可以对它进行各种修改,如图 2-1-18 所示。要移动它,就按住鼠标拖动,要删除它,就直接按 DEL 键。按住 SHIFT 键连续单击线条,可以同时选取多个对象。如果要选取全部的线条,是否得按住 SHIFT 键挨个点击呢?不需要,我们用黑色箭头工具拉出一个选取框来,就可以将其全部选中了,如图 2-1-19 所示。图 2-1-19 框选对象 图 2-1-20 【颜色】选项 图 2-1-21 调色板说明:在一条直线上双击,也可以将和 这条直线相连并且颜 色、粗 细、样式相同的整个线条范围全部选取。 (4)给树叶上色接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗?如图 2-1-20 所示。单击【填充颜色】按钮 ,会出现一个调色板,同时光标变成吸管状,如图 2-1-21 所示。说明:你除了可以选择调色板中的颜色外, 还可以点选屏幕上任何地方吸取你所需要的 颜色。 如果你觉得调色板的颜色太少不够选,单击一下调色板右上角的【颜色选择器】按钮 ,会弹出一个【颜色】对话框,其中有更多的颜色选项,在这里,你能把选到的颜色添加到自定义颜色中,如图 2-1-22 所示。图 2-1-22 【颜色】对话框在【自定义颜色】选项下单击一个自定义色块,该色块会被虚线包围,在【颜色】对话框右边的【调色板】中单击你喜欢的颜色,上下拖动右边颜色条上的箭头,移到你需要的深浅度上,单击【添加到自定义颜色】按钮,这个色块就被你收藏起来了。下一次要使用时,打开这个【颜色】面板,在自定义色中可以方便的选取你中意的颜色。好了,现在我们在调色板里选取绿色,单击工具箱里【颜料桶工具】 ,在画好的叶子上单击一下,看看什么效果,如图 2-1-23 所示。图 2-1-23 填充颜色 图 2-1-24 填充色在封闭空间内 图 2-1-25 颜色填充后效果只有一小块颜色?原来,这个颜料桶只能在一个封闭的空间里填色。取消刚刚的填色,现在我们用【橡皮工具】将线条擦出一个缺口,再看效果,如图 2-1-24 所示。你看,残缺线条的两边都填上了颜色。好,我们还是一块一块的填上颜色吧。但是在填充颜色前,你一定要将树叶图形恢复到使用【橡皮工具】擦除操作前的模样哦。这时,你可能会想,如果我们刚才先填充颜色再画叶脉就省事多了。是的,你想得一点没错!没关系,随着操作的增加,我们的经验会越来越丰富的。最后填充完的效果如图 2-1-25 所示。至此,一个树叶图形就绘制好了。请你执行【窗口】|【库】命令,打开【库】面板,你将发现【库】面板中出现一个“树叶”图形元件,如图 2-1-26 所示。图 2-1-26 【库】面板中的“树叶“图形元件说明:【库】面板是存储 Flash 元件的场所,我们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里,这里的元件可以拖放到场景中重复使用。有关【库】面板的详细内容请你参阅第 4 章的相关内容。(5) 【颜料桶工具】选项单击【颜料桶工具】后,在工具箱下边的【选项】里有四个选项,可以根据自己的需要来确定,读者可以自己试一下,如图 2-1-26 所示。图 2-1-26 颜料桶工具选项 图 2-1-27 刷子工具选项 图 2-1-28 刷子的填色模式说明:【颜料桶工具】是对某一区域进行单色、渐变色或位图进行填充,注意不能作用于线条。选择【颜料桶工具】后,在【工具箱】下边的【选项】中单击【空隙大小】按钮,会弹出四个选项,如图 1-2-11 所示。其中,【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充;【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充;【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充;【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在 Flash 中,即使中大缺口,值也是很小的,所在要对大的不封闭区域填充颜色,一般用笔刷。 3.【刷子工具】的用法【刷子工具】 可以随意地画色块。当你单击工具箱中的【刷子工具】后,工具箱下边就会显示它的【选项】 ,我们先看看它的【选项】 ,如图 2-1-27 所示。在这里,我们可以选定画笔的大小和样式以及它的填色模式。读者可以自己选取不同的大小和样式练习练习,先找一找感觉。下面我们利用刚刚画成的树叶来详细讲解它的填色模式。在图 2-1-27 所示的【选项】下单击【填充模式】按钮,则弹出填充模式下拉列表,如图 2-1-28 所示。(1)标准绘画选择【刷子工具】 ,并将【填充颜色】设置为黄色,当然也可以是其它色。先选择【标准绘画】模式,移动笔刷(当选择了【刷子工具】后,鼠标指针就变为刷子形状)到舞台的树叶图形上,拖动鼠标在叶子上乱抹几下,观察一下效果,如图 2-1-29 所示。图 2-1-29 标准绘画模式 图 2-1-30 颜料填充模式 图 2-1-31 后面绘画模式你能发现,不管是线条还是填色范围,只要是画笔经过的地方,都变成了画笔的颜色。(2)颜料填充选择【颜料填充】模式,它只影响了填色的内容,不会遮盖住线条,如图 2-1-30 所示。(3)后面绘画选择【后面绘画】模式,无论你怎么画,它都在图像的后方,不会影响前景图像,如图 2-1-3 所示。(4)颜料选择选择【颜料选择】模式,你先用画笔抹几下,好象丝毫不起作用。这是因为我们没有选择范围。用【箭头工具】选中叶片的一块,再使用画笔,你看,颜色就上去了,如图 2-1-32 所示。图 2-1-32 颜料选择模式 图 2-1-33 内部绘画模式(5)内部绘画选择【内部绘画】模式,在绘画时,画笔的起点必须是在轮廓线以内,而且画笔的范围也只作用在轮廓线以内,如图 2-1-33 所示。4.画一个树枝现在我们要把这孤零零的一片树叶组合成树枝。你想一想,如果用这么一模一样的树叶,要把它组成树枝,是不是很难看呢?Flash 为我们提供了一个很好的工具:【任意变形工具】 。利用【任意变形工具】我们可以将前面绘制的那个树叶改变成需要的形状。【任意变形工具】可以旋转缩放元件,也可以对图形对象进行扭曲、封套变形。当你在工具箱中选择【任意变形工具】后,工具箱的下边就会出现相应的【选项】 ,如图 2-1-34 所示。图 2-1-34 任意变形工具选项说明:【任意变形工具】的【选项】中共包括 5 个按钮,从上向下依次是:【对齐对象】、 【旋转与倾斜】、 【缩放】、 【扭曲】和【封套】。你可以用鼠标指向这 些按钮,相 应的按钮功能就会 显示出来。另外,当你 选择了【任意变形工具】后, 【选项】中的按钮并不是马上都被激活,除了 【对齐对象】按钮,其他按钮都是灰色显示,只有你在场景中选择了具体的对象以后,其他 4 个按钮才变成可用状 态。(1)旋转树叶选择【任意变形工具】后,单击舞台上的树叶,这时树叶被一个方框包围着,中间有一个小圆圈,这就是变形点,当我们进行缩放旋转时,就以它为中心,如图 2-1-35 所示。图 2-1-35 变形点 图 2-1-36 选取变形点 图 2-1-37 拖动变形点到叶柄处 这个点是可以移动的。将光标移近它,光标下面会多了一个圆圈,按住鼠标拖动,将它拖到叶柄处,我们需要它绕叶柄旋转,如图 2-1-36 和图 2-1-37 所示。再把鼠标指针移到方框的右上角,鼠标变成状圆弧状 ,表示这时就可以进行旋转了。向下拖动鼠标,叶子绕控制点旋转,到合适位置松开鼠标,效果如图 2-1-38 所示。 图 2-1-38 旋转后的树叶 图 2-1-39 复制树叶 图 2-1-40 缩放对象(2)复制树叶用【箭头工具】单击舞台上的树叶图形,执行【编辑】|【复制】命令,然后再执行【编辑】|【粘贴】命令,这样就复制得到一个同样的树叶,如图 2-1-39 所示。(3)变形树叶将粘帖好的树叶拖到旁边,再用【任意变形工具】进行旋转。使用【任意变形工具】时,也可以象使用【箭头工具】一样移动树叶的位置。拖动任一角上的缩放手柄,可以将对象放大或缩小。拖动中间的手柄,可以在垂直和水平方向上放大缩小,甚至翻转对象。请你将树叶适当变形,如图 2-1-40 所示。说明:【任意变形工具】的各项功能也可以使用菜单栏中【修改】|【变形】命令来实现,如 图 2-1-41 所示。图 2-1-41 变形命令(4)创建“三片树叶”图形元件再复制一张树叶出来,我们用【任意变形工具】将三片树叶调整成如图 2-1-42 所示形状。在调整过程中请注意,当调整效果不满意时,也许你的树叶已经不在选取状态,有时要重新选取整片树叶范围很困难,这就需要多使用编辑撤销,以恢复选取状态。图 2-1-42 树叶组合如图 2-1-42 所示的三片树叶图形创建好以后,将它们全部选中,然后执行【修改】|【转换为元件】命令,将它们转换为名字为“三片树叶”的图形元件。(5)绘制树枝请注意,以上的绘图操作我们都是在“树叶”编辑场景完成的,现在我们返回到主场景【场景 1】 。请你单击时间轴右上角的【场景 1】按钮,如图 2-1-43 所示。图 2-1-43 切换到【场景 1】 图 2-1-44 画出树枝单击【刷子工具】 ,选择【画笔形状】为圆形,大小自定,选择【后面绘画】模式,移动鼠标指针到场景中,画出树枝形状,如图 2-1-44 所示。(6)组合树叶和树枝执行【窗口】|【库】命令,或者使用快捷键 CTRL+L,打开【库】面板,你可以看到, 【库】面板中出现两个图形元件,这两个图形元件就是我们前面绘制的“树叶”图形元件和“三片树叶”图形元件,如图 2-1-45 所示。图 2-1-45 元件库 图 2-1-46 完成后的树枝效果单击“树叶”图形元件,将其拖放到场景的树枝图形上,用【任意变形工具】进行调整。元件【库】里的元件可以重复使用,你只要改变它的长短大小方向就能表现出纷繁复杂的效果来,完成效果如图 2-1-46 所示。第三课 情人节贺卡本节要制作一个综合范例――情人节贺卡。在这个范例的制作过程中会使用前面学习的很多绘图工具,并且讲解一些新的绘图方法和技巧。另外,由于这个范例图形比较复杂,我们还使用了“图形元件”这个对象类型,利用“图形元件”可以更加方便的制作复杂图形。范例最终效果如图 2-105 所示。图 2-105 情人节贺卡1. 绘制“烛焰”元件 (1)新建一个 Flash8 影片文档。设置舞台背景颜色为蓝色,其他保持默认设置。(2)执行【插入】|【新建元件 】命令,或者按快捷键 Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛焰” ,选择【行为】为【图形】 。如图 2-106 所示。图 2-106 新建图形元件(3)单击“确定”按钮,进入到“烛焰”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】调整,如图 2-107 所示。图 2-107 绘制烛焰边框 图 2-108 混色器设置(4)执行【窗口】|【混色器 】命令,填充样式设为放射状。在渐变条上将左边色标设置为白色,并拖动到偏右方以加大白色在整个渐变色中的比例。将右边色标设置为黄色,如图 2-108 所示。(5)将场景中的图形填充渐变色后,烛焰的色彩并不尽如人意,需要使用【填充变形工具】进行调整。选择【填充变形工具】单击填充色,会出现一个边上带有三个手柄的环形边框。我们用鼠标分别按住中心的圆圈或边上的手柄里推外拉、上下左右的进行调整,现在将烛焰的颜色调整为上下略带一点黄色,上边黄色略多,如图 2-109 所示。图 2-109 调整填充色 图 2-110 绘制烛身元件2. 绘制“烛身”元件 (1)执行【插入】|【新建元件 】命令,或者按快捷键 Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛身” ,选择【行为】为【图形】 。(2)单击“确定”按钮,进入到“烛身”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】略加调整,并使用【任意变形工具】进行旋转,如图 2-110 所示。(3)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色标设置为黄色(#F5DD38) ,并拖动到偏右方;将右边色标设置为红色(#F76648) ,如图 2-111 所示。图 2-111 设置填充色 图 2-112 调整填充色(4)填充渐变色后,使用【填充变形工具】调整,如图 2-112 所示。(5)为使烛身更漂亮,在刚刚作好的图形旁边画一个无边框的椭圆,颜色填充设置如图 2-113 所示。左边色标设置为#F76648,右边色标设置为#F5DD38。图 2-113 设置填充色 图 2-114 绘制椭圆(6)椭圆画好后用【任意变形工具】调整倾斜,如图 2-114 所示。图 2-115 调整椭圆位置 图 2-116 绘制高光(7)使用【选择工具】将画好的椭圆拖放到烛身上,如图 2-115 所示。(8)选择【刷子工具】,在选项中将刷子大小选择略小一点的笔刷,填充色设为淡黄色,在烛身上添加高光,删除边框线条,完成烛身元件造型。如图 2-116 所示。3. 绘制“烛光”元件 (1)执行【插入】|【新建元件 】命令,或者按快捷键 Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛光” ,选择【行为】为【图形】 。(2)单击“确定”按钮,进入到“烛光”元件的编辑场景。打开【混色器】面板,填充样式设为放射状。将鼠标移近渐变条,当鼠标指针右下角出现一个加号 时,单击鼠标,在渐变条上增加一个色标。将左边色标设置为黄色,并稍向右移;中间色标为红色;右边色标为白色,为使光焰呈模糊虚幻而不突兀,将右边白色色标的 Alpha 值调整为零,如图 2-117 所示。图 2-117 设置填充色 图 2-118 绘制无边框正圆 图 2-119 收缩变形(3)使用【椭圆工具】绘制一个无边框的正圆,如图 2-118 所示。(4)使用【任意变形工具】将其纵向收缩。如图 2-119 所示。4. 组装“蜡烛”元件 (1)新建一个名字为“蜡烛”的图形元件。进入到这个元件的编辑场景中。(2) “蜡烛”元件共分三层。先制作烛身层。双击时间轴上“图层 1”,将“图层 1”改名为“烛身” 。如图 2-120 所示。图 2-120 修改图层名(3)按 Ctrl+L 组合键打开【库】面板,将“烛身”元件拖放到舞台上。选中该元件按住 Alt 键向下拖放进行复制,如图 2-121 所示。图 2-121 复制烛身元件 图 2-122 对齐元件 图
展开阅读全文
  微传网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
0条评论

还可以输入200字符

暂无评论,赶快抢占沙发吧。

关于本文
本文标题:Flash8.0__基础与实例教程.doc
链接地址:https://www.weizhuannet.com/p-9828503.html
微传网是一个办公文档、学习资料下载的在线文档分享平台!

网站资源均来自网络,如有侵权,请联系客服删除!

 网站客服QQ:80879498  会员QQ群:727456886

copyright@ 2018-2028 微传网络工作室版权所有

     经营许可证编号:冀ICP备18006529号-1 ,公安局备案号:13028102000124

收起
展开