shields 徽标_Web 2.0徽标的绘制方式（Photoshop）

有没有想过这些家伙如何绘制Web 2.0徽标？ 有时候，向他人学习，建立基本技能并从那里开始自己的创造力是一件很不错的事情。 在本Photoshop教程中，我将向您介绍一些不错的Web 2.0徽标，以及如何使用Photoshop完全相同地绘制其徽标（虽然不是100％）。

1.下载并安装样式文件

首先，您需要下载我创建的样式并将其加载到Photoshop中。

1. 在此处下载Photoshop样式。 （右键单击->另存为）
2. 对于Photoshop CS2用户，请将此样式文件放入其他版本的“ C：\ Program Files \ Adob​​e \ Adob​​e Photoshop CS2 \ Presets \ Styles”中，然后将该文件放入Presets \ Styles中

2.加载方式

在Photoshop中调出样式对话框

1. Windows- > 样式
2. 请注意右上角的一个小箭头按钮。 单击它，然后从下拉列表中选择“ 加载样式” 。
3. 从列表中找到web20 ，然后单击“ 加载” 。 如果找不到web20，请尝试关闭Photoshop，然后将其重新打开，重复步骤1。
4. 再次单击箭头按钮，然后从下拉列表中选择“ 大型列表”

您的结果应类似于下图。

3.六个Web 2.0徽标

这是六个Web 2.0徽标； MyBlogLog，Imified，混合，Skype，Linked In和Go2Web20。 您刚刚安装的样式将揭示如何绘制它们。 我将使用“ mixed ”和“ Go2Web20 ”徽标，其余的只是重复使用相同的技术。

4.如何画

我在这里使用Style的原因是，一旦将它们保存到.asl文件（您下载的文件）中，便可以方便地应用它们。 让我们开始绘制其中一些徽标。

初步观察，混合徽标包括

1. “混合”文字
2. 圆角矩形
3. 小点
4. 小点

我们将在Photoshop中大致绘制它们，每个元素位于不同的图层中，如下图所示。

现在，这就是窍门。 在“ 样式”对话框中查找“混合标签”。 将它们分别直接拖到背景层，小点层和小点层。 如果正确拖动它们，您会发现该图层现在将继承颜色和样式的混合。 在“ 样式对话框 ”中找到“混合字体”，将其拖动到文本层，您的混合徽标就完成了，就像我说的原始徽标的90％。

创建了4个新图层，每个图层分别是“ GO ”，“ 2 ”，“ WEB ”和“ 2.0 ”

从样式对话框中将“ go2web20-紫色”拖到“ GO”和“ WEB”中，将“ go2web20-green”拖到“ 2”和“ 2.0”中，您将获得最终的输出。

至于其余的内容（MyBlogLog，imimized，skype和Linked In），则全部是将它们各自的样式拖入并与正确的字体匹配。

5.结论

如果查看每种样式的“ 混合选项 ”，您会注意到大多数Web 2.0徽标都是使用渐变，带有正确字体组合的笔触来播放的。 这可能不是这些人如何完成徽标的“精确”方式，但至少是实现徽标的方式。 我不鼓励您假冒其样式并重绘徽标，但请尝试理解它，并希望您可以使用漂亮的时尚Web 2.0徽标。 我喜欢将设计放入样式（.asl）中，我可以随时重用它们。

翻译自: https://www.hongkiat.com/blog/revealing-methods-of-drawing-web-20-logos/