flash教材配套PPT第2章-使用Flash绘制图形.pptx

《flash教材配套PPT第2章-使用Flash绘制图形.pptx》由会员分享，可在线阅读，更多相关《flash教材配套PPT第2章-使用Flash绘制图形.pptx（49页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、“十二五”职业教育国家规划教材经全国职业教育教材审定委员会审定大连理工大学出版社地址：大连市软件园路80号发行：0411-84708842E-mail:新世纪高职高专教材编审委员会 组编(第三版)FlashFlash项目实践教程项目实践教程CONTENTS PAGE 目录页 010203041Part2 2第2章 使用Flash绘制图形2目标概述学习要求 全面介绍Flash CS6 Professional中的工具面板及选择变形工具、绘图工具、绘图调整工具等工具的应用方法，使学习者能够了解Flash CS6中各种工具的使用方法，掌握这些工具的使用技巧，熟悉各种工具的具体设置及用途，为后面的动画

2、制作奠定坚实的基础。学习目标 学习目标知识点了解理解掌握应用绘制模式的选择案例1、案例2线条与填充案例2选择变形工具的使用（“部分选择工具”、“套索工具”、“任意变形工具”和“渐变变形工具”）案例1、案例3、案例4绘图工具的使用（“钢笔工具组”、“文本工具”、“线条工具”、“矩形工具组”、“铅笔工具”、“刷子工具组”、“DecoDeco工具”）案例7、案例1、案例3、案例5、案例6绘图调整工具的使用（“颜料桶工作组”、“墨水瓶工具”、“滴管工具”、“橡皮擦工具”）案例2、案例43知识导航案例1 绘制“五星红旗”2.12.1 案例1 绘制“五星红旗”第2章5案例概述案例效果案例分析 本案例主要应

3、用“多角星形工具”中的“星形”工具设置，制作一面“五星红旗”。完成此案例可以掌握辅助绘图工具中的“标尺”和“网格”以及“任意变形工具”调整图形的方法。“五星红旗”效果图 绘制“五星红旗”主要应用绘图工具中的“多角星形工具”中的“星形”工具设置以及辅助绘图工具中的“标尺”和“网格”，采用“对象绘制”模式，快速完成绘制。可以应用“任意变形工具”对“五星红旗”进行调整，以增添动感效果。操作中需要特别注意“五角星”的位置和角度。2.1 案例1 绘制“五星红旗”第2章6相关知识1.椭圆工具 与矩形工具“椭圆工具”主要绘制椭圆、圆形。“矩形工具”除可以绘制矩形、正方形外，还可以绘制出带有圆角的矩形。2.基

4、本椭圆工具 与基本矩形工具 使用“基本椭圆工具”与“基本矩形工具”创建椭圆或矩形时，可以使用“属性”面板中的控件，指定椭圆的“起始角度”、“结束角度”和“内径”以及矩形的“角半径”，Flash会将形状绘制为独立的对象。“多角星形工具”是矩形工具的扩展，使用它可以很方便地绘制出多边形和星形。2.1 案例1 绘制“五星红旗”第2章7相关知识3.选择工具“选择工具”是工具面板中使用率最高的工具之一。主要用于选择将要处理的对象，选择对象主要有点选和圈选两种方法。4.任意变形工具“任意变形工具”是一个独立的工具。使用该工具，可以对各种对象进行各种方式的变形处理，如拉伸、压缩、旋转、翻转和自由变形等。案例

5、2 绘制“奥运五环”2.22.2 案例2 绘制“奥运五环”第2章9案例概述案例效果案例分析 本案例主要完成“奥运五环”的绘制，灵活应用绘图工具可以快速完成任务。完成此案例能熟悉“图元绘制”模式与“对象绘制”模式的转换方法，充分理解填充和线条的区别，掌握“基本椭圆工具”的应用方法。“奥运五环”效果图 绘制“奥运五环”主要通过“基本椭圆工具”的应用，“椭圆图元属性”面板的设置，“图元绘制”模式与“对象绘制”模式的转换，线条与填充的区别等知识，快速绘制出“奥运五环”效果。2.2 案例2 绘制“奥运五环”第2章10相关知识1.对象位置的管理 （1）对象的移动 可以使用“选择工具”直接拖动对象来随意移动

