多媒体技术总结报告

多媒体技术总结报告

题目用Frontpage及Photoshop

介绍大熊猫的成长

姓名

专业电子信息工程

班级

学号

（一）摘要

本次多媒体技术实验环境

硬件：支持inter Pentium II及其以上CPU，内存128M以上，硬盘1GB容量以上的微机

软件：配有window xp/7操作系统，Microsoft Frontpage、Photoshop CS4、会声会影软件等。

本次多媒体技术设计使用了Microsoft Frontpage、Photoshop CS4、会声会影等软件，制作了介绍国宝大熊猫成长过程的网页，制作过程中遇到了设计和技术方面等的问题，通过网上查询以及到图书馆找资料解决了所有问题。感谢提供帮助的同学和老师。

（二）Photoshop部分报告

一、目的、要求：

掌握photoshop的基本操做作,学会利用photoshop处理各种图形文字，同时掌握怎样使用photoshop制作网页交互按钮以及一些水晶按钮。

二、原理：

工具：ps软件中的钢笔工具蒙版图层样式文本框工具选择工具等；命令：调整抠出图片大小—ctrl+T 蒙版浓度调整文字大小字体选择等编辑

三、环境要求：

电脑硬件Ps cs4 软件图片素材

一、实验内容：

A、创意思想：

个人比较喜欢中国国宝大熊猫，但目前介绍大熊猫的网站还比较少，大多是一些博主用博客的介绍。所以我想用自己制作的按钮放在网页上加以链接来介绍国宝大熊猫的成长过程。再配上用Frontpage 制作的熊猫成长网页，使这次的作业任务更具价值，令观赏者叹为观止是我努力的目标

B、创作计划、相关过程以及资料：

从网上下载具有有关国宝大熊猫各个成长阶段的背景图，再查询熊猫成长的相关文字记载资料。

添加一些与熊猫成长过程相关的视频资料。

三者唯美结合使网页给人艺术享受感~

C、单用的原始素材及完成的最终作品

二、本次作业中的不足以及个人思想

本次作业主要介绍photoshop以及Frontpage的使用，没有用到视频处理等软件，因此本次作业缺乏炫彩多样感，使用Frontpage 所制作的网页也没有java制作的网页那样质感和立体感。但是通过自己动手制作和设计，基本学会Photoshop和Frontpage的使用，但是对于Photoshop的蒙版使用还有很多欠缺，对Frontpage 的代码使用还有很大的障碍。

六、制作步骤

1、运行Windows环境下Phptoshop CS4

1.1 使用快捷键“Ctrl+N”新建一张透明背景的画布，命名为首页按

钮，点击确定。如下图所示：

1.2选中工具选项板中的圆角矩形工具，设定半径为25像素，选中路径按钮，按住鼠标左键拖动出一个长椭圆的选框，使用快捷键“Ctrl+Enter”将其转化为椭圆选框，在前景色中设置前景色为灰色，使用“Alt+Delete”快捷键为椭圆选框填充灰色，如下图所示：

1.3为以上步骤制作的灰色椭圆添加立体感。使用“Ctrl+D”取消选择，双击图层1，弹出图层样式对话框，选中斜面和浮雕选项，设置参数如下图所示：

点击确定按钮。可显示出图案的立体效果。如下图所示：

1.4点击屏幕右下方新建图层按钮，新建一个图层2。在工具选项板中选择椭圆工具，并选中左上角路径按钮，按住Shift键，在长椭圆左侧拖动鼠标，画出一个正圆，使用快捷键“Ctrl+Enter”将其转化为圆形选框，设置前景色为深蓝色，为其填充深蓝色，打开样式选项框，选择蓝色玻璃，为其填充蓝色玻璃效果。

如图所示：

双击该图层，弹出图层样式对话框，按照下图所示设置参数：

得到如下图所示效果图：

1.5接下来为按钮设置文字。

该按钮我主要用来放在首页，成为一个界面交互按钮，链接到“熊猫初生网页”，因此按钮上应写“初生的熊猫”字样。

选中工具选项板中文字工具，打开文字设置对话框，设置参数如图所示：

输入“初生的熊猫”，选择移动工具，讲字样移动到合适的位置。执行“图层——栅格话——文字”命令，讲文字层转化为普通图层。双击文字图层，弹出图层样式对话框，选择斜面

浮雕效果，参数设置如下图所示：

点击确定按钮，得到最终效果图。

按照同样的方法得到“首页”中的四个交互按钮。

1.6、与上述制作方法相同，制作第二页中的交互按钮。

同样，首先新建一张新的画布，在工具选项框中选中圆角矩形工具，设置半径为30，按住鼠标左键拖动，得到一个长椭圆，打开图层样式填充“深蓝色玻璃”，

如下图所示：

按照上述方法，举一反三即可得到不同的玻璃按钮效果。

1.7、下面介绍用Photoshop处理素材图片水印。

打开Wingdows下Photoshop CS4,点击“文件——打开”，即打开要去水印的素材图片，使用快捷键“Ctrl+J”复制图层，得到图层1，如下图所示：

使用“滤镜——模糊——高斯模糊”，设置高斯模糊像素为9.0，点击“确定”按钮，讲图层模糊后，执行“菜单——图层——图层蒙版——隐藏全部”，图层面板中，得到图层1中的图层面板缩略图，在工具选项板中选中画笔工具，调整画笔大小，不透明度设置为100%，在图像水印出进行反复涂抹，最后将图像水印去除。如下图所示：

采取上述方法即可将水印做模糊处理，举一反三，上述方法可以对数码照片进行美化处理，可以对照片上人物脸部进行上述操作，即可美化人物皮肤。

1.8、下面介绍使用windows环境下Photoshop CS4对图片的大小进行处理变化。运行PS，打开要进行变换的图片，打开“菜单——图像——图像大小”，弹出图

像大小对话框，输入适合的尺寸，对图像大小进行调节。如下图所示：