flash教学课件3.ppt

《flash教学课件3.ppt》由会员分享，可在线阅读，更多相关《flash教学课件3.ppt（46页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、第3章图形制作（上）妙笔生花 n绘制和调整线条n绘制几何图形n绘制平滑曲线n用“刷子工具”绘制图形n“文本工具”的使用n在Flash CS3中绘图的一些必要补充3.1 绘制和调整线条3.1.1 使用“线条工具”设置“线条工具”属性 “笔触样式”对话框选择“线条工具” 后，可在“属性”面板中设置线条的“笔触颜色”、“笔触高度”、“笔触样式”等属性单击“属性”面板中的“自定义” 按钮 ，可以在打开的“笔触样式”对 话框中对笔触样式进行详细设置绘制线条 火箭在舞台中按住鼠标左键并拖动，即可绘制直线利用“线条工具” 绘制的火箭3.1.2 使用“铅笔工具”选择铅笔模式 “铅笔工具”的“属性”面板1. 选

2、中“铅笔工具” 后，可在工具箱的“选项”区选择铅笔模式2.在“属性”面板中设置“铅笔工具” 的参数使用3种模式绘制的图形 直线化 平滑 墨水3.1.3 使用“选择工具”调整线条 调整曲线形状 选择“选择工具” 后，将鼠标移到图形或线条边缘，当光标变为 形状时，单击并拖动可调整图形形状。 如果光标所在位置存在拐点，光标将呈 形状，此时单击并拖动可拉出一个拐角。 拖动拐点改变图形形状 如果图形是开放图形，则可以通过单击图形端点并拖动来拉长或缩短图形的长度，或者改变图形的形状。改变开放图形形状典型实例打鱼小船打鱼小船 本例操作步骤可参考视频：3-1.avi。3.2 绘制几何图形3.2.1 使用“矩形

3、工具”利用“矩形工具” 可以绘制矩形、正方形和圆角矩形。“矩形工具”的“属性”面板在此可设置边框属性在此可设置“矩形工具” 的填充颜色在此输入数值可绘制圆角矩形，0表示绘制普通矩形，值越大，圆角矩形的半径越大。单击小锁标志，可分别设置4个角的半径 设置好参数后，将光标移动到舞台中，按住鼠标左键并拖动，即可绘制矩形或圆角矩形。在拖动鼠标的同时按住【Shift】键，可绘制正方形。绘制矩形、正方形和圆角矩形3.2.2 使用“基本矩形工具” “基本矩形工具” 的使用方法与“矩形工具” 基本一样。不同的是，用“基本矩形工具” 绘制的图形是一个整体，不方便使用“选择工具” 调整形状，但可以使用“选择工具”

4、 拖动边角上的节点，改变圆角矩形的弧度。 改变圆角矩形的弧度3.2.3 使用“椭圆工具”利用“椭圆工具” 可以绘制出正圆、椭圆、扇形、弧线和带有空心圆的扇形等。“椭圆工具” 的“属性”面板在此输入相关数值，可绘制扇形、弧线和带有空心圆的扇形等。若不输入任何数值，绘制的是普通椭圆绘制椭圆形、正圆形在拖动鼠标的同时按住【Shift】键，可绘制正圆绘制扇形、弧线和带有空心圆的扇形在“起始角度”和“结束角度”文本框中输入起始和结束角度可以绘制扇形在“内径”文本框中输入正值，并勾选“闭合路径”复选框，可以绘制带有空心圆的椭圆或扇形取消选取“闭合路径”复选框，绘制出来的是弧线3.2.4 使用“基本椭圆工具

5、” “基本椭圆工具” 的使用方法与“椭圆工具” 基本一样。不同的是，用“基本椭圆工具” 绘制的图形是一个整体。使用“选择工具” 拖动椭圆外围的节点，可以改变椭圆起始角度和结束角度；使用“选择工具” 拖动椭圆内部的节点，可改变内径。 拖动椭圆外围和内部的节点3.2.5 使用“多角星形工具” 利用“多角星形工具” 可以绘制多边形和星形。设置“多角星形工具”属性单击“选项”按钮 会打开“工具设置”对话框在此处可设置绘制多边形还是星形在此处可设置多边形和星形的边数此选项只对星形起作用，可设置星形顶点的大小利用“多角星形工具”绘制的多边形和星形“星形顶点大小”为1的五角星“星形顶点大小”为0.1的五角星

