全书配套课件:Flash动画设计基础与应用_第1页
全书配套课件:Flash动画设计基础与应用_第2页
全书配套课件:Flash动画设计基础与应用_第3页
全书配套课件:Flash动画设计基础与应用_第4页
全书配套课件:Flash动画设计基础与应用_第5页
已阅读5页,还剩313页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、本讲要点本讲要点 了解Flash动画的特点及应用领域 理解Flash动画原理及基本术语 掌握Flash基本操作第第1 1讲讲 FlashFlash动画设计基础知识动画设计基础知识快速导读快速导读 本讲介绍了Flash的发展历程、基本术语、应用领域、工作界面和基本操作等知识。重点是Flash动画的特点,Flash动画原理及基本术语,工作界面和基本操作。难点是Flash动画原理及基本操作。本讲的学习目标是对Flash有一个概括性了解,理解它的工作原理并掌握它的基本操作,为接下来的学习打下坚实的基础。第第1 1讲讲 FlashFlash动画设计基础知识动画设计基础知识1.1.1 Flash动画的特点

2、动画的特点 受资源制约小 操作简单 流式播放技术 交互性优势 可扩展性1.1 Flash动画概述动画概述 1.1.2 Flash的应用领域的应用领域 Flash用于矢量图形的绘制和编辑、网页制作、动画创作以及演示文稿的创作等方面。 在现阶段,Flash的应用领域主要体现在以下几个方面: 网络动画 主要包括娱乐短片、片头和MTV等。 MTV 制作网站广告条 用Flash制作的网站广告条具有短小精悍、动感时常、表现力强等优点,从而使得它在这一领域得到广泛应用。网站广告 制作交互动画 交互动画结合Flash动画的特点和ActionScript的逻辑功能,用户通过鼠标或键盘控制动画的演示过程,以达到交

3、互的效果。应用领域有网络小游戏、【登录】界面和调查表等。 Flash交互动画 制作动态演示课件 制作出融声音、动画于一体的动态课体 ,演示过程中通过键盘或鼠标控制课件的进程。 教学课件 制作电子贺卡 FLASH可以将画面、文字、音乐美妙的融合在一起,绘成一个有声有色的电子卡片。电子贺卡 制作多媒体光盘界面 目前支持ActiveX的程序设计系统都可以显示FLASH动画,所以越来越多的多媒体光盘界面应用了FLASH动画。多媒体光盘 1.2.1 场景场景 场景的概念其实十分简单,它就是一段相对独立的动画。不同的场景按先后顺序排列在一起就组合成了一个动画。每一个场景都有各自独立的图层和帧。 场景1.2

4、 Flash中的基本术语中的基本术语 1.2.2 帧帧在Flash中主要有两种格式的帧,一种是关键帧,一种是普通帧。关键帧就是用来定义动画变化的帧,在时间轴中有内容的关键帧显示为实心圆,无内容的关键帧则用空心圆表示。普通帧在时间轴上显示为一个个的单元格。无内容的帧是空白的单元格,有内容的帧显示出一定的颜色。关键帧普通帧 1.2.3 图层图层 Flash中的图层用于制作复杂的动画。用户也可以在不影响其他图层上内容的情况下,在一个图层上绘制并编辑元件。也可以利用特殊的引导层、遮罩层创建丰富的动画效果。图层可以增加多个,可以改变多个图层间的排列顺序和图层的名称。图层1.2.4 库库 【库】面板是存储

5、和组织在Flash中创建的各种元件的地方。它还用于存储和组织导入的文件,包括位图图形、声音文件和视频剪辑等。通过【窗口】【公用库】【按钮】可以打开公用库中编辑好的元件,直接调用。 1.3.1 Flash的启动的启动 Flash的启动有如下3种方法。选择【开始】【所有程序】【Adobe Flash CS3 Professional】命令,启动Flash CS3。 双击桌面上的快捷方式图标 。 双击Flash CS3相关联的文档。1.3 Flash基本操作基本操作 1.3.2 Flash的工作界面的工作界面 Flash的工作界面包括标题栏、菜单栏、主工具栏、工具箱、时间轴、舞台、属性面板以及一些常

6、用的浮动面板等。 菜单栏 菜单栏位于标题栏的下方,包含Flash的大部分操作命令。主要有【文件】、【编辑】、【视图】、【插入】、【修改】、【文本】、【命令】、【控制】、【调试】、【窗口】和【帮助】等。 主工具栏 主工具栏一般位于菜单栏的下方,但也可以根据自己的喜好来改变它的位置。它包含了一些常用命令的快捷按钮,如新建文件、打开文件、保存文件、拷贝、粘贴及打印等。 舞台 舞台是用户在创建Flash文件时放置图形内容的矩形区域,这些图形包括矢量插图、文本框、按钮、导入的位图或视频剪辑等。用户可以在工作区里放大或缩小以及更改舞台中的内容。动画最终只显示场景中白色区域的内容,即舞台中的内容。 常用面板

7、 Flash中的面板很多,根据具体功能的不同,可以分为【属性】面板、【动作】面板、【库】面板、【颜色】面板、【对齐】面板和【影片浏览器】面板等。 1.【属性】面板 选择【窗口】【属性】命令,或者按下Ctrl+F3组合键,打开【属性】面板。【属性】面板又称【属性】检查器,可以使用户很容易地设置当前选定项的常用属性,从而简化文档的创建过程。2.【动作】面板 选择【窗口】【动作】命令,或者按下F9键,打开【动作】面板。【动作】面板使用户可以创建和编辑对象或帧的ActionScript代码。选择帧、按钮或影片剪辑实例可以激活【动作】面板。根据所选内容的不同,【动作】面板标题也会变为【按钮动作】、【帧动

8、作】或者【影片剪辑动作】。3.【库】面板 选择【窗口】【库】命令,按下Ctrl+L键,或按下F11键,打开【库】面板。【库】面板是存储和组织在Flash中创建的各种元件的地方,它还用于存储和组织导入的文件。【库】面板使用户可以组织文件夹中的库项目,查看项目在文档中使用的频率,并按照类型对项目进行排序。4.【颜色】面板 选择【窗口】【颜色】命令,可以打开【颜色】面板。在此面板中,可以调节元件的笔触颜色和填充色。 1.3.3 Flash文档的基本操作文档的基本操作 新建Flash文档 在Flash中创建新的文档,有以下3种方法。1. 启动Flash CS3,在弹出的【开始】页中单击【创建新项目】中

