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

2016-03-18 05:48 0 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的Photoshop设计精致的红橙色水晶按钮效果教程，喜欢的朋友可以分享一下，也算是给小编一份支持，大家都不容易啊!

【 tulaoshi.com - PS 】

来源：站酷作者：Linjiaboy
效果图看上去有点复杂，其实构成非常简单，由金属边框及中间水晶部分构成。制作之前可以先看一下作者的分解图，然后由底部开始慢慢制作即可。
最终效果

1、制作之前先来拆分一下按钮，大致由一下几部分构成Tulaoshi.Com。

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）2、新建大小适当的文档，新建一个图层，用椭圆选框工具拉一个正圆选区，填充黑色，如下图。

3、给正圆添加图层样式，分别设置内阴影、斜面与浮雕、渐变叠加，参数及效果如下图。

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）4、接下来，我们开始做内圈，还是用椭圆工具画一个圆，比底盘稍微小一点。

5、添加图层样式，设置投影、内阴影、斜面与浮雕、渐变叠加，参数及效果如下图。

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）6、下面开始给内圆添加细节，这是最初效果的步骤：

新建图层“光点”，用画笔工具，用一个稍大的白色画笔，在内圆上点一下，改变图层样式为叠加模式，然后复制“光点”图层2次。注意：为了防止光溢出，使用内圆的选区做一个蒙版即可。

7、继续添加光感：

新建图层“内圆”，用椭圆工具画一个圆，用肩膀工具填充，并设置图层混合模式为“叠加”，不透明度为：30%。

8、添加阴影效果，如下图。

10、用钢笔工具画一个圆形的路径，然后用字体工具点一下路径，在路径上打上需要的文字即可。

11、最后新建图层，画个圆形，高斯模糊，放在图标底部作为投影。

最后加上背景，完成最终效果。

来源:https://www.tulaoshi.com/n/20160318/1873777.html

上一篇： Photoshop通过图层样式制作各式各样的网页按钮教程
下一篇： Photoshop绘制超强质感立体按钮教程

看过《Photoshop设计精致的红橙色水晶按钮效果教程》的人还看了以下文章更多>>

Photoshop设计漂亮精致的网页按钮

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

先看看效果图步骤1：打开Photoshop，快捷键 Ctrl+N 打开新建窗口，按照下图内的参数设置好后，确定。步骤2：选定背景层，快捷键 Shift+F5 打开填充对话个，下拉菜单中选择颜色，然后使用颜色#141d28，确定。步骤3：接下来，我们使用圆角矩形工具，设置圆角为2px，拉出一个适当大小的矩形。然后在右侧的图层面板中...

Photoshop设计变形类似AI的橙色水晶字教程

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

迷你字体打包下载最终效果 1、新建一个大小自定的文档，选择渐变工具拉出一个蓝色至深蓝色的径向渐变，效果如下图。 2、输入文字，文字颜色选用橙黄色：#f39519。 3、打开下图所示的素材，用套索工具选区左边的橙子片，再按Ctrl + C 复制。 4、把文字层栅格化，然后按Ctrl + V 把刚才复...

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

标签： PS PS教程

本文由中国龟爬树(邓志峰) 原创，转载请保留此信息！ 1、打开PHOTOSHOP,新建一个300X300像素，背景为白色的文档。 2、新建一个图层，用圆角矩形工具画一个长圆角矩形，并打开图层样式，选择渐变叠加，具体设置如下图 [next] 3、新建一个图层，用铅笔工具给按钮画上1个像素的细线。 ...

photoshop水晶按钮制作教程

photoshop水晶按钮制作教程最终效果 1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120 2.复制圆角矩(图老师整理)形图层并缩小 3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 photoshop水晶按钮制作教程(2) ...

精致金属质感水晶按钮

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

先看看最终效果吧,哈哈是不是有点复杂. 不过不要急,心情放松...注意力集中...现在我们就来"肢解"他.不难看出这个按钮主要由3部分构成:背景,水晶按钮及文字,下面我们就开始动手. 一.背景的制作: 1.打开photoshop 新建一个400*400的文件最好是"RGB"颜色用黑白圆形渐变绘制如图2所示渐变图1 图2 2.选择滤镜杂色 ...

查看更多精彩>>