FlashCS6课件制作案例教学经典教程第2章

精品资源共享课第二章Flash课件中图形的绘制与编辑本章主要内容

1绘制基础图形，并进行简单修改

2对图形进行填充和笔触设置3

4元件的基本操作利用钢笔工具创建和编辑曲线

5创建和编辑文本本章案例介绍本章是一个语文诗词的静态插图课件。通过这个案例，学习Flash工具面板中的常用绘画工具、绘画调整工具、颜色工具等来绘制一些矢量形状，修改它们，以及学习组合简单的元素来创建复杂的画面。学习创建和修改图形是在制作Flash动画的基础。只有绘制好了静态矢量图，才能制作出优秀的动画作品。2.1新建文件

操作步骤如下：1．在菜单栏中选择“文件”--“新建”按钮。

在“新建文件”对话框中，选择“ActionScript3.0”，然后单击“确定”按钮以创建一个新的Flash文档（*.fla）。2．在菜单栏中选择“文件”--“保存”按钮。把文件命名为“02demo.fla”，并把它保存在02Start文件夹中。2.2笔触和填充在Flash中的每幅图形开始于一种形状。形状由两个部分组成：填充和笔触，。请牢记这两个组成部分。填充和笔触是彼此独立的，因此可以轻松地修改或删除其中一个部分，而不会影响另一个部分。该怎么操作呢？2.2笔触和填充操作如下：1．在选择工具面板中的矩形工具后，将工具面板的笔触颜色改为红色，填充颜色改色蓝色。也可以在右侧的属性检查器中进行同样的修改。将笔触的大小改为3像素。在舞台上绘制一个矩形。2．图形绘制后可以进行修改。在属性检查器中把填充更改为绿色，笔触改为黄色，笔触改为5像素。舞台上的矩形将发生改变。2.2笔触和填充3．可以独立地移动填充或笔触。点击黑色箭头的“选择工具”按钮，在点击图形中黄色的填充部分，就可以拖拽移动该部分的内容了。4．如果想移动整个形状，就要确保同时选取它的填充和笔触，即鼠标双击。5．删除刚才创建的图形。2.3

创建基本形状使用“椭圆”工具操作步骤如下：1．在“工具”面板中，在“矩形”工具上单击并按住鼠标左键，访问隐藏的工具。然后选择“椭圆”工具。2．确保没有选择“对象绘制”模式图标（）。将工具面板的笔触颜色改为红色，填充颜色改色黄色。按住键盘上的Shift键，同时在舞台上单击拖拽它，绘制一个正圆。3．在“时间轴”上选择“图层1”，然后双击图层的名称，输入“月亮”，再单击名称框外面，更改图层名称。4．在“工具”面板中，点击“选择工具”按钮。全选当前图形（包括笔触和填充）。5．在属性检查器中，将圆形的高宽都改为200像素。如果不按Shift键，Flash将不会对圆的长宽进行等比例的缩放，这样可以绘制各种长宽大小的椭圆。使用矩形工具画图时按住Shift键可画正方形，使用画线工具画图按住Shift键可画直线。2.3

创建基本形状更改笔触和使用渐变填充操作步骤如下：1．在“工具”面板中，点击“选择工具”按钮。2．当鼠标箭头移动到圆形外围的笔触圆环时，会箭头会变成（）形状。点击圆环。3．按下Delete键。这样就删除了圆的外围笔触，只保留了内部的填充以方便后面的编辑。4．选中黄色圆。单击菜单栏“窗口”--“颜色”按钮。弹出“颜色面板”。2.3

创建基本形状更改笔触和使用渐变填充5．单击“颜色”面板中的“填充颜色”图标（），在“纯色”下拉菜单中选择“线性渐变”，从左到右任意选择渐变的颜色。6．在“颜色”面板中选择位于颜色渐变左边的颜色指针，然后在十六进制栏中输“FFF098”。按下Enter回车键。7．选择最右边的颜色指针，输入“FFEE48”，按下Enter回车键。圆月亮的表面上将从浅黄到深黄进行渐变。8．月亮的渐变中深黄色部分过多，还要在中间位置让颜色适当变浅。点击月亮图形，在渐变定义条的下面的中间位置单击，创建新的颜色指针。9．选择新的颜色指针，然后输入“F2E484”，为新颜色设定比当前颜色更浅的黄色，再按Enter。月亮的渐变填充中浅黄色的部分将更加多，月亮也就更加明亮。2.4

创建背景图案2.4.1使用“矩形”工具2.4.2使用“渐变变形”工具2.4.3使用“钢笔”工具2.4.4利用“选择”和“部分选取”工具编辑曲线2.4.5删除或添加锚点2.4

创建背景图案

使用“矩形”工具

操作步骤如下：1、新建图层并重命名为“背景”。2、在舞台上创建一个矩形。选择笔触颜色为“无”，填充颜色为蓝色，其位置和属性和舞台一样大小。3、改变矩形的填充色。将其填充为一从深蓝到浅蓝的渐变图形。4、即完成了矩形背景的创建。2.4

创建背景图案

使用“渐变变形”工具

1、新建图层并重命名为“背景”。2、在舞台上创建一个矩形。选择笔触颜色为“无”，填充颜色为蓝色，其位置和属性和舞台一样大小。3、改变矩形的填充色。将其填充为一从深蓝到浅蓝的渐变图形。4、即完成了矩形背景的创建。1、变形句柄右侧边线上的方块句柄点击拖拽可以改变渐变的范围；2、变形句柄右侧边线顶上的圆圈箭头句柄点击拖拽可以改变渐变的方向；3、变形句柄中心的圆圈句柄点击拖拽可以改变渐变的位置。2.4

创建背景图案使用“钢笔”工具

操作步骤如下：1、新建图层并重命名为“波纹1”。2、选择“钢笔”工具，将笔触设为“深蓝色”。3、在舞台上建立第一个锚点，开始作图。在“舞台”上的另一个部分单击，指示形状中的下一个锚点。重复操作，直至最后一个锚点与第一个锚点重合，描绘出波纹的大致形状。4、为波纹1填充适当的渐变色。5、重复操作，完成图层“波纹2”的制作。2.4

创建背景图案利用“选择”和“部分选取”工具编辑曲线

操作步骤如下：1．选取“选择”工具。2．把鼠标指针指在一条曲线上，如果看到的是光标附近出现了曲线，那么就可以编辑和调整曲线。3．拖动曲线和调整它的形状以至达到所需的效果。4．在形状的轮廓上单击，就可以出现锚点和句柄，调整和美化曲线和形状。2.4

创建背景图案

删除或添加锚点

添加锚点

删除锚点图标功能添加一个锚点删除一个锚点2、5创建特殊形状

创建圆形形状

操作步骤如下：1．新建一个图层，命名为“白月亮”。2．单击按住“矩形”工具，访问它下面的隐藏工具“椭圆工具”。3．在“工具”面板中，选择笔触为空，填充为白色。4．利用“椭圆”工具按住Shift键在舞台的左上部区域创建一个小圆形状2、5创建特殊形状

创建星型形状

操作步骤如下：1．新建一个图层，命名为“星星”。2．单击按住“矩形”工具，访问它下面的隐藏工具“多角星工具”。3．在属性面板中，点击工具设置“选项...”按钮，会出现如图2.27所示的对话框，在样式下拉菜单选择“星形”，变数设置为“5”。4．在属性面板中，点击笔触颜色，选择为“空”，点击填充颜色，选择为黄色。5．用同样的方式，选择填充颜色为橘黄和土黄，以不同的大小在“星星”图层中绘制出多个五角星和圆形的图像。2.6

创建和编辑文本1．新建图层命名为“文本”。2．选择“文本”工具。创建文字“古朗月行”。3．选中刚创建的文本，选择“修改”>“转换为元件”，类型为影片剪辑，命名为“古朗月行”，点击“确定”按钮。4．在元件“古朗月行”中编辑文字，选择自己喜欢的字体和颜色，调整大小。5．选中文本，选择“修改”>“分离”，这样分离两次。第一次如图2.61所示，第二次如图2.62所示，注意第二次分离后字体上会出现斑点，就表示分离彻底了，可以用图形的方式进行编辑。

图2.61图2.62图2.632.6

创建和编辑文本6．框选“古”字。7．选择“窗口”>“颜色”，在颜色面板中的下拉菜单中选择“线性渐变”。8．双击渐变条两端的调色点，选择渐变颜色为浅蓝到深蓝。9．根据以上的步骤编辑“朗”，“月”，“行”。完整的文本效果如图。

10．利用“任意变形”工具，改变文本的形状。

11．首先变形“古”，按住Ctrl键，拖动其中的一个角，变形效果如图。

12．依据以上步骤可以变形“朗”，“月”，“行”，变形后的效果如图。

2.6

创建和编辑文本13．回到“场景1”，把“古朗月行”拖到“文本”图层中，调整其位置，可把它放在“白月”的旁边。14．双击刚拖进舞台上的文本“古朗月行”，进入再次编辑状态。在属性检查器中选择“滤镜”后选择“发光”，颜色选择“白色”，模糊X和Y输入“5”像素，强度调整到“300%”。15、回到“场景1”，设置文本的“投影”效果，选择“属性”面板中的“滤镜”最下面的“添加滤镜”，可以添加“投影”，设置如图。2.6

创建和编辑文本16．分别添加文字“小时不识月”，“呼作白玉盘”，“又疑瑶台镜”，“飞在青云端”。17．设置文本的“投影”和“斜角”效果，选择“属性”面板中的“滤镜”最下面的“添加滤镜”，可以添加“投影”和“斜角”，设置如图。希望通过这个作品对Flah的绘图功能进行练习，包括绘制矩形、椭圆及其他形状，并修改所绘制对象的形状、颜色和大小，了解填充和笔触设置，使用各种渐变填充操作，制作对称的和装饰性的图案，创建和编辑曲线等。另还包括创建和编辑文本的内容。小结知识点绘制简单线段和图形绘画的参数设置

移动和删除图形填充和笔触的设置

将图形转换为元件

对元件进行简单的操作简单文本的创建和编辑对图形进行颜色、渐变和笔触的编辑

用钢笔工具绘制不规则图形运用特殊工具来绘制各种特殊图形

作业模拟练习

打开光盘“模拟练习”文件目录，选择“Lesson02”，仿照Lesson02.swf文件，做一