9、的【Flash文件ActionScript3.0】选项,建立一个空白文档。2. 按下Ctrl组合键。3. 选择【文件】【新建】命令。 打开Flash文档 打开现有文档的步骤如下。选择【文件】【打开】命令,弹出【打开】对话框。在【文件名】下拉列表框中输入文件的路径或者直接选择文件。单击【打开】输入文件路径选择文件。单击打开按钮,即可打开所选的文件。 保存Flash文档 保存Flash文档的步骤如下。选择【文件】【保存】命令,以覆盖当前存盘文件方式存盘。要将文档保存到不同的位置或用不同的名称保存文档,需选择【文件】【另存为】命令。如果选择【另存为】命令,或者以前从未保存过该文档,刚应在【文件名】下

10、拉列表框中输入文件名和位置。单击保存按钮。 1.3.4 Flash的退出的退出 退出Flash CS3有以下5种方法。 1. 单击Flash CS3程序窗口右上角的 按钮。 2. 选择【文件】【退出】命令。 3. 双击Flash CS3程序窗口左上角的 图标。 4. 按下Alt+F4 组合键。 5. 按下Ctrl+Q 组合键。 1.4.1 设置文档属性设置文档属性 新建的Flash文档将自动采用当前默认的文档属性。用户也可以根据需要对文档的属性进行设置。 按Ctrl+F3组合键打开【属性】面板,单击【属性】面板中【大小】后面的 按钮,弹出【文档属性】对话框。在此对话框中可以设置文档的标题、舞台

11、的大小、颜色以及帧频等。1.4 设置动画场景设置动画场景 1.4.2 网格和标尺的设置网格和标尺的设置在动画的制作过程中,有时候需要对对象进行精细的设置,这就需要利用标尺和网格来辅助完成动画制作。 1. 网格的设置 选择【视图】【网格】【显示网格】命令,在工作场景中将显示网格线。执行同样的操作可隐藏网格。 选择【视图】【网格】【编辑网格】命令,在打开的【网格】对话框中可以对网格的颜色、大小和对齐方式进行设置。 网格网格对话框 2. 标尺的设置 选择【视图】【标尺】命令,在场景的上侧和左侧将显示水平和垂直的标尺。向舞台中拖动一下标尺就会产生一条标尺线。要删除标尺线只需把它拖到工作区以外即可。 网

12、格和标尺都是动画制作中的辅助设计线,只在工作区上操作时显示,在最终的生成文件中并不可见。标尺 1.5.1 【首选参数首选参数】设置设置 选择【编辑】【首选参数】命令,打开【首选参数】对话框。默认的是【常规】选项,在【常规】选项中可以设置Flash启动时的界面,撤消的层级数,工作区以及时间轴等。1.5 参数设置参数设置 1.5.2 【快捷键快捷键】设置设置 选择【编辑】【快捷键】命令,打开【快捷键】对话框。 在【快捷键】对话框中可以添加、更改或删除命令的快捷键。本讲介绍了Flash的发展历程,动画特点,应用领域及动画设计过程中所涉及的一些术语,如场景、帧、图层、库等。还了解了Flash的启动和退

13、出,介绍了Flash中的基本操作和工作界面以及一些常用的设置。通过这些内容的学习,能够使大家对Flash有一个最基本的认识,对Flash各部分的结构、作用有所了解。作为Macromedia公司的战略先锋,Flash以其强大的动画编辑功能和广泛的应用性为设计者所喜好。掌握这个软件,跟上网络前进的步伐,是大家共同的希望。 1.6 本讲小结本讲小结一、判断题一、判断题1Flash是用于绘制位图图像的软件。 ( )2Flash在网络上传播时采用的不是流式传播技术。 ( )3打开库面板的方法是:选择【窗口】【库】命令。( )二、选择题二、选择题1( )面板是存储和组织在 Flash 中创建的各种元件的地

14、方,它还用于存储和组织导入的文件,包括位图图形、声音文件和视频剪辑等。 A. 库 B. 动作 C. 工具 D. 以上答案都正确2Flash动画的特点有( ) A.受资源制约小 B.流媒体传播 C.可交互性和可扩展性 D.操作简单1.7 思考与练习思考与练习三、上机操作题三、上机操作题 根据所学知识,利用【矩形】工具和【颜色】面板制作一个渐变背景,要求:渐变线条的左端的颜色值为“#000000”,右端的颜色值为“#FFFFFF”。如下图所示。The End !The End !本讲要点本讲要点 认识Flash的工具箱了解【线条】工具、【铅笔】工具和【钢笔】工具,并会用其绘制简单的线条了解【椭圆】

15、工具和【矩形】工具,并会用其绘制几何图形能综合运用几种工具,绘制实例第第2 2讲讲 FlashFlash绘图工具的使用绘图工具的使用快速导读快速导读 本讲主要讲解了绘图工具栏的使用以及工具箱的四个区域。重点介绍【线条】工具、【铅笔】工具、【钢笔】工具、【椭圆】工具以及【矩形】工具的使用方法。难点是【钢笔】工具的使用。学习目标是了解并掌握各种绘图工具的使用。第第2 2讲讲 FlashFlash绘图工具的使用绘图工具的使用 Flash的工具箱由4个区域组成,分别为【工具】区域、【查看】区域、【颜色】区域和【选项】区域。 选择【窗口】【工具】命令,或者按下Ctrl+F2组合键,可以打开或隐藏工具箱。

