用Photoshop制作web2.0的徽章,这比我们之前介绍过的感觉更立体也更美观,这类徽章与标志你能经常在电子商务网站中看到,主要起到醒目与牵引浏览者视线的作用,喜欢这种效果图的朋友可以一起来学习了。
![Photoshop制作立体美观的网页徽章](/uploads/allimg/091031/19534630G-0.gif)
1. 在PS里新建文件
这里我使用 400 x 400 大小,背景为条纹蓝色
![Photoshop制作立体美观的网页徽章](/uploads/allimg/091031/1953461O8-1.gif)
2. 制作徽章形状
使用PS里的多边形工具
![Photoshop制作立体美观的网页徽章](/uploads/allimg/091031/19534B357-2.gif)
在PS顶部设置如下,边数为30
![Photoshop制作立体美观的网页徽章](/uploads/allimg/091031/1953464G2-3.gif)
![Photoshop制作立体美观的网页徽章](/uploads/allimg/091031/1953463319-4.gif)
颜色为#4fb2ea,完成后如下图:
![Photoshop制作立体美观的网页徽章](/uploads/allimg/091031/19534AY7-5.gif)
3. 制作效果
我们要为徽章形状添加如下图层样式:外发光,内发光,渐变效果
完成后如图,你可以自己设置参数来实现类似效果!
![Photoshop制作立体美观的网页徽章](/uploads/allimg/091031/19534612J-6.gif)
4. 创建边框高光
点选形状图层,使其显示选中状态
![Photoshop制作立体美观的网页徽章](/uploads/allimg/091031/19534A222-7.gif)