使用Flash绘制图形.ppt

使用Flash绘制图形.ppt

《使用Flash绘制图形.ppt》由会员分享，可在线阅读，更多相关《使用Flash绘制图形.ppt（74页珍藏版）》请在冰豆网上搜索。

,第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.1Flash绘制图形概述,.1Flash平面动画制作的概述,一、Flash绘图工具的种类,徒手绘制工具,基本绘图工具,几何形状绘制工具,选择工具,变形工具,图形修改工具,填充工具,文本工具,2.1Flash绘制图形概述,本节内容,案例效果,操作步骤,技术要点,练习,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“Happytime特效文字”案例,一、案例效果,重点与难点：

导入位图的方法、【套索工具】的使用和选项的设置、将位图转换为矢量图形和【文本工具】的使用技巧。

2.7“Happytime特效文字”案例,二、操作步骤,1：

设置“文档属性”，并把文件保存为“happytime”。

2：

制作背景。

第一步：

将舞台的显示比例设为50，绘制一个矩形，并进行线性填充，使用“渐变变形工具”调整填充效果，效果如下图,2.7“Happytime特效文字”案例,二、操作步骤,第二步：

新建一个“图层2”，在该图层导入图片“花与蝴蝶”，将该位图转换为矢量图形，选中其中的花朵和蝴蝶，粘贴到“图层1”并将其转换为元件，调整元件在舞台中的位置，设置其透明度为45，并删除图层2及库中的位图“花与蝴蝶”，背景图片的效果如下图。

2.7“Happytime特效文字”案例,二、操作步骤,3：

制作文字。

第一步：

新建一个“文本”图层，在该图层上使用“文本工具”书写“happytime”，并将文字打散，变形、扩充，最后效果如右图。

第二步：

借助“墨水瓶工具”，“刷子工具”“颜料桶工具”对文字进行加工，并为字母“a”和“i”设置动画效果，保存为影片剪辑，效果如下图。

2.7“Happytime特效文字