当前位置:首页 > PS教程 > 设计教程

PS通过图层样式制作各式各样的按钮

  • 2021-05-10 01:44:58
  • 来源/作者:互联网/佚名
  • 己被围观

本教程主要使用Photoshop通过图层样式制作立体效果的网页按钮,非常漂亮的一组网页按钮,喜欢的朋友让我们一起来学习吧。

先看看效果图

Photoshop通过图层样式制作各式各样的按钮

LV. ★

初入设计,学做按钮。只会套个底色,加个阴影,字体纯白,小聪明的弄个圆角。

Photoshop通过图层样式制作各式各样的按钮

LV. ★★(描边、字体、内阴影)

看了很多案例,学会了一些小技巧,内描边1PX深色描边,使效果有所提升。注意描边要贴近按钮色,不要用纯黑和纯白。

其次,字体的颜色也同样不要用纯白,要用贴近按钮色的单色最佳。

当学会了内阴影这项技能后,你就发现高光的按钮看起来非常美好。

Photoshop通过图层样式制作各式各样的按钮

LV. ★★(渐变叠加)

渐变叠加可以让按钮产生更多de的质感效果,多多尝试,会有新的发现。

Photoshop通过图层样式制作各式各样的按钮

LV. ★★★(1像素的高光)

如果这是渐变的一种,明暗清晰。其次,这里要说的是利用矢量图做出1px的高光,伴起左、右、上,让按钮质感更加强烈。

Photoshop通过图层样式制作各式各样的按钮

LV. ★★★(叠加的模糊光)

这是常用的一种网页按钮,很懂看起来绚丽的高光,如此技法。甚至在红色的按钮叠加黄光,黑色的按钮叠加紫光等等,具体大家自由发挥。

Photoshop通过图层样式制作各式各样的按钮

LV. ★★★(图案叠加)

图案叠加更多的是加强纹理,比如贴上皮革、金属、木纹等素材,强调按钮的与众不同。这里的叠加,扩展了纹理。

Photoshop通过图层样式制作各式各样的按钮

LV. ★★★★(外发光)

利用文字的外发光,让按钮看起来更富有光感,注意发光de的颜色要贴近按钮色,不要有太大的差异。

Photoshop通过图层样式制作各式各样的按钮

LV. ★★★★(投影)

不要总使用默认的投影,多尝试他们的数值,会有不一样的感觉。还有在字体上加入1px的内阴影,让字体更加凸起。

Photoshop通过图层样式制作各式各样的按钮
​​​​​​​

 1/2    1 2 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?