第11章综合实训案例1——多媒体界面的设计讲稿.ppt

11.1.2 案例制作说明 本案例在制作中没有使用复杂的操作。案例的制作分为背景的制作，标题的制作、按钮的制作和最终效果图的制作这几步。 1．背景制作 制作过程中使用背景素材图片来构建界面背景，这样能减小制作工作量，提高制作效率。在制作过程中使用了图层蒙板和【切变】滤镜来创建图像背景效果。同时使用矢量工具来绘制主体部分的装饰线，并通过添加【图层样式】来获得透明的水晶效果，使背景更富有现代感。 2．标题的制作 在创建标题后，分别对标题的不同文字部分创建不同的效果。对标题中的英文字符，采用了【马赛克】滤镜和【描边】特效创建边缘像素文字效果。同时对标题中的汉字字符应用【图层样式】创建水晶字体效果。 11.1.2 案例制作说明 3．按钮制作 多媒体软件中的按钮分为常态、鼠标滑过和鼠标按下这3种状态，为了便于按钮在具体软件中使用，按钮采用单独的文件形式制作。按钮的制作使用【图层样式】创建特效。 4．效果图的制作 效果图的制作是在制作时放置功能按钮和说明文字的过程，使用【移动工具】来移动对象进行界面的布局，使用【自由变换】命令调整对象的大小，使之符合界面的要求。 11.2 案例制作步骤 下面，详细介绍本案例的制作步骤。 11.2.1 制作背景 背景的制作分为两步完成，先为作品添加素材并应用滤镜对素材进行处理。然后，使用路径工具创建背景装饰并为其添加图层样式效果。 11.2.1 制作背景 1．添加并处理素材图片 （1）打开【新建】对话框，设置如图11-1所示。将新文档保存为“多媒体界面.psd”文件。 （2）打开水滴.jpg和底纹.jpg文件。将“水滴.jpg” 拖放到新文档中，如图11-2所示。 11.2.1 制作背景 （3）为图层添加图层蒙板。选择【渐变工具】，渐变设置为【从背景色到前景色】，选择【径向渐变】。在图层蒙板中创建从中心向外侧的径向渐变效果，如图11-3所示。 11.2.1 制作背景 （4）将“底纹.jpg” 拖放到图像中来，如图11-4所示。【高斯模糊】参数设置，如图11-5所示。应用滤镜，图像的效果如图11-6所示。 11.2.1 制作背景 （5）在【切变】对话框中对滤镜效果进行设置，如图11-7所示。应用滤镜，此时图像的效果如图11-8所示。 11.2.1 制作背景 （6）为图层添加图层蒙板，在蒙板中创建由左上角到右下角的线性渐变效果，如图11-9所示。 （7）在【波浪】对话框中对滤镜效果进行设置，如图11-10所示。应用滤镜，图像的效果如图11-11所示。 11.2.1 制作背景 （8）选择【图层1】。打开【色阶】对话框，在对话框中调整中间灰色滑块位置将图像适当加亮，如图11-12所示。此时图像效果如图11-13所示。 11.2.1 制作背景 2．制作装饰物 （1）选择【椭圆工具】，在选项栏中对工具进行设置，如图11-14所示。使用【椭圆工具】绘制2个圆形路径，如图11-15所示。 11.2.1 制作背景 （2）打开路径调板，单击【路径】调板下的【将路径作为选区载入】按钮，获得选区，如图11-16所示。选择【选择】→【变换选区】命令，对选区进行变换，如图11-17所示。 11.2.1 制作背景 （3）创建一个新层，选择【渐变工具】，打开【渐变编辑器】对渐变进行编辑，选择左侧颜色为当前图像中深蓝色区域颜色，中间颜色为当前图像中浅蓝色区域颜色，右侧颜色为白色，如图11-18所示。使用【渐变工具】从下向上在选区创建线性渐变效果，如图11-19所示。 11.2.1 制作背景 （4）取消选区，在【图层样式】对话框中选中【投影】复选框，对投影进行设置，如图11-20所示 （5）选中【内阴影】复选框，对内阴影效果进行设置，如图11-21所示。 11.2.1 制作背景 （6）选中【外发光】复选框，对外发光效果进行设置，如图11-22所示。 （7）选中【内发光】复选框，对内发光效果进行设置，如图11-23所示。 11.2.1 制作背景 （8）选中【斜面和浮雕】复选框，对斜面和浮雕效果进行设置，如图11-24所示。选中【等高线】复选框，对等高线参数进行设置，如图11-25所示。 11.2.1 制作背景 （9）选中【光泽】复选框，同时对参数进行设置，如图11-26所示。 （10）选中【颜色叠加】复选框，同时对参数进行设置，如图11-27所示。 11.2.1 制作背景 （11）完成所有参数设置后，单击【确定】按钮关闭【图层样式】对话框，此时图像效果如图11-28所示。 11.2.2 创建标题 1．“Photoshop CS5”文字效果的创建 （1）创建文字Photoshop CS5，打开【字符】调板设置字符样式