多媒体大作业模板.docVIP

《多 媒 体 技 术》 公 共 课 程 大 作 业 多媒体界面的设计(括号内可加说明) The Design of a Multi-media Interface（explanation） 专 业： 班 级： 姓 名： 学 号： 伊犁师范学院电子与信息工程学院 在多媒体技术迅速发展的今天，多媒体技术逐渐被广泛应用到社会各个领域，这使得创造美的界面的重要性和必要性也越来越得到大家的认识。将美学原理应用到多媒体界面的设置，能够加强界面的气氛，增强界面的吸引力，突出作品的重点，提高美感。 界面是一个窗口，它是将不同的元素编排在一起，并形成一个连贯的整体。从实质上说，界面是设计者才艺、技能和软件人工智能的体现，是软件设计者的设计理念的体现。就目前的多媒体软件来说，界面主要包括两类：一类是控制元素，这指的是界面上的菜单、按钮、图标和各种交互热区或热字。另一类是内容元素，这指的是反映有关信息的界面元素，如文字、图片、声音和动画等。 好的程序界面，实际上是一个集多种视觉和听觉元素综合体，其中的视觉元素占了很重要的地位。界面的设计即考虑到信息的呈现，又要最大限度的实现操作的简单性。可见，多媒体界面的设计是一个思维过程，也是一个组织过程，将控制元素和内容元素有机结合，充分体现出了创意、设计和制作的三合一。 1.设计简介 1.1 设计思路 本设计制作的是一个多媒体教学软件的主界面。本实例在设计时要求满足功能的需要，界面结构设计合理且尽可能简洁，在视觉上要求富于设计感。在设计时，以蓝色作为整个界面的主色调，容易让使用者产生心灵的感应。标题适当使用特效，以给对软件的主体有清晰明确地认识，突出重点。按钮设计实用简单，但又不失美观，并且与背景搭配合理。按钮在布局上做到内部结构布局合理，简单明了，便于用户操作，方便用户灵活的运用。界面整体风格与软件本身的结合度强，使之合乎现代的时尚感和大局观。 1.2 制作说明 本设计在制作中没有使用复杂的操作，主要分为背景的制作，标题的制作、按钮的制作和最终效果图的制作这几步。 1.2.1 背景制作 制作过程中使用背景素材图片来构建界面背景，这样能减小制作工作量，提高制作效率。在制作过程中使用了图层蒙版和【切变】滤镜来创建图像背景效果。同时使用是矢量工具来绘制主体部分的装饰线，并通过添加【图层样式】来获得透明的水晶效果，使背景更富有现代感。 1.2.2 标题的制作 在创建标题后，分别对标题的不同文字部分创建不同的效果。对标题中的英文字符，采用了【马赛克】滤镜和【描边】特效创建边缘像素文字效果。同时对标题中的汉字字符应用【图层样式】创建水晶字体效果。 1.2.3 按钮制作 多媒体软件中的按钮分为常态、鼠标滑过和鼠标按下这3种状态，为了便于按钮在具体软件中使用，这3中状态的按钮采用单独的文件形式制作。按钮的制作使用【图层样式】来创建特效。 1.2.4 效果图的制作 效果图的制作是将制作是放置功能按钮和说明文字的过程，制作过程中使用【移动工具】来移动对象进行界面的布局，使用【自由变换】命令调整对象的大小，使之符合界面的要求。 2制作步骤 下面，详细介绍本设计的制作步骤。 2.1 制作背景 背景的制作分为两步完成，先为作品添加素材并应用滤镜对素材进行处理。然后，使用路径工具创建背景装饰并为其添加图层样式效果。 2.1.1 添加并处理素材图片 （1）新建文档，1024*768，并保存为“多媒体界面.psd”。 （2）打开素材“水滴.jpg”、“底纹.jpg”，使用【移动工具】将“水滴.jpg”拖放到文档中，得到图层1。 （3）在【图层】调板中为图层1添加一个图层蒙板（见图1）。使用D设置默认前景色和背景色，使用X切换前景色和背景色，使用【渐变工具】，设置渐变为【从前景色到背景色】，使用【径向渐变】在图层1蒙板中从中心向外侧做径向渐变效果（见图2）。 图1 对图层1添加图层蒙板 图2 在图层1蒙板中创建【径向渐变】后的图像效果 （4）将素材“底纹.jpg”拖放到文档中，并且使其所在图层位于【背景】图层之上，使用【高斯模糊】，设置【半径】为4.6像素，得到如下效果（见图3） 图3 添加素材并设置【高斯模糊】滤镜后的图像效果 （5）在【滤镜】-【扭曲】-【切变】对话框中设置滤镜效果（见图4），确定后效果如下（见图5） 图4 【切变】滤镜的参数设置 图5 应用【切变】滤镜后的图像效果 （6）对【图层2】添加图层蒙板，创建由左上角到右下角的线性渐变效果（见图6） 图6 在图层2蒙板中创建【线性渐变】后的图像效果 （7）在