6、对象位置，也可以通过相应的控制面板精确地指定对象的位置。（2）使用“对齐”面板进行位置管理在制作较复杂的动画时，有时会有很多的对象，简单应用手工移动的方式会很麻烦。选择“窗口”“对齐”或按下Ctrl+K键，可打开“对齐”面板，如下图所示。2.2 案例2 绘制“奥运五环”第2章11相关知识2.2 案例2 绘制“奥运五环”第2章12相关知识2.“颜料桶工具”“颜料桶工具”可以对定义区内的图像填入纯色、渐变色和位图。该工具属性设置比较简单，只有一个填充颜色选项，如右图所示。在“工具”面板的选项中还有一些针对“颜料桶工具”特有的功能选项。单击“空隙大小”按钮 将会弹出一个下拉列表框，用户可以在此选择“

7、颜料桶工具”判断近似封闭的空隙宽度，共有四种选择：（1）不封闭空隙（2）封闭小空隙（3）封闭中等空隙（4）封闭大空隙在“颜料桶工具”的选项中还提供了一个“锁定填充”按钮，可以用于锁定相邻区域的渐变填充内容。若启动该项功能，Flash会将相邻的整个区域块当作是一个区块。2.2 案例2 绘制“奥运五环”第2章13相关知识3.“橡皮擦工具”“橡皮擦工具”用于擦除图形的轮廓线条或填色区域，也可以擦除工作区中任何内容，如右图所示。单击“工具”面板选项下的“橡皮擦模式”按钮，便可看到Flash CS6提供的五种擦除模式。单击“橡皮擦形状”按钮，可以看到Flash CS6提供的橡皮擦形状。（1）五种擦除模式

8、 标准擦除 擦除填色 擦除线条 擦除所选填充 内部擦除（2）水龙头：只需在要擦除的填充色或者轮廓线上单击一下便可将图形的填充色整体去掉，或将轮廓线全部擦除（3）橡皮擦形状：单击该选项，可以选择橡皮擦形状和大小。同时要确保“水龙头”功能没有被选中。案例3 绘制“小鸟”2.32.3 案例3 绘制“小鸟”第2章15案例概述案例效果案例分析 本案例主要应用“钢笔工具”及其他矢量绘图工具，完成绘制“小鸟”的任务，完成本案例可以熟练掌握“钢笔工具”、“刷子工具”、“铅笔工具”、“选择工具”、“套索工具”的应用方法。绘制“小鸟”主要用导入的位图作为范本，应用“钢笔工具”、“线条工具”创建小鸟轮廓的路径，用“

9、选择工具”调整路径；用“颜料桶工具”填充颜色；用“刷子工具”绘制羽毛；用“铅笔工具”描绘眼底部；用“套索工具”将“位图去背”，添加背景，完成绘制。绘制过程中要注意应用“线条工具”绘制羽毛边缘的方法和技巧。在绘制完成图形后，还要注意图形边线对填色的影响以及“刷子工具”的使用等。“小鸟”效果图2.3 案例3 绘制“小鸟”第2章16相关知识1.“钢笔工具”“钢笔工具”又叫“贝塞尔曲线工具”，它是许多绘图软件广泛使用的一种重要工具。使用“钢笔工具”可以绘制精确的路径（如直线或平滑、流动的曲线）。2.3 案例3 绘制“小鸟”第2章17相关知识（1）“钢笔工具”的绘制状态2.3 案例3 绘制“小鸟”第2章

10、18相关知识（2）绘制直线和曲线使用“钢笔工具”可以绘制的最简单路径是直线，方法是通过单击“钢笔工具”创建两个锚点。继续单击可创建由转角点连接的直线段组成的路径。双击最后的锚点或按住Ctrl键单击，可完成一个直线路径的绘制。2.3 案例3 绘制“小鸟”第2章19相关知识（3）绘制开放路径与闭合路径在绘制直线或曲线路径的过程中，双击最后的锚点或按住Ctrl键单击，可完成一个直线或曲线开放路径的绘制，如右图所示。在绘制直线或曲线路径的过程中，将“钢笔工具”定位于第一个锚点处，这时，在笔尖旁会出现一个小圆环，然后单击或拖曳即可完成一个直线或曲线闭合路径的绘制，如右图所示。2.3 案例3 绘制“小鸟”

