Flash80基础与实例教程.doc

上传人:本田雅阁 文档编号:2509463 上传时间:2019-04-04 格式:DOC 页数:144 大小:14.14MB
返回 下载 相关 举报
Flash80基础与实例教程.doc_第1页
第1页 / 共144页
Flash80基础与实例教程.doc_第2页
第2页 / 共144页
Flash80基础与实例教程.doc_第3页
第3页 / 共144页
Flash80基础与实例教程.doc_第4页
第4页 / 共144页
Flash80基础与实例教程.doc_第5页
第5页 / 共144页
点击查看更多>>
资源描述

《Flash80基础与实例教程.doc》由会员分享,可在线阅读,更多相关《Flash80基础与实例教程.doc(144页珍藏版)》请在三一文库上搜索。

1、Flash8基础与实例教程第一课 Flash8工作环境3第一节 工作环境简介3第二节 面板5第三节 范例简介71.2.2 制作步骤7第二课Flash 8.0基础绘图工具91绘制和处理线条102实例演练画一片树叶123【刷子工具】的用法154画一个树枝16第三课 情人节贺卡191. 绘制“烛焰”元件192. 绘制“烛身”元件203. 绘制“烛光”元件214. 组装“蜡烛”元件225. 绘制“心”元件236. 绘制“珍珠”元件257. 制作“项链”元件268. 制作“情人节”元件269. 完成整个画面制作27第四课 逐帧动画281逐帧动画的概念和在时间帧上的表现形式282创建逐帧动画的几种方法28

2、3绘图纸功能284奔跑的豹子29第五课 形状补间动画321形状补间动画的概念322认识形状补间动画的属性面板32实例:庆祝国庆33使用形状提示36实例:添加形状提示练习37第六课 动作补间动画381动作补间动画的概念382认识动作补间动画的属性面板39实例:网站Banner39第七课 遮罩动画431遮罩动画的概念432创建遮罩的方法433应用遮罩时的技巧44实例:红星闪闪44第八课 引导路径动画481创建引导路径动画的方法482应用引导路径动画的技巧48实例:海底世界49第九课 自定义缓入/缓出动画范例逼真弹跳的球53第十课 按钮元件57影片剪辑在按钮元件中的应用范例放电按钮57第十一课 在F

3、lash中应用声音591. 将声音导入Flash592. 引用声音603. 声音属性设置和编辑604. 给按钮加上声效625. 压缩声音63第十二课 在Flash中应用视频643.13.1 支持的视频类型643.13.2 导入视频653.13.3 渐进式下载播放外部视频683.13.4 导出FLV视频文件71第十三课 行为和行为面板71第十五课 滤镜应用范例水波荡漾81第十五课 混合模式应用范例动画片头83第十六课 时间轴特效应用范例满天花雨89第十七课 综合应用范例幻彩图片9117.1 导入图片并制作元件9117.2 用“复制到网格”时间轴特效制作百页窗元件9217.3 用混合模式制作图片颜

4、色变化效果9217.4 用滤镜制作边框93第一课 Flash8工作环境Flash以便捷、完美、舒适的动画编辑环境,深受广大动画制作爱好者的喜爱,在制作动画之前,先对工作环境进行介绍,包括一些基本的操作方法和工作环境的组织和安排。 第一节 工作环境简介1开始页 运行Flash 8,首先映入眼帘的是“开始页”,“开始页”将常用的任务都集中放在一个页面中,包括“打开最近项目”、“创建新项目”、“从模板创建”、“扩展”以及对官方资源的快速访问。如图1-10所示。 图 1-10 开始页如果要隐藏“开始页”,可以单击选择“不再显示此对话框”,然后在弹出的对话框单击“确定”按钮。 如果要再次显示开始页,可以

5、通过选择“编辑”|“首选参数”命令,打开“首选参数”对话框,然后在“常规”类别中设置“启动时”选项为“显示开始页”即可。 2工作窗口在“开始页”,选择“创建新项目”下的“Flash文档”,这样就启动Flash8的工作窗口并新建一个影片文档。如图1-11所示。图1-11 Flash 8的工作窗口Flash 8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。 窗口最上方的是“标题栏”,自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。 “标题栏”下方是“菜单栏”,在其下拉菜单中提供了几乎所有的Flash 8.0命令项,通

