Photoshop设计蓝色精致的透明水晶按钮

2016-03-18 05:47 3 1 收藏

给自己一点时间接受自己,爱自己，趁着下午茶的时间来学习图老师推荐的Photoshop设计蓝色精致的透明水晶按钮，过去的都会过去，迎接崭新的开始，释放更美好的自己。

【 tulaoshi.com - PS 】

来源：PS联盟作者：大眼仔~旭
作者寄语：本教程教大家制作一款简单又美观的玻璃按钮，不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。
最终效果

新建一个400 * 250像素的文档，背景填充蓝色：#106D98。

1、新建一个图层，命名为“玻璃边框”，选择矩形工具，半径设置为25，然后拉出下图所示的选区并填充白色。填色后不要取消选区。

2、把当前图层复制一层，得到图层副本，隐藏“玻璃边框”图层，保持选区，执行：选择修改收缩，数值为1，确定后按Delete 删除。确定后不要取消选区。

3、再新建一个图层，选择菜单：选择修改收缩，数值为1，然后选择渐变工具，拉上渐变。

渐变色设置如下图，两边为白色，中间位透明。由上至下拉出线性渐变。

4、输入自己需要的文字，字体颜色为白色。

5、新建一个图层，命名为“下载”，用钢笔工具勾出选区，并填充绿色，用来制作动态效果。

6、调出“玻璃边框”图层的选区，新建一个图层填充白色，设置不透明度为：20%，用矩形选框工具删除其不需要的部分，如下图。

7、选Tulaoshi.com择菜单：窗口动画面板，选择下载图层，新建空白帧，使用移动工具把下载图层向下移几格像素。

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）
8、按住Shift 键选择两个帧，为其添加过渡帧。

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）
9、再为其添加时间为0.6秒，储存为Web格式所用，完成最终效果。

最终效果：

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

上一篇： PS利用图层样式制作清爽的播放器按钮教程
下一篇： Photoshop制作透明大气的导航按钮教程

看过《Photoshop设计蓝色精致的透明水晶按钮》的人还看了以下文章更多>>

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

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

来源：站酷作者：Linjiaboy 效果图看上去有点复杂，其实构成非常简单，由金属边框及中间水晶部分构成。制作之前可以先看一下作者的分解图，然后由底部开始慢慢制作即可。最终效果 1、制作之前先来拆分一下按钮，大致由一下几部分构成Tulaoshi.Com。 2、新建大小适当的文档，新建一个图层，用椭圆选框工具拉一个正圆选区，填充黑色，如...

Photoshop绘制蓝色透明玻璃按钮教程

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

Photoshop设计精致的蓝色水晶文件夹图标

标签： PS PS基础

最终效果 1、打开PS，新建一个一个文档(Ctrl + N)。参数如下：分辨率：72dpi;颜色模式：RGB;尺寸：600×600 px，使用钢笔工具(P)创建如下形状。 2、使用钢笔工具绘制文件夹背后的部分，然后再绘制蓝色条纹。如下图所示。 3、绘制完成文件夹之后，继续按下图所示添加纸和箭头。你现在应该有五个图层，每个形状都会有自己的图层...

Photoshop制作金属边框的蓝色透明按钮

标签： PS PS基础 PS效果

本教程的按钮构成部分不多，总共为两大部分，金属外框和蓝色玻璃部分。制作的时候只要画好相应的图层，加上图层样式效果就出来了。制作过程比较简单。最终效果 1、将背景色填充为黑色。前景色设为 #0090ff ，用“形状工具”在画布中央画一个圆。 2、对这个圆应用下面的图层属性： 3、最终，你得到这样的效果： 4、用“矩形...

Photoshop制作透明水晶艺术字效果

【PS文字特效】Photoshop制作透明水晶艺术字效果图层样式制作出透明水晶艺术字效果 1、首先我们在photoshop中创建一个新文档，尺寸：1000*5000px。然后我们打准备好的背景素材图片复制到文档中。一个好素材是一个好PS作品的起点，所以素材选择是很重要的。 2、使用横排文字工具在图片中输入文字，在这个ps教程中我选用了...

查看更多精彩>>