许多Web 2.0网站喜欢使用这样的标签(或徽章)来传递当前网站/服务的状态,无论是版本还是它们仍处于beta版。 创建这些标签非常容易,尤其是使用Photoshop时。 跳后教程。
创建一个新的画布,宽度为400,高度为200。 选择“ 自定义形状工具” ,在“ 形状 ”的下拉菜单下,选择“ 密封”并在页面中间绘制形状。
将图层命名为Star Label,启动Blending Options并插入以下样式:
落影
内心的阴影
斜面和浮雕
渐变叠加
- 色标1:#0076b3,位置:0%
- 色标2:#b3d5ff,位置:100%
创建一个新层,选择“ 水平字体工具”并插入任何文本。 我将使用文本Beta! 这里。 启动Blending Options,插入以下样式:
落影
渐变叠加
- 色标1:#b2b9bc,位置:0%
- 色标2:#ffffff,位置:100%
按住Ctrl ,然后单击图层缩略图的“ 星形标签”以选择其轮廓。 在最顶部创建新层,将其命名为Glossy 。
在仍选择轮廓的情况下,选择“ 多边形套索工具” ,按住Alt ,然后画出一个半圆,如下图所示。
将剩余的一半涂上白色,将不透明度降低到15%,这就是您的最终结果。
翻译自: https://www.hongkiat.com/blog/design-web-20-label-in-photoshop/