《第2章 使用flash绘制图形》由会员分享，可在线阅读，更多相关《第2章 使用flash绘制图形（74页珍藏版）》请在金锄头文库上搜索。
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，绘制一个矩形，并进行线性填充，使用“渐变变形工具”调整填充效
