用Photoshop制作web2.0的徽章，这比我们之前介绍过的感觉更立体也更美观，这类徽章与标志你能经常在电子商务网站中看到，主要起到醒目与牵引浏览者视线的作用，喜欢这种效果图的朋友可以一起来学习了。
出自:Websbook翻译

1. 在PS里新建文件

这里我使用 400 x 400 大小，背景为条纹蓝色

2. 制作徽章形状

使用PS里的多边形工具

在PS顶部设置如下，边数为30

颜色为#4fb2ea，完成后如下图：

3. 制作效果

我们要为徽章形状添加如下图层样式：外发光，内发光，渐变效果

完成后如图，你可以自己设置参数来实现类似效果!

4. 创建边框高光

点选形状图层，使其显示选中状态

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

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

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

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

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

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

5. 最后部分

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

 

(.