11、第2章20相关知识（4）添加或删除锚点添加锚点能够更好地控制路径，也可以扩展开放路径。要添加锚点，将指针定位到路径段上单击即可；若要删除锚点，将指针定位到锚点上单击即可。2.3 案例3 绘制“小鸟”第2章21相关知识2.“部分选取工具”“部分选取工具”主要用来选择和编辑线条或边的路径形状。3.“套索工具”与“选择工具”的功能相似，“套索工具”也是用来选择对象的。相对于选择工具只能选择矩形框内的对象而言，“套索工具”可以自由选择要选定的区域。“套索工具”通常可以通过以下几种方式选择对象：通过勾画不规则选择区域选择对象；通过勾画直边选择区域选择对象；通过同时勾画不规则和直边选择区域选择对象；移至工

12、作区可直接应用此工具选取对象。案例4 绘制“精致的彩绘花瓶”2.42.4 案例4 绘制“精致的彩绘花瓶”第2章23案例概述案例效果案例分析 本案例主要通过绘制“精致的彩绘花瓶”的过程，详细介绍编辑颜色工具、墨水瓶工具的使用方法。本案例主要应用“钢笔工具”、“基本椭圆工具”绘制“花瓶”，用“部分选取工具”、“选择工具”编辑图形，确定填充的范围；用“颜料桶工具”、“墨水瓶工具”选择和填充颜色；用导入的位图贴图；用滤镜效果为花瓶增添立体效果完成“精致的彩绘花瓶”绘制案例。“精致的彩绘花瓶”效果图2.4 案例4 绘制“精致的彩绘花瓶”第2章24相关知识1.“墨水瓶工具”主要用于更改线条或者形状轮廓的笔

13、触颜色、宽度和样式。使用“墨水瓶工具”不是选择个别的线条，可以更容易地一次更改多个对象的笔触属性。墨水瓶本身不能在工作区中绘制线条，只能对已有线条进行修改。2.“滴管工具”“滴管工具”用于探测对象的种类与属性，如文本、线条、填色区块等。探测完毕后，系统会自动选用可编辑该对象的对应工具，以便应用到其他对象上。2.4 案例4 绘制“精致的彩绘花瓶”第2章25相关知识 采集的对象不同，滴管工具的显示状态也不同。如果采集的区域是轮廓线，滴管工具指针旁边将出现一个小铅笔，如下图所示。如果采集对象在填充区域上，“滴管工具”指针旁边将出现一个刷子标记，如下图所示。2.4 案例4 绘制“精致的彩绘花瓶”第2章

14、26相关知识3.“渐变变形工具”“渐变变形工具”可以调整渐变色的中心点、范围及角度。通过使用“渐变变形工具”调整填充的大小、方向或者中心，可以使渐变填充或位图填充变形。在“工具”面板中，单击并按住“任意变形工具”，从显示的菜单中便可以选择“渐变变形工具”了，移动该工具到工作区中要进行渐变填充或位图填充的编辑时，光标就会变为 状。将鼠标移动到需要改变渐变或位图填充的区域，系统将显示一个带有编辑手柄的边框。当指针在这些手柄中任何一个上面的时候，它会发生变化，显示该手柄的功能。如下图所示。线性填充 放射性填充 位图填充2.4 案例4 绘制“精致的彩绘花瓶”第2章27相关知识4.缩放工具 “缩放工具”

15、在应用时并不改变工作区中任何实际图形，主要是对所要编辑的过大或过小的图形进行视图的调整，以获得比较适当的画面比例。“缩放工具”没在选项面板中有两种状态：放大状态 和缩小状态。5.手形工具 “手形工具”应用于许多图形图像处理软件中，其作用就是移动对象在工作区的显示位置，即移动的是工作区的整体，以方便在工作区中的操作。案例5 绘制“繁星满天”2.52.5 案例5 绘制“繁星满天”第2章29案例概述案例效果案例分析 本案例主要应用“刷子工具”和“喷涂刷工具”完成“繁星满天”图形的制作。装饰性绘画工具是Flash CS6中的比较有特色的工具，主要有“喷涂刷工具”和“Deco工具”两种。“繁星满天”效果

