在photoshop中创建一个透明玻璃按钮

2016-04-05 15:10 13 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区，我们拥有最用心的各种教程，今天就给大家分享在photoshop中创建一个透明玻璃按钮的教程，热爱PS的朋友们快点看过来吧！

【 tulaoshi.com - ps鼠绘】

在photoshop中创建一个透明玻璃按钮

　　在这一篇教程中，我将教给你怎样在photoshop中创建一个透明玻璃效果的干净的网页用按钮。

　　这就是我们最终的结果。好了，让我们开始吧。在photoshop中新建文档，尺寸为430x430，白色背景。

　　STEP-01

　　新建图层，命名为 box。用圆角矩形工具 (U)创建一个圆角矩形。点击ctrl+回车创建选区，填充为白色。

　　STEP-02

　　给这个形状创建图层属性-渐变叠加，内发光和描边。

　　STEP-03

　　给这个形状创建渐变叠加。渐TuLaoShi.com变颜色为-左边(#B1DB08) 中间(#66AB04) 右边(#B1DB08)。

　　STEP-04

　　添加内发光，设置颜色为(#D9FF4E)。

　　STEP-05

在photoshop中创建一个透明玻璃按钮(2)tulaoshi

　　添加描边-设置边的颜色为(#A8D508)。

　　STEP-06

　　创建一个新的图层，命名为 light。创建一个圆角矩形选区。填充为白色。

　　STEP-07

　　设置扭曲滤镜(滤镜》扭曲》锯齿)。按照下面的参数进行设置。

　　STEP-08

　　设置图层透明度为40%。用橡皮工具(E)擦除边缘。最后你将会得到我们想要的结果。

　　好了，这就是我们最终的结果。很容易吧。

　　原文地址：via 编译：苏打苏塔

来源:http://www.tulaoshi.com/n/20160405/2124588.html

上一篇： PS打造超酷的时尚人像海报效果教程
下一篇： PS图片合成教学

看过《在photoshop中创建一个透明玻璃按钮》的人还看了以下文章更多>>

Photoshop制作漂亮的蓝色透明玻璃按钮教程

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

来源：PS联盟作者：Sener 按钮分为两个大的部分来制作：中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同，只需要找出相应的高光部分并渲染出来即可。最终效果 1、新建一个800 * 600像素的文档，背景填充暗紫色：#752874，如下图。图1 2、先来制作中间的蓝色水晶部分，需要完成的效果如下图。图2 3、新建一个组，选择椭圆选...

透明玻璃质感圆形按钮

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

最终效果图步骤一：首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后，点击“视图”并选择“查看实际像素”。步骤二：选择“椭圆工具 ”并画一个圆。步骤三：转到“混合选项”。你可以通过右击图层蓝色部分并移动鼠标选择“混合选项”。步骤四：给“椭圆工具”应用这些混合选项。 ...

Illustrator创建一个可以无限重用的按钮样式

标签： Illustrator CorelDRAW

先看看效果图第1步：找一个比较粗壮的字体，我选的是VAL字体，60pt。用文本工具打出想要的字。第2步：将这个文字的填充及描边都设为空，就像下面这样，看不见文字了。这样是为了方便之后在外观appearance面板为其添加更为弹性的描边和填充。第3步：在外观appearance面板右上角的下拉菜单为其添加一个填充，默认为黑色。 ...

透明玻璃质感长圆形按钮

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

最终效果图 1. 在Photoshop5.5（或者更高版本）中建立新文件120x80 大小， RGB模式Contents，设为Transparent( 透明 )，layer1填充为白色，上加一层，建立40x40 的圆形，放在页面中心填充色#003366，然后将其从中心分解开，左右各20像素，左半圆向左移动30像素，右半圆向右移动30像素，结果如图01。图01 2. 选取两半圆中空...

Photoshop制作一个简单的网站按钮

标签： PS PS基础

先看效果图新建文档200x50像素，背景填充深灰色。建新层，前景色#9a2941画一个圆角矩形。添加图层样式。然后建新层，画下图所示蓝色形状，效果如下，单列选框工具点一下，填充白色，复制2个，图层模式叠加，添加蒙版去除多余部分。输入白色文字，添加黑色1像素描边样式，具体不截图了，很容易。建新层...

查看更多精彩>>