16、工具箱的默认位置一般在Flash工作界面的左侧,但用户也可以根据需要随意拖动它的位置。2.1 认识认识Flash工具箱工具箱 2.1.1 【工具工具】区域区域 【选择】工具:主要用于选择和移动舞台中的对象,能改变对象的大小和形状。 【部分选取】工具:用于选取对象的锚点和路径。 【任意变形】工具:能对对象进行缩放、扭曲和旋转变形等操作。 【套索】工具:用于选择多个对象或不规则图形区域。 【钢笔】工具:用于绘制精确、光滑的直线和曲线,并能调整曲线的曲率。 【文本】工具:能够创建和编辑文字对象和文本表单。 【线条】工具:绘制任意方向的直线。 【矩形】工具:绘制任意大小的矩形。 【铅笔】工具:用于绘制

17、任意形状的直线或曲线。 【刷子】工具:用于绘制任意形状的色块矢量图形。 【墨水瓶】工具:填充或改变对象的边框属性。 【颜料桶】工具:填充或改变对象的颜色属性。 【滴管】工具:吸取舞台中已有对象的一些属性,并将其应用于当前对象。 【橡皮擦】工具:擦除舞台中正在编辑的对象。 2.1.2 【查看查看】区域区域 【查看】区域包括【缩放】工具和【手形】工具。了解该区域的工具将便于图形的操作。 【缩放】工具:用于放大或缩小舞台的显示比例。 【手形】工具:通过拖动此工具可改变舞台显示的位 置,便于用户的观察。 2.1.3 【颜色颜色】区域区域 包括【笔触颜色】按钮和【填充颜色】按钮等。用户可通过此区域编辑对

18、象的颜色,以达到理想的效果。 【笔触颜色】:设置所选对象的边框颜色。 【填充颜色】:用于改变对象的填充色。 【黑白】:系统默认的设置,笔触颜色为黑,填充颜色为白。 【交换颜色】:单击此按钮,可以将笔触颜色和填充颜色相互交换。 【没有颜色】:单击此按钮,可以使绘制的图形只有边框没有填充颜色,或者只有填充颜色没有边框,或者两个都没有。 2.1.4 【选项选项】区域区域 选择不同的工具,该区域会有不同的显示。它是一些工具的辅助部分,可以实现细微的操作。图2-4所示为【刷子】工具的【选项】区域。 线条是组成动画的最基本元素之一,不同的线条能给人不同的视觉感受。在Flash的工具箱中,用于绘制线条的工具

19、主要有【线条】工具、【铅笔】工具和【钢笔】工具等。2.2 绘制生动的线条绘制生动的线条 2.2.1 【线条线条】工具工具 【线条】工具 主要用来绘制直线和斜线,与【铅笔】工具最大的区别是【线条】工具只能绘制不封闭的直线和斜线。 使用方法:单击 【线条】工具按钮或按“”快捷键,光标变为十字形状,此时按住鼠标左键进行拖动,到适当的位置后松开鼠标,此时便在舞台上绘制了一条直线。 单击工具箱中的【线条】工具按钮,在【选项】区域将显示【对象绘制】按钮和【贴紧至对象】按钮。 【对象绘制】按钮:单击此按钮,Flash将图形创建为独立的对象,且在叠加时不会自动合并。 【贴紧至对象】按钮:使用该按钮,绘制相交的

20、直线时线条将会自动连接在一起。此按钮在默认时为选中状态。 线条工具绘制作品冰糖葫芦 小技巧 使用【线条】工具在舞台中绘制直线时,按下ShiftShift键可使直线沿水平、垂直或45度方向绘制,按下AltAlt键,可以以起始点为中心向两边绘制直线。 2.2.2 【铅笔铅笔】工具工具 【铅笔】工具与【线条】工具的不同之处在于【铅笔】工具可以绘制任意形状的线条和图形。相同点在于【铅笔】工具也可以通过【属性】面板来设置线条的颜色、笔触高度和笔触样式等。使用方法:单击工具箱中的【铅笔】工具 按钮(或者按Y键),鼠标指针变为 形状,此时按住鼠标左键进行拖动,就可以进行绘制了。 小技巧 使用【铅笔】工具在舞

21、台中绘制线条时,按下ShiftShift可使直线沿水平或垂直方向绘制。 单击工具箱中的【铅笔】工具按钮(或者按Y键),单击【选项】区域中【铅笔模式】后面的三角按钮,将弹出如下三个选项。 【直线化】选项:用于形状识别。 【平滑】选项:用于绘制平滑的线条,对有锯齿的笔触进行平滑处理。 【墨水】选项:适宜绘制随意的线条,接近于手绘。铅笔工具绘制作品可爱的小屋 2.2.3 【钢笔钢笔】工具工具 【钢笔】工具主要用于绘制精确的直线或曲线路径。使用方法如下。1. 单击工具箱中的【钢笔】工具 按钮,此时鼠标变为 形状。2. 在舞台上单击确定直线的起点,到终点位置再单击鼠标即可绘制一条直线。3. 继续单击则可

22、以创建两条连接的直线。4. 将指针回到起点位置后单击便可以创建封闭的图形。钢笔工具绘制作品松树林 2.3.1 【椭圆椭圆】工具工具 主要用于创建椭圆形、正圆形和圆环形等。在创建过程中,可以通过【属性】面板设置线的颜色、大小和形状。1. 单击工具箱中【椭圆】工具 ,将鼠标指针移到舞台上,此时鼠标指针变为十字形状,拖曳鼠标即可绘制椭圆。 2. 按住ShiftShift键的同时拖曳鼠标,可以绘制大小不等的圆形。 3. 单击【椭圆】工具,在其【属性】面板(下图)中可以设置笔触颜色、填充颜色、笔触高度和笔触样式等。 2.3 绘制几何图形绘制几何图形 椭圆工具绘制作品红心 2.3.2 【矩形矩形】工具工具

23、 【矩形】工具主要用于绘制矩形和正方形。【矩形】工具面板中包括一个控制矩形边角半径的附属工具,用此工具可以绘制圆角矩形。1. 单击工具箱中的【矩形】工具按钮,将鼠标指针移到舞台上,此时鼠标变为十字形状,拖曳鼠标便可绘制出大小不等的矩形。2. 单击工具箱中的【矩形】工具按钮,按住Shift键的同时拖曳鼠标,可绘制大小不同的正方形。3. 在【矩形】工具的【属性】面板中,可以设置笔触颜色、笔触高度、笔触样式、填充颜色和矩形边角半径等。矩形工具绘制作品运动场2.4 综合实例综合实例动画背景动画背景 矩形工具、钢笔工具绘制作品动画背景 本讲介绍了Flash的工具箱,了解了工具箱由【工具】区域、【查看】区

