Photoshop教程:简单打造半透明按钮

驴友部门

驴友部门

2016-01-29 20:39

Photoshop教程:简单打造半透明按钮,本例介绍如何使用PS的图层样式制作一款半透明网页水晶按钮的方法

1. 新建一个文件。选择一个前景色,用“圆角矩形工具”画出一个150*70的按钮主体形状,得图层“形状1”。

2. 复制该图层,得到图层“形状1 副本”,按 Ctrl+T 改变大小,将之收缩,如图。

 

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

3. 在图层“形状1”上处理“图层样式”的“渐变叠加”,参数设置如图,渐变颜色可以根据各人做合适的设置。

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)4. 图层“形状1 副本”处理“图层样式”。这里需要处理“渐变叠加”、“内阴影”、“外发光”等3个效果。

[next]5. 将前景色设置为白色,用“椭圆工具”画出一个形状(具体效果看图),得到图层“形状2”,设置透明度为50%。

 

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

6. 保持状态,载入“形状1 副本”选区,利用选区添加蒙板。

 

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

7. 新建“图层1”,再次载入“形状1 副本”选区,“描边”:宽度为3px,颜色为白色,位置内部。添加图层蒙板,用“渐变工具”填充黑白渐变,效果如图。

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)8. 水晶按钮基本完成。将背景层设置为不可见,新建图层2,将图层位于最上方,按 Ctrl+Shift+Alt+E 键盖印图层。可将命名为“盖印图层”。然后复制该图层做成倒影(倒影效果可用蒙板,方法同第7步)。最后为按钮加上文字,设置阴影,水日按钮完成(附上图层)。

 

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

 

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

9. 可以调整“色相/饱和度”来获得多种颜色的水晶按钮。

展开更多 50%)
分享

猜你喜欢

Photoshop教程:简单打造半透明按钮

PS PS教程
Photoshop教程:简单打造半透明按钮

Photoshop入门教程:简单打造透明边框样式

PS PS教程
Photoshop入门教程:简单打造透明边框样式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop简单打造漂亮的透明格子效果

PS PS教程
Photoshop简单打造漂亮的透明格子效果

Photoshop教程:简单打造梦幻效果

PS PS教程
Photoshop教程:简单打造梦幻效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PhotoShop教程:简单打造破损效果

PS PS教程
PhotoShop教程:简单打造破损效果

Photoshop教程:简单打造焗油染发效果

PS PS教程
Photoshop教程:简单打造焗油染发效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PS鼠绘梦幻的卡通人物场景插画

PS鼠绘梦幻的卡通人物场景插画

Photoshop教程:打造母亲节温馨时刻

Photoshop教程:打造母亲节温馨时刻
下拉加载更多内容 ↓