6、典型实例小鳄鱼 小鳄鱼 本例操作步骤可参考视频：3-2.avi。3.3 绘制平滑曲线3.3.1 使用“钢笔工具” 使用“钢笔工具” 可以绘制直线线段和曲线，而通过调节曲线的曲率绘制平滑的曲线是它的强项。“钢笔工具”的“属性”面板1.在“属性”面板中设置“钢笔工具” 的参数确定起始描点 绘制直线路径 调整调节杆2.将光标移动到舞台上的适当位置并单击，确定起始描点3.将光标移动到舞台的另一处，单击创建第二个描点，两个描点位置之间会出现一条路径3.在另一点按住鼠标左键向任意方向拖动，可拖出一个调节杆，向任意方向拖动调节杆，可调整曲线弧度创建封闭路径 将路径转换为线条 4.将光标移动到起始描点处，当光

7、标呈 形状时单击，可创建封闭路径5.路径绘制完成后，在工具箱中选择除“钢笔工具” 组以外的任意工具，即可将路径转换为线条3.3.2 使用“部分选取工具” 利用“部分选取工具” 可以方便地移动线条上的锚点位置和调整曲线的弧度。单击显示图形线条的锚点 移动锚点 1.选择“部分选取工具” ，然后将光标移到线条上并单击，可显示出该图形线条上的锚点2.将光标移动到锚点上，然后按住鼠标左键并拖动，可移动锚点位置调整曲线路径的弧度3.单击曲线描点，在描点两侧会出现调节杆，拖动调节杆可调整曲线路径的弧度4.在拖动的同时按住【Alt】键，可单独调整一边的调节杆3.3.3 使用“添加锚点工具”和“删除锚点工具”

8、利用“添加锚点工具” 和“删除锚点工具” ，可以在路径上添加锚点或删除已有的锚点，从而更加方便调整图形形状。 添加锚点 删除锚点选择“添加锚点工具” 在路经上单击，可添加锚点 选择“删除锚点工具” 在锚点上单击，可删除锚点3.3.4 使用“转换锚点工具” 利用“转换锚点工具” 可以实现曲线锚点与直线锚点间的切换。 将曲线锚点转换为直线锚点1.选择“转换锚点工具” ，然后将光标移到线条上并单击，可显示出该线条的锚点2.将光标移到曲线锚点上并单击，即可将曲线锚点转换为直线锚点 将直线锚点转换为曲线锚点 单独调整一边的调节杆3.将光标移动到直线锚点上，然后按住鼠标左键不放并拖动，可将直线锚点转换为曲

9、线锚点4.将光标移动到曲线锚点的调节杆上，然后按住鼠标左键并拖动，可以单独调整一边的调节杆3.4 用“刷子工具”绘制图形 “刷子工具” 也是常用的绘图工具之一，与前面介绍的绘图工具不同，用它绘制的是任意形状的填充区域而不是线条。 “刷子工具”的“属性”面板 设置刷子的大小和形状设置的填充颜色平滑值越高，绘制的图形越接近于伸直在工具箱选项区中的“刷子大小”和“刷子形状”下拉列表中，可选择刷子大小以及形状选择涂色模式 5种涂色模式下的绘制效果单击“刷子模式” 按钮，可选择涂色模式标准绘画 颜料填充 后面绘画 颜料选择 内部绘画3.5 用“文本工具”制作文字3.5.1 创建文本单击输入文字 拖出文本

10、框后输入文字 使用“文本工具” 在舞台上单击并输入文字，以这种形式创建的文本，换行需要按【Enter】键。使用“文本工具” 在舞台中按住鼠标左键并拖动，可拖出一个文本框，用来规定文本的宽度，当文字达到文本框边缘时会自动换行 3.5.2 设置文字样式选中文本 设置文本字体1.被选中的文本周围会有一个蓝色的方框2.在“属性”面板的“字体”下拉列表中选择字体设置文本大小 设置文本颜色3.在“字体大小”编辑框中输入数字，或者单击其右侧的三角按钮 ，并拖动弹出的调节杆的滑块，可改变字体大小4.单击“文本（填充）颜色”按钮，可在弹出的“拾色器”中选择文本的颜色 改变个别字体样式5.如果要对个别文字进行设置