6、过执行它们可以满足用户的不同需求。 “菜单拦”下方是“主工具栏”,通过它可以快捷的使用Flash 8.0的控制命令。 “主工具栏”的下方是“文档选项卡”,主要用于切换当前要编辑的文档,其右侧是文档控制按钮。在“文档选项卡”上右击,还可以在弹出的快捷菜单中使用常用的文件控制命令。如图1-12所示。 图1-12 文档选项卡“文档选项卡”下方是“编辑栏”,可以用于“时间轴”的隐藏或显示、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。如图1-13所示。 “编辑栏”下方是“时间轴”,用于组织和控制文档内容在一定时间内播放的图层数和帧数。 时间轴左侧是图层,图层就像堆叠在一起的多张幻灯胶片一样,在

7、舞台上一层层地向上叠加。如果上面一个图层上没有内容,那么就可以透过它看到下面的图层。 Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型,为了便于图层的管理,用户还可以使用图层文件夹。 1-13 时间轴“时间轴”下方是“工作区”和“舞台”。Flash 8扩展了舞台的工作区,可以在上面存储更多的项目。舞台是放置动画内容的矩形区域,这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图1-14所示。 图1-14 舞台工作时根据需要可以改变“舞台“显示的比例大小,可以在“时间轴”右上角的“显示比例”中设置显示比例,最小比例为8%,最大比例为2000%,在下拉菜单中有三个选项,

8、【符合窗口大小】选项用来自动调节到最合适的舞台比例大小;【显示帧】选项可以显示当前帧的内容;【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素,如图1-15所示。图1-15 舞台显示比例 选择工具箱中的【手形工具】,在舞台上拖动鼠标可平移舞台;选择【缩放工具】,在舞台上单击可放大或缩放舞台的显示;选择【缩放工具】后,在工具箱的【选项】下会显示出两个按钮,分别为【放大】和【缩小】,分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换,如图1-16所示。选择选择【缩放工具】后,按住键盘上的Alt键,单击舞台,可快捷缩小视图。 图1-15 工具箱 图1-16 缩放工具的选项窗口左侧是功