24、域、【颜色】区域和【选项】区域组成,重点介绍了用于绘制线条的【线条】工具、【铅笔】工具和【钢笔】工具以及用于绘制几何图形的【椭圆】工具、【矩形】工具等。通过实例详细讲解了上述工具的相关知识及使用方法。通常一个好的Flash作品不仅要有一定的技术含量和动态效果,还要有精美、悦目的色彩外观。达到这个水平,读者不仅要掌握好基础知识,还需在学习的过程中多多动手,多多练习。2.5 本讲小结本讲小结 判断题判断题()在铅笔模式中,选择直线化选项时,绘制的线条接近于手绘。 ()()【笔触颜色】用于设置对象的填充色。()()用户可以根据喜好或需要随意改变工具箱的位置。()选择题选择题()当使用铅笔工具绘制线条

25、时,按住键可使线条沿水平或垂直方向绘制。 .Ctrl B. Shift C.Alt D.Tab ()用于绘制精确、光滑的直线和曲线,并能调整曲线曲率的工具是 () .钢笔工具 B. 椭圆工具 C.线条工具 D.矩形工具 ()显示或隐藏工具箱的快捷键是() .F6 B. Ctrl+Shift C. F11 D. CtrlF22.6 思考与练习思考与练习 上机操作题上机操作题 绘制一条直线,要求【笔触颜色】为“红色”,【笔触高度】为“”,【笔触样式】为“点状”。The End !第第3 3讲讲 FlashFlash颜色工具的使用颜色工具的使用本讲要点本讲要点 了解色彩与构图的基础知识 理解并掌握【

26、墨水瓶】工具、【颜料桶】工具和【滴管】工具的使用方法 掌握【刷子】工具、【混色器】工具和【填充变形】 工具的使用方法快速导读快速导读本讲介绍了色彩与构图的基础知识和几种颜色工具的使用方法等。重点是【颜料桶】工具和【滴管】工具的相关知识及操作方法,【混色器】工具和【填充变形】工具的相关知识及操作方法。难点是色彩构成与配色原理,理解并掌握这些知识点,对动画的制作会有很大帮助。第第3 3讲讲 FlashFlash颜色工具的使用颜色工具的使用 3.1.1 色彩构成的基本要素色彩构成的基本要素 色相 色相是指各种色彩的相貌,也是区别各种色彩的名称,是色彩的最大特征。色相由光的波长决定,一般以色相环上纯色

27、为准。 明度 明度又称亮度、光度或者深浅度,是指色彩的明亮程度。一般来说,色彩越浅明度越高,色彩越深明度越低。 纯度 纯度又称饱和度,是指色彩的纯净度,即指不搀杂黑、白、灰颜色,恰好达到饱和状态。纯度越高颜色越鲜明。3.1 色彩与构图的基础知识色彩与构图的基础知识 3.1.2 色彩的色调表现色彩的色调表现色彩的色调由色相、明度和纯度3个要素决定。从色相方面来说,分为红色调、黄色调、绿色调、蓝色调和紫色调等。从色彩的明度来说,分为明色调、灰色调以及暗色调等。把明度和色相结合起来,又可分为对比强烈色调、柔和色调以及明快色调等。从色彩的纯度来说,分为清色调(纯色加白或加黑)和浊色调(纯色加灰)。把纯

28、度和明度结合起来,又分为明清色调、中清色调和暗清色调。 3.1.3 色彩的性格色彩的性格 色彩与人一样,也具有自己的性格。不同的色彩,其代表的情感含义不尽相同。红色:热情、活泼、热闹、革命、温暖、幸福、吉祥橙色:光明、华丽、兴奋、甜蜜、快乐黄色:明朗、愉快、高贵、希望、发展、注意绿色:新鲜、平静、安逸、和平、柔和、青春、安全、理想蓝色:深远、沉静、理智、诚实、寒冷紫色:优雅、高贵、魅力、自傲、轻率白色:纯洁、纯真、朴素、神圣、明快、柔弱、虚无灰色:谦虚、平凡、沉默、中庸、寂寞、忧郁、消极黑色:崇高、严肃、刚健、坚实、粗莽、沉默、黑暗、罪恶、恐怖、 绝望、死亡3.1.4 色彩的配色原理色彩的配色

29、原理 红色红色 红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色。红色很容易引起人的注意,也容易使人兴奋、激动、紧张、冲动。它还是一种容易造成人视觉疲劳的颜色。 黄色黄色 黄色的性格冷漠、高傲、敏感,具有扩张和不安宁的视觉印象。黄色是各种色彩中最为娇气的一种颜色。只要在纯黄色中混入少量的其他色,其色感和色性均会发生很大的变化。 蓝色蓝色 蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人脑趋于平静的颜色。 蓝色的朴实、内向性格为那些性格活跃、具有较强扩张力的色彩提供了一个深远、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。 绿色绿色 绿色是具有黄色和蓝色两种成分的颜色。在绿色中,将

30、黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感和蓝色的寒冷感中和。这样使得绿色的性格最为平和、安稳,是一种柔顺、恬静、优美的颜色。 紫色紫色 紫色的明度在含有彩色的色料中是最低的。紫色的低明度能给人一种沉闷、神秘的感觉。 在紫色中红的成分较多时,将使其具有压抑感、威胁感。 在紫色中加入少量的黑,其感觉趋于沉闷、伤感、恐怖。 在紫色中加入白,可使紫色沉闷的性格消失,而变得优雅、娇气并充满女性魅力。 白色白色 白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其他的任何色,都会影响其纯洁性,使其性格变得含蓄。3.1.5 版式构成基础版式构成基础 动画作品的创意与动态

