如何在Photoshop中创建徽章(向后翻转)

如果您认为印章形状的Web 2.0徽章在整个Internet上太常用了,那么这里有一些需要更改的地方– 倒圆角徽章 。 它没有像海豹形状的徽章那样广泛使用,但是绝对酷。 查看本教程。

第1步

转到Photoshop,创建尺寸为450 x 300像素的新文档。 从深色背景开始(#393939)。 创建一个新层,在中间绘制一个圆圈(#a1b86e)。

徽章Photoshop教程
第2步

选择圆形图层, 右键单击->混合选项,或双击以启动图层样式

  1. 在“ 内部阴影”中 ,将“ 不透明度”设置为32% ,将“ 距离”设置为0pxoke 到0%大小设为62px
  2. 在“笔触”中,将“ 填充类型”更改为“渐变” ,然后插入以下颜色:
    • #a4c855在位置0%
    • #ccea89在位置100%
徽章Photoshop教程
徽章Photoshop教程
徽章Photoshop教程
第三步

在圆形图层的顶部创建一个新图层。 按住Command / Control键 ,选择两个图层(已创建的图层和圆形图层), 右键单击->“合并图层”

徽章Photoshop教程
第4步

选择“ 多边形套索工具” 。 选择一小部分边缘,将其剪切 (“ 编辑”->“剪切”或“命令/控制X”),然后粘贴回去(“ 编辑”->“粘贴”或“命令/控制V”)到新图层中。

徽章Photoshop教程
第5步

选择矩形选框工具 。 在较小的圆上, 右键单击->自由变换或Command / ControlT。 旋转并将其恰好放在较大圆的边缘。

徽章Photoshop教程
第6步

选择较小的圆形图层, 右键单击->混合选项,或双击以启动图层样式

  1. 在“ 阴影”中 ,将“ 不透明度”设置为21% ,将“ 距离”设置为0px ,将“ 传播”设置为0% ,将大小设置为8px
  2. 在“ 渐变叠加”中 ,将“ 混合模式”设置为“强光” ,将“ 不透明度”设置为100% 。 插入以下渐变设置:
    • #000000在位置0%
    • #FFFFFF在位置100%

    角度更改为131

徽章Photoshop教程
徽章Photoshop教程
徽章Photoshop教程
步骤7

让我们给更大的圆圈一些阴影。 右键单击->混合选项,或双击以启动图层样式

  1. 在“ 投影”中 ,将“ 不透明度”设置为29%距离设置为3px点差为0%大小为9px
徽章Photoshop教程
徽章Photoshop教程
步骤8

您的徽章即将准备就绪。 在圆形图层之间插入文本图层。 在翻盖下方隐藏一点文字,以展现翻盖效果。

徽章Photoshop教程

翻译自: https://www.hongkiat.com/blog/photoshop-tutorial-web-20-badge-that-flips-back/

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值