9、能强大的“工具箱”,它是Flash中最常用到的一个面板,由“工具”、“查看”、“颜色”和“选项”四部分组成。如图1-15所示。 多个“面板”围绕在“舞台”的下面和右面,包括常用的【动作】面板、【属性】/【滤镜】/【参数】面板组,还有【颜色】面板组和【库】面板等。 面板是Flash工作窗口中最重要的操作对象,下面我们逐一进行介绍(这里只节选了部分重点内容,详细内容请看中文版Flash8基础与实例教程(职业版)。 第二节 面板1面板的基本操作 (1)打开面板 可以通过选择“窗口”菜单中的相应命令打开指定面板。 (2)关闭面板 在已经打开的面板标题栏上右击,然后在快捷菜单中选择“关闭面板组”命令即可

10、。 (3)重组面板 在已经打开的面板标题栏上右击,然后在快捷菜单中选择“将面板组合至”某个面板中即可。 (4)重命名面板组 在面板组标题栏上右击,然后在快捷菜单中选择“重命名面板组”命令,打开“重命名面板组”对话框。在定义完“名称”后,单击“确定”按钮即可。 如果不指定面板组名称,各个面板会依次排列在同一标题栏上。 (5)折叠或展开面板 单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。再次单击即可展开。 (6)移动面板 可以通过拖动标题栏左侧的控点移动面板位置或者将固定面板移动为浮动面板。 (7)恢复默认布局 可以通过选择“窗口”菜单中的“工作区布局”|“默认”命令即可。 2“帮助”

11、面板 “帮助”面板包含了大量信息和资源,对Flash的所有创作功能和ActionScript语言进行了详尽的说明。“帮助”面板可以随时对软件的使用或动作脚本语法进行查询,使用户更好地使用软件的各种功能。如图1-16所示。 图1-16 “帮助”面板 如果从未使用过Flash,或者只使用过有限的一部分功能,可以从“Flash入门”选项开始学习。在其上方有一组快速访问的工具按钮,在文本框中输入词条或短语,然后单击“搜索”按钮,包含该词条或短语的主题列表即会显示出来。单击“更新”按钮,可获得新的信息。如果有新的信息提示,确认连接到Internet,可按照说明下载帮助系统。 3“动作”面板 “动作”面板

12、可以创建和编辑对象或帧的ActionScript代码,主要由“动作工具箱”、“脚本导航器”和“脚本”窗格组成。如图1-17所示。关于此面板的详细应用,我们会在后面的章节中具体讲解。 图1-17 “动作”面板 4“属性”面板 使用【属性】面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性,从而加快了Flash文档的创建过程。如图1-18所示。 当选定对象不同时,“属性”面板中会出现不同的设置参数,针对此面板的使用在后面的章节里会陆续介绍。 图1-18 “属性”面板 5“滤镜”面板 Flash8新增了功能,从而大大增强了其设计方面的能力。这项新特性对制作Flash动画产生了便利和巨大影响。

13、它们几乎颠覆了长期以来,对Flash设计能力欠缺的固有偏见,使大家不得不对其刮目相。默认情况下,“滤镜”面板和【属性】面板、“参数”面板组成一个面板组。如图1-19所示。针对此面板的使用在后面的章节里会详细介绍。 图1-19 “滤镜”面板 第三节 Flash8.0新功能介绍 一、影片文档的基本操作投影滤镜文字特效对于初步接触Flash8的读者来说,掌握Flash8制作动画的工作流程,掌握Flash影片文档的基本操作方法是最迫切的一个要求。1. 范例简介本例利用投影滤镜制作一个阴影文字特效,通过这个阴影文字特效的制作过程,让读者了解Flash8制作动画的整体过程。范例效果如图1-45所示。图1-

14、45 范例效果通过本例的学习,读者主要可以掌握如何新建Flash8影片文档,如何设置文档属性,如何保存文件,如何测试影片,如何导出影片,如何打开文件,如何修改文件,如何输入文本,如何设置文本的滤镜效果以及认识Flash8工作环境,认识Flash所产生的文件类型等。2、 制作步骤1)新建影片文档和设置文档属性 (1)启动Flash8,出现“开始页”, 选择“创建新项目”下的“Flash文档”,这样就启动Flash8的工作窗口并新建一个影片文档。 (2)展开“属性”面板,单击“大小”右边的“文档属性”按钮,弹出“文档属性”对话框。(3)在“标题”文本框中输入“文字效果”,在“描述”列表框中输入对影

15、片的简单描述,设置“尺寸”为300200像素,设置“背景颜色”为浅蓝色,其他保持默认,如图1-46所示。图1-46 “文档属性”对话框“文档属性”对话框中参数的含义: “标题”:设置文档的标题。 “描述”:对创建的影片做一些简单的描述。 “尺寸”:舞台的尺寸最小可设定成宽1px(像素)、高1px(像素),最大可设定成宽2880px(像素)、高2880px(像素)。另外,系统默认的尺寸单位是px(像素),可以自行输入“cm(厘米)”、“mm(毫米)”和“in(英寸)”等单位的数值,也可以在“标尺单位”中选择。 “匹配”|“打印机”:匹配打印机,让底稿的大小与打印机的打印范围相同。 “匹配”|“内

16、容”:匹配内容,将底稿缩放成和画面上的对象大小一样。 “匹配”|“默认”:使用默认值。 “背景颜色”:设置舞台的背景颜色。 “帧频”:默认的是12fps。这个速度很适合在网络上播放,一般情况下我们都保持这个帧频。在设计一些特殊效果的课件时,可以更改这个数值,数值越大动画的播放速度越快。 “标尺单位”:标尺是显示在场景周围的辅助工具,以标尺为参照可以使我们绘制的图形更精确。在这里可以设置标尺的单位。 “设为默认值”:将所有设定存成默认值,下次当再开启新的影片文档时,影片的舞台大小和背景颜色会自动调整成这次设定的值。 2)创建文字 (1)在“工具箱”中选择“文本工具”。在“属性”面板中,设置“字体

17、”为黑体,“字体大小”为45,“文本颜色”为白色,文字加粗显示,其他属性保持默认。(2)将鼠标移向舞台上单击,在出现的文本输入框中输入“基础与实例”。(3)在“工具箱”中选择“选择工具”,拖动文字到舞台中央位置。效果如图1-47所示。图1-47 创建文本对象3)保存和测试影片 (1)选择“文件”|“保存”命令(快捷键Ctrl+S),弹出【另存为】对话框,指定影片保存的文件夹,输入文件名,单击【保存】按钮。这样我们就将影片文档保存起来了,文件的扩展名是fla。注意:为了安全,在动画制作过程中要经常保存文件。按Ctrl+S键,可以快速保存文件。 (2)选择“控制”|“测试影片”命令(快捷键Ctrl

18、+Enter),弹出测试窗口,在窗口中可以观察到影片的效果,并且还可以对影片进行调试。关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。(3)打开“资源管理器”窗口,定位在影片文档保存的文件夹,可以观察到两个文件,如图1-48所示。左边是影片文档源文件(扩展名是fla),也就是第(1)步保存的文件。右边是影片播放文件(扩展名是swf),也就是第(2)步测试影片时自动产生的文件。直接双击影片播放文件可以在Flash播放器中播放动画。图1-48 文档类型4)导出影片 (1)选择“文件”|“导出”|“导出影片”命令,弹出“导出影片”对话框,指定导出影片的文件夹,输入导出影片文件名,单击“保存”按

19、钮, 弹出【导出Flash Player】对话框,如图1-49所示。 图1-49 【导出Flash Player】对话框(2)在这个对话框中可以设置导出影片的相关参数。这里我们不做改动,保持目前的默认参数。单击【确定】按钮,导出影片。导出的影片文件类型是播放文件,文件扩展名为swf。5)关闭和打开影片文档 (1)单击影片文档窗口右上角的关闭按钮,关闭影片。(2)在“开始”页面,选择“打开最近项目”下的“打开”按钮,弹出“打开”对话框。在“查找范围”中定位到要打开影片文件所在的文件夹,选择要打开的影片文件(扩展名为fla)。单击“打开”按钮,这样就把影片文档打开了。(3)单击舞台上的文本对象。接

20、着展开“滤镜”面板,单击“”号按钮,在弹出的下拉菜单中选择“投影”滤镜。此时,舞台上文本对象产生了滤镜效果,如图1-50所示。图1-50 设置文字滤镜效果(4)按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果,我们得到一个具备阴影效果的文字特效。第二课Flash 8.0基础绘图工具在计算机绘图领域中,根据成图原理和绘制方法的不同,分为矢量图和位图两种类型。矢量图形是由一个个单独的点构成的,每一个点都有其各自的属性,如位置、颜色等。因此,矢量图与分辨率无关,对矢量图进行缩放时,图形对象仍保持原有的清晰度和光滑度,不会发生任何偏差,如图2-0-1所示是放大了16倍

21、的矢量图效果。 图2-0-1 矢量图放大到16倍时依然清晰 图2-0-2 位图放大16倍时模糊不清位图图像是由象素点构成的,象素点的多少将决定位图图像的显示质量和文件大小,位图图像的分辨率越高,其显示越清晰,文件所占的空间也就越大。因此,位图图像的清晰度与分辨率有关。对位图图像进行放大时,放大的只是象素点,位图图像的四周会出现锯齿状。如图2-0-2所示是放大了16倍的位图效果。在Flash动画制作过程中,会大量的运用到矢量图形。虽然有一系列的功能强大的专门矢量图制作软件,如Corel公司的CorelDRAW 软件、Macromedia公司的FreeHand软件和 Adobe公司的 Illust

