PS设计教程网欢迎你!

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

文章来源于 Websbook,感谢作者 Websbook翻译 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2009-10-31
将选框收缩2px,选择修改收缩 新建立图层,在新图层上将选框填充为白色,随后保持选框选中状态,想下和右各移动1px选框,按delete删除多余的白色部分,完成后效果类似下图 之后调整图层混合模式为正片叠底,不透明

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

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

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

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

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

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

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

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

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

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

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

5. 最后部分

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

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

进入论坛参与讨论:http://www.missyuan.com/viewthread.php?tid=427320

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa