如何利用ps制作透明玻璃般的导航按钮?

透明按钮的制作

制作效果:

教程 | 如何利用ps制作透明玻璃般的导航按钮?

制作步骤:

  1. 创建一个任意大小的画布,填充随意两种颜色;

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 回到形状工具,选择圆角矩形工具

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 调整“圆角矩形工具”属性栏的参数:填充---随意一个颜色,描边-无,半径-60px;

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 在画布中绘制一个圆角矩形,并将图层的填充调整为“0”

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 双击图层,调出“图层样式”

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 调整“内阴影”参数如下、

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 调整“内发光”,参数如下;

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 调整“投影”,参数如下;

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 在圆角矩形上方创建一个新的图层,

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 回到椭圆选框工具,绘制一个椭圆,并填充白色,

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 取消选区,执行:滤镜-模糊-高斯模糊

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 高斯模糊的参数根据实际情况决定,把椭圆的边缘调散开;

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 将图层往下面的图层创建剪贴蒙版,这时候将看不到椭圆的白色效果,别着急,往下面调参数

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 双击“圆角矩形”图层,将“将剪切图层混合成组”复选框勾掉,

教程 | 如何利用ps制作透明玻璃般的导航按钮?

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 复制一份散开的光,移至图层的下方

教程 | 如何利用ps制作透明玻璃般的导航按钮?

  1. 用文字工具,将自己喜欢的字打上去既可

教程 | 如何利用ps制作透明玻璃般的导航按钮?

最终效果图:

教程 | 如何利用ps制作透明玻璃般的导航按钮?


分享到:


相關文章: