第2章-使用Flash绘制图形.ppt

1、Flash平面动画制作,第2章 使用Flash绘制图形,教学目标,教学重点、难点,本章小结,教学内容,教学目标,通过这章的学习，使学生掌握使用Flash工具箱中的工具绘制图形的方法和技巧。,第2章 使用Flash绘制图形,教学重点与难点,使用Flash工具箱中的各种工具绘制逼真的图形，设置工具箱中各种工具的属性，制作特殊效果的漂亮文字。,第2章 使用Flash绘制图形,教学内容,本章小结,第2章 使用Flash绘制图形,2.5 “绘制小青蛙”案例,2.6 “春天来了”案例,2.7 “特效文字”案例,2.8 “动态山水画”案例,本章计划授课10学时,2.2“绘制树叶”案例,2.3“绘制雪房子”案

2、例,2.4“绘制易拉罐”案例,2.1 Flash绘制图形概述,.1 Flash 平面动画制作的概述,一、 Flash绘图工具的种类,徒手绘制工具,基本绘图工具,几何形状绘制工具,选择工具,变形工具,图形修改工具,填充工具,文本工具,2.1 Flash 绘制图形概述,本节内容,案例效果,操作步骤,技术要点,练习,2.2 “绘制树叶” 案例,一、案例效果,重点与难点： 【钢笔工具】、【线条工具】、【铅笔工具】的使用，三类工具的“属性”面板的设置比较 。,2.2 “绘制树叶” 案例,二、操作步骤,1：设置“文档属性”，并把文件保存为“树叶” 2：设置“钢笔工具”的属性，绘制一片树叶，过程如下图,2.

3、2 “绘制树叶” 案例,二、操作步骤,3：复制5片树叶，调整树叶位置及大小如下图 4：使用“铅笔工具”绘制树干，效果如下图,2.2 “绘制树叶” 案例,三、技术要点,1、“钢笔工具”的使用：钢笔工具擅长绘制直线和曲线 （1）钢笔工具下拉菜单不同图标的含义如下图 （2）在使用【钢笔工具】绘制图形的过程中，光标也会出现不同的三种样式， 表示单击可以创建一个锚点， 表示单击该锚点并拖动可以绘制出一条直线， 还可以将原来弧线的锚点变成直线的连接点。 表示单击锚点可以形成一个封闭的图形。,2.2 “绘制树叶” 案例,2、“线条工具”的使用 在使用【线条工具】绘制直线时，按住Shift键可以绘制水平、竖直

4、方向上的直线，也可以绘制出45角的直线。,3、“铅笔工具”的使用：铅笔工具有三种绘图模式（直线化、平滑和墨水） 在使用【铅笔工具】的过程中按住Shift键，则线的延伸方向将被限制在水平，竖直方向上。,三、技术要点,2.2 “绘制树叶” 案例,（1）在使用【钢笔工具】时，光标的不同形状 、 、 、 各代表什么含义？ （2）请使用【线条工具】绘制下面的小船。 （3）请说出【铅笔工具】的几种绘图模式，各有什么特点？,四、练习,2.2 “绘制树叶” 案例,本节内容,案例效果,操作步骤,技术要点,练习,2.3 “绘制雪房子” 案例,一、案例效果,重点与难点： 【矩形工具】、【椭圆工具】、【多角星形工具】

5、、【刷子工具】、【橡皮擦工具】的使用，五类工具的“属性”面板的设置 。,2.3 “绘制雪房子” 案例,二、操作步骤,1：设置“文档属性”把文档大小修改为400300，并把文件保存为“雪房子”。 2：使用“矩形工具”和“选择工具”绘制房子的外观轮廓如下图：,2.3 “绘制雪房子” 案例,二、操作步骤,3：使用“多角星形工具”绘制屋沿，“线条工具”绘制房屋线条，如下图 4：绘制门窗、烟囱、台阶和瓦片，效果如下图,2.3 “绘制雪房子” 案例,二、操作步骤,5：修改某些线条的颜色和粗细等属性，并使用“颜料桶”对房子进行颜色填充，效果如下图,2.3 “绘制雪房子” 案例,1、“矩形工具”的使用：“矩形

