您当前的位置 >> 美术园美术学习网 > 设计网 > 软件教程 > PhotoShop教程 >

Photoshop基础：制作3个透明质感按钮(3)

本站：（美术园）美术网时间：2012-01-12 15:08 |挑错|美术论坛

　　第三款：渐变透明按钮

　　我知道，这个题目实在有些不合格。哪种透明效果中没有用到渐变呢？渐变几乎已经成为制作透明按纽的必备过程，拿它做标题实在有些应付差事的感觉。但是，我实在懒得再费心思在我们的按纽起一个响亮又贴切的名字了。（这些天来一直和按纽打交道，请大家原谅我的倦怠心理吧！）不过，这个按纽倒真的漂亮的没话说，就拿它来作为小小的补偿吧！这次的这个按纽，完全是由图层样式来决定的。完成之后，大家的样式面板中又可以多一种漂亮的风格了。

　　1. 这一次，我们来新建一个透明背景的文档，大小根据按纽的大小来定。新建图层2，用椭圆工具选择一个正圆形，复位色板，用背景色填充选区。不要取消选择，按Ctrl+X将选区图像复制到剪贴板上，删除图层2。

　　在图层1中，用Ctrl+V将白色圆形粘贴到图层1中。这样，白色圆形就会处于画布的正中。（图21）

图21
　　2. 下面，我们就开始为按纽添加了图层样式了。

　　首先，我们为按纽添加基础的颜色。选择渐变叠加样式，将混合模式设为正常，不透明性为100％，点击编辑渐变色，将渐变的左端设为RGB（166，202，240），右端设为RGB（24，48，153），渐变样式为线性，角度为123度，缩放为100％；（图22）

图22
　　其次，我们用斜面和浮雕样式为按纽添加光泽：样式为内斜面，方法为平滑，深度100％，方向为上，大小为18像素，软化为3像素，阴影的角度为120度，取消全局光，高度为73度，暗调模式为颜色减淡，高光和暗调的其他各项设定保持不变；（图23）

图23

　　下面，我们用内阴影模式加强按纽的暗调部分：将阴影颜色设为暗褐色RGB（71，41，2），混合模式为正常，不透明度为38％，角度为90度，距离为7像素，大小为5像素，品质不变；（图24）

图24
　　接下来的投影和外发光，都是进一步修饰按纽边缘的：先来选择投影样式，将投影颜色设为RGB（9，66，130），不透明度为35％，角度为90度，距离和扩展为0，大小为1像素；然后是外发光样式，混合模式为正常，不透明度为38％，颜色为RGB（0，70，114），发光方法为较柔软，大小为2像素；（图25）

图25
　　最后，如果你觉得按纽的颜色单薄，可以选择内发光样式，混合模式为正片叠底，不透明度为39％，设置渐变发光，依图26来设置渐变，渐变色从左到右依次为黑色、棕红色RGB（187，83，7）、黄色RGB（255，249，157），两个颜色中点的位置均为50％，发光方法为较柔软，光源居中，大小为250像素，范围为50％。你也可以自己设定内发光的颜色，这样，按纽的颜色就丰富起来。（图27）

图26

图27

　　3. 接下来，我们为按纽加一个简单的边框。在图层1下面新建图层2，载入图层1的不透明选区，用扩展命令将选区扩大8像素，填充白色。（图28）

图28
　　我们依然用图层样式添加立体效果。先选择斜面和浮雕样式，结构为内斜面，方法为雕刻清晰，深度为290％，方向为上，大小为4像素，软化为9像素，阴影角度为90度，高度为45度，高光和暗调保持默认；再来添加描边样式，大小为1像素，位置在外部，混合模式正常，不透明度100％，描边颜色为RGB（170，170，170）。（图29）

图29
　　这个按纽就完成了。想要改变颜色的话，可以重新设定各图层样式中有关颜色的设置。添加文字层后，也可以添加图层样式效果。如果想把这种样式应用到其他大小的按纽上时，应注意缩放效果，使样式符合图像。

[3]

［上一篇：Photoshop基础：用曲线改善彩色图像］

！▲▲本文被收藏: 次▲|已有0条评论|我来说两句 |挑错|↑返回顶部

本文Photoshop基础：制作3个透明质感按钮(3)的标签：基础制作按钮透明 Photoshop 质感

［下一篇：Photoshop基础：快速做黑白相片］

相关文章

Photoshop巧为空白瓷瓶添加古典纹饰	Photoshop处理照片为波普风格特效
ps处理制作加背景美女照片教程	Photoshop制作蓝色文字效果
Photoshop婚纱照抠图换背景	Photoshop处理光影效果照片教程
Photoshop制作照片特效教材	Photoshop制作梦幻效果照片教程
PS制作卡通剪纸	PS设计制作薄雾画面作品