使用Flash绘制图形.ppt

,第2章 使用Flash绘制图形,教学目标,教学重点、难点,本章小结,教学内容,教学目标,通过这章的学习，使学生掌握使用Flash工具箱中的工具绘制图形的方法和技巧。,第2章 使用Flash绘制图形,教学重点与难点,使用Flash工具箱中的各种工具绘制逼真的图形，设置工具箱中各种工具的属性，制作特殊效果的漂亮文字。,第2章 使用Flash绘制图形,教学内容,本章小结,第2章 使用Flash绘制图形,2.5“绘制小青蛙”案例,2.6“春天来了”案例,2.7“特效文字”案例,2.8“动态山水画”案例,本章计划授课10学时,2.2“绘制树叶”案例,2.3“绘制雪房子”案例,2.4“绘制易拉罐”案例,2.1 Flash绘制图形概述,.1 Flash 平面动画制作的概述,一、Flash绘图工具的种类,徒手绘制工具,基本绘图工具,几何形状绘制工具,选择工具,变形工具,图形修改工具,填充工具,文本工具,2.1 Flash 绘制图形概述,本节内容,案例效果,操作步骤,技术要点,练习,2.2“绘制树叶”案例,一、案例效果,重点与难点：【钢笔工具】、【线条工具】、【铅笔工具】的使用，三类工具的“属性”面板的设置比较。,2.2“绘制树叶”案例,二、操作步骤,1：设置“文档属性”，并把文件保存为“树叶”2：设置“钢笔工具”的属性，绘制一片树叶，过程如下图,2.2“绘制树叶”案例,二、操作步骤,3：复制5片树叶，调整树叶位置及大小如下图4：使用“铅笔工具”绘制树干，效果如下图,2.2“绘制树叶”案例,三、技术要点,1、“钢笔工具”的使用：钢笔工具擅长绘制直线和曲线（1）钢笔工具下拉菜单不同图标的含义如下图（2）在使用【钢笔工具】绘制图形的过程中，光标也会出现不同的三种样式，表示单击可以创建一个锚点，表示单击该锚点并拖动可以绘制出一条直线，还可以将原来弧线的锚点变成直线的连接点。表示单击锚点可以形成一个封闭的图形。,2.2“绘制树叶”案例,2、“线条工具”的使用在使用【线条工具】绘制直线时，按住Shift键可以绘制水平、竖直方向上的直线，也可以绘制出45角的直线。,3、“铅笔工具”的使用：铅笔工具有三种绘图模式（直线化、平滑和墨水）在使用【铅笔工具】的过程中按住Shift键，则线的延伸方向将被限制在水平，竖直方向上。,三、技术要点,2.2“绘制树叶”案例,（1）在使用【钢笔工具】时，光标的不同形状、各代表什么含义？（2）请使用【线条工具】绘制下面的小船。（3）请说出【铅笔工具】的几种绘图模式，各有什么特点？,四、练习,2.2“绘制树叶”案例,本节内容,案例效果,操作步骤,技术要点,练习,2.3“绘制雪房子”案例,一、案例效果,重点与难点：【矩形工具】、【椭圆工具】、【多角星形工具】、【刷子工具】、【橡皮擦工具】的使用，五类工具的“属性”面板的设置。,2.3“绘制雪房子”案例,二、操作步骤,1：设置“文档属性”把文档大小修改为400300，并把文件保存为“雪房子”。2：使用“矩形工具”和“选择工具”绘制房子的外观轮廓如下图：,2.3“绘制雪房子”案例,二、操作步骤,3：使用“多角星形工具”绘制屋沿，“线条工具”绘制房屋线条，如下图4：绘制门窗、烟囱、台阶和瓦片，效果如下图,2.3“绘制雪房子”案例,二、操作步骤,5：修改某些线条的颜色和粗细等属性，并使用“颜料桶”对房子进行颜色填充，效果如下图,2.3“绘制雪房子”案例,1、“矩形工具”的使用：“矩形工具”擅长绘制矩形、正方形和圆角矩形。“矩形工具”的属性面板如下图注意：Shift键可以画正方形,三、技术要点,2.3“绘制雪房子”案例,2、“椭圆工具”的使用：“椭圆工具”擅长绘制椭圆和正圆，还可绘制扇形、空心椭圆或空心扇形。“基本椭圆工具”的属性面板如下图。注意：Shift键可以画正圆。,三、技术要点,2.3“绘制雪房子”案例,3、“多角星形工具”的使用：“多角星形工具”擅长绘制多边形和星形。“多角星形工具”的属性面板如下图：,三、技术要点,2.3“绘制雪房子”案例,4、“刷子工具”的使用：刷子可以设置其形状和大小，共有5中模式可供选择,三、技术要点,2.3“绘制雪房子”案例,5、“橡皮擦工具”的使用：橡皮擦可以设置其形状和大小，共有5中模式可供选择注意：双击“橡皮擦”可以擦除舞台上的所有对象。,三、技术要点,2.3“绘制雪房子”案例,(4)使用“矩形工具”、“椭圆工具”和“多角星形工具”绘制一座别墅，样式自己设计。(5)“刷子工具”有几种绘画模式？它们各有什么特点？(6)“橡皮擦工具”有几种擦除模式？它们各有什么特点？,四、练习,2.3“绘制雪房子”案例,本节内容,案例效果,操作步骤,技术要点,练习,2.4“绘制易拉罐”案例,一、案例效果,重点与难点：【颜料桶工具】、【渐变变形工具】、【墨水瓶工具】与“颜色”面板的使用，及三类工具的“属性”面板及“选项区”的设置。,2.4“绘制易拉罐”案例,二、操作步骤,1：设置“文档属性”，并把文件保存为“易拉罐”。2：使用“矩形工具”、“椭圆工具”和“线条工具”来绘制易拉罐的外观轮廓如下图：,2.4“绘制易拉罐”案例,二、操作步骤,3：在“颜色”面板中调制好颜色，使用“颜料桶工具”为易拉罐进行填充，效果如下图,2.4“绘制易拉罐”案例,二、操作步骤,4：使用“文本工具”，“属性”面板设置如下图，为易拉罐添加文字，最终效果如本节的案例效果图。,2.4“绘制易拉罐”案例,1、“颜料桶工具”的使用：“颜料桶工具”可以进行纯色填充、渐变色填充（分为线性渐变色和放射性渐变色）和位图填充。使用“颜色”面板来设置填充的纯色时，又有三种方法：是通过输入RGB的值及透明度来选择具体颜色；是通过输入十六进制数来选择颜色；是先选择色块，再选择明暗度来设置颜色。,三、技术要点,2.4“绘制易拉罐”案例,“颜料桶工具”有四种填充模式，具体如下图：,三、技术要点,2.4“绘制易拉罐”案例,2、“渐变变形工具”的使用：用来调整渐变色填充和位图填充，下图为线性填充和放射性填充的变形控制柄和中心点。,三、技术要点,2.4“绘制易拉罐”案例,3、“墨水瓶工具”主要是修改矢量图形的线条的，如改变线条的粗细和颜色，也可以为没有轮廓线的填充区添加边线。另外，墨水瓶工具除了可以使用纯色填充线条，还可以使用渐变色或者位图来填充线条。,三、技术要点,2.4“绘制易拉罐”案例,(7)Flash中有几种填充？它们各有什么特色？,四、练习,2.4“绘制易拉罐”案例,本节内容,案例效果,操作步骤,技术要点,练习,2.5“绘制小青蛙”案例,一、案例效果,重点与难点：【选择工具】的使用技巧、图形的排列操作和图形的组合与打散。,2.5“绘制小青蛙”案例,二、操作步骤,1：修改“文档属性”设置舞台大小为 720576，并把文件保存为“小青蛙”。2：绘制小青蛙。第一步：使用“线条工具”绘制小青蛙的头部，利用“选择工具”调整线条，使其成为头部轮廓线，过程如下图,2.5“绘制小青蛙”案例,二、操作步骤,第二步：使用“线条工具”绘制小青蛙的头部分界线并进行颜色填充，最后组合为群组，过程如下图 第三步：绘制青蛙的眼睛和嘴巴，最后效果如下图注意：在绘制过程中可在“绘图”图层绘制每一个群组，再把群组粘贴到“卡通人物”图层。,2.5“绘制小青蛙”案例,二、操作步骤,第四步：参照上面的方法绘制青蛙的身体，并调整头部和身体的前后位置，过程如下图 注意：不同图层之间对象的前后位置可以调整，同一图层中的不同群组的前后位置也可以调整。,2.5“绘制小青蛙”案例,二、操作步骤,第五步：参照上面的方法绘制青蛙的左右手和左右脚，过程如下图,2.5“绘制小青蛙”案例,二、操作步骤,第六步：调整小青蛙身体不同部位的前后位置，并删除多余的线条。注意：群组中的线条要双击进入群组内部后方可删除。,2.5“绘制小青蛙”案例,1、“选择工具”的使用:该工具可以选择、移动舞台上的对象，还可以调整图形的形状、进入或退出整体对象内部进行操作。2.排列同一图层上的对象：在同一图层上，Flash会根据对象绘制的先后顺序层叠放置。先绘制的放在最下面，最后绘制的放置在最上面。对于群组、绘制对象、元件实例和文本，可以改变它们在舞台上的叠放次序。3.图形的组合与打散，快捷键为CtrlG和CtrlB，图形打散后相交的部分融合为一体，组合的群组是相互独立的。,三、技术要点,2.5“绘制小青蛙”案例,(8)根据青蛙的侧面，分别绘制出青蛙的正面和背面，如下图所示。,四、练习,2.5“绘制小青蛙”案例,本节内容,案例效果,操作步骤,技术要点,练习,2.6“春天来了”案例,一、案例效果,重点与难点：“图形”元件的建立和编辑、实例的编辑、【任意变形工具】的使用和图形的平滑、伸直和优化。,2.6“春天来了”案例,二、操作步骤,1：设置“文档属性”，并把文件保存为“春天来了”。2：绘制树干。第一步：使用“铅笔工具”的“平滑”模式绘制大树的树干轮廓，利用“选择工具”调整线条，使其如下图,2.6“春天来了”案例,二、操作步骤,第二步：使用“颜料桶工具”填充树干，“渐变变形工具”调整填充效果，过程如下图 第三步：选中整棵大树，把其转换为“大树”元件3：绘制树叶：打开2.2“树叶”源文件，复制其中的树叶粘贴到舞台上，并将其转换为“树叶”元件。,2.6“春天来了”案例,二、操作步骤,4：绘制“小草”元件，并“平滑”小草，过程如下图。5：绘制“小鸟”元件，并进行颜色填充，过程如下图。,2.6“春天来了”案例,二、操作步骤,6：绘制草地，并把绘制好的各个元件，拖放到舞台的适当位置进行调整，最后效果如下图。,2.6“春天来了”案例,1、“元件”的使用（1）使用“元件”的好处：一是可以重复使用“库”中已存在的元件；二是想改变实例的效果不用一个一个来修改，只要修改“库”中的元件；三是同个元件的实例还可以通过“属性”面板来修改它的“位置”、“颜色”“透明度”等，使每个实例都有所不同，四是舞台上每个元件的实例是一个整体，图形之间不会相互影响。（2）“元件”的建立、编辑和修改方法。（3）“元件”实例的编辑方法。,三、技术要点,2.6“春天来了”案例,2、“任意变形工具”的使用 使用【任意变形工具】不仅可以对矢量图形进行缩放、旋转、倾斜、扭曲封套等，还可以对元件实例、群组、文本和位图等执行这些操作。3、图形的平滑、伸直和优化注意：由于平滑和优化的区别，某些时候对图形优化后图形变化不明显，但是图形的线条数却是减少了很多，Flash文件的尺寸变化比较明显。,三、技术要点,2.6“春天来了”案例,(9)使用元件有什么好处？(10)平滑图形和优化图形有什么区别？各有什么作用？,四、练习,2.6“春天来了”案例,本节内容,案例效果,操作步骤,技术要点,练习,2.7“Happy time 特效文字”案例,一、案例效果,重点与难点：导入位图的方法、【套索工具】的使用和选项的设置、将位图转换为矢量图形和【文本工具】的使用技巧。,2.7“Happy time 特效文字”案例,二、操作步骤,1：设置“文档属性”，并把文件保存为“happy time”。2：制作背景。第一步：将舞台的显示比例设为50，绘制一个矩形，并进行线性填充，使用“渐变变形工具”调整填充效果，效果如下图,2.7“Happy time 特效文字”案例,二、操作步骤,第二步：新建一个“图层2”，在该图层导入图片“花与蝴蝶”，将该位图转换为矢量图形，选中其中的花朵和蝴蝶，粘贴到“图层1”并将其转换为元件，调整元件在舞台中的位置，设置其透明度为45，并删除图层2及库中的位图“花与蝴蝶”，背景图片的效果如下图。,2.7“Happy time 特效文字”案例,二、操作步骤,3：制作文字。第一步：新建一个“文本”图层，在该图层上使用“文本工具”书写“happy time”，并将文字打散，变形、扩充，最后效果如右图。第二步：借助“墨水瓶工具”，“刷子工具”“颜料桶工具”对文字进行加工，并为字母“a”和“i”设置动画效果，保存为影片剪辑，效果如下图。,2.7“Happy time 特效文字”案例,二、操作步骤,4：新建一个图层，导入位图“女孩和小狗”，借助“套索工具”将其中的小狗和女孩裁出，放在“happy time”文字的下方，最后效果如本节效果图。,2.7“Happy time 特效文字”案例,1、图像的导入。2、“套索工具”的使用。套索工具用于选择图形中的不规则形状区域，被选定区域可以作为一个单独的对象进行移动、旋转或变形。共有3种功能按钮，“魔术棒”，“魔术棒设置”和“多边形模式”。3、将位图转换为矢量图形。4、“文本工具”的使用。要创建漂亮的文字，第一步要选择合适的字体；第二步是对文字进行变形，如压缩、倾斜、旋转等，还可将文字打散后使用图形绘制工具来调整文字形状。,三、技术要点,2.7“Happy time 特效文字”案例,（12）请制作图2.174所示的效果文字。,四、练习,2.7“Happy time 特效文字”案例,本节内容,案例效果,操作步骤,技术要点,练习,2.8“绘制动态山水画”案例,一、案例效果,重点与难点：“设计”面板的使用、对图层的基本操作和对图形进行编辑的一些辅助菜单（如扩展填充和柔化填充边界、将线条转化为填充、水平和垂直翻转等）的使用。,2.8“绘制动态山水画”案例,二、操作步骤,1：设置“文档属性”，并把文件保存为“动态山水画”。2：绘制花朵。第一步：绘制“花瓣”图形元件，使用“椭圆工具”和“铅笔工具”绘制花瓣，并进行填充，效果如下图。,2.8“绘制动态山水画”案例,二、操作步骤,第二步：绘制“花朵1”图形元件，从库面板中拖出“花瓣”图形元件，调整变形中心后，进行变形和复制，过程如下图。第三步：绘制“花朵2”图形元件，从库面板中两次拖出“花朵1”元件，分别放在不同图层，分别对其到舞台中央，并重新设置透明度，并把其中一个适当旋转，然后在第3个图层上绘制花心，最后效果如下图。,2.8“绘制动态山水画”案例,二、操作步骤,3：绘制“小鸭”图形元件，绘制计填充过程如下图。注意：小鸭的身体、头、嘴和尾巴分别放在3个不同的图层。,2.8“绘制动态山水画”案例,二、操作步骤,4：绘制图形元件“白云1”和“白云2”，绘制过程要使用“柔化填充边界”的功能，最后效果如下图。,2.8“绘制动态山水画”案例,二、操作步骤,5：绘制“山峰”与其“倒影”，使用“铅笔工具”的“平滑”模式绘制山峰轮廓线，然后进行颜色填充，然后将山峰转换为图形元件，新建一个图层，在该图层放置“山峰”元件，并使其“垂直翻转”，调整其透明度，最后效果如下图。,2.8“绘制动态山水画”案例,二、操作步骤,6：绘制“天空”与“波浪”，绘制“天空”时使用的是“矩形工具”，进行线性填充，绘制“波浪”时，要借助网格，并对绘制的线条进行“平滑”处理，最后效果如下图。,2.8“绘制动态山水画”案例,二、操作步骤,7：调整各图层的关系如下图，并在“白云”、“小鸭”和“花朵”图层设置补间动画，并调整“花朵”图层每片花朵的透明度。,2.8“绘制动态山水画”案例,1、“设计”面板的使用，“设计”面板包括“对齐”“变形”和“信息”面板,三、技术要点,2.8“绘制动态山水画”案例,2、对图层的基本操作 使用图层并不会增加动画文件的大小，相反它可以更好帮助我们安排和组织图形，文字和动画。（1）图层的种类：普通图层、引导图层、遮罩图层（2）图层的建立方法（3）选择图层、删除图层、命名图层、复制和移动图层、隐藏显示和锁定图层、设置修改图层属性。,三、技术要点,2.8“绘制动态山水画”案例,3、对图形辅助菜单的使用（1）将线条转换为填充（2）柔化填充边界和扩展填充（3）水平翻转和垂直翻转,三、技术要点,2.8“绘制动态山水画”案例,本章主要介绍了使用Flash工具箱中的工具绘制图形的方法和技巧。在Flash中绘制图形的最常用方法是：先使用【线条工具】、【铅笔工具】、【钢笔工具】、【矩形工具】、【椭圆工具】等绘制轮廓线，使用【选择工具】和【部分选取工具】修改轮廓形状，在“颜色”面板中调制颜色，使用【颜料桶工具】为不同区域填充颜色，再对图形做细微处理。灵活的使用各种工具，可以绘制出生动的图形，当然这也需要对生活的细致观察。需要强调的是，【选择工具】是最常用的工具，使用它可以方便地选择、移动、复制和调整图形；,本章小结,Flash中的图形都有一个图形中心，静态旋转和制作补间动画时的旋转都以此为中心；“变形”面板的“复制变形”功能很重要，利用它可以快速制作出需要的效果；【橡皮擦工具】和【笔刷工具】有几种不同的模式，需要熟悉不同模式的区别；在导入位图后经常使用【套索工具】和【橡皮擦工具】对位图进行编辑；借助对图形编辑的一些辅助菜单，如“水平翻转”与“垂直翻转”、“柔化填充边界”、“扩展填充边界”、“平滑”、“伸直”、“优化”等功能，可以方便地制作一些特殊效果，简化动画的制作；使用群组功能可以方便的在同一图层上编辑图形而使各个部分之间不受影响；对复杂的图形把不同的对象放在不同的图层上编辑更方便；有了图形元件和影片剪辑元件可以对一个对象多次使用而不增加Flash文件的大小。,本章小结,