flash cs3教程 (2)

FLASH CS3 实例 护花使者

使用Flash CS3中的图形绘制工具，不仅可以绘制各种简单的图形，而且还可以绘制复杂的图像，例如人物、动物、植物、昆虫等，但在大多绘制过程中，需要多种工具的结合，例如，钢笔工具、线条工具、部分选择工具等更精确的矢量图形绘制工具。下面主要使用铅笔工具绘制护花使者，如图2-13所示。

图2-13 护花使者

制作过程

绘制简单矢量图形的一般步骤为设计外轮廓结构、绘制内部结构、填充颜色、删除多余轮廓线等步骤。

（1）新建空白文档，选择【铅笔工具】，设置【笔触颜色】为蓝色（#0000FF），【笔触高度】为0.5，禁用【填充颜色】，绘制男孩头部的轮廓线，如图2-18所示。

图2-18 绘制头部线条

（2）继续绘制身体部分的轮廓，如图2-19所示。

图2-19 绘制身体部分的轮廓线

（3）继续绘制身体各个部分的左侧，如图2-20所示。

图2-20 绘制身体左侧部分

在绘制过程中，需要注意各重叠部分的空间层次。

（4）选择【选择工具】，单击左侧的翅膀，按快捷键Ctrl+C，对翅膀进行复制，接着，按快捷键Ctrl+V，进行粘贴，调整位置后，选择【任意变形工具】，将其适当旋转，如图2-21所示。

图2-21 复制并调整右翅膀

（5）参考以上方法，继续复制并粘贴身体的其他部分，如图2-22所示。

图2-22 复制并调整身体其他部分

（6）下面开始着色。选择头部轮廓，双击进入【绘制对象】工作区，设置【填充颜色】为黑色（#000000），单击【颜料桶工具】，在头部轮廓内单击填充颜色，如图2-23所示。

图2-23 填充轮廓

在对轮廓填充完颜色之后，及时将蓝色的轮廓线删除。

（7）分别设置不同的颜色，使用【颜料桶工具】，对头部进行填充，如图2-24所示。

图2-24 对头部进行颜色填充

（8）使用相同的方法，继续将上衣填充，如图2-25所示。

图2-25 填充上衣颜色

Flash CS3 课堂练习：制作网页图像广告

在Flash作品中导入一些产品图片或人物照片时，由于这些图片往往带有各种背景，而影响其效果，因此可以通过抠图技术将需要的部分抠取出来。

本例将主要使用【直线工具】、【选择工具】将导入的图像中的人物抠取，选择【椭圆工具】并结合【任意变形工具】制作同心圆装饰图案，然后通过调整图层顺序，并使用【文本工具】添加文本内容，从而得到漂亮的网页图像广告。如图4-49所示。

图4-49 效果图

操作步骤

（1）新建一个200×150像素大小的文件，按下快捷键Ctrl+R ，在【导入】对话框中选择素材“美女.jpg”，将其导入至舞台，然后通过【属性】面板调整图像大小以适合画布，如图4-50所示。

图4-50 导入图像

（2）锁定“图层 1”，新建“图层 2”。选择【直线工具】，设置笔触颜色，禁用填充色，启用【贴紧至对象】按钮，在图层2上沿美女左侧边缘创建轮廓线，并使用【选择工具】对轮廓线进行调整，如图4-51所示。

按下快捷键Ctrl+R，通过【导入】对话框选择要导入的图像，这样即将图像导入到舞台上。 调整图像大小 导入素材

单击 图4-51 创建左侧轮廓线

（3）在美女内部应该镂空的地方使用【直线工具】和【选择工具】创建其边缘轮廓线，如图4-52所示。

图4-52 在美女内部创建边缘轮廓线

（4）使用【直线工具】和【选择工具】继续在美女右侧创建边缘轮廓线，一定要保证上面创建的所有轮廓线都处于闭合状态，如图4-53所示。

在使用【直线工具】绘制轮廓的过程中，需要禁用【对象绘制】选项。

调整内侧边缘轮廓

闭合状态的边缘轮廓 图4-53 创建美女右部边缘轮廓线

（5）解锁“图层 1”，使用【选择工具】选择图像，按下快捷键Ctrl+B，单击时间轴左边图层控制区的“图层 2”全选各个部位的轮廓线，按下快捷键Ctrl+C，选择“图层 1”，按下快捷键Ctrl+Shift+V，进行原位粘贴，然后将各个轮廓线内部的图像以及“图层 1”上的轮廓线删除，得到如图4-54所示效果。

第3章 标志制作CHAPTER 3

673．“变形”面板

选择“窗口 > 变形”命令，弹出“变形”面板，如图3-133所示。

“宽度”

和“高度”选项：用于设置图形的宽度和高度。 “约束”选项：用于约束“宽度”和“高度”选项，使图形能够成比例地变形。

“旋转”选项：用于设置图形的角度。

“倾斜”选项：用于设置图形的水平倾斜或垂直倾斜。 “重置选区和变形”按钮：用于复制图形并将变形设置应用于图形。 “取消变形”按钮：用于将图形属性恢复到初始状态。

“变形”面板中的设置不同，所产生的效果也各不相同。导入光盘中本章的06素材，如图3-134

所示。

选中图形，在“变形”面板中将“宽度”选项设为50%，按Enter键确定操作，如图3-135

所示，图形的宽度被改变，效果如图3-136所示。

图3-133 图3-134 图3-135 图3-136 选中图形，在“变形”面板中单击“约束”按钮，将“缩放宽度”选项设为50%，“缩放

高度”选项也随之变为50%，按Enter键确定操作，如图3-137所示，图形的宽度和高度成比例

地缩小，效果如图3-138所示。 选中图形，在“变形”面板中单击“约束”按钮，将旋转角度设为50°，按Enter键确定

操作，如图3-139所示，图形被旋转，效果如图3-140所示。

图3-137 图3-138 图3-139 图3-140

FLASH CS3 动画制作的使用技巧

在Flash动画尤其是短片的制作中，或多或少都要表现一些较复杂的动作，而Flash本身功能的限制，使我们在制作动画时受到牵制，为此付出过多的时间和精力。如果用户能够在制作过程中掌握一些技巧，将会省去大量的工作与精力。

1．简化主体

动作主体的简单与否对制作的工作量有很大的影响，擅于将动作的主体简化，可以成倍地提高工作的效率。如图2-6所示动画的主体相当简化。

图2-6 简化主体

2．尽量使用变形

补间动画和形状动画是flash提供的两种变形，它们只需要指定首尾两个关键帧，中间过渡由Flash自动生成，因此，这是在制作影片时最常使用表现动作的方法。如图2-7所示，则使用了背景上下变形的方法。

图2-7 背景上下变形

使用单一的变形，动作会显得比较单调，这时可以考虑组合地使用变形。例如，通过前景、中景和背景分别制作变形，或者仅是前景和背景分别变形，工作量不大，但也能取得良好的效果。如图2-8所示。

图2-8 使用背景和前景的变形

3．尽量使用技巧

对于许多不能采用补间动画和形状动画来表现动画的时候，我们通常会使用逐帧动画，也就是一帧一帧地将动作的每个细节都画出来。

当然，这是一项复杂的工作，因此，我们可以在动画中采用一定的技巧，尽量避开逐帧的制作，减少一定的工作量。

 循环法

这是最常用的方法，将一些动作简化成由只有几帧、甚至2、3帧的逐帧动画的影片剪辑，利用影片剪辑的循环播放特性，来表现一些动画，例如头发、衣服飘动，走路、说话等，如图2-9所示。

图2-9 循环法

 节选渐变法

表现一个“缓慢”的动作时，例如手缓缓张开，头（正面）缓缓抬起，使用逐帧动画将耗费大量的时间与资源，此时，我们可以考虑选择整个动作中的几个关键的帧，然后用渐变或闪现的方法来表现整个动画。如图2-10所示，在表现人物舞动的动画中，节选了部分动作，使用了渐变进行了表现。