网页制作技术（第二版）许莉 06.任务六 制作网页动画

《网页制作技术（第二版）许莉 06.任务六 制作网页动画》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作技术（第二版）主编许莉中国水利水电出版社网页设计与制作任务六制作网页动画学习目标了解FlashCS4的功能、特点，以及工作界面掌握FlashCS4的基本操作方法理解帧与时间轴的概念理解元件与实例的概念掌握逐帧动画的制作方法掌握补间形状动画的制作方法掌握传统补间动画的制作方法掌握补间动画的制作方法任务六制作网页动画目录：知识1FlashCS4的功能和特点知识2FlashCS4的工作界面知识3FlashCS4的基本操作知识4帧与时间轴知识5元件与实例知识6逐帧动画知识7补间形状动画知识8传统补间动画知识9补间动画任务1创建逐帧动画任务2

2、创建补间形状动任务3创建传统补间动画任务4创建补间动画任务六制作网页动画知识1FlashCS4的功能和特点AdobeFlash是一款非常优秀的网络动画编辑软件，其应用领域从简单的动画特效到动态的网页设计、网站广告、游戏制作、教学课件、手机程序等等。随着版本的不断升级，软件本身的功能也不断增强。发展到了AdobeFlashCS4，和以前的版本发生了极大的改进。新增了骨骼工具、反向运动制作以及3D旋转工具，ActionScript3.0的基本使用方法也发生了很大变化，可以说这些都是革命性的改变，使Flash不再只是一款网页动画工具，更具备了专业

3、的动画制作功能。知识2FlashCS4的工作界面运行Flash程序，进入开始页。知识2FlashCS4的工作界面选择创建文件类型后，进入主界面，包括菜单栏、工具箱、舞台与标尺、时间轴面板与浮动面板。知识3FlashCS4的基本操作图形绘制1）选择工具2）部分选取工具3）套索工具4）钢笔工具组5）线条工具6）矩形工具和基本矩形工具7）椭圆工具和基本椭圆工具8）多角星形工具9）铅笔工具10）刷子工具组11）橡皮擦工具12）Deco工具知识3FlashCS4的基本操作文本编辑1）创建静态文本静态文本是Flash中普遍应用的一种文本格式，静态文本在

4、影片播放中不会改变。创建静态文本的具体操作步骤如下：使用文本工具，在舞台上单击进行文本输入；或是拖来一个文本框都后输入文本，绘制好的静态文本框没有边框。在舞台上选取文字，在属性面板上调整该段文字的字体、大小、颜色、粗细、对齐方式、段落格式等属性信息。2）创建动态文本在Flash界面中一些需要进行动态更新的内容通常用动态文本来显示。动态文本框中的内容既可以在影片制作过程中输入，也可以再影片模仿过程中动态变化。具体操作步骤如下：使用文本工具，在舞台上单击进行文本输入或是拖来一个文本框都后输入文本；在属性面板中的“文本类型”下拉列表中选取“动态文

5、本”，绘制好的动态文本框会有一个黑色边界。知识3FlashCS4的基本操作3）创建输入本文输入文本是让用户可以进行直接输入的地方。可以通过用户的输入得到特定的信息，比如说用户名称、用户密码等。输入文本的属性面板中，段落设置里，可输入文本的“行为”中还包括了密码显示的选项，如图所示。选择了密码显示以后，用户的输入内容全部用“*”进行显示。而最多字符则规定用户输入字符的最大数目。知识3FlashCS4的基本操作4）设置文本属性文本类型：用来设置文本类型，分别为静态文本、动态文本和输入文本。系列：设置当前选中文本的字体。样式：设置文本是否加粗或是

6、倾斜。大小:设置当前文本的字体大小。可以通过滑杆设置也可以自己输入数值。颜色:设置当前文本颜色。消除锯齿：选择不同的对文字消除锯齿的方式。可选：使文本在用户的机器上显示为可选，这样用户可以复制文本粘贴到其他的单独的文档中。将文本呈现为HTML：用适当的HTML标签保留当前文本格式。在文本周围显示边框：为文本字段显示黑色边框和白色背景。上标/下标：为文本设置上标或下标的状态。格式：设置当前段落所选文本的对齐方式。有“左对齐”、“居中对齐”、“右对齐”、“两端对齐”4种对齐方式。间距：设置字符之间的间隔。边距：设置文本字段的边框与文本之间的间隔

7、。行为：设置动态文本或输入文本的行类型。方向：设置当前文本的方向。默认的方向是水平的。链接：为选择的文本创建超链接。在文本框中输入要链接到的一个URL地址，在浏览器中预览，可发现用户将光标移动到链接文本时会出现手性图标，点击后会链接到一个内部或外部HTML文件。目标：对超链接目标属性进行设置。知识3FlashCS4的基本操作对象编辑1）对象的变形使用“任意变形工具”，可以将工作区中的对象进行旋转、倾斜、缩放、扭曲和封套等变形操作。其中，扭曲和封套功能只适用于形状对象，当对象为元件、文本、位图、渐变时，则这两种变形操作选项处于不可用状态。选择

8、“任意变形工具”后，工具箱对应的“选项”区域会出现“贴紧至对象”、“旋转与倾斜”、“缩放”、“扭曲”和“封套”这5个选项，如图所示。贴紧至对象在移动对象时，可选择这一选项来对齐对