多媒体课程设计任务书

枣庄学院

信息科学与工程学院课程设计任务书

题目：个人多媒体作品

学号： 2

姓名：

专业：计算机应用技术课程：多媒体技术与应用任课教师：

起止时间：

课程设计任务书

目录

1 绪论

1.1 选题背景 (5)

1.2 相关技术基础介绍 (5)

1.3 开发工具服务器环境 (5)

2 制作过程

1.ps图像制作 (5)

2.F LASH的制作 (8)

3.网页整体效果 (13)

3.总结

1 (14)

参考文献

我的网页制作

一、绪论

1.1 选题背景

此次设计以课堂上所学习的作品为题材，不仅符合大学生的风格，而且实用，有利于提高大学生动手能力和实际实践能力，此次题材简单实用所包含内容覆盖动态网页大部分内容，所以选了这个题材。

1.2 相关技术介绍

网页，是网站中的一「页」，通常是HTML格式（文件扩展名为.html或.htm 或.asp或.aspx或.php或.jsp等）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。网站的一个重要组成部分，由文字、图片甚至是视频、动画、音乐组成的一个单独页面，用于传递单方面信息。网页是构成网站的基本元素是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。

1.3 开发工具服务器环境

Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。

二．制作过程

1.ps图像的制作

（1）打开“快乐的加菲猫.JPG”和“湖水.jpg”两幅图像。

（2）切换到“快乐的加菲猫.jpg”,用魔棒工具选择加菲猫图像，具体操作是单击加菲猫，然后按住shift键重复单击，直至到全部选中加菲猫，如果选中多余的部分，按住alt键单击将多余的部分去掉，如图1，最后执行“编辑”→“拷贝”。

图1

（3）切换到“湖水”，执行“编辑”→“粘贴”命令，将加菲猫图像粘贴到“湖水”。此时，图层面板增加了一个新图层，名称为图层一，将其修改为“加菲猫”。（4）确保当前的图层为“加菲猫”图层，执行“编辑”→“变换”→“缩放”命令，将加菲猫图像缩小到合适的大小，然后选择移动工具此时会弹出变换确认对话框，如图,2，单击“应用”按钮。用移动工具将他移到湖边合适位置，如图

3.

图2

图3

（5）在图层控制面板中右击“加菲猫”图层，弹出的右键菜单中执行“复制图层”命令，复制一个新的图层，命名为加菲猫2.

（6）确保当前图层为“加菲猫2”图层，执行“编辑”→“变换”→“垂直翻转”命令，然后使用移动工具移动翻转后的“加菲猫2”图层，是他处于原来加

菲猫的映像位置，如图4。

图4

（7）选择滤镜菜单，执行“滤镜”→“模糊”→“高斯模糊”命令，然后对“加菲猫2”图层进行高斯模糊，模糊半径为1.5PX.

（8）执行“图层”→“合并可见图层”命令，将所有图层合并，然后执行“文件”→“存储为”命令将图像存储为“水边的加菲猫.JPG”。

2.flash的制作

（1）新建一个文件800*600，背景色为淡蓝色，并打开一张图片素材1作为背景。

（2）做一个“请你欣赏”的影片剪辑，效果如图1所示：

图1

（3）制作一个按钮，目的是通过打击这个按钮进入动画场景，按钮的代码为：

on (press) {play();}。

（4）用文本工具，输入作品名称、姓名、信息，并用遮罩层做出动画效果来。

（5）新建一个图层，命名为“点击进入”，在最后一帧插入一个空白关键帧，在这帧编辑动作stop();。

用“雪花”图片制作一个场景作为进入动画的过渡，用颜料桶工具填充各种颜色做出绚丽的效果。如图2所示：

图2

（2）用ps制作一张背景图片素材3，如图3所示：

图3

（3）制作“楼房”影片剪辑，如图4所示：

图4

（4）在制作几个楼房，只需要新建影片剪辑，把楼房1中的帧复制过来，用“颜料桶工具”改变颜色即可.

（5）制作“树”片剪辑，如图5所示：

（6）制作“山”影片剪辑，如图6所示：

（7）制作“白云”影片剪辑，如图7所示：

（8）制作“小鸟”影片剪辑，如图8所示：

图5 图6 图7 图8

（9）制作“小鸟”和“小鸟1”影片剪辑，将小鸟放在第一帧，小鸟1放在第二帧，这样就实现了小鸟振翅高飞的效果，如图9所示：

图9

（10）制作“人物”的影片剪辑，在第二帧插入关键帧，把第二帧向左下挪动一下位置，感觉人在行走，如图10所示：

图10

（11）制作“陷阱”影片剪辑,如图11所示:

图11

(12)制作“小鸟2”影片剪辑，制作一个逐帧动画，这样就实现了飞翔的效果，如图12所示：

图12

（13）制作“陷阱1”到“陷阱4”的影片剪辑，再新建一个影片剪辑，将陷阱1到陷阱4按顺序放在第1到4帧，这样就实现了陷阱的盖子倒下的效果，如图13所示：

=

图13

（14）制作“手牵线”的影片，在第二帧插入关键帧，用手拉动线合上陷阱。图14所示：

图14

（15）将命名为“背景”的图片素材拖到场景的相应得帧中

（16）将“树”的影片剪辑拖到场景相应的帧中，制作用手牵到线将陷阱合上的动画，同时制作将“陷阱”、“小鸟”和“房子”的影片剪辑拖入到场景中来，并用引导层实现这些影片剪辑的的运动效果。

（17）将“手形”影片剪辑拖到场景相应的帧中，并制作拉动线的效果。（18）将“陷阱”、“小鸟”的影片剪辑拖到场景相应得帧中，实现下雨的小鸟被惊飞的效果。

(19)在相应的帧中插入对应的“音乐”与动画同步。

3.网页整体效果