22、rator软件等,而运用Flash自身的矢量绘图功能将会更方便,更快捷。在这一章里,我们将通过FLASH基本绘图工具的学习,绘制出一些简单的矢量图。另外,Flash也具备一定的位图处理能力,虽然比不上专业的位图处理软件,但是对于制作动画过程中需要对位图的一些简单除了,它还是能够胜任的。第一节 基本绘图工具(上)Flash 提供了各种工具来绘制自由形状或准确的线条、形状和路径,并可用来对填充对象涂色,如图2-1-1所示是Flash工具箱。 图2-1-1 绘图工具面板我们将分两节来学习这些工具的使用方法。在本节里,我们学习线条工具、滴管工具、墨水瓶工具、箭头工具、刷子工具、任意变形工具、颜料桶等工

23、具的基本用法。1绘制和处理线条 【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。鼠标单击【线条工具】,移动鼠标指针到舞台上,在你希望直线开始的地方按住鼠标拖动,到结束点松开鼠标,一条直线就画好了。【线条工具】能画出许多风格各异的线条来。打开【属性】面板,在其中,我们可以定义直线的颜色、粗细和样式,如图2-1-2所示。图2-1-2 直线【属性】面板在图2-1-2所示的【属性】面板中,单击其中的【笔触颜色】按钮,会出现一个调色板对话框,同时光标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值。颜色以#开头,如#99FF33,如图2-1-3所示。 图2-1-3

24、笔触调色板 图2-1-4 【笔触样式】对话框现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮,会弹出一个【笔触样式】对话框,如图2-1-4所示。为了方便观察,我们把粗细定为3象素(pts),选择不同的线型和颜色,来看看我们画出的线条,如图2-1-5所示。图2-1-5 不同类型的线条试一试改变它的各项参数,会对你的绘图有很大帮助。【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的线条上。用【滴管工具】单击上面的直线,看看【属性】面板,它显示的就是该直线的属性,而且工具也自动变成了【墨水瓶工具】,如图2-1-6所示。图2-1-6 使用【滴管工具】选取线条属性使用【墨水

25、瓶工具】单击其它线条,看看什么结果:所有线条的属性都变成了和滴管工具选中的直线一样了。如果你需要更改这条直线的方向和长短,Flash也为我们提供了一个很便捷的工具:【箭头工具】。【箭头工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。单击选择【箭头工具】,然后移动鼠标指针到直线的端点处,指针右下角变成直角状,这时拖动鼠标可以改变直线的方向和长短,如图2-1-7所示。 图2-1-7 鼠标移到端点处 图2-1-8 鼠标移到线条中间如果鼠标指针移动到线条中任意处,指针右下角会变成弧线状,拖动鼠标,可以将直线变成曲线。这是一个很有用处的功能,在我们鼠标绘图还不能随心所欲时,它可以帮助我们画出

26、所需要的曲线,如图2-1-8所示。 2实例演练画一片树叶现在我们就来实践一下,练习画一片树叶。打开FALSH软件,系统会自动建立一个FLASH文档,在这里我们不改变文档的属性,直接使用其默认值。(1)新建图形元件执行【插入】|【新建元件】命令,或者按快捷键CTRL+F8,弹出创建新元件对话框,在【名称】文本对话框中输入元件名称“树叶”,【行为】选择“图形”,单击【确定】按钮,如图2-1-9所示。 图1-1-9 创建图形元件 图2-1-10 “树叶”图形元件编辑场景这时工作区变为“树枝”元件的编辑状态,如图2-1-10所示。说明:图形元件是Flash的基本元素,有关它的详细内容请参阅第4章的有关

