用Photoshop制作动态的透明玻璃按钮实例教程

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

用Photoshop制作动态的透明玻璃按钮实例教程

文章插图


用Photoshop制作动态的透明玻璃按钮实例教程

文章插图

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

用Photoshop制作动态的透明玻璃按钮实例教程

文章插图
【用Photoshop制作动态的透明玻璃按钮实例教程】1、新建一个图层,命名为“玻璃边框”,选择矩形工具,半径设置为25,然后拉出下图所示的选区并填充白色 。填色后不要取消选区 。

用Photoshop制作动态的透明玻璃按钮实例教程

文章插图

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

用Photoshop制作动态的透明玻璃按钮实例教程

文章插图

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

用Photoshop制作动态的透明玻璃按钮实例教程

文章插图


以上就是用Photoshop制作动态的透明玻璃按钮实例教程,希望大家喜欢,请继续关注我们 。

    推荐阅读