6、工具”擅长绘制矩形、正方形和圆角矩形。“矩形工具”的属性面板如下图 注意：Shift键可以画正方形,三、技术要点,2.3 “绘制雪房子” 案例,2、“椭圆工具”的使用：“椭圆工具”擅长绘制椭圆和正圆，还可绘制扇形、空心椭圆或空心扇形。“基本椭圆工具”的属性面板如下图。 注意：Shift键可以画正圆。,三、技术要点,2.3 “绘制雪房子” 案例,3、“多角星形工具”的使用：“多角星形工具”擅长绘制多边形和星形。“多角星形工具”的属性面板如下图：,三、技术要点,2.3 “绘制雪房子” 案例,4、“刷子工具”的使用：刷子可以设置其形状和大小，共有5中模式可供选择,三、技术要点,2.3 “绘制雪房子”

7、 案例,5、“橡皮擦工具”的使用：橡皮擦可以设置其形状和大小，共有5中模式可供选择 注意：双击“橡皮擦”可以擦除舞台上的所有对象。,三、技术要点,2.3 “绘制雪房子” 案例,(4) 使用“矩形工具”、“椭圆工具”和“多角星形工具”绘制一座别墅，样式自己设计。 (5)“刷子工具”有几种绘画模式？它们各有什么特点？ (6)“橡皮擦工具”有几种擦除模式？它们各有什么特点？,四、练习,2.3 “绘制雪房子” 案例,本节内容,案例效果,操作步骤,技术要点,练习,2.4 “绘制易拉罐” 案例,一、案例效果,重点与难点： 【颜料桶工具】、【渐变变形工具】、【墨水瓶工具】与“颜色”面板的使用，及三类工具的“

8、属性”面板及“选项区”的设置 。,2.4 “绘制易拉罐” 案例,二、操作步骤,1：设置“文档属性” ，并把文件保存为“易拉罐”。 2：使用“矩形工具” 、“椭圆工具”和“线条工具”来绘制易拉罐的外观轮廓如下图：,2.4 “绘制易拉罐” 案例,二、操作步骤,3：在“颜色”面板中调制好颜色，使用“颜料桶工具”为易拉罐进行填充，效果如下图,2.4 “绘制易拉罐” 案例,二、操作步骤,4：使用“文本工具”，“属性”面板设置如下图，为易拉罐添加文字，最终效果如本节的案例效果图。,2.4 “绘制易拉罐” 案例,1、“颜料桶工具”的使用：“颜料桶工具”可以进行纯色填充、渐变色填充（分为线性渐变色和放射性渐变

9、色）和位图填充。 使用“颜色”面板来设置填充的纯色时，又有三种方法：是通过输入RGB的值及透明度来选择具体颜色；是通过输入十六进制数来选择颜色；是先选择色块，再选择明暗度来设置颜色。,三、技术要点,2.4 “绘制易拉罐” 案例,“颜料桶工具”有四种填充模式，具体如下图：,三、技术要点,2.4 “绘制易拉罐” 案例,2、“渐变变形工具”的使用：用来调整渐变色填充和位图填充，下图为线性填充和放射性填充的变形控制柄和中心点。,三、技术要点,2.4 “绘制易拉罐” 案例,3、“墨水瓶工具”主要是修改矢量图形的线条的，如改变线条的粗细和颜色，也可以为没有轮廓线的填充区添加边线。另外，墨水瓶工具除了可以使

10、用纯色填充线条，还可以使用渐变色或者位图来填充线条。,三、技术要点,2.4 “绘制易拉罐” 案例,(7) Flash中有几种填充？它们各有什么特色？,四、练习,2.4 “绘制易拉罐” 案例,本节内容,案例效果,操作步骤,技术要点,练习,2.5 “绘制小青蛙” 案例,一、案例效果,重点与难点： 【选择工具】的使用技巧、图形的排列操作和图形的组合与打散。,2.5 “绘制小青蛙” 案例,二、操作步骤,1：修改“文档属性”设置舞台大小为 720576 ，并把文件保存为“小青蛙”。 2：绘制小青蛙。 第一步：使用“线条工具”绘制小青蛙的头部，利用“选择工具”调整线条，使其成为头部轮廓线，过程如下图,2.

11、5 “绘制小青蛙” 案例,二、操作步骤,第二步：使用“线条工具”绘制小青蛙的头部分界线并进行颜色填充，最后组合为群组，过程如下图 第三步：绘制青蛙的眼睛和嘴巴，最后效果如下图 注意：在绘制过程中可在“绘图”图层绘制每一个群组，再把群组粘贴到“卡通人物”图层。,2.5 “绘制小青蛙” 案例,二、操作步骤,第四步：参照上面的方法绘制青蛙的身体，并调整头部和身体的前后位置，过程如下图 注意：不同图层之间对象的前后位置可以调整，同一图层中的不同群组的前后位置也可以调整。,2.5 “绘制小青蛙” 案例,二、操作步骤,第五步：参照上面的方法绘制青蛙的左右手和左右脚，过程如下图,2.5 “绘制小青蛙” 案例

