《网页设计与制作应用教程 第2版 教学课件 ppt 作者 王任华 第18章》由会员分享，可在线阅读，更多相关《网页设计与制作应用教程 第2版 教学课件 ppt 作者 王任华 第18章（51页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作应用教程（第2版）,机械工业出版社同名教材 配套电子课件,主要内容,第一部分 网页设计与制作基础 第二部分 Adobe Dreamweaver CS5 网页制作 第三部分 Adobe Fireworks CS5 网页图片处理 第四部分Adobe Flash CS5 网页动画制作,2,第18章 Flash 动画素材准,18.1 绘制基础 18.2 使用绘画工具 18.3 使用编辑和修饰工具 18.4 处理位图和图形 18.5 使用文本工具 18.6 使用 3D 图形工具 18.7 边学边做（绘制“花伞”图形）,3,在Flash CS5中，我们可以使用线条、椭圆、矩形和五角星形等基本
2、图形绘制工具绘制基本图形，可以使用钢笔、铅笔等工具进行精细图形的绘制，还可以对已经绘制的图形进行旋转、缩放、扭曲等变形操作。,4,18.1 绘制基础,计算机以矢量或位图格式显示图形。使用Flash 可以创建压缩矢量图形并将它们制作为动画。Flash 还可以导入和处理在其他应用程序中创建的矢量图形和位图图形。,5,18.1.1 绘制模式,1. 合并绘制模式 2. 对象绘制模式,6,18.1.2 选择对象,7,1. 使用“选择”工具 工具箱中的黑色箭头工具（ ）可以用来进行对象的选择、移动、复制、修改、旋转、推拉、缩放矢量线和矢量图形。,18.1.2 选择对象,使用“部分选取”工具 主要用于选择线
3、条、移动线条和编辑节点以及节点方向等。它的使用方法和作用与【选择】工具类似，区别在于，使用【部分选取】工具选中一个对象后，对象的轮廓线上将出现多个控制点。,18.1.2 选择对象,使用“套索”工具 使用“套索”工具（ ）可以选择不规则的区域。单击工具箱中的“套索”工具，可以看到工具箱的选项栏中显示了3个功能按钮，即“魔术棒”、“魔术棒属性”和“多边形模式”。,18.2 使用绘画工具,Flash 提供了各种工具来绘制自由形状、精准的线条、形状和路径，并可以用来对填充对象涂色,10,18.2.1 使用“钢笔”绘制路径,11,使用【钢笔】工具,【钢笔】工具常用于绘制比较复杂、精确的曲线。在Flash
4、 CS5中的【钢笔】工具分为【钢笔】、【添加锚点】、【删除锚点】和【转换锚点】工具。,13,使用【铅笔】工具,使用【铅笔】工具可以绘制任意线条。在工具箱中选择【铅笔】工具后，在所需位置按下鼠标左键拖动即可。在使用【铅笔】工具绘制线条时，按住Shift键，可以绘制出水平或垂直方向的线条。,使用【刷子】工具,15,“刷子”工具能绘制出刷子般的笔触，就像涂色一样。它可以创建特殊效果，包括书法效果。可以使用“刷子”工具功能按钮选择刷子大小和形状。,使用【橡皮擦】工具,使用【橡皮擦】工具，可以快速擦除舞台中的任何矢量对象，包括笔触和填充区域。在使用该工具时，可以在工具箱中自定义擦除模式，以便只擦除笔触、
5、多个填充区域或单个填充区域；还可以在工具箱中选择不同的橡皮擦形状。,使用“线条”工具,【线条】工具主要用于绘制不同角度的矢量直线。将光标移动到舞台上，会显示为十字形状，按住鼠标左键向任意方向拖动，即可绘制出一条直线。,使用【矩形】和【基本矩形】工具,选择【工具】面板中的【矩形】工具，在设计区中按住鼠标左键拖动，即可开始绘制矩形。如果按住Shift键，可以绘制正方形图形。,使用【椭圆】和【基本椭圆】工具,选择【工具】面板中的【椭圆】工具，在设计区中按住鼠标拖动，即可绘制出椭圆。按住Shift键，可以绘制一个正圆图形。,使用【多角星形】工具,绘制几何图形时，【多角星形】工具也是常用工具。使用【多角
6、星形】工具可以绘制多边形图形和多角星形图形，在实际动画制作过程中，这些图形是较多应用到的。,使用Deco装饰性绘画工具,Deco工具是装饰性绘画工具，可以将创建的图形形状转变为复杂的几何图案。Deco工具使用算术计算(称为过程绘图)。这些计算将应用于【库】面板中创建的【影片剪辑】或【图形】元件。,Deco工具,选择【藤蔓式填充】效果，可以用藤蔓式图案填充设计区、元件或封闭区域。用户还可以选择【库】中的元件替换叶子和花朵的插图，生成的图案将包含在影片剪辑中，而影片剪辑本身包含组成图案的元件。,网格式填充,选择【网格填充】效果，可以以元件填充设计区、元件或封闭区域。将网格填充绘制到设计区中，如果移
7、动填充元件或调整其大小，则网格填充将随之移动或调整大小。,对称刷子效果,选择对称效果，可以围绕中心点对称排列元件。在设计区中绘制元件时，将显示一组手柄。可以使用手柄通过增加元件数、添加对称内容或者编辑和修改效果的方式来控制对称效果。,装饰性刷子效果,装饰性刷子效果在进行Flash绘图时很有用，我们可以通过应用装饰性刷效果，绘制出多种装饰线，例如梯形图案、绳形、星形、波浪线等。,粒子系统,使用粒子系统效果，我们可以创建火、烟、水、气泡及其他效果的粒子动画。,树刷子,通过树刷效果，我们可以快速创建树状插图，选择Deco工具后，在【属性】面板中选择【树刷子】效果，可打开该效果的【属性】面板。打开【高
8、级选项】下拉列表框，可以选择多种树的效果。,18.3 使用编辑和修饰工具,在Flash 工具箱中，有多种编辑和修饰工具，包括颜料桶工具、墨水瓶工具、滴管工具、任意变形工具、填充变形工具、橡皮擦工具等。,28,使用【变形】菜单命令,选择了舞台上的图形对象以后，可以选择【修改】|【变形】|命令打开【变形】子菜单，在该子菜单中选择需要的变形命令进行图形的变形。这里的命令选项，大多与【变形】面板中的按钮命令或【任意变形】工具相同。,使用【变形】面板,选择对象后，选择【窗口】|【变形】命令，可以打开【变形】面板。使用【变形】面板不仅可以对图形对象进行较为精准的变形操作，还可以利用其【重制选区和变形】的功
9、能，依靠单一图形对象，创建出复合变形效果的图形。,1,使用【任意变形】工具,【任意变形】工具可以用来对对象进行旋转、扭曲、封套等操作。选择【工具】面板中的【任意变形】工具，在【工具】面板中会显示【贴紧至对象】、【旋转和倾斜】、【缩放】、【扭曲】和【封套】按钮。,旋转与倾斜对象,旋转与倾斜对象可以垂直或水平方向上缩放，还可以在垂直和水平方向上同时缩放。,缩放对象,缩放对象可以垂直或水平方向上缩放，还可以在垂直和水平方向上同时缩放。,扭曲对象,扭曲对象可以对对象进行锥化处理。选择【工具】面板中的【任意变形】工具，然后单击【扭曲】按钮，选中要对选定对象进行扭曲变形。,封套对象,封套对象可以对对象进行
10、任意形状的修改。选择【工具】面板中的【任意变形】工具，然后单击【封套】按钮，选中对象，在对象的四周会显示若干控制点和切线手柄。,使用【手形】工具,当视图被放大或者舞台面积很大，整个场景无法在视图窗口中完整显示时，要查看场景中的某个局部，就可以使用【手形】工具。,使用【缩放】工具,【缩放】工具是最基本的视图查看工具，用于缩放视图的局部和全部。,辅助绘图工具的使用,想较好的完成绘图工作，仅仅依靠绘图工具还是不够的，我们必须能够熟练使用绘图辅助工具，如【手形】工具、【缩放】工具还有【对齐】面板等，这些工具在绘图时经常会用到。,使用【对齐】面板,打开【对齐】面板，在该面板中可以进行排列对象操作，尤其在
11、舞台中有过个对象需要进行对齐与分布操作时尤其有用，选择【窗口】|【对齐】命令，或者按下Ctrl+K组合键都可以打开【对齐】面板。,18.4 处理位图和图形,位图的导入 Flash 可以导入矢量图形、位图和图像序列，将位图导入Flash 时，该位图可以修改，并可用各种方式在Flash 文档中使用它。 可以直接导入到舞台 可以导入到库,40,18.4 处理位图和图形,将位图转换为矢量图形 “转换位图为矢量图”命令将位图转换为具有可编辑的离散颜色区域的矢量图形。将图像作为矢量图形处理，便可以减小文件大小。,41,18.4 处理位图和图形,处理图形对象 合并对象 组合,42,18.4 处理位图和图形,
12、处理图形对象 叠放 改变图层内对象层叠顺序的操作是：执行【修改】/【排列】/【置于顶层】或【置于底层】命令，可以将对象或组移动到层叠顺序的最前或最后。 对齐,43,18.5 使用文本工具,使用【文本】工具可以创建多种类型的文本， Flash CS5除了保持和丰富以前的文本模式(现在称为传统文本)外，还引入了全新文本引擎文本布局框架 (以下简称TLF)模式，TLF文本模式支持更多丰富的文本布局功能和对文本属性的精细控制 。,44,18.5.1 文本布局框架 (TLF) 文本,45,18.5.2 传统文本,传统文本是Flash的基础文本模式，它在图文制作方面发挥着重要的作用。传统文本类型可分为静态
13、文本、动态文本、输入文本共3种 。,46,编辑文本,创建文本后，可以对文本进行一些编辑操作，主要包括对文本进行选择、分离、变形等编辑，还可以改变文本属性，将文本链接到指定URL地址等操作 。 选择和分离文本 变形文本 设置文本属性,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,选择和分离文本,编辑文本前，首先要选择更改的文本。选择文本以后可以进行分离文本的操作 。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,变形文本,在将文本分离为填充图形后，可以非常方便地改变文字的形状。要改变分离后文本的形状时，可以使用工具箱中的【选择】工具或【部分选取】工具等，进行各种变形操作 。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,设置文本属性,创建文本之后，可以利用【文本】工具的【属性】面板，对文本进行进一步的设计和修改 。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,51,
