Photoshop教程：打造精致网页按钮

2016-01-30 04:56 1 1 收藏

Photoshop教程：打造精致网页按钮,Photoshop教程：打造精致网页按钮

【 tulaoshi.com - PS 】

本文由中国龟爬树(邓志峰) 原创，转载请保留此信息！

1、打开PHOTOSHOP,新建一个300X300像素，背景为白色的文档。

2、新建一个图层，用圆角矩形工具

画一个长圆角矩形，并打开图层样式，选择渐变叠加，具体设置如下图

[next]

3、新建一个图层，用铅笔工具

给按钮画上1个像素的细线。

4、好了，我们的按钮基本OK了，现在要添加图形和文字，使它更好看！

5、新建个图层，插入一个图标，按ctrl+T,变换大小，放置如下图

6、用文本输入一段文字，并给文字设置图层样式，让按钮更有立体感！

结果如下：

特别声明:photo8.com.cn为本站版主龟爬树的个人网站

来源:https://www.tulaoshi.com/n/20160130/1519590.html

上一篇：液化字的制作
下一篇：《黑暗之魂2》全道具解析冷门道具使用心得

看过《Photoshop教程：打造精致网页按钮》的人还看了以下文章更多>>

Photoshop制作好看的网页按钮教程

标签： PS PS基础

先看看效果图打开photoshop，新建空白文档。为了不让白色背景看起来乏味，增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。选择圆角矩形工具，创建按钮的的主要形状，半径为5 px。添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。现在让按钮从背景中突显出来，添加1 px描边，颜色为深蓝色(#0b2258)。 ...

Photoshop设计橙色黑色RSS网页按钮教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

最终效果图 1、新建一个图片大小为376x188像素，背景白色，创建一个新图层，然后画一个黑色的圆角矩形。 2、选择“图层—图层样式”，添加内发光、描边、渐变叠加这3种图层样式。效果如下。 3、创建一个新图层，使用“圆角矩形工具”画一白色的圆角矩形，如图所示。 ...

Photoshop设计精致的红橙色水晶按钮效果教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：站酷作者：Linjiaboy 效果图看上去有点复杂，其实构成非常简单，由金属边框及中间水晶部分构成。制作之前可以先看一下作者的分解图，然后由底部开始慢慢制作即可。最终效果 1、制作之前先来拆分一下按钮，大致由一下几部分构成Tulaoshi.Com。 2、新建大小适当的文档，新建一个图层，用椭圆选框工具拉一个正圆选区，填充黑色，如...

Photoshop教程：简单打造半透明按钮

标签： PS PS教程

1. 新建一个文件。选择一个前景色，用“圆角矩形工具”画出一个150*70的按钮主体形状，得图层“形状1”。 2. 复制该图层，得到图层“形状1 副本”，按 Ctrl+T 改变大小，将之收缩，如图。 3. 在图层“形状1”上处理“图层样式”的“渐变叠加”，参数设置如图，渐变颜色可以根据各人做合适的设置。 4. 图层“形状1 副本...

Photoshop制作精致大气的绿色按钮

标签： PS PS基础 PS效果

对于各界交互界面大师来说，按钮的制作无疑是不可缺少的一个组成部分，但是习惯于运用多个图层叠加出非常漂亮的效果的时候，修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。最终效果 1、新建大小自定的文档，背景填充青色。先用钢笔建立路径，如下图。 2、创建渐变调整图层，渐变颜色位置随意，如下图。 ...

查看更多精彩>>