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

Photoshop快速仿制Vista风格按钮

  • 2022-12-24 23:46:35
  • 来源/作者:互联网/佚名
  • 己被围观

作者:IT168 论坛来源:IT168 论坛 最终完成效果 本文主要是说明个方法,也就是图层效果的应用。下面是图片的图层 可以看到,除了背景层就三个层~~ 最上面是文字层,然后是中央那个灰色按钮,再下面是那个白色的框

作者:IT168 论坛  来源:IT168 论坛

最终完成效果

本文主要是说明个方法,也就是图层效果的应用。下面是图片的图层

可以看到,除了背景层就三个层~~ 最上面是文字层,然后是中央那个灰色按钮,再下面是那个白色的框框,其中灰色按钮和白色框框的,图层效果基本是一样的。只不过一大一小,颜色一白一黑罢了。

具体的明暗啊,深浅的,大家都可以自己调整看看。这里用了内阴影,内发光,外发光,渐变叠加(白-黑-白)和描边。尤其注意内阴影的应用比较特殊。这里它用作了高光,下图是详细设置。

此外需要注意的就是按钮矢量边框的位置,如果不合适,可能导致模糊,选中节点上下(or左右)移动,到清晰为止,如图

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

标签(TAG) 按钮图标

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条