Photoshop应用与实践案例教程(下).ppt

界面效果设计 ☆ 应会目标 通过本章的学习，掌握各类界面效果设计的基本技能。它包括界面设计的基本原则、构成部分及设计技巧。 项目一：登陆界面设计 技能点评 ： 1.登录界面的制作设计必须美观、实用、功能齐全，操作简捷。 2.背景制作中，着重使用了椭圆工具（形状图层状态）和添加图层样式中的渐变叠加、描边以及用自定义图案来填充，达到立体感及网格效果。 3.使用横排文字工具及渐变工具制作登录框及按钮等。 操作步骤提要 ： 1、新建一文件，用圆角矩形工具，属性栏中选择形状图层按钮，并设半径为：10px，颜色：深绿色，在图像中空白区域画一圆角矩形，在图层面板上自动建立“形状1”图层，如下图所示。 2、对【形状1】图层添加【渐变叠加】与【描边】图层样式，其中〖渐变〗条中“渐变编辑器”中有左、中（50%处）、右三个色标，其颜色分别为#205605、#33810c、#3db80c，描边设置〖大小〗：1像素，〖不透明度〗：60%，〖颜色〗：黑色，效果如下图所示。 3、新建一图层，在图像的上方添加一小段白色到透明的渐变，再对【形状1副本】图层添加【渐变叠加】与【描边】图层样式，效果如下图所示。 4、新建一图层，在图像上部位置绘制一矩形填充白色，将图层不透明度降为30%，新建一文件，绘制一黑白格子图案，并定义为图案，回到原文件中，新建一图层，并使用图案填充，更改图层混合模式为“正片叠底”，效果如下图所示。 5、新建一图层，绘制三条矩形与三个正圆，分别放置合适的位置，再使用合适的字体与字号，分别在文件中输入如下图所示文字。 6、新建一图层，结合矩形选区工具、文字工具与图层样式分别制作“登录”与“重填”、最小化与关闭按钮，效果如下图所示。 项目二：播放器界面设计 技能点评 : 1.播放器界面的制作设计必须新颖美观、简明实用，操作方便。 2.利用椭圆选框工具、变换选区命令及图层样式的应用等，创建播放器界面别致的外形。 3.使用横排文字工具及渐变工具、自定义形状工具等来制作播放器的屏幕。 4.使用椭圆选框工具、矩形选框工具、多边形套索工具、自定义形状工具、移动工具、图层样式等制作播放器的功能按钮。 操作步骤提要： 1、新建一文件，将“素材.tif”移动到文件中，在石头的中部偏左位置创建一椭圆选区，将选区复制一图层备用，删除选区内内容，对副本图层添加【投影】和【斜面和浮雕】图层样式，效果如下图所示。 2、将椭圆选区缩小，反选，删除内容，调整其【色相/饱和度】，新建一图层，激活原椭圆选区，调整大小，使该椭圆选区与内椭圆边相重合。选择白色和蓝色两色的渐变工具，在选区中从在上角向右下角拉一渐变填，效果如图所示。 3、对图层4添加【描边】，使用合适的字体在椭圆的右上部写入与播放体右上部的颜色一样的“北京欢迎你”字样。选择自定义形状工具，属性栏上选〖填充像素〗模式，〖形状〗取“高音谱号”，新建一图层，在“北京欢迎你”的左边绘制该项形状，调整合适的大小与位子，合并图层，效果如下图所示。 4、使用合适的字体继续输入文字，效果如下图所示。将“院徽.jpg” 中的图像移动到当前文件中，调整合适的大小与位置，设置其不透明度为：30%。 5、按钮的制作，与主界面的制作相同的方式，在背景素材的右部制作出5颗不同大小的椭圆，并一一 加上与播放器对应的功能符号，最终效果图如下图所示。 项目三：多媒体学习界面设计 技能点评: 1. 设计突出美观、有立体感、导航清晰、简单实用。 2.考虑相互对称效果，在左上角和右下角分别通过矩形选框工具和渐变工具制作半透明导航条。 3.通过画笔工具，使用自带的“花纹1”笔刷和“星星1”笔刷中的有关画笔在图像中添加相应的图案，增加了PS设计的理念。 4.通过自定义形状工具中的蝴蝶的添加，画面变得更加富有动感和协调。 5.添加中间的圆形带羽毛的透明图案，增添了PS设计的神秘感。 1、新建一文件，填充颜色为：#1353e5，使用径向渐变工具，从图像中间向右上角拉一渐变填充。在图像中间写入“P”字，并进行偏斜、拉长变化， 同理，在“P”字的右下方写入“S”，对图层添加【外发光】、【内发光】与【描边】图层样式，如下图所示。 2、载入笔刷文件“花纹1.abr”， 选择〖样本画笔79〗，〖直径〗为：300 px，在图像的右上角单击，将图案垂直翻转，并对该图案进行大小及位置的变化，并将该图层的不透明度设为50%，同理，得星星图像，效果如下图所示 。