Photoshop制作精致的透明玻璃按钮

2016-02-02 11:20 24 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Photoshop制作精致的透明玻璃按钮,赶紧看过来吧!

【 tulaoshi.com - PS 】

作者寄语:本教程教大家制作一款简单又美观的玻璃按钮,不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。
最终效果

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

8、按住Shift 键选择两个帧,为其添加过渡帧。

9、再为其添加时间为0.6秒,储存为Web格式所用,完成最终效果。

最终效果:

来源:https://www.tulaoshi.com/n/20160202/1533461.html

延伸阅读
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选...
本教程介绍透明水泡的制作方法。重点在水泡的高光部分的制作,制作的过程不太复杂,不过需要注意好细节部分的修饰。 最终效果 1、新建一个650 * 650像素的文件,背景填充深蓝色,也可以适当拉上蓝色渐变色。新建一个图层,选择椭圆选框工具,按住Shift键画一个如图1所示的正圆。 图12、选择菜单:选择 储存选区,然后自己命名。...
标签: PS PS基础 PS效果
对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。 最终效果 1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。 2、创建渐变调整图层,渐变颜色位置随意,如下图。 ...
photoshop绘制透明玻璃质感长圆形按钮 最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右图老师半圆向右移动30像素...
本教程介绍透明的物体制作方法。杯子本身是透明度,只能用一些高光来体现杯子形体。制作的时候重点在高光部分的制作。作者没有详细的介绍高光制作的方法,很多细节需要自己慢慢去领会。 最终效果 1、新建一个大小适当的文件,背景填充黑色,然后用钢笔工具抠出杯子的路径,机构不是很多可以分开来勾,然后填充白色,效果如下图。 2、分...

经验教程

346

收藏

9
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部