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

项目05家政公司网络广告5.1项目说明5.2项目分析5.3项目实施5.4知识延伸5.5项目实训5.1项目说明

某家政公司要在一个大型门户网站上投放一期广告，要求设计人员以Flash动画的形式循环播放公司的主要服务“搬家、维修、保洁、开锁、陪护、保姆、家教、代购”以及电话等信息，画面主要以文字为主。5.2项目分析

在各种媒体宣传广告中，网络广告越来越被商家所重视，它主要分为静态图片广告、动态Flash广告以及Flash交互形式的广告。5.3项目实施

本项目的制作技术并不难，主要是了解Flash中文本工具的使用以及动画预设功能的便捷性，另外需要熟练运用影片剪辑元件。本项目的参考效果如图5-1所示。图5-1动画参考效果任务一：背景动画的处理

图5-2更改图层名称图5-3【颜色】面板

图5-4矩形效果图5-5【颜色】面板图5-6绘制虚光的圆形图5-7绘制的矩形

图5-8【变形】面板图5-9缩小倾斜的矩形

图5-10【转换为元件】对话框图5-11创建传统补间动画图5-12第1帧中的“星”实例的属性图5-13第20帧中的“星”实例的属性图5-14复制选择的帧图5-15【时间轴】面板图5-16“图层5”的第41帧中的实例属性图5-17星星的闪烁效果任务二：制作公司Logo动画

图5-18创建的新图层图5-19【属性】面板

图5-20绘制的折线图5-21【属性】面板

图5-22输入的文字图5-23【属性】面板图5-24调整输入的文字图5-25【属性】面板

图5-26调整输入的英文图5-27【时间轴】面板图5-28调整第1帧中的“Logo”实例

图5-29调整第25帧中的“Logo”实例图5-30【时间轴】面板任务三：创建文字动画

图5-31【属性】面板

图5-32输入的文字图5-33输入的文字图5-34输入的文字图5-35【时间轴】面板图5-36【时间轴】面板图5-37调整文字的位置图5-38【时间轴】面板图5-39【时间轴】面板任务四：制作电话号码的动画

图5-40【属性】面板

图5-41输入的数字图5-42【颜色】面板

图5-43数字的渐变效果图5-44【属性】面板图5-45填充白色轮廓图5-46【时间轴】面板图5-47【动画预设】面板

图5-48【时间轴】面板图5-49【时间轴】面板图5-50【时间轴】面板

图5-51导入的图片图5-52【属性】面板

图5-53图片效果5.4知识延伸

知识点一：【变形】面板

在Flash中，可以通过两种方法实现对象的变形：第一是“任意变形工具”，在“项目01”中已经介绍过它的使用方法，其特点是自由度高，可以灵活控制对象的缩放、旋转、倾斜等变形；第二是【变形】面板，其特点是精确度高，除了可以实现精确变形外，还可以实现复制并应用变形操作。使用【变形】面板可以对所选对象进行精确的缩放、旋转、倾斜等操作，从而使对象产生变形，并且可以在变形的同时进行复制对象的操作，如图5-54所示。图5-54【变形】面板知识点二：文本工具

1.文本类型

Flash中的文本分为三大类型：静态文本、动态文本和输入文本。不同的文本类型可以满足不同的动画要求。

2.输入文本

在输入文本时，文本框有两种状态：无宽度限制和有宽度限制，下面我们来学习这两者的区别。

图5-55无宽度限制的文本框图5-56有宽度限制的文本框

3.文本的字符属性

文本的属性分为字符属性与段落属性。字符属性即字体、大小、颜色等属性。

文本的属性可以在输入文本之前设置，也可以在输入文本之后设置。在舞台中输入一段文本之后，既可以对整段文本进行属性设置，也可以对个别文字进行设置。图5-57选中整段文本图5-58选中特定的文本图5-59【属性】面板

图5-60选择字体图5-61设置字体大小图5-62设置字母之间的距离图5-63抗锯齿的方式与效果图5-64文本的正常、上标与下标效果

4.文本的段落属性

