| AI教程 | Flash教程 | Fireworks教程 | Painter教程 | CDR教程 | CAD教程 | 3Dmax教程 | Maya教程 | 摄影技巧 | 广告文案 | LOGO案例 | PS教程

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

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

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

1. 在PS里新建文件

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

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

2. 制作徽章形状

使用PS里的多边形工具

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

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

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

颜色为#4fb2ea,完成后如下图:

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

3. 制作效果

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

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

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

4. 创建边框高光

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

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

主题测试文章,只做测试使用。发布者:绘画吧,转转请注明出处:http://www.huitu8.com/shejijiaocheng/PSjiaocheng/20191022/119425.html



联系我们

在线咨询:点击这里给我发消息

邮件: