《Flash CS5工作过程导向标准教程》课件项目01

项目01绘制一个网页动画场景1.1项目说明1.2项目分析1.3项目实施1.4知识延伸1.5项目实训

1.1项目说明

小王在一家网页设计公司工作，公司最近接到一个网站建设项目，其中首页需要插入一个宽幅广告，设计尺寸为800像素 × 300像素。为了提高工作效率，加快项目进度，公司采用分工合作制度。

1.2项目分析

网络广告现在已经非常普遍，规格与形式也不尽相同，但是通常都是由多个场景组成的动画。在制作本项目时，思路如下：

第一，首先正确设置尺寸，尺寸是800像素 × 300像素。在制作网页动画时，尺寸以像素为单位。

第二，使用渐变色制作夜空。

第三，建筑楼房由方块组成，可以使用矩形工具来绘制，而楼房的尖顶可以使用多角星形工具来完成。

第四，倒影通过改变填充颜色的Alpha值来完成。1.3项目实施

制作网页动画是Flash的重要应用之一，而场景是构成动画的基本要素，因此需要在Flash中进行绘制或者导入图片作为场景。本项目的效果如图1-1所示。图1-1动画场景参考效果任务一：设置舞台大小及背景

图1-2创建新文档图1-3【文档设置】对话框图1-4绘制的矩形图1-5【属性】面板图1-6【颜色】面板

图1-7填充渐变色任务二：绘制楼体

图1-8【属性】面板图1-9绘制的地平面图1-10绘制的楼房剪影(一)图1-11绘制的楼房剪影(二)图1-12绘制完成的楼房剪影图1-13绘制的屋顶

图1-14多角星形工具的设置图1-15绘制的三角形楼顶图1-16场景效果图1-17绘制的避雷针图1-18复制的群组对象图1-19缩小复制的对象图1-20移动并复制缩小后的楼房图1-21缩小复制的楼房图1-22删除后的图形效果图1-23调整后的效果任务三：绘制窗户

图1-24绘制的窗户图1-25复制的矩形(一)图1-26复制的矩形(二)图1-27删除后的效果图1-28场景效果任务四：制作倒影与光束

图1-29【颜色】面板图1-30绘制的矩形图1-31调整渐变色的方向图1-32复制的楼房图1-33调整后的效果图1-34颜色调板图1-35倒影效果图1-36【属性】面板图1-37绘制的直线(一)图1-38绘制的直线(二)图1-39光束效果图1-40最终的场景效果1.4知识延伸

知识点一：Flash的应用领域

1.动画与MTV

Flash的最初功能是用于制作网络动画，现在的功能则越来越强大，已经成为动漫领域的重要创作工具之一。

图1-41“拾荒”的《小破孩》系列动画

2.网络广告

当网站的浏览量越来越大时，自然就有了网络广告。用Flash制作的网络广告具有直接明了、占用空间小和视觉冲击力强等特点，正好满足在网络这种特殊环境下的要求。常见的网络广告有banner广告、固定广告位、浮动广告等，广告的尺寸也相对自由一些。图1-42所示为某网站的banner广告。图1-42某网站的banner广告

3. Flash游戏

年轻人一般都对游戏很感兴趣，如俄罗斯方块、超级玛莉等游戏已经家喻户晓。利用Flash强大的编程功能，可以制作一些简单有趣的游戏，甚至大型网络游戏。在互联网上，有一些专业的游戏网站或Flash网站会提供一些由“闪客”编写的小游戏，短小精悍，生动有趣。例如，著名闪客“小小”的火柴人游戏，其中全套的武打动作曾经风靡一时，如图1-43所示是其中的两个场景。图1-43“小小”动画系列

4.网页或网站

有一些用户为了追求视觉效果，通常采用Flash来制作网页或者完全使用Flash制作网站。使用Flash制作的网页或网站个性强，动态效果佳，相对于普通网站来说更具冲击力，所以一些个人网站、艺术网站、数据量不大的企业网站，都可以采用Flash制作，以强化其个性特征。图1-44所示为Flash制作的一个动态网页。图1-44Flash制作的动态网页

5.制作课件

Flash出现之后不久，就受到了广大教师与教育工作者的推崇。由它所制作的课件生动、形象、过程逼真，便于增强学生的学习兴趣，有助于理解课堂知识，特别是物理、化学实验等科目，非常直观。图1-45所示分别为Flash制作的教学课件。图1-45Flash制作的教学课件

6.多媒体制作

由于Flash具有强大的脚本编程能力，因此其交互性非常好，而且支持声音、动画、视频等，所以Flash在多媒体制作方面也被应用得淋漓尽致。以前开发多媒体主要使用Director或Authorware软件，现在越来越多的人则喜欢使用Flash，主要因为它的交互性、支持性、扩展性比较好，还可以配上一些Flash动画特效，并且生成的文件又比较小。图1-46所示为Flash开发的多媒体作品。图1-46Flash开发的多媒体作品知识点二：如何新建文件

图1-47FlashCS5的欢迎画面图1-48【新建文档】对话框图1-49标签形式的文件名称知识点三：设置文档属性

图1-50舞台的属性图1-51【文档设置】对话框知识点四：两种绘制模式

FlashCS5中有两种绘制模式，即合并绘制模式和对象绘制模式。这两种绘制模式各有优势，如果能够合理运用，将为工作带来极大便利。

1.合并绘制模式图1-52合并绘制模式

2.对象绘制模式图1-53对象绘制模式

3.两种模式的转换图1-54模式切换按钮知识点五：如何设置颜色

在Flash中绘制的图形包括轮廓与填充两部分，所以在使用任何一种绘图工具之前，都需要对轮廓颜色与填充颜色进行合理的设置。

1.使用工具箱的颜色区域图1-55颜色设置选项区域

图1-56调色板

2.使用【属性】面板图1-57【属性】面板

3.使用【颜色】面板图1-58【颜色】面板图1-59颜色类型图1-60线性渐变与径向渐变

图1-61渐变编辑条

图1-62添加色标并更改颜色知识点六：绘图工具组

绘图工具组包括矩形工具、基本矩形工具、椭圆工具、基本椭圆工具和多角星形工具。这是最基本的绘图工具，使用它们绘出来的图形包含两部分，即填充颜色与轮廓

颜色。

1.矩形工具和基本矩形工具图1-63绘制的矩形、圆角矩形和正方形图1-64【属性】面板图1-65不同边角半径的效果

2.椭圆工具和基本椭圆工具图1-66绘制的椭圆、圆、扇形与圆环图1-67绘制椭圆与圆时的光标图1-68【属性】面板图1-69不同的参数得到不同的图形图1-70实心图形和圆环图1-71【闭合路径】选项对图形的影响

3.多角星形工具图1-72绘制的五边形图1-73【工具设置】对话框图1-74绘制的多边形或星形图1-75不同尖锐度的星形知识点七：线条工具

图1-76【属性】面板图1-77笔触样式列表图1-78【笔触样式】对话框图1-79三种端点类型

图1-80三种接合形态知识点八：选择工具

图1-81不同模式的对象被选中后的状态图1-82框选多个对象图1-83单击(双击)不同的位置，选择也不相同知识点九：任意变形工具

“任意变形工具”用于改变所选对象的大小、旋转角度和倾斜角度等。当使用该工具选择对象以后，对象的周围会出现一个变形框，并且具有一个圆形的中心点，通过它们可以变形对象。

1.缩放对象图1-84缩放对象

2.旋转对象图1-85旋转对象

3.倾斜对象图1-86倾斜对象

4.更多的变形操作图1-87任意变形工具的选项图1-88扭曲变形图1-89封套变形

5.变形命令图1-90变形命令知识点十：渐变变形工具

“渐变变形工具”用于调整渐变颜色的过渡范围、中心点，还可以对渐变颜色进行旋转、改变渐变类型等操作。

1.调整线性渐变色图1-91线性渐变色的调整状态图1-92调整线性渐变色

2.调整径向渐变色图1-93径向渐变色的调整状态图1-94调整径向渐变色1.5项目实训

运用Flash绘画工具绘制动画对象或场景，是一项很常见的工作任务。每一位Flash从业者都应该熟练应用Flash绘画工具。下面，使用Flash绘画工具绘制一组切开的鸡蛋或动画场景。

任务分析

制作Flash动画时，动画对象或场景通常使用Flash