《流行软件》实验指导书 - new

目 录

实验一 FLASH 文字的制作 ........... 26 实验二 FLASH逐帧动画和补间动画 ..... 2 实验三 Fireworks制作青花瓷按钮 ..... 2 实验四 HTML入门、超链接、文字修饰、多媒体 .............. 错误！未定义书签。 实验五 表格与框架布局 ............. 26

实验一 FLASH文字的制作

一、实验目的

1．了解在Flash中对文字的操作。 2．了解Flash中文本的类型。 3．学会安装文字类型。

4．熟悉文本特效的制作过程。 二、实验原理

利用Flash 8 制作特效文字 三、 实验环境

Windows XP专业版，FLASH 8 四、实验内容

1．制作动态文本 2．制作立体文字 3．制作波纹文字 4．制作五彩字 5．制作镂空字 6．制作浮雕字 五、实验过程和步骤

1．制作动态文本

1.1新建一个Flash文件。

1.2在舞台上使用文本工具拖拽出一个

固定长度的文本框。

1.3选中此文本框，在属性面板中将文本类型设置为“动态文本”，并在变量框中输入变量“tt”。

1.4点击时间轴中图层1的第1帧，打开动作面板，在动作面板中将“全局函数”—”浏览器/网络”—”动作”中的函数“loadVariablesNum”添加到面板中，并添入如下参数如下：loadVariablesNum(\

1.5将Flash文件保存。

1.6在此Flash文件所在的文件夹中建立一个名为\的文件。

1.7此文件中所含内容如下“tt=How are you?”注意：tt为过程1.3中的设置的变量tt，所以在“=”前不得有空格。

1.8按Ctrl+Enter键运行文件。 2．立体文字

2.1使用文本工具输入“立体文字”几个文本。

2.2选中文本，按Ctrl+C复制立体文字几个字，接着按Ctrl+V将之粘帖到舞台上。

2.3选中其中的一个文本，改变他的颜色为淡灰色，并在混色器面板中将他的Alpha值改为80%。

2.4右键单击此文本在弹出的快捷菜单中选择分离，将之打散，并打散两次使之成为矢量图。

2.5在选择任意变形工具，将文本倾斜，

并更改其位置如下

3．波纹文字

大部分操作同立体文字，只是在使用任意变形工具时将文本扭曲为波纹形。

4．五彩字

4.1利用文本工具输入文字“五彩字”，并拷贝粘贴为三个。

4.2将文本打散为矢量图，在混色器面板中选择线性填充色和放射状填充色分别

填充。

4.3使用套索工具对文字进行分块选取并填充。

5．镂空字

5.1利用文本工具输入“镂空字”。 5.2将文本打散为矢量图，使用墨水瓶工具描出文本的外沿，接着将文本的内部选中删除掉。

5.3使用混色器面板中的位图填充为文字的空白处填充。

6．浮雕字

6.1利用文本工具输入“浮雕字”，并拷贝三个。

6.2将最上层的文本颜色设置为淡灰色，将中间层文本设置为白色，将最下层文本设置为黑色。

6.3将三个文本的位置设置为如下所示，黑色在最下层，白色在中间，淡灰色在最上层。

六、思考题

1、要对文字进行什么操作才可以使之能够被当作矢量图进行操作？

2、文本分为那几个类型，各自的应用范围是什么？

七、实验报告要求

内容包含以下几项：实验题目、实验目的、实验原理、实验内容与完成情况、实验中出现的问题、对问题的解决方案、完成思

考题、实验总结。

实验二 逐帧动画和补间动画 一、实验目的

1、 熟练掌握制作逐帧动画的方法。 2、 熟练掌握形状补间动画的制作。 3、 熟练掌握动作补间动画的制作。 二、实验内容

1、 制作逐帧动画打字效果。

2、 制作形状补间动画（形状多变的几何图形、波浪线、变换文字）

3、制作动作补间动画（属性渐变的矩形、闪烁的星星、）

三、实验过程和步骤

逐帧动画

（1）打字效果

①设置宽400像素、高100像素的粉色舞台。

②选中第一帧，选取文本工具，在属性面板上设置字体“隶书”、大小“50”、颜色“黑色”，键入“学动画乐无穷”六个字；并把它相对于舞台居中对齐（用选择工具选中文本，单击主工具栏中的“对齐”按钮，在“对齐”面板上先把“相对于舞台”五字

下方的按钮单击成白色，再分别单击“水平中齐”和“垂直中齐”）。

③选中文本，在按住ctrl键的同时，连续单击B键两次，把文字打散，并分别在第10，20，30，40，50，60帧插入一个关键帧。

④选中第1帧，将六个文字全部删除。 ⑤选中第10帧，将后五个文字删除，留下一个“学”字。

⑥选中第20帧，将后四个文字删除，留下“学动”两字。

⑦选中第30帧，将后三个文字删除，留下“学动画”三字。

⑧选中第40帧，将后二个文字删除，留下“学动画乐”四字。

⑨选中第50帧，将最后的“穷”字删除，留下“学动画乐无”五字。

⑩在第70帧插入普通帧。测试效果，观看效果。

形状补间动画

1、形状多变的几何图形

打开flash8，使用默认设置。

①在工具箱中选取椭圆工具。

②设置笔触颜色：在工具箱颜色区第一排选中“笔触颜色”后，再单击颜色区第三排中间带斜红杠的“没有颜色”图标。

③设置填充颜色 ：单击选中颜色区第二排“填充色”，再在“填充色”右边单击右下方的黑色小三角按钮，尔后选定红色。

④选取椭圆工具，在舞台左侧拉动鼠标画一个椭圆（如果在画圆的过程中按住shift键，就可以得到一个正圆。）

⑤在第25帧插入一个空白关键帧，在舞台中部画一个无边线的绿色三角形。

⑥在第50帧插入一个空白关键帧，选取矩形工具，在舞台右侧画一个无边线的蓝色矩形。

⑦单击“图层1”，选中所有帧，单击底部属性面板“补间”两字右面白框后的黑三角按钮，再单击“形状”。

⑧测试影片，观看效果。 2、波浪线

①设置宽 300 像素、高 100 像素的蓝色舞台。

②选取钢笔工具，画一条绿色波浪线。 ③在图层1的第20帧、第40帧分别插入一个关键帧。

④选中第20帧上的波浪线，执行“修改—变形—垂直翻转”命令。

⑤单击“图层1”，选中所有帧，单击属性面板里的 “ 形状 ” 。

⑥测试影片，观看效果 3、变换文字

①设置宽300像素、高100像素的粉红色舞台。

②单击第一帧，键入大小为“70”的蓝色隶书“学动画”三字，居中。在第5帧插入关键帧。

③选中第5帧上的文本，按下快捷键

ctrl+B两次，把文字打散。

④在第20帧插入空白关键帧，用同样的大小和字体键入红色“乐无穷”三字，居中。用同样的方法把这三字打散。

⑤选中第1帧，单击属性面板里的“形状”。

⑥在第25帧插入一个普通帧。 ⑦测试影片，观看效果。

动作补间动画

1、属性渐变的矩形

打开flash软件，使用默认舞台设置。 ① 用矩形工具在舞台左边画一个无边框的红色矩形。

② 选中矩形，右击，执行“转换为元件”命令，在“创建新元件”对话框中选择类型为“图形”，确定。

③在第30帧插入关键帧，并把矩形拖到右边。

④用任意变形工具将其放大。

⑤在属性面板上“颜色”后的单击小三角按钮，选中“色调”，选择“蓝色”。

⑥选择工具选中第1帧，单击属性面板“补间”里的“动画”；

⑦在属性面板上单击“旋转”选项的小三角按钮，执行“顺时针”命令。

⑧测试影片，观看效果。 2、闪烁的星星

打开flash8，把舞台背景设置为深蓝色。

①执行“窗口—库”命令，打开库面板；单击库面板左下角的“+”，弹出“创建新元件”对话框，选择类型为“图形”，把“元件1”改写成“星星”，单击“确定”。这时，舞台左上方“场景1”三字后显示“星星”两字和一枚彩色图标，说明我们已进入了制作星星元件的编辑场景。

②选取椭圆工具，设置笔触颜色为无，在混色器面板上设置填充色为左、右色标均为白色的放射状渐变色，右色标的透明度为0，在舞台中画一正圆，相对于舞台居中对齐。

③选取矩形工具，用同样的颜色画一个宽度为正圆直径约6倍、高度为正圆直径约六分之一的扁矩形。

④复制扁矩形：选中扁矩形，在按住 ctrl键的同时，把光标置于扁矩形上按住左键往外拖动，松开后就得到一个复制出来的

扁矩形；选中复制得到的扁矩形，执行“修改—变形—顺时针旋转90度”命令，相对于舞台居中对齐；选中另一扁矩形，把它也相对于舞台居中对齐。至此，名为“星星”的图形元件就制作完成了。

⑤接下来制作影片剪辑元件：执行“插入—新建元件”命令，同样弹出“创建新元件”对话框，在对话框中选择类型为“影片剪辑”，把“元件2”改写成“闪星”，单击确定，打开影片剪辑元件“闪星”的编辑场景。

⑥用鼠标左键按住库面板里的“星星”元件，把它拖到舞台上，居中。

⑦在第10帧和第20帧分别插入一个关键帧；选中第10帧，单击舞台中的星星，在属性面板“颜色”后单击黑三角按钮，选择alpha（透明度）,调整后面的百分比为20%。

⑧单击“图层1”，选中所有帧 ，在属性面板上创建“动作”补间动画。至此，名为“闪星”的影片剪辑元件也就制作完成了。

⑨单击舞台左上角的“场景1”按钮，

返回主场景后，把“闪星”元件拖到舞台上，拖几次，舞台上就出现几个“闪星”实例。

⑩执行“控制—测试影片”命令，观看效果。 注意 ：今后，凡是碰到动画中加有影片剪辑实例的情况，都必须用“测试影片”的方法看效果。

为了让星星闪动有先后变化，我们可以进行如下操作：①用制作“闪星”元件同样的方法再制作一个“闪星2”元件；所不同的只是这一次要在第8帧和第15帧插入关键帧。②在“场景1”增加一个“图层2”，在“图层2”上再布置几个“闪星2”实例。 四、实验报告要求

1. 上机前预习实验，完成预习实验内容的填写

2. 主要实验设备（软件）部分填写：装有Flash8.0软件的普通PC机

3. 实验记录部分填写完成各实验内容的步骤和操作情况

4. 实验总结部分填写对该次实验所遇到的问题以及解决问题的方法，总结从这次实验中学到了什么，并回答问题

五、思考题

1、 仔细体会形状补间动画和运动补间动画的区别？ 六、作业

自己构思，制作一个形状补间动画和一个运动补间动画

实验三 Fireworks制作青花瓷按钮 一、实验目的

1．熟悉在Fireworks中按钮的制作。 2．熟悉Fireworks中各种特效的应用。 二、实验原理

利用Fireworks 8 制作按钮 三、 实验环境

Windows XP专业版，Fireworks 8 四、实验内容

制作青花瓷按钮 五、实验步骤

1.这次的制作需要一些矢量花草，使用的是“YY Old English Dingbats”花草装饰字体。需要事先从网上下载安装。

1）绘画一个圆角矩形，大小在175×80

左右，填充颜色为＃D7DDDD，无笔触。调整好圆角的弧度。

2）选中圆角矩形，按ctrl＋shift＋G取消组合，这样圆角矩形就变成了普通矢量了，使用“钢笔工具”和“部分选定工具”进行如图的锚点和控点调节。

2、

1）要增加形状下方的立体感，添加滤镜，两个“内侧阴影”和一个“投影”。参数如图1，注意滤镜的顺序。

2）为形状添加明部。在原形状的中间画一个如图2的圆角矩形，填充使用所示参数。

3

1）添加加形状下方的高光。使用“钢笔”绘画一条弧线，使用图1的笔触， 用“路径洗刷工具－去除”把弧线两端洗掉。用“路径洗刷工具－添加”把弧线中间加粗。

2）克隆这条弧线，“垂直翻转”后移动到整个形状的上部，改变一下参数。这就为上方添加了高光了。

4

1）为形状右方添加高光。

使用“钢笔”结合“部分选定工具”调节绘画出如图1的形状，使用所示填充。

2）为形状左方添加高光。克隆右方的高光，“水平翻转”后，摆放到左方。 到此，陶瓷方块绘画完成。

5.青花图案（基本绘画）

1）使用如图所示字体，打一个M字（你可以使用其它青花矢量图）

2）为图案添加不规则颜色。为字体添加填充“渐变”－“轮廓”，参数和调节手柄如图2所示。

6.青花图案（细致绘画）

1）克隆这个青花图案，填充改为“实心”，颜色为“＃7c83a7”，并添加一个值为“2”的“高斯模糊”。

2）选中这个克隆的图案，按ctrl＋↓，移动到原图案的下一层。（或在层面板里将这个克隆版拖动到原图案下方）

7.青花光泽

必须注意细节的问题。

克隆右方的高光，按ctrl＋shift＋↑置于顶层，透明度改为80

六、思考题

1、Fireworks能生成哪些格式类型的图片？

2、什么是图层？ 七、实验报告要求

内容包含以下几项：实验题目、实验目的、实验原理、实验内容与完成情况、实验中出现的问题、对问题的解决方案、完成思考题、实验总结

布局元素如字体、段落、预排版、列表等。

2、 在HTML中加入表格，熟练掌握Table、TR、TD等元素的属性设置，并利用无边框的表格对网页进行排版，对元素精确定位。

3、 编写框架页，理解框架集文件和各框架内网页文件的关系并正确设置。 4、 理解框架的使用场合。 六、 思考题

1、 什么是表格嵌套？为什么要这样做？ 2、 Dreamweaver的标签检查器有什么作用？

3、 说说框架的使用场合（即什么情况下适合使用框架）。 七、 实验报告要求

内容包含以下几项：实验题目、实验目的、实验内容与完成情况、实验中出现的问题、对问题的解决方案、完成思考题、实验总结。

本文来源：https://www.bwwdw.com/article/njv.html