Photoshop制作简单的水晶按钮及图标

2016-03-18 05:57 24 1 收藏

下面是个简单易学的Photoshop制作简单的水晶按钮及图标教程，图老师小编详细图解介绍包你轻松学会，喜欢的朋友赶紧get起来吧！

【 tulaoshi.com - PS 】

编缉：图老师来源：Iconfans 作者：不详
本教程介绍利用图层样式来制作水晶风格图标及按钮。制作的过程非常简单，先制作出自己喜爱的图形，然后应用图层样式即可。非常简单实用。
最终效果

1、创建一个新的文件，选择“椭圆形工具”（U），画一个圆形。将圆形填充上随便什么颜色，后面它将被图层样式覆盖。

2、双击圆形图层打开图层样式窗口，选择“渐变叠加”，使用蓝色和浅蓝色做渐变色，在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。

小窍门：将渐变叠加移动到圆形顶端：打开图层样式窗口，选中“渐变叠加”选项。按住按钮调整渐变。

3、参照下图，复制圆形图层，并调整到合适大小。

4、双击刚复制好的新图层，打开图层样式窗口，去掉所有前面设置的效果（渐变叠加、斜面和浮雕效果）。选择“描边”，在“填充类型”下来菜单中选择“渐变”，将渐变颜色设置为白色，透明度从100%至0%。其他设置参照下图。

5、选择“横排文字工具”（T）创建一个文字图层，使文字图层在最图老师顶层。选中文字图层，打开图层样式窗口。选择“颜色叠加”将文字颜色设置成白色，然后选择“内阴影”，参照下图进行设置。

6、合并以上三个图层，将图层命名为“Blue Circle”。

7、选择“多边形工具”（U），参照下图修改设置，创建一个星形徽章。像步骤3一样复制该图层并且调整大小。

不需要从新设置图层样式，只需要从我们刚才制作的图标中复制图层样式，然后粘贴到现在的图层中就可以了。做法：选择我们刚才创建的图层Blue Circle，右键选择“拷贝图层样式”。然后选择刚创建的星形徽章图层，右键选择“粘贴图层样式”。

我们需要修改的地方就是在“渐变叠加”中修改渐变颜色。

这是一种非常简单的制作3D风格按钮的方法。你可以自己更改一些样式，例如：颜色叠加、渐变叠加等。

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

上一篇： Photoshop设计水晶超靓玻璃球按钮教程
下一篇：透明玻璃质感圆形按钮

看过《Photoshop制作简单的水晶按钮及图标》的人还看了以下文章更多>>

Photoshop制作立体大气的水晶按钮

标签： PS PS基础

本教程主要使用Photoshop绘制绿色风格的网页下载按钮，整体的立体效果表现的非常的漂亮，光泽方面也非常的漂亮，喜欢的朋友让我们一起来学习吧。先看看效果图最终效果图

Photoshop制作白边水晶按钮

标签： PS PS基础 PS效果

本教程介绍网页常用水晶按钮的制作方法，思路：制作方法跟平时做的水晶按钮一样，需要注意光感及细节的调节，颜色及背景可以按照自己的喜好选用。最终效果 1.新建一个500 * 300像素的文件，背景填充颜色：#827E22。 2.选择圆角矩形工具，半径设置为25，前景颜色设置为白色，绘制图1所示的圆角矩形，然后删格化图层。图1 3.把圆...

Photoshop制作玻璃图标按钮

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

最终效果图 1、新建文档，使用圆角矩形工具Alt键绘制一个圆角正方形，然后使用渐变工具设置下面两种颜色进行填充，该图层命名为：icon-bg ，效果如下图： 2、复制图层，命名为glass，改变填充为白色填充，透明度为50%，使用矩形选区工具绘制如下选区，然后按Delete删除： 3、现在我们就得到了一个最基础的玻璃效果了，...

Photoshop制作绿色水晶按钮教程

Photoshop制作绿色水晶按钮教程 1.在photoshop中新建文件背景黑色;使用圆角矩形工具，圆角半径为10px;填充颜色绿色， tulaoshi photoshop教程 2.设置图层混合模式如下： Photoshop制作绿色水(图老师整理)晶按钮教程(2) Photoshop制作绿色水晶按钮教程(3) 3.按住ctrl选择图层;...

Photoshop制作一个简单的绿色水晶苹果图标

本教程介绍简单的苹果图标的制作方法。图标的制作并不像写实风格那么复杂。我们只要大致标出苹果的高光及暗调部分，再用渐变色处理好过渡即可。最终效果 1、新建一个800 * 600像素的文档，背景填充白色。新建一个图层，用钢笔勾出苹果主体部分的路径，转为选区如下图。图1 2、选择渐变工具，颜色设置如图2，拉出图3所示的...

查看更多精彩>>