在Photoshop中设计Web 2.0标签/徽章

许多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/

在Photoshop中设计Web 2.0标签/徽章相关推荐

adobe app语言_在Adobe Photoshop中设计Web App UI Kit
adobe app语言样式指南驱动的开发为现代Web设计提供了非常灵活的方法. 在本教程中,我将引导您设计UI(用户界面)工具包,同时还将解释使UI工具包保持一致和可重用的决策. 教程资产为了继续 ...
Web 3.0 信息聚合的时代
Web 3.0的最大价值不是提供信息,而是提供基于不同需求的过滤器,每一种过滤器都是基于一个市场需求.如果说Web 2.0解决了个性解放的问题,那么Web 3.0就是解决信息社会机制的问题,也就是最优 ...
Web 3.0 ：它是互联网的未来吗？
WEB 3.0(或更常见的"Web3")是一套关于未来网络应该如何外观和操作的相对松散的想法.我们目前处于 Web 2.0 和 Web 3.0 的世界之间,未来 Web 的确切形状 ...
基于 Web 2.0 的下一代网络银行
简介: 本文介绍 IBM BTT 产品的下一代网络银行理念及应用.阐述了网络银行的发展趋势.Web 2.0 理念及技术应用.Web 2.0 给银行网银渠道带来的影响.以及银行基于 Web 2.0 的下 ...
(zt)Web 2.0奔路进行时
Web 2.0奔路进行时作者黄昆 Web2.0不是独立存在的,在2006年将会全面融入互联网,这种融入并不意味着Web2.0以及Web2.0所代表的创新浪潮的消退,反而将以这种充满活力的创新方式引 ...
web.xml 常用标签配置（转）
2019独角兽企业重金招聘Python工程师标准>>> 1.Web.xml作用: 每一个javaWeb工程都有一个web.xml配置文件,web.xml文件是用来初始化工程配置信息的 ...
PHP Web 2.0开发实战
如何使用Zend Framework.Smarty.Ajax创建一流的网站 "读完本书后,我发现自己对Web开发和MVC模式的理解都已经今非昔比--强烈推荐此书!" --Amazo ...
全民上网到全民织网 Web 2.0掀起人民战争
Web 2.0 正在让互联网逐渐找回Internet的真正含义:平等.交互,去中心化.你不应该只是互联网的读者,你也应该是互联网的作者:你不该只是在互联网上冲浪,你本身就是波浪制造者.Web 2.0 ...
Web 2.0 编程思想：16条法则
原文:Thinking in Web 2.0: Sixteen Ways 作者:Dion Hinchcliffe URL:http://sd.csdn.net/n/20060518/90603.htm ...

在Photoshop中设计Web 2.0标签/徽章

落影

内心的阴影

斜面和浮雕

渐变叠加

落影

渐变叠加

在Photoshop中设计Web 2.0标签/徽章相关推荐

最新文章

热门文章