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

2016-04-05 15:10 4 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 编译：苏打苏塔

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

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

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

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

标签： Illustrator CorelDRAW

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

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

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

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

Photoshop制作一个精细的导航按钮

标签： PS PS基础 PS效果

网页设计中按钮的制作非常重要，精致的按钮会给网页增色不少。下面的教程介绍一款非常不错的按钮的制作方法。制作过程比较简单：先用图形工具制作出按钮的形状，然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。最终效果 1、打开photoshop，然后新建一个文档250*150，并填充背影:#252a38。 2...

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

标签： PS PS基础

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

Photoshop制作一个漂亮的网页按钮

标签： PS PS基础

让我们一起来看看这个教程吧 Step 1 我们将首先在Photoshop创建一个新文档。让我们有1024 × 768px Step 2 为了填补你的背景，选择渐变工具(G)的渐变编辑器打开了，并输入您的颜色值按下面的图像 Step 3 让我们创造了我们的按钮的机构。使用圆角矩形工具(U)，现在只是创造了约320 × 95px，对5px半径和填充任何颜色(它的矩...

查看更多精彩>>