网页设计与应用重点.ppt

10.1 Flash动画入门 10.1.1 Flash动画的原理和应用 10.1.1 Flash动画的原理和应用 10.1.2 认识Adobe Flash Professional CS6 10.1.3 Flash文档的操作 10.2 Flash绘图 10.2.1 绘图基础 10.2.1 绘图基础 10.2.1 绘图基础 10.2.2 绘图工具 10.2.3 颜色工具 10.2.4 编辑图形 10.3 文本的使用 10.3.1 创建与编辑图形 10.3.2 编辑文本 10.3.3 文本效果的制作 10.4 元件、实例和库 10.4.1 元件实例和库概述 10.4.2 图形元件 10.4.3 影片剪辑元件 10.4.4 按钮元件 10.4.5 创建和编辑实例 10.4.6 库 10.5 本章小结 《网页设计与制作(Dreamweaver+Flash+Photoshop)》 第 十 章 Flash动画基础 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: 学 习 目 标 应用Flash提供的绘图工具可以绘制出漂亮的矢量图形。本章主要介绍绘图工具的使用方法，绘制图形和编辑图形的技巧，创建和编辑文本的方法，以及元件、实例和库的具体应用。 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: 本 章 重 点 绘制图形和编辑图形 创建特效文本的方法 元件和实例的应用 库的使用方法 Flash动画的原理和应用 认识Adobe Flash Professional CS6 Flash文档的操作 动画的原理是利用人类视觉暂留的原理。光对视网膜所产生的视觉在光停止作用后，仍保留一段时间，原因是由视神经的反应速度造成的，其时值是二十四分之一秒。利用该原理，在一幅画面还没有在人视觉中消失时就播出下一幅画面，从而给人造成画面运动变化的假象。 Flash是美国的MACROMEDIA公司于1999年6月推出的交互式动画设计软件，它可以将音乐、声效和动画融合在一起，制作出高品质的、富有创意的动画效果。由于该软件操作简单，易于上手，使得flash动画在网页设计中的应用越来越广泛，不仅使得网页设计更加多样化，而且可以实现令人耳目一新的动态效果。 执行【开始】︱【程序】︱【Adobe Flash Professional CS6 】，打开flash cs6软件。 1.新建文档 2.保存文档 3.打开文档 4.设置文档属性 绘图基础 绘图工具 颜色工具 编辑图形 1.矢量图和位图 2.绘图模式 使用Flash绘图工具绘制的图形是矢量图，绘图方式有合并绘制模式和对象绘制模式两种。 合并绘制模式：默认绘制模型下重叠绘制图形时，会自动进行合并。若两个图形时不同填充色的，则移动上面的图形将会永久改变下方的图形。 对象绘制模式：将图形绘制成独立的对象，这些对象在叠加时不会自动合并。这样在分离或重新排列图形的外观时，会是图形重叠而不会改变它们的外观。 3.绘图工具箱 1.钢笔工具 2.线条工具 3.铅笔工具 4.矩形工具和基本矩形工具 5.椭圆工具和局部椭圆工具 6.多角星形工具 7.刷子工具 1.颜料桶工具 2.墨水瓶工具 3.滴管工具 1.橡皮擦工具 2.选择工具 3.部分选取工具 4.套索工具 5.任意变形工具 6.渐变变形工具 7.查看工具 文本是动画重要的组成部分，在Flash中可以利用文本工具创建各种艺术字的效果。Flash中的文本分为静态文本、动态文本和输入文本三种类型。 创建文本 编辑文本 文本效果的制作 单击工具箱中的【文本工具】按钮 ，移动鼠标到舞台上，鼠标变为 形态，在舞台上单击后即可输入文本，该行会随输入而扩展，在该文本字段的右上角会出现一个圆形手柄，此状态为扩展模式；也可以用鼠标在舞台上拖动一个矩形框，然后输入文本，到达矩形框最右端后将自动换行，在该文本字段的右上角会出现一个方形手柄，此状态为固定宽带模式。 选择【文本工具】后，单击舞台上的文本即可进入文本编辑状态，文本的【属性】面板如图所示，字体属性包括字体系列、字号、颜色、样式、字符间距和字符位置。段落属性包括对齐方式、边距格式、缩进和行距。 使用绘图工具箱中的各种工具可以制作很多漂亮的文字效果。 【例10-3】渐变填充效果。 【例10-4】空心字效果。 【例10-5】位图填充效果。 【例10-6】