31、美,不单是指图形的变化、美感,还包括整个动态画面构图的完整,即版式的美观。在版式上应当遵循以下规则。思想性与单一性艺术性与装饰性趣味性与独创性整体性与协调性 【墨水瓶】工具 用于更改线条或轮廓线的宽度、颜色和样式等。【墨水瓶】工具本身不能绘制图形,也不能对图像进行内部填充,它只是一种编辑图形的辅助工具。 3.2 【墨水瓶墨水瓶】工具的使用工具的使用 3.2.1 【墨水瓶墨水瓶】工具的属性设置工具的属性设置 单击工具箱中的【墨水瓶】工具按钮 ,在其【属性】面板中可以设置【笔触颜色】、【笔触高度】和【笔触样式】等。 【墨水瓶】工具的属性面板使用墨水瓶工具为图形添加边框导入原图形 3.2.2 利用利

32、用【墨水瓶墨水瓶】工具为蓝色科技添加边框工具为蓝色科技添加边框 【颜料桶】工具 主要用于对闭合和不完全闭合的区域进行填充。开放的路径对象虽具有填充属性,但不能使用【颜料桶】工具进行填充。3.3.1 【颜料桶颜料桶】工具的选项设置工具的选项设置 单击工具箱中的【颜料桶】工具,在【选项】区域中显示【空隙大小】按钮和【锁定填充】按钮。单击【空隙大小】按钮可打开其下拉菜单。3.3 【颜料桶颜料桶】工具的使用工具的使用 【不封闭空隙】:填充时不充许对象有空隙,只限于封闭 区域。【封闭小空隙】:填充时允许对象有小空隙。【封闭中等空隙】:填充时允许对象有中等大小的空隙。【封闭大空隙】:填充时允许对象的空隙很

33、大。 闭合区域可以是没有线条框的区域,也可以是被线条封闭的区域。【锁定填充】按钮 :用于控制渐变的填充方式。当打开 此功能时,所有使用渐变的填充只用到渐变形状的一部分。当关闭此功能时,可在填充区域显示整个渐变。利用【颜料桶】工具为花儿填充颜色3.3.2 利用利用【颜料桶颜料桶】工具为花儿填充颜色工具为花儿填充颜色 导入原图形 【滴管】工具 用于提取图形的内部填充色或外部边框色,主要包括矢量色块、矢量线条和位图、文字的采样填充等。 3.4.1 矢量色块的采样填充矢量色块的采样填充 矢量色块的采样填充是进行同种颜色填充最快捷、最方便的方法。单击工具箱中的【滴管】工具 ,将滴管形状的指针移到矢量色块

34、上,此时指针变为 形状,单击鼠标提取颜色,则工具箱中的【颜色】区域将显示所提取的颜色。在所要应用填充色的图形上单击进行填充即可。3.4 【滴管滴管】工具的使用工具的使用 矢量色块采样填充雨伞 3.4.2 矢量色块采样填充雨伞矢量色块采样填充雨伞 导入原图形矢量线条采样填充图形3.4.3 矢量线条的采样填充矢量线条的采样填充 导入原图形并绘制线条用位图填充矩形3.4.4 位图的采样填充位图的采样填充 导入原图形并绘制矩形文字格式的采样填充3.4.5 文字的采样填充文字的采样填充 输入两种格式的文字 利用【刷子】工具 可以绘制出类似于毛笔和水彩笔绘制的效果。其绘制方法和【铅笔】工具绘制曲线有相同之

35、处,不同的是【刷子】工具绘制的是填充色块,而【铅笔】工具绘制的是笔触线条。单击工具箱中的【刷子】工具,在【选项】区域将显示【对象绘制】、【锁定填充】、【刷子模式】、【刷子大小】和【刷子形状】几个按钮。 【刷子】工具【对象绘制】【刷子模式】【刷子大小】【锁定填充】【刷子形状】3.5 【刷子刷子】工具的使用工具的使用 3.5.1 锁定填充锁定填充 单击【锁定填充】按钮 ,锁定填充区域,此时【刷子】工具填充的是渐变颜色。【锁定填充】时的填充效果 3.5.2 刷子模式刷子模式 单击【刷子模式】按钮 ,将弹出【刷子】工具的5种模式。【标准绘画】模式:用于对同一层的线条和填充涂色。【颜料填充】模式:此模式

36、下绘制出来的颜色只能覆盖图形,不能覆盖轮廓线。【后面绘画】模式:在舞台上同一层的空白区域涂色,不影响 线条和填充。【颜料选择】模式:笔触只能在选择的区域内填充,如果没有选择的区域,则不起任何作用。【内部绘画】模式:只填充起始点所在的封闭区域。如果起始点在空白区域,则只能在空白区域内填充,若起始点在图形内部,则只能在图形内部进行填充。 3.5.3 刷子大小和刷子形状刷子大小和刷子形状 【刷子大小】按钮 :用于设置刷子的大小。【刷子形状】按钮 :用于设置刷子的形状。【刷子形状】【刷子大小】 选择【窗口】【颜色】命令,可以显示或隐藏【颜色】面板。在【颜色】面板中主要有无、纯色、线性、放射状和位图等5

37、种填充模式。 【颜色】面板3.6 【颜色颜色】面板的使用面板的使用 3.6.1 纯色填充纯色填充在【颜色】面板中的【红】、【绿】和【蓝】3个文本框中输入数值,可设定和编辑颜色。选择一个基本色后,还可通过调节右侧黑色小三角形的位置进一步选择颜色。在【Alpha】文本框中输入数值或者直接调节滑杆可设置对象的透明度,数值为100%时,对象不透明,数值为0%时,对象全透明。纯色填充效果3.6.2 线性填充线性填充线性填充可将图形填充为渐变颜色。在【颜色】面板中的【类型】下拉列表中选择【线性】,即可对图形进行线性填充。还可通过调节滑块来调节渐变色。渐变滑块由上部的三角形和下部的正方形组成。当选中滑块时,

38、上部的三角形变成黑色,没有选中时则显示为白色。下部的方形显示为滑块填充的颜色。将鼠标移到渐变色条上,当指针变为形状时单击即可增加滑块。最多有15个滑块。选中滑块向外拖离渐变色条可删除滑块。线性填充效果3.6.3 放射状填充放射状填充放射状填充和线性填充的颜色设置基本相同。在【颜色】面板中的【类型】下拉列表中选择【放射状】,即可对图形进行放射状填充。同样的也可以通过调节滑块来调节渐变色。放射状填充效果 3.6.4 位图填充位图填充【颜色】面板中进行位图的填充的步骤如下。在【颜色】面板中的【类型】下拉列表中选择【位图】选项,弹出【导入到库】对话框,选择要导入的图片。单击工具箱中的【椭圆】工具,按住