16、图 本案例将通过使用装饰性绘画工具中的“喷涂刷工具”（默认操作），创建“繁星满天”的效果。“喷涂刷工具”的作用类似于粒子喷射器，使用它可以一次将形状图案“刷”到舞台上。默认情况下，喷涂刷使用当前选定的填充颜色喷射粒子点，还可以使用“喷涂刷工具”将“影片剪辑”或“图形元件”作为图案应用。2.5 案例5 绘制“繁星满天”第2章30相关知识 单击工具箱中的“喷涂刷工具”按钮，可以选择“属性”面板中的默认形状进行填充，也可以单击“编辑”按钮，从库中选择已有的元件作为“粒子”进行填充。案例6 绘制“树图案”2.62.6 案例6 绘制“树图案”第2章32案例概述案例效果案例分析 本案例使用装饰性绘画工具中

17、新增的“Deco工具”绘图的默认形状，结合其属性的基本设置，绘制“树图案”。“树图案”效果图 应用“Deco工具”的“树刷子”绘制效果可以使用该工具完成图案装饰绘画的效果。2.6 案例6 绘制“树图案”第2章33相关知识Flash CS6中“Deco工具”一共提供了13种绘制效果，包括藤蔓式填充、网格填充、对称刷子、3D刷子、建筑物刷子、装饰性刷子、火焰动画、火焰刷子、花刷子、闪电刷子、粒子系统、烟动画和树刷子，通过对绘制效果的设置，可以将基本图形形状转换成复杂的几何图案。1.应用“藤蔓式填充”效果利用“藤蔓式填充”效果，可以用藤蔓式图案填充舞台、元件或封闭区域。通过从库中选择元件，可以替换默

18、认的叶子和花朵的插图。生成的图案将包含在影片剪辑中，而影片剪辑本身包含组成图案的元件。2.应用“网格填充”使用“网格填充”效果，可以用库中的元件填充舞台、元件或封闭区域。将网格填充绘制到舞台后，如果移动填充元件或调整其大小，则网格填充将随之移动或调整大小。使用“网格填充”效果可创建棋盘图案、平铺背景或用自定义图案填充的区域及形状。对称效果的默认元件是2525像素、无笔触的黑色矩形形状。2.6 案例6 绘制“树图案”第2章34相关知识3.应用“对称刷子”使用“对称刷子”，可以围绕中心点对称排列元件。在舞台上绘制元件时，将显示一组手柄。可以使用手柄通过增加元件数、添加对称内容或者编辑和修改效果的方

19、式来控制对称效果。可使用“对称刷子”来创建圆形用户界面元素（如模拟钟面或刻度盘仪表）和旋涡图案。对称效果的默认元件是2525像素、无笔触的黑色矩形形状。案例7 绘制“立体文字”2.72.7 案例7 制作“立体文字”第2章36案例概述案例效果案例分析本案例完成的“立体文字”效果。“立体文字特效”效果图 本案例将通过文本工具中的“静态文本”完成“立体文字”案例的创建。采用分离、描边、复制移位、消除隐藏线、填充渐变色等技巧，使文字呈现明暗不同的侧面，从而制作出立体感很强的立体文字效果。2.7 案例7 制作“立体文字”第2章37相关知识“文本工具”是创建及编辑文本对象的工具。其主要作用是文字的输入与编

20、辑。在Flash CS6中，当选中“文本工具”在工作区单击时，文本工具“属性”面板中的内容会即时变成关于文本操作的选项。文本工具“属性”面板中，集成了“位置和大小”、“字符”、“段落”、“选项”和“滤镜”等设置。不同的文本类型其属性面板的选项也不同，我们可利用此属性面板对文本工具进行相关设置。2.7 案例7 制作“立体文字”第2章38相关知识1.创建静态文本字段创建静态文本时，可以将文本放在单独的一行中，该行会随着您的键入而扩展，也可以将文本放在定宽字段（适用于水平文本）或定高字段（适用于垂直文本）中，这些字段会自动扩展和折行。可创建水平文本（从左到右）或静态垂直文本（从右到左流向或从左到右流

21、向）。Flash在文本字段的一角显示一个手柄，用以标识该文本字段的类型：对于扩展的静态水平文本，会在该文本字段的右上角出现一个圆形手柄。如右图所示。对于具有固定宽度的静态水平文本，会在该文本字段的右上角出现一个方形手柄。如右图所示。2.7 案例7 制作“立体文字”第2章39相关知识 对于文本流向为从右到左或从左到右并且扩展的静态垂直文本，会在该文本字段的左下角或右下角出现一个圆形手柄。如右图所示。对于文本流向为从右到左或从左到右并且高度固定的静态垂直文本，会在该文本字段的左下角或右下角出现一个方形手柄。如右图所示。2.7 案例7 制作“立体文字”第2章40相关知识2.创建动态文本或输入文本字段