11、，可先选中该文字，再进行设置设置文字对齐方式 设置文本格式6.单击 这几个按钮可设置文字对齐方式，比如将“消逝”两字的对齐方式设为居中对齐 7.单击“编辑格式选项” 按钮 ，可在打开的“格式选项”对话框中设置文本格式，比如进入文本编辑状态后，将光标放在第二段，设置首行缩进20像素 改变文字间距选择文本的排列方式8.在“字母间距” 编辑框中输入数字，或者单击其右侧的“下拉”按钮 ，并拖动弹出的调节杆的滑块，可改变文字间距，比如将“消逝”几个字的间距设为309.单击“改变文本方向”按钮 ，可在弹出的下拉列表框中选择文本的排列方式，例如选中整个文本后，选择“垂直，从左向右” 设置文字上下标10.单击

12、“字符位置”选项 右侧的按钮 ，可在弹出的下拉列表中设置被选文字的位置正常下标上标链接文字选择文字表现方式11.单击“字体呈现方法”右侧的 按钮，可在弹出的下拉列表框中设置文字在动画中的表现方式，通常选择“动画消除锯齿”或“可读性消除锯齿”选项。12.选中文本后，在“URL 链接” 编辑框中输入网址，可以将文字链接到相应网站3.5.3 制作漂亮的文字1安装外部字体将外部字体复制到系统Fonts文件夹中1.打开光盘或下载回来的字体文件夹，选中字体，按【Ctrl+C】组合键，将其复制到剪贴板中2. 打开系统字体文件夹（位于“C:WINDOWSFonts”文件夹下），按【Ctrl+V】组合键，将外部

13、字体复制到该文件夹中即可 2为文字添加滤镜特效选中文本并打开“滤镜”面板 选择“斜角”滤镜 1. 选中要添加特效的文本，然后打开“滤镜”面板2. 单击“滤镜”面板中的“添加滤镜”按钮 ，从弹出的下拉列表框中选择一种滤镜，比如选择“斜角”滤镜设置“斜角”滤镜的参数添加了滤镜特效后的文本效果3.选中某个滤镜后，可以在“滤镜”面板中对该滤镜的参数进行设置 3分离和变形文字 选中文本 将文本分离成文字 将文本块分离成矢量图形选中文本后选择两次“修改”“分离”菜单或按两次快捷键【Ctrl+B】，将文字分离为矢量图形，此时便可以使用“选择工具” 调整文字形状3.5.4 文本的类型n静态文本：静态文本：静态

14、文本是在创作文档时确定文本内容和外观，最终出现在动画中的文本与在制作动画时设置的样式没有任何变化。静态文本比较常用，前面我们介绍的都属于静态文本。n动态文本：动态文本：动态文本是在动画播放时可以动态更新的文本，如股票报价等，它可以根据情况动态改变文本的显示内容以及样式等。动态文本常用在游戏或课件作品中。n输入文本：输入文本：输入文本是在动画播放时可以接受用户输入的文本，是响应键盘事件的一种人机交互的工具。典型实例一箭倾心一箭倾心 本例操作步骤可参考视频：3-3.avi。3.6 在Flash CS3中绘图的一些必要补充1合并模式合并模式 合并模式是Flash默认的绘图模式，在这种模式下，绘制出的

15、图形是打散的矢量图形，两个图形之间如果有交接，便会自动合并在一起，并且移动一个图形会改变另一个图形的形状。3.6.1 两种绘图模式2对象绘制模式“对象绘制”按钮 对象绘制模式下绘制的图形选择绘图工具后，单击激活工具箱选项区的“对象绘制”按钮，即可在对象绘制模式下绘图在对象绘制模式下绘制图形的优点是，绘制出的图形会自动组合成对象，两个图形叠加时相互不影响，不会自动合并，也不会在移动时改变图形形状3.6.2 绘制图形的常见思路n想好所要绘制的图形形状，可以在纸上绘制出图形的草图。n使用“线条工具” 、“铅笔工具” 、“钢笔工具” 、“椭圆工具” 、“矩形工具” 等工具绘制出图形的轮廓线。n使用“选择工具” 、“部分选取工具” 等工具调整轮廓线形状。n在“混色器”面板中调制需要填充的颜色，使用“颜料桶工具” 为图形的不同区域上色。n再次对图形细微处进行调整。