39、Shift在舞台中绘制一个正圆。单击工具箱中【颜料桶】工具,在【颜色】面板中设置【类型】为【位图】选项。将鼠标移动到位图预览上单击选择位图。然后对舞台中图形单击便可进行位图填充。位图填充效果 【填充变形】工具 主要用于对图形渐变色的处理和位图填充的处理。利用它可以变换多种填充色,也可以对填充颜色的形状进行编辑。 3.7.1 线性渐变设置线性渐变设置 在舞台中绘制一个线性渐变填充的矩形,然后选择工具箱中的【填充变形】工具 ,将鼠标移动到舞台上单击该矩形,即可进行相应的线性渐变设置。 线性渐变设置3.7 【填充变形填充变形】工具的使用工具的使用 方向节点中心点范围节点拖动中心点改变渐变颜色 拖动方

40、向节点 拖动范围节点 3.7.2 放射状渐变设置放射状渐变设置在舞台中绘制一个放射状渐变填充的正圆,然后选择工具箱中的【填充变形】工具,单击圆形,即可进行相应的放射状渐变设置。宽度节点方向节点范围节点焦点中心点放射状渐变设置调整中心点调整焦点调整宽度节点调整范围节点调整方向节点3.7.3 位图填充设置位图填充设置【填充变形】工具还可以对位图的填充进行调整。选择一个位图填充的图形,单击工具箱中的【填充变形】工具,在位图填充图形将显示其基本设置。方向节点高度节点垂直倾斜节点宽度节点范围节点位图填充设置水平倾斜节点拖动水平倾斜节点拖动范围节点 拖动宽度节点拖动高度节点拖动方向节点 本讲介绍了色彩与构

41、图的基础知识,包括色彩构成、色调、配色原理以及动画制作的版式要求等。主要讲解了在编辑图形颜色时所应用到的【墨水瓶】工具、【颜料桶】工具、【滴管】工具和【颜色】面板。了解了用于编辑渐变色的【填充变形】工具的用法。3.8 本讲小结本讲小结 1判断题判断题(1)【墨水瓶】工具可对图形内部进行填充。( )(2)【颜料桶】工具只能对绝对闭合的区域进行填充。( )(3)【滴管】工具可对Flash中的位图进行采样填充。( )2选择题选择题(1)构成色彩的基本要素有( )。A. 色相 B. 明度 C.透明度 D.饱和度(2)【刷子】工具的工作模式有( )A. 标准绘画 B. 颜料填充 C.颜料选择 D.内部绘

42、画(3)【颜色】面板的填充模式包括( )A. 纯色 B. 线性 C.放射状 D.位图3上机操作题上机操作题 综合利用【矩形】工具和【颜色】面板绘制下列图形。(材料在“素材ch03mlzj.jpg”)3.9 思考与练习思考与练习 The End !本讲要点本讲要点 认识【文本】工具 了解文本的输入与设置 掌握文字的分离与打散 了解滤镜在文本中的应用第第4 4讲讲 FlashFlash文本的使用文本的使用快速导读快速导读 本讲介绍了【文本】工具的类型及设置方法,讲解了如何编辑文本和一些特效文字效果的制作步骤,了解滤镜在文本中的具体应用,这是Flash的新增功能。本讲的重点是【文本】工具的悔改设置及

43、编辑,难点是如何在文本中使用不同的滤镜,学习目标是掌握【文本】工具的相关知识,能在动画制作过程中灵活、巧妙地应用文字,使创作的动画锦上添花。第第4 4讲讲 FlashFlash文本的使用文本的使用【文本】工具在Flash动画的制作过程中起着举足轻重的作用。使用【文本】工具可为动画添加标题、标签等,创建可与用户交互的输入文本以及动态显示信息的动态文本等。在Flash中,可创建3种文本类型,分别是:(1)静态文本(2)动态文本(3)输入文本4.1 【文本文本】工具简介工具简介 4.1.1 【文本文本】工具的属性工具的属性单击工具箱中的【文本】工具按钮 ,此时鼠标变为形状,在【属性】面板中将显示【文

44、本】工具的属性。在此可以设置【文本类型】、【字体】、【字体大小】、【填充颜色】、【字母间距】和【字符位置】等。4.1.2 静态文本静态文本单击工具箱中的【文本】工具,此时鼠标变为形状,在舞台中的适当位置单击,即可输入文字创建静态文本。若要编辑原来存在的文字,在其上面单击即可。静态文本有两种文本框,一种是自动扩展的文本框。当输入文字时,文本框会随着文字的输入而延长,要换行时需按Enter键进行强制换行。另一种是固定宽度的文本框。如果输入文本的宽度超过了文本框的宽度,则文本会自动换行。 4.1.3 动态文本动态文本 动态文本常用于在互联网上发布天气预报、股票信息等。在Flash中,要创建动态文本框

45、首先要在舞台中拖也一个固定大小的文本框,然后在【属性】面板中的【文本类型】下拉列表中选择【动态文本】选项。【线条类型】下拉列表中,【单行】表示在一行中显示文本,【多行】表示在多行中显示文本,【多行不换行】表示以多行显示文本,不自动换行。【可选】按钮:使用户能够选择动态文本。【将文本呈现为HTML】按钮:保留文本格式,并带有相应的HTML标记。【在文本周围显示边框】按钮:让文本字段显示黑色边框和白色背景。【变量】文本框:输入字段的变量名称,可使动态文本知道在何处运行,常用于创建交互动画。 按钮:单击该按钮,弹出【字符嵌入】对话框。用于设置当Flash发布时是否只保存字体的轮廓,以减小Flash动