12、,二、操作步骤,第六步：调整小青蛙身体不同部位的前后位置，并删除多余的线条。 注意：群组中的线条要双击进入群组内部后方可删除。,2.5 “绘制小青蛙” 案例,1、“选择工具”的使用:该工具可以选择、移动舞台上的对象，还可以调整图形的形状、进入或退出整体对象内部进行操作 。 2.排列同一图层上的对象：在同一图层上，Flash会根据对象绘制的先后顺序层叠放置。先绘制的放在最下面，最后绘制的放置在最上面。对于群组、绘制对象、元件实例和文本，可以改变它们在舞台上的叠放次序。 3.图形的组合与打散，快捷键为CtrlG和CtrlB，图形打散后相交的部分融合为一体，组合的群组是相互独立的。,三、技术要点,2

13、.5 “绘制小青蛙” 案例,(8) 根据青蛙的侧面，分别绘制出青蛙的正面和背面，如下图所示。,四、练习,2.5 “绘制小青蛙” 案例,本节内容,案例效果,操作步骤,技术要点,练习,2.6 “春天来了” 案例,一、案例效果,重点与难点： “图形”元件的建立和编辑、实例的编辑、【任意变形工具】的使用和图形的平滑、伸直和优化 。,2.6 “春天来了” 案例,二、操作步骤,1：设置“文档属性”，并把文件保存为“春天来了”。 2：绘制树干。 第一步：使用“铅笔工具”的“平滑”模式绘制大树的树干轮廓，利用“选择工具”调整线条，使其如下图,2.6 “春天来了” 案例,二、操作步骤,第二步：使用“颜料桶工具”

14、填充树干，“渐变变形工具”调整填充效果，过程如下图 第三步：选中整棵大树，把其转换为“大树”元件 3：绘制树叶：打开2.2“树叶”源文件，复制其中的树叶粘贴到舞台上，并将其转换为“树叶”元件。,2.6 “春天来了” 案例,二、操作步骤,4：绘制“小草”元件，并“平滑”小草，过程如下图。 5：绘制“小鸟”元件，并进行颜色填充，过程如下图。,2.6 “春天来了” 案例,二、操作步骤,6：绘制草地，并把绘制好的各个元件，拖放到舞台的适当位置进行调整，最后效果如下图。,2.6 “春天来了” 案例,1、“元件”的使用 （1）使用“元件”的好处：一是可以重复使用“库”中已存在的元件；二是想改变实例的效果不

15、用一个一个来修改，只要修改“库”中的元件；三是同个元件的实例还可以通过“属性”面板来修改它的“位置”、“颜色”“透明度”等，使每个实例都有所不同，四是舞台上每个元件的实例是一个整体，图形之间不会相互影响。 （2）“元件”的建立、编辑和修改方法 。 （3）“元件”实例的编辑方法。,三、技术要点,2.6 “春天来了” 案例,2、“任意变形工具”的使用 使用【任意变形工具】不仅可以对矢量图形进行缩放、旋转、倾斜、扭曲封套等，还可以对元件实例、群组、文本和位图等执行这些操作。 3、图形的平滑、伸直和优化 注意：由于平滑和优化的区别，某些时候对图形优化后图形变化不明显，但是图形的线条数却是减少了很多，F

16、lash文件的尺寸变化比较明显。,三、技术要点,2.6 “春天来了” 案例,(9) 使用元件有什么好处？ (10) 平滑图形和优化图形有什么区别？各有什么作用？,四、练习,2.6 “春天来了” 案例,本节内容,案例效果,操作步骤,技术要点,练习,2.7 “Happy time 特效文字” 案例,一、案例效果,重点与难点： 导入位图的方法、【套索工具】的使用和选项的设置、将位图转换为矢量图形和【文本工具】的使用技巧。,2.7 “Happy time 特效文字” 案例,二、操作步骤,1：设置“文档属性”，并把文件保存为“happy time”。 2：制作背景。 第一步：将舞台的显示比例设为50，绘

