photoshop运用技巧:[40]如何制作透明质感按钮
1、 首先打开我们的软件,然后新建一个文件,可以根据自己的需要,设置文竭惮蚕斗件的大小,尺寸,分辨率。接着按下键盘的"ctrl+shift+N "新建一个图层。
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/939c2d40b6f39187186c957424fce186252fefc7.jpg)
2、 在软件左边的工具栏里面,选择我们的第一个工具,“圆角矩形工具”,然后在软件上方,编辑该工具的参数,如图所示。
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/a9338a1fbee434dad42e4697f271fe1d97d8e4c7.jpg)
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/979906196120a7cd201ef74689b375d7987bdcc7.jpg)
3、 编辑完毕后,我们把前景色设置为我们按钮的颜色,这里选择蓝色,我们来到图层一,用圆角矩形工具,画上一个按钮的形状,长方或者正方,根据您的需要选择。
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/7496877bbbf4da5841aad2fdea0f8b56ac04d7c7.jpg)
4、 接着继续使用圆角矩形工具,把象素提高,如图所示,继续按下"ctrl+shift+T",新建图层2,然后把前景色选择为浅一点的蓝色,然后在原有的按钮上面画一个形状。
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/604e9556ad042e682e995d5585f85856d43dd1c7.jpg)
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/5917cb3da824d8e98ca2b7d2da598540112ac8c7.jpg)
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/116b1ae23ea23a42e80aaca43733ec3835bbc0c7.jpg)
5、 现在我们选择图层1,按下键盘的ctrl然后点击图层1,这时候把图层1选中,接着选择软件左方工具栏的渐变工具,把渐变颜色参数设置如图。
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/18aebc5f0c14c27b83f28a3d2a46b7b1eff939c4.jpg)
6、 利用渐变工具,把图层一填充渐变色,由下往上拉,形成渐变色。
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/35f2224133bad3415f0ded83427622bc7cc52cc4.jpg)
7、 然后我们选择图层1,右键选择混合模式,添加描边,选择我们要的颜色和大小,如图:
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/d4071b96b814f4d0d273c466cdfe474ec38323c4.jpg)
8、 然后选择图层2,按下键盘的ctrl,然后同时点击图层2,把图层2选中,然后选择软件左方的渐变工具,选择我们的颜色,这里左边是白色,右边是透明。
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/3aae2b4f50b8b43ed9ab5bfe7132939c2df719c4.jpg)
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/2db6c1b2dc19ce2c226b126a7fdca039121f11c4.jpg)
9、 确定渐变颜色后,我们按下delete键,把图层2原有的颜色去掉,然后用渐变工具,由上往下拉,形成反光的按钮。
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/a1780d1fceecd3d9e905fe7067995943050108c4.jpg)
10、 现在调整我们图层2的不透明度,让它跟底层更融合,然后打上我们的文字,最后形成我们的按钮效果,希望大家喜欢。
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/edd84743040148fe983251df8fd149299b8802c4.jpg)
![photoshop运用技巧:[40]如何制作透明质感按钮](https://exp-picture.cdn.bcebos.com/5c2a1ad149299a88b263e45167eeadbcbf2f7fc4.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:63
阅读量:37
阅读量:84
阅读量:81
阅读量:40