1、网页三剑客网页三剑客主讲主讲:麻永梅麻永梅第一讲第一讲Flash概述及概述及Flash中图形图像的处理中图形图像的处理3n通过本讲的学习，掌握通过本讲的学习，掌握Flash的功能特点和应用范的功能特点和应用范围以及关于文档的基本操作、文本的处理、矢量围以及关于文档的基本操作、文本的处理、矢量图形的制作。图形的制作。教学目标教学目标4nFlash 概述及应用领域概述及应用领域n文档的基本操作文档的基本操作n文本的处理文本的处理n矢量图形的处理矢量图形的处理n位图处理位图处理本讲主要内容本讲主要内容5任务一任务一 Flash特点及应用领域特点及应用领域1、Flash特点特点 Flash是专为网站设
2、计的，由交互式矢量图形所是专为网站设计的，由交互式矢量图形所组成的动画软件。组成的动画软件。可以用可以用Flash制作动画、导航条、制作动画、导航条、MTV、Flash引导页引导页(声色俱全的互动性网页声色俱全的互动性网页)等。等。Flash动画是由矢量图形组成的，且下载速度快，动画是由矢量图形组成的，且下载速度快，其动画大小可随用户的屏幕大小而自发缩放其动画大小可随用户的屏幕大小而自发缩放。6有很强的交互性能，添加了大量的有很强的交互性能，添加了大量的Action Script（动作脚本语言）命令（动作脚本语言）命令生成的文件体积小生成的文件体积小,适合适合Web（网页）动画的文件（网页）动
3、画的文件体积需求体积需求保护措施较好保护措施较好 文件文件-导出（防止导入设置）导出（防止导入设置）72、Flash的应用领域的应用领域基于基于Web应用的动画制作应用的动画制作基于基于Web流通的流通的2D动画艺术创作动画艺术创作(Flash MTV)基于基于Web的多媒体课件开发的多媒体课件开发8任务二、任务二、Flash工作环境及相关概念工作环境及相关概念1、工作环境、工作环境92、相关概念、相关概念n时间轴面板时间轴面板(Timeline)(Ctrl+Alt+T)时间轴由图层区和时间线区组成时间轴由图层区和时间线区组成 帧帧(Frame)是组成时间线的重要元素是组成时间线的重要元素10
4、n场景场景(Scene)：每个场景中都有独立的时间线，拥有独：每个场景中都有独立的时间线，拥有独立的动画内容，在播放时，立的动画内容，在播放时，Flash会自动按场景面板中会自动按场景面板中从上到下的顺序播放。从上到下的顺序播放。场景面板场景面板(shift+F2)n电影电影(Movie)：即影片，：即影片，Flash电影就是通过一定数量电影就是通过一定数量的帧按照时间的某一顺序组织起来的一个集合体的帧按照时间的某一顺序组织起来的一个集合体 n舞台舞台(Stage)：指编辑动画对象的场所，：指编辑动画对象的场所，Flash中所有的中所有的动画元素，都需要在舞台上表现出来。动画元素，都需要在舞台
5、上表现出来。11任务三、文档的基本操作任务三、文档的基本操作n新建文档新建文档n文件导入文件导入(ctrl+R)n打开文档打开文档n文件预览文件预览(Crtl+Enter）导入位图导入位图导入序列图片导入序列图片导入导入swf动画动画导入音频导入音频导入视频导入视频12n保存文档保存文档(.fla源文件格式）源文件格式）n发布发布shift+F12n发布设置发布设置Ctrl+shift+F12n文件导出文件导出注意：注意：Exprot Movie 和和Export Image 均能产生均能产生swf格格式的文件，但两者不一样，前者产生的是一个完式的文件，但两者不一样，前者产生的是一个完整的动画
6、，而后者只是输出一个包含当前帧内容整的动画，而后者只是输出一个包含当前帧内容的播放作品。的播放作品。图像图像(.jpg、.swf格式等格式等)影片影片(Ctrl+Alt+shift+S)13注意注意：修改文档属性（修改文档属性（Ctrl+J）14n舞台的尺寸舞台的尺寸:默认为默认为:550*400PX 最小为：最小为：1*1PX 最大为：最大为：2880*2880PX 舞台的最小缩放比率为舞台的最小缩放比率为:8%，最大为，最大为2000%n帧频：帧频：12/fps（默认）（默认）15n匹配：匹配：打印机：要将舞台大小设置为最大的可用打印区域，打印机：要将舞台大小设置为最大的可用打印区域，请单
7、击请单击“打印机打印机”。此区域的大小是纸张大小减去。此区域的大小是纸张大小减去“页面设置页面设置”对话框对话框(Windows)或或“打印边距打印边距”对对话框话框(Macintosh)的的“页边界页边界”区域中当前选定边区域中当前选定边距之后的剩余区域。距之后的剩余区域。内容：要将舞台大小设置为内容四周的空间都相等，内容：要将舞台大小设置为内容四周的空间都相等，请单击请单击“匹配匹配”右边的右边的“内容内容”按钮。要最小化文按钮。要最小化文档大小，请将所有元素对齐到舞台的左上角，然后档大小，请将所有元素对齐到舞台的左上角，然后单击单击“内容内容”。默认：要将舞台大小设置为默认大小默认：要将
8、舞台大小设置为默认大小,请单击请单击“默默认认”。16任务四、任务四、Flash中文本的处理中文本的处理1、文本的类型、文本的类型 静态文本静态文本 动态文本动态文本 动态文本可以作为实例，即可利用动态文本可以作为实例，即可利用 Action Script 对其进行相关的引用或控制对其进行相关的引用或控制 输入文本输入文本 无法对输入文本中的文本作链接无法对输入文本中的文本作链接172、静态文本的属性设置、静态文本的属性设置字符位置：一般，上标和下标字符位置：一般，上标和下标文本的方向文本的方向可选：激活影片在运行时文本块中内容允许复制。可选：激活影片在运行时文本块中内容允许复制。格式：缩进，
9、行距，左边距，右边距格式：缩进，行距，左边距，右边距使用设备字体：为系统内部设备清除反锯齿使用设备字体：为系统内部设备清除反锯齿锯齿文字：清楚地显示较小的文本锯齿文字：清楚地显示较小的文本字母间距字母间距URL链接链接1819任务五、任务五、Flash中图形的制作中图形的制作1、矢量图形、矢量图形nFlashFlash中矢量图形由笔触色中矢量图形由笔触色(边框色边框色)与填充色构成与填充色构成n注：注：单击填充，删除填充、双击填充，删除填充与边框。单击填充，删除填充、双击填充，删除填充与边框。单击边框，删除一个边框、双击边框，删除全部边框。单击边框，删除一个边框、双击边框，删除全部边框。202
10、、工具箱的认识、工具箱的认识(Ctrl+F2)工具箱分四个部分：工具箱分四个部分：n工具选区工具选区(Tool):包含了绘图、填充和选取工具等。包含了绘图、填充和选取工具等。n查看选区查看选区(View):包含了放大和平移应用程序窗口工具包含了放大和平移应用程序窗口工具等。等。n颜色选区颜色选区(Color):包含了线条和填充颜色修改器。包含了线条和填充颜色修改器。n选项选区选项选区(Option):显示了选中工具的个性器，它们可显示了选中工具的个性器，它们可以影响工具的填充色或编辑操作。以影响工具的填充色或编辑操作。213、选择工具、选择工具n选择工具选择工具(V)：对对象进行选取和移动或改
11、变形状，对对象进行选取和移动或改变形状，按住按住shift键可以选中多个对象。键可以选中多个对象。n部分选取工具部分选取工具(A):改变线条和图形的外形，主要结合改变线条和图形的外形，主要结合着钢笔工具来使用着钢笔工具来使用。n任意变形工具任意变形工具(Q)：可以对对象进行自由的变形可以对对象进行自由的变形。n套索工具（套索工具（L）n魔术棒工具魔术棒工具(W)：可以选择分离后的位图的不同颜色可以选择分离后的位图的不同颜色区域区域.魔术棒属性的设置（阀值平滑）魔术棒属性的设置（阀值平滑）多边形模式：绘制不规则的多边形多边形模式：绘制不规则的多边形224、绘图工具、绘图工具线条工具线条工具(N)
12、(N)可以用来绘制一些直线。按可以用来绘制一些直线。按shiftshift键可以使直线沿键可以使直线沿水平、垂直或水平、垂直或4545度方向绘制度方向绘制.补充：补充：变形面板变形面板(Ctrl+T)命令应用命令应用“复制并应用变形复制并应用变形”23钢笔工具钢笔工具(P)可以绘制精确的路径可以绘制精确的路径,如直线或平滑的曲线如直线或平滑的曲线,并可以通过并可以通过它们的节点来调节形状它们的节点来调节形状椭圆工具椭圆工具(O)按按shift键可绘制正圆键可绘制正圆矩形矩形(多角星形多角星形)工具工具(R)在绘制矩形时，按在绘制矩形时，按shift键，可绘制正方形。同时矩形工键，可绘制正方形。
13、同时矩形工具可以通过具可以通过Options选区中的圆角半径按扭来设置矩形选区中的圆角半径按扭来设置矩形的圆角半径。的圆角半径。24铅笔工具铅笔工具(Y)可以随意地绘制线条和形状，但这样线条和形状并不可以随意地绘制线条和形状，但这样线条和形状并不是铅笔实际运动轨迹所形成的，它会根据用户选定的是铅笔实际运动轨迹所形成的，它会根据用户选定的绘图模式，使之变得笔直或平滑绘图模式，使之变得笔直或平滑。伸直伸直(Straighten)：适用于绘制规则线条，并且绘制的线条会：适用于绘制规则线条，并且绘制的线条会分段转换成与直线圆、椭圆、矩形等规则线条中最接近的一分段转换成与直线圆、椭圆、矩形等规则线条中最
14、接近的一种线条。种线条。平滑平滑(Smooth)：适用于绘制平滑曲线。：适用于绘制平滑曲线。墨水墨水(Ink)：绘制接近徒手画出的线条，绘制不用修改的手画：绘制接近徒手画出的线条，绘制不用修改的手画线条。线条。25刷子工具刷子工具(B)：使用它绘制的图形外观看似乎是线条，其实是一个填使用它绘制的图形外观看似乎是线条，其实是一个填充区域。充区域。标准绘画：在该模式下，使用刷子工具绘制的图形位于标准绘画：在该模式下，使用刷子工具绘制的图形位于所有其它对象之上，包括背景、线条和填充。所有其它对象之上，包括背景、线条和填充。颜料填充：在该模式下，使用刷子工具绘制的图形只覆颜料填充：在该模式下，使用刷子
15、工具绘制的图形只覆盖填充图形和背景，而不覆盖线条盖填充图形和背景，而不覆盖线条后面绘画：在该模式下，使用刷子工具绘制的图形只覆后面绘画：在该模式下，使用刷子工具绘制的图形只覆盖舞台背景，而不覆盖线条和其他填充盖舞台背景，而不覆盖线条和其他填充颜料选择：在该模式下，使用刷子工具绘制的图形只覆颜料选择：在该模式下，使用刷子工具绘制的图形只覆盖选定的填充，而不覆盖其他任何对象盖选定的填充，而不覆盖其他任何对象内部绘画：在该模式下，使用刷子工具绘制的图形只作内部绘画：在该模式下，使用刷子工具绘制的图形只作用于下笔处的填充区域，而不覆盖其他任何对象。如果用于下笔处的填充区域，而不覆盖其他任何对象。如果从
16、舞台的空白处下笔，效果与后面绘画模式相同从舞台的空白处下笔，效果与后面绘画模式相同265、笔触和填充工具笔触和填充工具墨水瓶工具墨水瓶工具(S)使用墨水瓶工具可以以一种单色对图形中的线条进行使用墨水瓶工具可以以一种单色对图形中的线条进行着色，或为一个区域加封闭的边线。着色，或为一个区域加封闭的边线。颜料桶工具颜料桶工具(K)使用颜料桶工具可以以所选择的颜色填充封闭区域，使用颜料桶工具可以以所选择的颜色填充封闭区域，这个封闭区域可以是空白区域也可是有颜色区域。填这个封闭区域可以是空白区域也可是有颜色区域。填充颜色可以使用某一种单色，也可是渐变色或者位图充颜色可以使用某一种单色，也可是渐变色或者位
17、图图像。图像。27注意：注意：使用颜料桶工具可以对具有一定缺口的区域进行填充使用颜料桶工具可以对具有一定缺口的区域进行填充Flash能自动辨认未合拢的轮廓线，并将其认为是封闭能自动辨认未合拢的轮廓线，并将其认为是封闭的图形加以填充。填充区域的缺口大小只是相对的，的图形加以填充。填充区域的缺口大小只是相对的，即使是大缺口，实际上也是很小的即使是大缺口，实际上也是很小的缺口封闭模式共有四种：缺口封闭模式共有四种：不封闭空隙不封闭空隙(Dont Close Gaps):只有区域完全闭合时才能填充。只有区域完全闭合时才能填充。封闭小空隙封闭小空隙(Close Small Gaps):当区域在较小的缺口
18、时可以填充。当区域在较小的缺口时可以填充。封闭中等空隙封闭中等空隙(Close Medium Gaps):当区域存在中等缺口时可以填充。当区域存在中等缺口时可以填充。封闭大空隙封闭大空隙(Close Large Gaps):当区域存在大缺口时可以填充。当区域存在大缺口时可以填充。28填充变形工具填充变形工具(Fill Transform Tool)(F)用来对已经存在的填充进行调整。用来对已经存在的填充进行调整。填充方式有填充方式有3种：线性渐变、辐射渐变、位图填充种：线性渐变、辐射渐变、位图填充滴管工具滴管工具(I)吸取图像中的颜色吸取图像中的颜色296、橡皮擦工具、橡皮擦工具(E)Eras
19、er Tool 用来擦除一些不需要的线条或区域用来擦除一些不需要的线条或区域n擦除模式擦除模式(Erase Model)：n标准擦除标准擦除(Erase Normal)：凡擦除经过的地方都被清：凡擦除经过的地方都被清除除 n擦除填色擦除填色(Erase Fills)：只擦除填色区域内的信息，边：只擦除填色区域内的信息，边框不能擦除框不能擦除 n擦除线条擦除线条(Erase Line)：专门用来擦除对象的边框与轮：专门用来擦除对象的边框与轮廓廓 n擦除指定填色擦除指定填色(Erase Selected Fills)：清除选定区域内：清除选定区域内的填色的填色 30n擦除内部擦除内部(Erase
20、Inside)：擦除情况跟开始点相关，如：擦除情况跟开始点相关，如果起始点在某个对象外如空白区域，那么这个果起始点在某个对象外如空白区域，那么这个“内部内部”则是空白区域内部，这时进行擦除不能抹掉对象信息则是空白区域内部，这时进行擦除不能抹掉对象信息 如果起始点在对象内，那么这个如果起始点在对象内，那么这个“内部内部”则是对象内则是对象内部，这时可以擦除该对象的相关信息，而不能作用于部，这时可以擦除该对象的相关信息，而不能作用于外部区域。外部区域。注意：注意：如果要一次擦除某一线条或某一填充区域，可以选中如果要一次擦除某一线条或某一填充区域，可以选中水龙头按钮。水龙头按钮。31补充知识点：补充
21、知识点：Flash中矢量图形的绘制才是真正的矢量绘制中矢量图形的绘制才是真正的矢量绘制Flash有自动切割和自动溶合的功能有自动切割和自动溶合的功能自动切割：自动切割：两个颜色不同的面重叠时，重叠的部分被切掉两个颜色不同的面重叠时，重叠的部分被切掉线画在面上时，面被分为两部分线画在面上时，面被分为两部分面画在线上时，线被删除掉面画在线上时，线被删除掉自动溶合自动溶合面颜色相同时重叠，合成一个面面颜色相同时重叠，合成一个面32图形的特殊应用处理图形的特殊应用处理修改形状修改形状 扩展填充扩展填充 柔化填充效果柔化填充效果33任务六、任务六、Flash中位图的处理中位图的处理1、导入位图、导入位图2、将位图转换为矢量图、将位图转换为矢量图3、使用位图填充图形、使用位图填充图形34n本讲主要学习了本讲主要学习了Flash的功能特点和应用范围，以的功能特点和应用范围，以及及Flash的基本操作及图形图像的处理。的基本操作及图形图像的处理。本讲小结本讲小结35上机作业上机作业n特效文字的制作特效文字的制作n利用绘图工具绘制基本的图形利用绘图工具绘制基本的图形36