46、画的大小。 4.1.4 输入文本输入文本在【文本】工具的【属性】面板中,单击【文本类型】下拉列表,从中选择【输入文本】选项,【属性】面板中的内容将有所改变。【线条类型】下拉列表:其中有一个输入文本特有的【密码】选项,此功能用于制作密码框,在生成的SWF文件中,文本框中输入的字符将显示为星号。【最多字符数】文本框:用于设置输入文字的最大数目,默认的数字为0,即不作任何限制。若设定了数字,那么在生成的SWF文件中,此数值为可以在文本框中输入的最多文字数目。 4.1.5 输入静态文本实例输入静态文本实例爱的真谛爱的真谛导入素材输入静态文本在Flash中,除了通过在【属性】面板中设置文本属性来编辑文本

47、外,还有其他的编辑文本的方法,如打散文本、合并文本等。下面就来了解如何编辑文本。 4.2.1 文字的分离文字的分离在Flash中可以对文字进行分离的操作。选择输入的文字,按Ctrl+B组合键将其分离 ,然后就可以设置各个文字的字体了。4.2 编辑文本编辑文本选择文本将其分离设置各文字字体 4.2.2 文字的打散文字的打散文字的打散,在变形文字和特效文字中经常用到,操作也非常简单,即在文字分离的基础上再次应用Ctrl+B组合键,便可将文字打散。 将文字分离将文字打散并填充渐变色特效文字是Flash动画的重要组成部分,合理地使用特效文字可使Flash动画或网页更加动人、更加炫目。 4.3.1 位图

48、填充文字位图填充文字4.3 特效文字特效文字导入素材输入文字并用玫瑰位图填充文字4.3.2 立体文字立体文字原始文字立体文字效果滤镜是Flash 重要的功能之一。使用滤镜可以非常简单地实现许多比较复杂的效果。尤其在文字效果的创建方面,使用滤镜会更方便。滤镜有7个功能选项,分别是【投影】、【模糊】、【发光】、【斜角】、【渐变发光】、【渐变斜角】和【调整颜色】。 4.4.1 为文本添加滤镜效果为文本添加滤镜效果在Flash中,通过【滤镜】面板中的【添加滤镜】按钮 ,可以对对象进行添加滤镜效果的操作。选中舞台上输入的文本,然后打开【滤镜】面板,单击【添加滤镜】按钮,即可看到滤镜的7个功能选项。4.4

49、 滤镜在文本中的应用滤镜在文本中的应用 滤镜的7个功能选项【投影】滤镜效果【模糊】滤镜效果 【发光】滤镜效果【斜角】滤镜效果【渐变发光】滤镜效果【渐变斜角】滤镜效果【调整颜色 】滤镜效果本讲主要讲解了【文本】工具的属性设置,文本的编辑,特效文字的制作以及滤镜在文本中的应用等。滤镜在Flash文本中的应用大大简化了制作特效文本的过程。滤镜特效主要有投影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色等,用户只需在【滤镜】面板中添加相应的滤镜选项便可轻松地应用各种特效。4.5 本讲小结本讲小结 1.判断题判断题(1)静态文本可以制作密码框。 ( )(2)打散文字的快捷键是Ctrl+G。( )(3)

50、可在【滤镜】面板中为文本添加立体文字效果。( )2.选择题选择题(1)在Flash中,文本类型主要有( ) A.静态文本 B.动态文本 C.输入文本 D.输出文本(2)分离文本的快捷键是( ) A.Ctrl+B B.Ctrl+A C.Ctrl+G D.Shift+B3.上机操作题上机操作题 综合运用前面所学知识和本章知识,利用滤镜制作一个简单的励志名言卡片。4.6 思考与练习思考与练习 The End !本讲要点本讲要点 了解【选择】工具的用法 学会应用【任意变形】工具、【套索】工具和【橡皮擦】工具 了解图形的其他操作第第5 5讲讲 图形、对象的自由变换图形、对象的自由变换快速导读快速导读 本

51、讲介绍了工具箱中【选择】工具、【任意变形】工具、【套索】工具以及【橡皮擦】工具的用法。其中重点是利用【任意变形】工具旋转、缩放和扭曲对象的操作,难点是对象的排列、合并和锁定等,学习目标是掌握并灵活运用几种工具在绘图中的操作。第第5 5讲讲 图形、对象的自由变换图形、对象的自由变换在编辑动画的过程中首要的工作就是将所编辑的对象选中,然后根据需要进行移动或改变形状等操作,这时便要用到【选择】工具。了解并熟练掌握【选择】工具的使用方法有利于动画的创建和图形的编辑。 5.1.1 【选择选择】工具中的选项设置工具中的选项设置单击工具箱中的【选择】工具按钮 ,在【选项】区域便显示【选择】工具的属性设置。5

52、.1 【选择选择】工具的使用工具的使用 【贴紧至对象】选项 :将绘制的对象与靠近的对象自动结合。 【平滑】选项 :用于优化所选中的曲线。绘图完毕后单击该按钮可以将所选线条的弯曲处变得更加光滑。 【伸直】选项 :用于将曲线变为直线。【选择】工具【贴紧至对象】【平滑】【伸直】 5.1.2 利用利用【选择选择】工具选取图形工具选取图形单击图形的轮廓线可选择轮廓线,双击可以选择整个相连的轮廓线。单击图形的填充色可选择填充色,双击填充色可同时选择填充色和轮廓线。在图形上按住鼠标左键拖曳出一个矩形框,选中图形后释放鼠标即可创建选区。 5.1.3 利用利用【选择选择】工具调整图形工具调整图形鼠标指针为 形状

53、时,可以单击或者拖曳矩形选框对图形进行选择。 鼠标指针为 形状时,按住鼠标左键可以移动所选择的图形。 鼠标位于图形的边角位置时,鼠标指针为 形状,按住鼠标左键并拖动可以改变边角的形状。鼠标位于图形的边缘时,鼠标指针为 形状时,按住鼠标左键并拖动可以改变图形的形状。 使用【部分选择】工具 可以选择对象的锚点,从而对对象进行编辑、移动或变形等操作。【部分选择】工具只能用于打散的矢量图,不能作用于位图。 单击工具箱中的【部分选择】工具,鼠标指针会有以下3种形状。鼠标指针为 形状时,指针在节点上时,按住鼠标左键并拖动可改变节点的位置。 5.2 【部分选择部分选择】工具的使用工具的使用鼠标指针为 形状时