文本的段落属性主要是针对有宽度限制的文本而言的，包括文本的对齐方式、行距、页边距等。这些属性的设置也是通过【属性】面板完成的，如图5-65所示。图5-65【属性】面板图5-66左对齐和右对齐效果图5-67缩进效果

图5-68行距效果

图5-69设置边距后的效果

图5-70文字的排列效果

5.分离文本

文本是一种特殊的动画对象，可以将其进行分离操作。分离文本的操作非常实用，文本被分离后可以转换为图形，用户可以像编辑图形一样编辑它。例如，要制作一个渐变色文字，就必须先分离文本，然后再为其填充渐变色。图5-71选择文本图5-72分离后的文字图5-73编辑后的效果知识点三：墨水瓶工具

“墨水瓶工具”的作用是改变图形轮廓线的颜色与形态，功能很单一，所以使用起来也不繁琐，操作非常简单。图5-74【属性】面板

图5-75改变图形的轮廓线知识点四：动画类型与【时间轴】面板中的标识

1.逐帧动画

逐帧动画是一种比较传统的动画形式，这种动画中只有关键帧而没有过渡帧，在每一个关键帧中都设置一个画面，若干个连续关键帧组成动画，因此逐帧动画制作起来较为繁琐，但是它可以表现出比较细腻、复杂的动画效果，因此是一种非常重要的动画形式。图5-76逐帧动画的外观形态

2.传统补间动画

由于Flash新版本中引入了全新动画制作方式，类似于AfterEffects动画特点，被命名为“补间动画”，所以老版本中的“补间动画”在新版本中被命名为“传统补间动画”，它是以前使用最为广泛的动画形式，Flash老用户比较习惯于这种动画方式，在【时间轴】面板中，它的外观形态是在两个关键帧之间以黑色箭头和淡紫色背景呈现，如图5-77所示。图5-77传统补间动画的外观形态

3.补间形状动画

补间形状动画是一种Flash动画类型，不仅可以制作出图形外形的变化，也可以制作出移动、缩放、色彩变化、变速运动、遮罩等动画效果。但是补间形状动画的动画对象必须是图形，也就是说，只有图形才能用来制作补间形状动画，如果要对文字、实例、群组对象等制作补间形状动画，必须先执行【分离】命令将其分离为图形。在【时间轴】面板中，它的外观形态是在两个关键帧之间以黑色箭头和绿色背景呈现，如图5-78所示。图5-78补间形状动画的外观形态

4.补间动画

补间动画功能强大，易于创建，它是FlashCS4版本新增的功能，吸收了AfterEffects的动画特点，这种动画形式可以直接操作动画对象，而不是关键帧，更多的动画属性需要在【动画编辑器】面板中进行设置。在【时间轴】面板中，它的外观形态是一段蓝色背景的帧，黑色圆点表示动画的起始关键帧，黑色菱形点表示动画的属性关键帧，如图5-79所示。图5-79补间动画的外观形态

5.骨骼动画

骨骼动画也称为反向运动(IK)动画，它是一种使用骨骼的有关结构对一个对象或彼此相关的一组对象进行动画处理的方法。用于骨骼动画的对象有两种：一种是元件的实例；一种是图形。使用骨骼动画，可以使对象按照复杂而自然的方式运动，轻松地创建人物动画，如胳膊、腿和面部表情的变化。在【时间轴】面板中，它的外观形态是一段具有绿色背景的帧，每个姿势在时间轴中显示为黑色菱形点，如图5-80所示。图5-80骨骼动画的外观形态知识点五：动画预设

Flash提供了动画预设功能，可以让用户通过最少的步骤实现动画制作。另外，用户也可以将自己做好的动画进行自定义预设，然后在其他文件中使用。图5-81【动画预设】面板

图5-82预览动画效果知识点六：传统补间动画

传统补间动画是Flash中最常使用的一种动画形式，使用它可以制作出对象位移、放大缩小、变形、色彩、透明度、颜色亮度、旋转等变化的动画效果。图5-83创建传统补间动画的两种方法

5.5项目实训

任务分析

本项目中