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

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

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

【 tulaoshi.com - PS 】

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

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

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

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

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

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

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

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

7、继续添加光感：

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

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

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

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

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

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

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

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

精致金属质感水晶按钮

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

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

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

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

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

Photoshop设计精致的木条纹水晶字体教程

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

来源：全球经典设计聚合网作者：设计聚合网木纹在设计中是比较常用的，如果想节省时间可以直接使用木纹素材。不过用滤镜也可以做出来，只是操作稍微麻烦一点。首先要熟悉各种滤镜的特性，再按照自己想要的效果慢慢去尝试即可。最终效果 (图老师整理) 1、新建一个画布，然后把背景放到里面去。输入自己想要制作的文字，色码为：#ef9c00。 ...

photoshop水晶按钮制作教程

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

Photoshop制作精致的带金属边框的水晶按钮

标签： PS PS基础 PS效果

本教程的按钮大致分为两个大的部分来制作。首先是金属边框部分，用到的图层比较多，每一个图层都需要加上金属渐变色及图层样式。然后就是中间的红色水晶部分的制作，方法与前面的基本相近。最终效果 1、打开photoshop，新建一图层，按Shift使用椭圆工具画一正圆形。 2、然后双击图层1，在图层1的混合属性中做如下设置： ...

查看更多精彩>>