54、,指针在没有节点的曲线上时,按住鼠标左键并拖动可移动整个图形的位置。鼠标指针为 形状时,指针在控制句柄上时,按住鼠标左键并拖动可调节所控制线段的弯曲度。 利用【任意变形】工具可以对对象进行缩放、旋转、倾斜、扭曲和封套等操作,也可以随意地改变对象的大小和方向。单击工具箱中的【任意变形】工具 ,在其【选项】区域显示5个按钮。【贴紧至对象】按钮:同5.1.1中介绍。【旋转与倾斜】按钮:用于旋转和倾斜对象。【缩放】按钮:用于缩小或放大对象。【扭曲】按钮:通过鼠标拖动锚点实现对象 的变形操作。【封套】按钮:通过调整对象上的控制句柄 以实现复杂的变形操作。5.3 【任意变形任意变形】工具的使用工具的使用【

55、任意变形】工具旋转和倾斜对象缩放对象 扭曲对象 任意改变对象选择【窗口】【变形】命令,打开【变形】面板。在【变形】面板中也可以对对象进行旋转、倾斜、缩放等操作。 5.4 【变形变形】面板的使用面板的使用绘制对象使用【变形】面板进行【旋转】和【复制并应用变形】 【套索】工具 主要用于选择不规则形状的区域。单击工具箱中的【套索】工具,在其【选项】区域将显示如图所示的几个按钮。【套索】工具魔术棒设置魔术棒多边形模式5.3 利用利用【套索套索】工具修改对象工具修改对象【魔术棒】按钮:用于选择色彩相近的连续区域。【魔术棒设置】按钮:用于设置魔术棒选取的色彩范围。单击【魔术棒设置】按钮,弹出【魔术棒设置】

56、对话框。【多边形模式】按钮:通过直线创建不规则的多边形选区来选取图形。利用【套索】工具选择图形 使用【魔术棒】工具选择图形 使用【多边形套索】工具选择图形 【橡皮擦】工具主要 用于擦除图形中多余的边框或填充色。单击工具箱中的【橡皮擦】工具 ,在【选项】区域显示其附属工具。 【橡皮擦】工具水龙头橡皮擦模式橡皮擦形状5.6 【橡皮擦橡皮擦】工具的使用工具的使用5.6.1 设置设置【擦除模式擦除模式】单击工具箱中的【橡皮擦】工具 ,在其【选项】区域中单击【橡皮擦模式】按钮 ,弹出选项菜单。 【标准擦除】模式:可擦除同一层上所有的笔触颜色和填充颜色。【擦除填充】模式:只能擦除填充颜色,不影响笔触颜色。

57、【擦除线条】模式:只能擦除笔触颜色,不影响填充颜色。 【擦除所选填充】模式:只能擦除被选中的填充区域,不影响其他未被选中的区域和笔触颜色。 【内部擦除】模式:只能擦除橡皮擦笔触开始处的填充,若从空白处开始擦除,则不会对图形有任何影响。5.6.2 使用使用【水龙头水龙头】工具擦除对象工具擦除对象【水龙头】工具 的作用是擦除填充色或边框的颜色,与【墨水瓶】工具 和【颜料桶】工具 的功能基本相反。单击工具箱中的【橡皮擦】工具 ,在其【选项】区域中单击【水龙头】按钮 ,此时鼠标指针变为 形状,将鼠标移到需要删除的颜色区域上单击即可。删除填充色 5.6.3 橡皮擦形状的设置橡皮擦形状的设置单击工具箱中的

58、【橡皮擦】工具,在其【选项】区域中单击【橡皮擦形状】按钮,弹出【橡皮擦形状】下拉列表。在此列表中选择不同的形状,擦除后的效果便不同。 【橡皮擦形状】下拉列表不同的擦除效果 5.7.1 移动对象移动对象移动对象是在制作动画时经常用到的一个操作,可用于移动舞台中部分或整个图形。具体的操作方法如下。单击工具箱中的【选择】工具 ,选择舞台上要移动的对象,按住鼠标左键将其拖到合适的位置释放鼠标即可。5.7 图形的其他操作图形的其他操作5.7.2 复制、剪切、粘贴对象复制、剪切、粘贴对象【复制】 选择【编辑】【复制】命令或者按Ctrl+C组合键 选择【编辑】【直接复制】命令或者按Ctrl+D组合键【剪切】

59、 选择【编辑】【剪切】命令或者按Ctrl+X组合键【粘贴到中心位置】 选择【编辑】【粘贴到中心位置】命令或者按Ctrl+V组合键【粘贴到当前位置】 选择【编辑】【粘贴到当前位置】命令或者按Ctrl+Shift+V组合键【选择性粘贴】 选择【编辑】【选择性粘贴】命令,弹出【选择性粘贴】对话框,在该对话框中可以对粘贴方式进行选择。 5.7.3 组合对象组合对象组合是与分离相对应的操作,组合后的对角可以作为一个整体进行操作。 选择【修改】【组合】命令或按Ctrl+G组合键,即可将打散的图形组合成一个整体。 5.7.4 排列对象排列对象单击工具箱中的【选择】工具,选中舞台上的对象,选择【修改】【排列】

60、命令打开级联菜单,在该菜单中有【移至顶层】、【上移一层】、【下移一层】和【移至底层】等选项,单击一个选项便可改变对象的排列顺序。单击工具箱中的【选择】工具,选中舞台上的对象,然后单击右键弹出菜单,将鼠标移到【排列】选项上,打开其级联菜单,在菜单中选择一项单击,也可改变对象的排列顺序。5.7.5 撤消操作步骤撤消操作步骤选择【编辑】【撤消】命令或者按Ctrl+Z组合键,可撤消上一步操作。选择【编辑】【重做】命令或者按Ctrl+Y组合键,可将撤消的步骤返回。通过【历史记录】面板可以进行一次或多次更加详细的撤消或重做操作。选择【窗口】【其他面板】【历史记录】命令或者按Ctrl+F10组合键,打开【历

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论