22、动态文本字段显示动态更新的文本，如股票报价或天气预报。在创建动态文本或输入文本时，可以将文本放在单独一行，也可以创建定宽和定高文本字段。对于扩展的动态或输入文本字段，会在该文本字段的右下角出现一个圆形手柄。对于具有固定的高度和宽度的动态或输入文本，会在该文本字段的右下角出现一个方形手柄。对于动态可滚动文本字段，圆形或方形手柄会变成实心黑块而不是空心手柄。2.7 案例7 制作“立体文字”第2章41相关知识3.关于文本的属性 可以设置文本的字体和段落属性。字体属性包括字体系列、磅值、样式、颜色、字母间距、自动字距微调和字符位置。段落属性包括对齐、边距、缩进和行距。4.Flash文本消除锯齿 使用消

23、除锯齿功能可以使屏幕文本的边缘变得平滑。消除锯齿选项对于呈现较小的字体尤其有效。启用消除锯齿功能会影响到当前所选内容中的全部文本。对于各种磅值大小的文本，消除锯齿功能以相同的方式工作。2.7 案例7 制作“立体文字”第2章42相关知识5.应用“动态文本”属性，创建“滚动文本”“滚动文本”主要应用了“文本工具”、文本工具“属性”面板，创建一个显示动态更新的文本字段。“滚动文本”的效果如下图所示。2.7 案例7 制作“立体文字”第2章43相关知识6.应用“输入文本”属性，实现“动态交互”输入文本与动态文本框相似，输入文本可以接受用户输入的信息，可以将文本输入到表单或调查表中，以便与用户进行动态交互

24、。效果如下图所示。2.7 案例7 制作“立体文字”第2章44本 章 小 结本章通过绘制“五星红旗”案例、绘制“奥运五环”案例、绘制“小鸟”案例、绘制“精致的彩绘花瓶”案例、绘制“繁星满天”案例、绘制“树图案”案例、制作“立体文字”7个动画设计案例的学习，全面介绍了Flash CS6 Professional中的工具面板中选择变形工具包括（“部分选择工具”、“套索工具”、“任意变形工具”、“渐变变形工具”）的使用方法；绘图工具包括（“钢笔工具组”、“文本工具”、“线条工具”、“矩形工具组”、“铅笔工具”、“刷子工具组”、“Deco工具”）的使用方法、绘图调整工具包括（“颜料桶工作组”、“墨水瓶工

25、具”、“滴管工具”、“橡皮擦工具”）的使用方法，同时介绍了各种工具属性的设置及各种功能的使用以及创建动态文本和输入文本的方法。使学习者能全面掌握应用Flash绘制图形的方法。2.7 案例7 制作“立体文字”第2章45思考与练习1.位图与矢量图形的差别有哪些？2.利用本章所学工具，结合本章案例的具体操作方法，举一反三，进行绘画练习。3.练习对绘制的图形填充颜色，进行对象的编辑、管理等。4.练习应用文本工具进行文字编辑的操作。2.7 案例7 制作“立体文字”第2章46拓展训练训练1：绘制“金钥匙”案例任务要求：绘制一把呈现金属质感的“金钥匙”。要求如下：1.应用“线条工具”、“椭圆工具”和“基本椭

26、圆工具”绘制钥匙的基本图形。2.用“选择工具”和“任意变形工具”调整图形，使钥匙图形更逼真。3.用“颜料桶工具”填充颜色，完成绘制“金钥匙”图形的任务。动画效果：效果如图 所示。2.7 案例7 制作“立体文字”第2章47拓展训练训练2：绘制“足球”案例任务要求：主要应用“多角星形工具”，结合其他绘图工具，完成一个逼真的“足球”绘制。要求如下：1.应用“多角星形工具”绘制多边形。2.将多边形合并后的图形复制并排列，分离后使用“颜料桶工具”填充黑色多边形。在黑色多边形上方绘制一个无填充色，边线为白色虚线的多边形3.新建球，应用滤镜效果实现逼真的“足球”效果。动画效果：效果如图 所示。大连理工大学出版社大连理工大学出版社地址：大连市软件园路地址：大连市软件园路8080号号E-mail :URL：http:/