17、制一个矩形，并进行线性填充，使用“渐变变形工具”调整填充效果，效果如下图,2.7 “Happy time 特效文字” 案例,二、操作步骤,第二步：新建一个“图层2”，在该图层导入图片“花与蝴蝶”，将该位图转换为矢量图形，选中其中的花朵和蝴蝶，粘贴到“图层1”并将其转换为元件，调整元件在舞台中的位置，设置其透明度为45，并删除图层2及库中的位图“花与蝴蝶”，背景图片的效果如下图。,2.7 “Happy time 特效文字” 案例,二、操作步骤,3：制作文字。 第一步：新建一个“文本”图层，在该图层上使用“文本工具”书写“happy time”，并将文字打散，变形、扩充，最后效果如右图。 第二步：

18、借助“墨水瓶工具”，“刷子工具”“颜料桶工具”对文字进行加工，并为字母“a” 和“i”设置动画效果，保存为影片剪辑，效果如下图。,2.7 “Happy time 特效文字” 案例,二、操作步骤,4：新建一个图层，导入位图“女孩和小狗”，借助“套索工具”将其中的小狗和女孩裁出，放在“happy time ”文字的下方，最后效果如本节效果图。,2.7 “Happy time 特效文字” 案例,1、图像的导入。 2、“套索工具”的使用。 套索工具用于选择图形中的不规则形状区域，被选定区域可以作为一个单独的对象进行移动、旋转或变形。共有3种功 能按钮，“魔术棒”， “魔术棒设置”和“多边形模式”。 3

19、、将位图转换为矢量图形。 4、“文本工具”的使用。 要创建漂亮的文字，第一步要选择合适的字体；第二步是对文字进行变形，如压缩、倾斜、旋转等，还可将文字打散后使用图形绘制工具来调整文字形状。,三、技术要点,2.7 “Happy time 特效文字” 案例,（12）请制作图2.174所示的效果文字。,四、练习,2.7 “Happy time 特效文字” 案例,本节内容,案例效果,操作步骤,技术要点,练习,2.8 “绘制动态山水画” 案例,一、案例效果,重点与难点： “设计”面板的使用、对图层的基本操作和对图形进行编辑的一些辅助菜单（如扩展填充和柔化填充边界、将线条转化为填充、水平和垂直翻转等）的使

20、用。,2.8 “绘制动态山水画” 案例,二、操作步骤,1：设置“文档属性”，并把文件保存为“动态山水画”。 2：绘制花朵。 第一步：绘制“花瓣”图形元件，使用“椭圆工具”和“铅笔工具”绘制花瓣，并进行填充，效果如下图。,2.8 “绘制动态山水画” 案例,二、操作步骤,第二步：绘制“花朵1”图形元件，从库面板中拖出“花瓣”图形元件，调整变形中心后，进行变形和复制，过程如下图。 第三步：绘制“花朵2”图形元件，从库面板中两次拖出“花朵1”元件，分别放在不同图层，分别对其到舞台中央，并重新设置透明度，并把其中一个适当旋转，然后在第3个图层上绘制花心，最后效果如下图。,2.8 “绘制动态山水画” 案例

21、,二、操作步骤,3：绘制“小鸭”图形元件，绘制计填充过程如下图。 注意 ：小鸭的身体、头、嘴和尾巴分别放在3个不同的图层。,2.8 “绘制动态山水画” 案例,二、操作步骤,4：绘制图形元件“白云1”和“白云2” ，绘制过程要使用“柔化填充边界”的功能，最后效果如下图。,2.8 “绘制动态山水画” 案例,二、操作步骤,5：绘制“山峰”与其“倒影”，使用“铅笔工具”的“平滑”模式绘制山峰轮廓线，然后进行颜色填充，然后将山峰转换为图形元件，新建一个图层，在该图层放置“山峰”元件，并使其“垂直翻转”，调整其透明度，最后效果如下图。,2.8 “绘制动态山水画” 案例,二、操作步骤,6：绘制“天空”与“波

22、浪”，绘制“天空”时使用的是“矩形工具”，进行线性填充，绘制“波浪”时，要借助网格，并对绘制的线条进行“平滑”处理，最后效果如下图。,2.8 “绘制动态山水画” 案例,二、操作步骤,7：调整各图层的关系如下图，并在“白云”、“小鸭”和“花朵”图层设置补间动画，并调整“花朵”图层每片花朵的透明度。,2.8 “绘制动态山水画” 案例,1、“设计”面板的使用，“设计”面板包括“对齐”“变形”和“信息”面板,三、技术要点,2.8 “绘制动态山水画” 案例,2、对图层的基本操作 使用图层并不会增加动画文件的大小，相反它可以更好帮助我们安排和组织图形，文字和动画。 （1）图层的种类：普通图层、引导图层、遮罩图层 （2）图层的建