其他频道 PS工具大全 在线PS 在线ico制作 字体转换器 书法字典
当前位置:首页 > 教程 > 基础教程 >

photoshop几步设计制作一个质感按钮

作者:永艾视觉 来源:永艾视觉 更新时间:2010-10-16 返回首页:PS酒吧
忙里偷闲,设计时积累了些许小经验,这个时候和大家一起分享一下,步骤1奉上教程一篇,希望对大家灵感启发有所帮助,水平有限,其中有错误的地方希望大家见谅。
一,  新建一画布,尺寸随意定,这里我用了500*500
二,把背景色填充#333333的灰色,我们先在暗色下面做一按钮,feel在暗色下面通常能表现出按钮的质感,后面我们再看一下在浅色调背景下怎样去表现按钮的质感,当然在实际项目中我们要根据实际情况来运行合理的使用。
三,选择圆角矩形工具,在上面如下图运行设置,设置其半径为3,这样矩形的边缘会稍微圆润一点。在图层面板上选择此图层,然后点击右键选择“栅格化此图层”命令,如果不将图层运行栅格化,可对其边缘运行恰当的路径调整,个人习惯,大家可自由点。

四,双击此图层,弹出图层样式框,如下图运行设置。

渐变色的颜色是从#ab1800到#ff7800。

这里要说的是步骤1运行渐变色的设置,这里设置了类似于橙色渐变,在实际应用的时候我们可先把这两个色大体弄一下,后面加光后如果feel太亮或者太暗可再运行细调。加阴影给人一种立体凸起的feel,使得光影效果能更逼真一些,加阴影的时候注意把那两个数字都调成1和3如下图,然后恰当把默认的透明度降低一些,这样的阴影总体feel不那么生硬。
这个时候效果如下图。

五,新建一图层,按住ctrl单击按钮图层,出现按钮的选区,在编辑里面选择描边命令,颜色设置为白色,半径为1,如下图设置,

然后将此图层图层混合样式设置为“叠加”,透明度恰当调低一点,视情况而定,我调到了60%,合理运用叠加混合样式通常会起到比较好的光效果。此时效果如下图:


顶:0 踩:0 作业:Go! 问答:?

“photoshop几步设计制作一个质感按钮”的相关教程和素材: 设计 按钮

本周热点教程
Photoshop教程栏目列表