当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop制作立体美观的网页徽章(2)

Photoshop制作立体美观的网页徽章(2)

将选框收缩2px,选择>修改>收缩

Photoshop制作立体美观的网页徽章

新建立图层,在新图层上将选框填充为白色,随后保持选框选中状态,想下和右各移动1px选框,按delete删除多余的白色部分,完成后效果类似下图

Photoshop制作立体美观的网页徽章

之后调整图层混合模式为正片叠底,不透明设置为70%

再次按ctrl点选徽章形状,产生选框,缩小2px,之后新建图层(新图层位置因该在最上面),从左上角到右下角填充渐变色

Photoshop制作立体美观的网页徽章

使用多边形选框工具,选中一半白色形状,将它删除,如下图

Photoshop制作立体美观的网页徽章

调整剩下的图层混合模式为柔光或正片叠底,并将不透明度调整为30%~70%左右

Photoshop制作立体美观的网页徽章

5. 最后部分

添加文字,你可以先制作一个蓝色的文字,随后变形调整它的角度如下图,再复制文字,将其颜色设置为白色,与蓝色的底部移动1px位置,看上去有立体感就行

Photoshop制作立体美观的网页徽章

  • 共2页:
  • 上一页
  • 1
  • 2
  • 下一页
  • 上一篇:Photoshop制作清爽绿色风格网页模板
    下一篇:Photoshop制作Web2.0高光质感彩色按钮

    图集推荐

    • 灵感
    • 美图