|
新建一个Photoshop文档,RGB模式,白色背景。 新建一层,复位色板,将前景色设为一种浅灰色,如例子中的RGB(239,239,239),用矩形选框工具选择一个小矩形,填充前景色后取消选择。 下面我们来制作按钮的立体效果。这里,我们完全用添加图层样式的方法,双击图层,打开图层样式对话框,我们来依次添加: 首先选择斜面和浮雕样式,设置结构为内斜面,方法为平滑,深度为1%,方向在上,大小和软化均为2像素,阴影角度为146度,使用全局光,高度为30度,光泽保持默认,高光和暗调的混合模式与颜色都不变,不过不透明度分别设为100%和43%; 其次是内阴影模式,模式为正常,颜色为白色,不透明度为100%,角度为146度,使用全局光,距离为1像素,阻塞为100%,大小为0,品质不变; 接下来是描边,将描边大小设为1像素,位置在外部,混合模式为正常,不透明度为100%,填充类型为颜色,描边颜色设为黑色; 最后是投影样式,将阴影颜色设为黑色,不透明度为22%,角度为120度,取消全局光,距离为3像素,扩展为0,大小为0,品质保持默认不变。 好了,现在你可以选择细一些的字体,最好是专门的像素字体,在按钮上写上文字。在设置文字选项的时候,有一项需要特别注意,那就是要将文字消除锯齿的方式设为无,否则字体会出现模糊。整个制作过程如图1所示。 5c55.com美术设计师的家园
如果觉得灰色太单调,你也可以为按钮添加各种颜色,过程和前面的大致相同,但有些地方有些细微差别。 在新建图层、设置选区后,设置你的前景色,如这里我们将前景色设为RGB(106,175,5),填充选区后取消选择。然后开始设定图层样式。在斜面和浮雕样式中,将深度设为100%,大小和软化为1像素,注意要将阴影的高光模式设为颜色减淡,不透明度为65%,暗调的不透明度也要减低一些;和刚才不同,我们取消了内阴影样式,在描边样式中,将描边颜色设为一种较深的灰色,如RGB(132,132,132),当然,你也可以用黑色描边;对于投影样式,由于按钮本身的颜色较深,相对的,我们可以将阴影的不透明度设的稍微高一些,40%即可。最后,写上文字。 www.5c55.com 第二款:渐变按钮 相对于第一款按钮来说,接下来我们要介绍的这种类型的按钮实用性更强,而且颜色也更丰富。你在许多网站上都会看到它。 首先,仍是新建RGB模式的Photoshop文档,白色背景。 这次我们新建一层,用矩形选框工具选择一个小矩形,然后点击“选择->修改->平滑”,设为5像素。选择渐变工具的由黑到白渐变,在选框内由下往上拉。效果如图2。
双击图层,进入图层样式,我们为按纽添加立体感,选择斜面和浮雕样式,在样式中选择内斜面,方法为平滑,深度为1%,方向为上,大小为1像素,软化为0像素,阴影的角度为120度,使用全局光,高度为30度,保持高光和暗调的默认混合模式及颜色不变,高光的不透明度为75%,暗调为36%; 平面爱好者.平面设计师的助手 http://5c55.com
最后,我们再用描边的方式修饰按纽,设置描边大小为1像素,位置在外部,混合模式为正常,不透明度为100%,填充类型为颜色,将颜色设为灰色。
www.5c55.com
网页常用小按钮二 第三款:塑料按钮(一) 1.不用说,第一步仍是新建RGB模式的白色背景文档。复位并翻转色板,以白色为前景色,新建一层,选择圆角矩形工具,点击工具栏上的下拉三角,打开几何选项,在圆角矩形选项中设置矩形为固定大小,98×28像素,然后将圆角半径设为3像素,选择消除锯齿。设置好之后,用鼠标在背景上点击,圆角矩形会以线框的形式显示,在松开鼠标之前拖动,定位矩形的位置,如图16所示。这时虽然看不到图像的变化,但在图层面板上我们已经注意到图层1的改变。 2.双击图层,进入图层样式,为了使我们的按纽清晰的显示出来,我们先来选择描边样式,设置描边大小为1像素,位置在内部,混合模式为正常,不透明度为62%,描边颜色为RGB(58,58,58); 我们用渐变叠加样式为按纽添加基本的渐变:混合模式为正常,不透明度设为15%,渐变为默认的黑色到白色,不过要选择反向,将黑色色标的位置从0%移动到40%处,样式为线性,选择与图层对齐,角度为90度,缩放为60%,如图1所示。
(阅读次数:)
共15页: 上一页 [1] [2] [3] [4] [5] [6] [7] 8 [9] [10] [11] [12] [13] [14] [15] 下一页
|