网页设计与应用

1、:计算机基础与实训教材系列系列丛书官方网站 http:/ :计算机基础与实训教材系列系列丛书官方网站 http:/ :Flash动画基础:计算机基础与实训教材系列系列丛书官方网站 http:/ :计算机基础与实训教材系列系列丛书官方网站 http:/ : 应用Flash提供的绘图工具可以绘制出漂亮的矢量图形。本章主要介绍绘图工具的使用方法，绘制图形和编辑图形的技巧，创建和编辑文本的方法，以及元件、实例和库的具体应用。 :计算机基础与实训教材系列系列丛书官方网站 http:/ :计算机基础与实训教材系列系列丛书官方网站 http:/ :u绘制图形和编辑图形u创建特效文本的方法u元件和实例的应用u

2、库的使用方法:计算机基础与实训教材系列系列丛书官方网站 http:/ :u Flash动画的原理和应用 u 认识Adobe Flash Professional CS6u Flash文档的操作 :计算机基础与实训教材系列系列丛书官方网站 http:/ : 动画的原理是利用人类视觉暂留的原理。光对视网膜所产生的视觉在光停止作用后，仍保留一段时间，原因是由视神经的反应速度造成的，其时值是二十四分之一秒。利用该原理，在一幅画面还没有在人视觉中消失时就播出下一幅画面，从而给人造成画面运动变化的假象。:计算机基础与实训教材系列系列丛书官方网站 http:/ : Flash是美国的MACROMEDIA公司

3、于1999年6月推出的交互式动画设计软件，它可以将音乐、声效和动画融合在一起，制作出高品质的、富有创意的动画效果。由于该软件操作简单，易于上手，使得flash动画在网页设计中的应用越来越广泛，不仅使得网页设计更加多样化，而且可以实现令人耳目一新的动态效果。:计算机基础与实训教材系列系列丛书官方网站 http:/ :执行【开始】【程序】【Adobe Flash Professional CS6 】，打开flash cs6软件。 :计算机基础与实训教材系列系列丛书官方网站 http:/ : 1.新建文档2.保存文档3.打开文档4.设置文档属性:计算机基础与实训教材系列系列丛书官方网站 http:/

4、 :u 绘图基础 u 绘图工具u 颜色工具u 编辑图形:计算机基础与实训教材系列系列丛书官方网站 http:/ : 1.矢量图和位图:计算机基础与实训教材系列系列丛书官方网站 http:/ :2.绘图模式 使用Flash绘图工具绘制的图形是矢量图，绘图方式有合并绘制模式和对象绘制模式两种。合并绘制模式：默认绘制模型下重叠绘制图形时，会自动进行合并。若两个图形时不同填充色的，则移动上面的图形将会永久改变下方的图形。对象绘制模式：将图形绘制成独立的对象，这些对象在叠加时不会自动合并。这样在分离或重新排列图形的外观时，会是图形重叠而不会改变它们的外观。:计算机基础与实训教材系列系列丛书官方网站 ht

5、tp:/ : 3.绘图工具箱:计算机基础与实训教材系列系列丛书官方网站 http:/ :1.钢笔工具2.线条工具3.铅笔工具4.矩形工具和基本矩形工具5.椭圆工具和局部椭圆工具6.多角星形工具7.刷子工具:计算机基础与实训教材系列系列丛书官方网站 http:/ :1.颜料桶工具2.墨水瓶工具3.滴管工具:计算机基础与实训教材系列系列丛书官方网站 http:/ :1.橡皮擦工具2.选择工具3.部分选取工具4.套索工具5.任意变形工具6.渐变变形工具7.查看工具:计算机基础与实训教材系列系列丛书官方网站 http:/ : 文本是动画重要的组成部分，在Flash中可以利用文本工具创建各种艺术字的效果

6、。Flash中的文本分为静态文本、动态文本和输入文本三种类型。u 创建文本u 编辑文本 u 文本效果的制作 :计算机基础与实训教材系列系列丛书官方网站 http:/ : 单击工具箱中的【文本工具】按钮 ，移动鼠标到舞台上，鼠标变为 形态，在舞台上单击后即可输入文本，该行会随输入而扩展，在该文本字段的右上角会出现一个圆形手柄，此状态为扩展模式；也可以用鼠标在舞台上拖动一个矩形框，然后输入文本，到达矩形框最右端后将自动换行，在该文本字段的右上角会出现一个方形手柄，此状态为固定宽带模式。:计算机基础与实训教材系列系列丛书官方网站 http:/ : 选择【文本工具】后，单击舞台上的文本即可进入文本编辑

7、状态，文本的【属性】面板如图所示，字体属性包括字体系列、字号、颜色、样式、字符间距和字符位置。段落属性包括对齐方式、边距格式、缩进和行距:计算机基础与实训教材系列系列丛书官方网站 http:/ : 使用绘图工具箱中的各种工具可以制作很多漂亮的文字效果。【例10-3】渐变填充效果。【例10-4】空心字效果。【例10-5】位图填充效果。【例10-6】扭曲文字效果。【例10-7】使用滤镜的操作步骤。:计算机基础与实训教材系列系列丛书官方网站 http:/ :u 元件、实例和库概述 u 图形元件u 影片剪辑元件u 按钮元件u创建和编辑实例u库:计算机基础与实训教材系列系列丛书官方网站 http:/ :

8、 元件是Flash中可重复使用的对象。通常将需要重复出现的图形、动画片段、按钮制作成元件，存放在库面板中。每个元件都有自己的时间轴，可以讲帧、关键帧和层添加到元件的时间轴。 实例是元件在舞台上或者嵌套在另一个元件中的元件副本。将一个元件从库面板中拖动到舞台上就创建了该元件的一个实例。一个元件可以创建多个实例，但一个实例只对应一个元件。 【库】面板用于存储和组织在 Flash 中创建的各种元件，它还用于存储和组织导入的文件，包括位图图形、声音文件和视频剪辑。:计算机基础与实训教材系列系列丛书官方网站 http:/ : 1.将图形转换为元件2.新建图形元件:计算机基础与实训教材系列系列丛书官方网站

9、 http:/ : 影片剪辑元件拥有不依赖于主时间轴的时间轴。当需要重复使用一段动画时，可将该动画转换为影片剪辑元件。:计算机基础与实训教材系列系列丛书官方网站 http:/ : 按钮元件是Flash中的特殊元件，用来响应鼠标的操作事件，根据鼠标的移动或单击等操作激发相应的动作。按钮元件有弹起、指针经过、按下和点击四种状态。 弹起：当鼠标指针不接触按钮时的状态。 指针经过：当鼠标指针移动到按钮上，当没有按下时的状态。 按下：当鼠标指针移动到按钮上并按下鼠标时的状态。 点击：定义鼠标单击的有效区域。:计算机基础与实训教材系列系列丛书官方网站 http:/ : 1.设置颜色和透明度2.更改实例的行为3.元件的交换4.分离实例:计算机基础与实训教材系列系列丛书官方网站 http:/ : 每个Flash文件都有用来存放元件、位图、声音和视频文件等内容的库，利用库可以很方便的查看和组织这些内容。 执行【窗口】【库】命令，或者按Ctrl+L快捷键，可打开【库】面板。库面板中包括元件预览窗、排序按钮、元件项目列表和工具栏。:计算机基础与实训教材系列系列丛书官方网站 http:/ :本章介绍了Flash