27、内容。(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-

28、1-17 完成效果图 图2-1-18 被选取状态再画旁边的细小叶脉,可以全用直线,也可以略加弯曲,这样,一片简单的树叶就画好了,如图2-1-17所示。(3)编辑和修改树叶如果在画树叶的时候出现错误,比如说,画出的叶脉不是你所希望的样子,你可以执行【编辑】|【撤销】命令撤销前面一步的操作,也可以选择下面更简单的方法:用【箭头工具】单击你想要删除的直线,这条直线变成网点状,说明它已经被选取,你可以对它进行各种修改,如图2-1-18所示。要移动它,就按住鼠标拖动,要删除它,就直接按DEL键。按住SHIFT键连续单击线条,可以同时选取多个对象。如果要选取全部的线条,是否得按住SHIFT键挨个点击呢?不

29、需要,我们用黑色箭头工具拉出一个选取框来,就可以将其全部选中了,如图2-1-19所示。 图2-1-19 框选对象 图2-1-20 【颜色】选项 图2-1-21 调色板说明:在一条直线上双击,也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取。 (4)给树叶上色接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗?如图2-1-20所示。单击【填充颜色】按钮,会出现一个调色板,同时光标变成吸管状,如图2-1-21所示。说明:你除了可以选择调色板中的颜色外,还可以点选屏幕上任何地方吸取你所需要的颜色。 如果你觉得调色板的颜色太少不够选,单击一下调色板右上角的【颜色选择

30、器】按钮,会弹出一个【颜色】对话框,其中有更多的颜色选项,在这里,你能把选到的颜色添加到自定义颜色中,如图2-1-22所示。图2-1-22 【颜色】对话框在【自定义颜色】选项下单击一个自定义色块,该色块会被虚线包围,在【颜色】对话框右边的【调色板】中单击你喜欢的颜色,上下拖动右边颜色条上的箭头,移到你需要的深浅度上,单击【添加到自定义颜色】按钮,这个色块就被你收藏起来了。下一次要使用时,打开这个【颜色】面板,在自定义色中可以方便的选取你中意的颜色。好了,现在我们在调色板里选取绿色,单击工具箱里【颜料桶工具】,在画好的叶子上单击一下,看看什么效果,如图2-1-23所示。 图2-1-23 填充颜色

31、 图2-1-24 填充色在封闭空间内 图2-1-25 颜色填充后效果只有一小块颜色?原来,这个颜料桶只能在一个封闭的空间里填色。取消刚刚的填色,现在我们用【橡皮工具】将线条擦出一个缺口,再看效果,如图2-1-24所示。你看,残缺线条的两边都填上了颜色。好,我们还是一块一块的填上颜色吧。但是在填充颜色前,你一定要将树叶图形恢复到使用【橡皮工具】擦除操作前的模样哦。这时,你可能会想,如果我们刚才先填充颜色再画叶脉就省事多了。是的,你想得一点没错!没关系,随着操作的增加,我们的经验会越来越丰富的。最后填充完的效果如图2-1-25所示。至此,一个树叶图形就绘制好了。请你执行【窗口】|【库】命令,打开【

32、库】面板,你将发现【库】面板中出现一个“树叶”图形元件,如图2-1-26所示。图2-1-26 【库】面板中的“树叶“图形元件说明:【库】面板是存储Flash元件的场所,我们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里,这里的元件可以拖放到场景中重复使用。有关【库】面板的详细内容请你参阅第4章的相关内容。(5)【颜料桶工具】选项单击【颜料桶工具】后,在工具箱下边的【选项】里有四个选项,可以根据自己的需要来确定,读者可以自己试一下,如图2-1-26所示。 图2-1-26 颜料桶工具选项 图2-1-27刷子工具选项 图2-1-28 刷子的填色模式说明:【颜料桶工具】是对某一区域进行单

33、色、渐变色或位图进行填充,注意不能作用于线条。选择【颜料桶工具】后,在【工具箱】下边的【选项】中单击【空隙大小】按钮,会弹出四个选项,如图1-2-11所示。其中,【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充;【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充;【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充;【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在Flash中,即使中大缺口,值也是很小的,所在要对大的不封闭区域填充颜色,一般用笔刷。 3【刷子工具】的用法【刷子工具】可以随意地画色块。当你单击工具箱中的【刷子工具】后,工具箱下边就会显示

34、它的【选项】,我们先看看它的【选项】,如图2-1-27所示。在这里,我们可以选定画笔的大小和样式以及它的填色模式。读者可以自己选取不同的大小和样式练习练习,先找一找感觉。下面我们利用刚刚画成的树叶来详细讲解它的填色模式。在图2-1-27所示的【选项】下单击【填充模式】按钮,则弹出填充模式下拉列表,如图2-1-28所示。(1)标准绘画选择【刷子工具】,并将【填充颜色】设置为黄色,当然也可以是其它色。先选择【标准绘画】模式,移动笔刷(当选择了【刷子工具】后,鼠标指针就变为刷子形状)到舞台的树叶图形上,拖动鼠标在叶子上乱抹几下,观察一下效果,如图2-1-29所示。 图2-1-29 标准绘画模式 图2

35、-1-30 颜料填充模式 图2-1-31 后面绘画模式你能发现,不管是线条还是填色范围,只要是画笔经过的地方,都变成了画笔的颜色。(2)颜料填充选择【颜料填充】模式,它只影响了填色的内容,不会遮盖住线条,如图2-1-30所示。(3)后面绘画选择【后面绘画】模式,无论你怎么画,它都在图像的后方,不会影响前景图像,如图2-1-3所示。(4)颜料选择选择【颜料选择】模式,你先用画笔抹几下,好象丝毫不起作用。这是因为我们没有选择范围。用【箭头工具】选中叶片的一块,再使用画笔,你看,颜色就上去了,如图2-1-32所示。 图2-1-32 颜料选择模式 图2-1-33 内部绘画模式(5)内部绘画选择【内部绘

36、画】模式,在绘画时,画笔的起点必须是在轮廓线以内,而且画笔的范围也只作用在轮廓线以内,如图2-1-33所示。4画一个树枝现在我们要把这孤零零的一片树叶组合成树枝。你想一想,如果用这么一模一样的树叶,要把它组成树枝,是不是很难看呢?Flash为我们提供了一个很好的工具:【任意变形工具】。利用【任意变形工具】我们可以将前面绘制的那个树叶改变成需要的形状。【任意变形工具】可以旋转缩放元件,也可以对图形对象进行扭曲、封套变形。当你在工具箱中选择【任意变形工具】后,工具箱的下边就会出现相应的【选项】,如图2-1-34所示。图2-1-34 任意变形工具选项说明:【任意变形工具】的【选项】中共包括5个按钮,

37、从上向下依次是:【对齐对象】、【旋转与倾斜】、【缩放】、【扭曲】和【封套】。你可以用鼠标指向这些按钮,相应的按钮功能就会显示出来。另外,当你选择了【任意变形工具】后,【选项】中的按钮并不是马上都被激活,除了【对齐对象】按钮,其他按钮都是灰色显示,只有你在场景中选择了具体的对象以后,其他4个按钮才变成可用状态。(1)旋转树叶选择【任意变形工具】后,单击舞台上的树叶,这时树叶被一个方框包围着,中间有一个小圆圈,这就是变形点,当我们进行缩放旋转时,就以它为中心,如图2-1-35所示。 图2-1-35 变形点 图2-1-36 选取变形点 图2-1-37 拖动变形点到叶柄处这个点是可以移动的。将光标移近

38、它,光标下面会多了一个圆圈,按住鼠标拖动,将它拖到叶柄处,我们需要它绕叶柄旋转,如图2-1-36和图2-1-37所示。再把鼠标指针移到方框的右上角,鼠标变成状圆弧状,表示这时就可以进行旋转了。向下拖动鼠标,叶子绕控制点旋转,到合适位置松开鼠标,效果如图2-1-38所示。 图2-1-38 旋转后的树叶 图2-1-39 复制树叶 图2-1-40 缩放对象(2)复制树叶用【箭头工具】单击舞台上的树叶图形,执行【编辑】|【复制】命令,然后再执行【编辑】|【粘贴】命令,这样就复制得到一个同样的树叶,如图2-1-39所示。(3)变形树叶将粘帖好的树叶拖到旁边,再用【任意变形工具】进行旋转。使用【任意变形工

39、具】时,也可以象使用【箭头工具】一样移动树叶的位置。拖动任一角上的缩放手柄,可以将对象放大或缩小。拖动中间的手柄,可以在垂直和水平方向上放大缩小,甚至翻转对象。请你将树叶适当变形,如图2-1-40所示。说明:【任意变形工具】的各项功能也可以使用菜单栏中【修改】|【变形】命令来实现,如图2-1-41所示。图2-1-41 变形命令(4)创建“三片树叶”图形元件再复制一张树叶出来,我们用【任意变形工具】将三片树叶调整成如图2-1-42所示形状。在调整过程中请注意,当调整效果不满意时,也许你的树叶已经不在选取状态,有时要重新选取整片树叶范围很困难,这就需要多使用编辑撤销,以恢复选取状态。图2-1-42

40、 树叶组合如图2-1-42所示的三片树叶图形创建好以后,将它们全部选中,然后执行【修改】|【转换为元件】命令,将它们转换为名字为“三片树叶”的图形元件。(5)绘制树枝请注意,以上的绘图操作我们都是在“树叶”编辑场景完成的,现在我们返回到主场景【场景1】。请你单击时间轴右上角的【场景1】按钮,如图2-1-43所示。 图2-1-43 切换到【场景1】 图2-1-44 画出树枝单击【刷子工具】,选择【画笔形状】为圆形,大小自定,选择【后面绘画】模式,移动鼠标指针到场景中,画出树枝形状,如图2-1-44所示。(6)组合树叶和树枝执行【窗口】|【库】命令,或者使用快捷键CTRL+L,打开【库】面板,你可

41、以看到,【库】面板中出现两个图形元件,这两个图形元件就是我们前面绘制的“树叶”图形元件和“三片树叶”图形元件,如图2-1-45所示。 图2-1-45 元件库 图2-1-46 完成后的树枝效果单击“树叶”图形元件,将其拖放到场景的树枝图形上,用【任意变形工具】进行调整。元件【库】里的元件可以重复使用,你只要改变它的长短大小方向就能表现出纷繁复杂的效果来,完成效果如图2-1-46所示。第三课 情人节贺卡本节要制作一个综合范例情人节贺卡。在这个范例的制作过程中会使用前面学习的很多绘图工具,并且讲解一些新的绘图方法和技巧。另外,由于这个范例图形比较复杂,我们还使用了“图形元件”这个对象类型,利用“图形

42、元件”可以更加方便的制作复杂图形。范例最终效果如图2-105所示。图2-105 情人节贺卡1. 绘制“烛焰”元件 (1)新建一个Flash8影片文档。设置舞台背景颜色为蓝色,其他保持默认设置。(2)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛焰”,选择【行为】为【图形】。如图2-106所示。图2-106 新建图形元件(3)单击“确定”按钮,进入到“烛焰”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】调整,如图2-107所示。 图2-107 绘制烛焰边框 图2-108 混色器设置(4)

43、执行【窗口】|【混色器】命令,填充样式设为放射状。在渐变条上将左边色标设置为白色,并拖动到偏右方以加大白色在整个渐变色中的比例。将右边色标设置为黄色,如图2-108所示。(5)将场景中的图形填充渐变色后,烛焰的色彩并不尽如人意,需要使用【填充变形工具】进行调整。选择【填充变形工具】单击填充色,会出现一个边上带有三个手柄的环形边框。我们用鼠标分别按住中心的圆圈或边上的手柄里推外拉、上下左右的进行调整,现在将烛焰的颜色调整为上下略带一点黄色,上边黄色略多,如图2-109所示。 图2-109 调整填充色 图2-110 绘制烛身元件2. 绘制“烛身”元件 (1)执行【插入】|【新建元件】命令,或者按快

44、捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛身”,选择【行为】为【图形】。(2)单击“确定”按钮,进入到“烛身”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆,使用【选择工具】略加调整,并使用【任意变形工具】进行旋转,如图2-110所示。(3)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色标设置为黄色(#F5DD38),并拖动到偏右方;将右边色标设置为红色(#F76648),如图2-111所示。 图2-111 设置填充色 图2-112 调整填充色(4)填充渐变色后,使用【填充变形工具】调整,如图2-112所示。(5)为使烛身更漂

45、亮,在刚刚作好的图形旁边画一个无边框的椭圆,颜色填充设置如图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,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛光”,选择【行为】为【图形】。

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

当前位置:首页 > 其他


经营许可证编号:宁ICP备18001539号-1