天气图标设计(天气图标创意设计)-东辰网

天气图标设计(天气图标创意设计)

本文主要介绍天气图标设计(天气图标创意)，下面跟着东辰网详细了解一下吧。

这套天气图标包括彩虹、太阳、雨天和雨伞，设计一个平面图标并不难。该教程使用了许多实用的技巧来制作它。让让我们一起来学习吧。本翻译教程使用的是软件的CC2015版本，其他版本也可以做的一样。

最终效果:

让让我们开始学习吧！

开始步:制作一个彩虹图标。

我们开始画彩虹最外面的红色条纹。

使用椭圆工具(快捷键)绘制一个圆，并打开属性面板(窗口属)。在属性面板中，我们可以更改圆圈的大小、位置、颜色和其他设置。

将圆的笔画设置为3点，不填充颜色，然后我们调整笔画的颜色。单击描边颜标打开颜色样本选择窗口。您可以在样本中选择一种颜色，或者单击右上角的拾色器按钮打开纯色面板，这样可以更准确地选择颜色。

第二步

再加一个彩虹内环。在“图层”面板中选择红色圆形图层，按住Control+J(command+J)复制该图层。按住ControlT键(Comman)，使圆圈变小，以便可以嵌套在红色圆圈内，并在属性面板中将描边的颜色更改为橙色。

第三步

再次复制图层(controlj或comman)，添加第三个小圆，并将描边的颜色改为黄色。

第四步

继续添加其他圆圈，并赋予它们彩虹的其他颜色。您可以添加7种或更少的颜色，因为我们不。;不需要画得很逼真，也不需要画得太细致，因为我要画的图标很小。即使你只画三四个不同颜色的环，它看起来仍然像彩虹。

当您对调整感到满意时，使用移动工具选择所有的环，并将它们组成一个组(控)，然后转到图层面板。按住ControlJ键复制该组或将该组拖到“创建新层”按钮，这也将复制该组。这样就可以做好备份，万一在绘制过程中想要给彩虹添加一些细节的时候可以用上。

在“图层”面板中选择开始个组，然后右键单击以合并这些组，这样所有的圆环都会合并到一个栅格化的图层中。

第五步

现在我们使用矩形框选择工具选择彩虹圆的下半部分并删除它。

第六步

让让我们在彩虹的两端看到两朵云。使用椭圆工具在彩虹的左下角画一个蓝色的小圆圈。加几个大小不一的小圆圈。按住(Control)将组成云的元素放入一个组中，按住(Control)复制一组云。把复制的云放在彩虹的另一边。

第七步

如果你还想补充什么，可以使用之前的备份层，根据自己的喜好进行调整。我还决定减少彩虹的颜色，让每条丝带更粗。

第八步

现在让我们创建图标的基础层。我们用椭圆工具画一个545x545px的圆。在属性面板上将填充颜色设置为草绿色，不带描边。

第九步

给我们的图标添加一个长长的阴影效果。用矩形工具画一个350x350px的绿色正方形，用移动工具45度选中。转到图层面板，在混合模式下选择正片叠加，使正方形变暗。如果它看起来太暗，让降低它的透明度。

第十步

调整矩形的大小和位置，使其位于彩虹的两端，如下图所示。将正方形图层拖到图层面板中彩虹图层的底部，或者按快捷键Control[几次。

步骤11

现在我们需要切掉暴露在圆外的正方形。用移动工具选择圆形图层，切换到钢笔工具。右键单击圆并选择“创建选择”。关闭用于创建选择的窗口，并保留默认设置。从选择菜单中选择反转。(选择反)

现在让我们让我们回到图层面板找到阴影层，删除圆圈外的部分。;不需要。(阴影层要栅格化，原文不写，包括下面的橡皮擦，只能栅格化)

步骤12

现在我们使用橡皮擦工具擦除图标上无用的阴影。

使图标的背景颜色和阴影颜色变浅。我们的平面彩虹图标准备好了！让让我们继续看下一个图标。

2.画一个温暖的春日图标

开始步

这次我们要制作一个太阳的图标。画一个260x260px的黄色圆圈作为太阳的主体。

第二步

现在让我们让我们添加一些散射的阳光。切换到多边形工具)，在控制面板的顶部设置多边形的边数为3，在太阳的顶部放置橙色三角形。同时选择一个圆形和一个三角形，并在控制面板的顶部将它们水平居中，以确保这两个形状完全对齐。

我们用参考线来标记太阳的准确中心。按住ControlR(Command)调出标尺工具，并将水平参考线放到画板上。使用相同的方法绘制垂直参考线，使它们相交。

现在让我们让我们给太阳增加更多的光束。

选择三角形并按AltControlT(AltCommand)自由变换，以在三角形的中心找到其轴点，并将轴点拖动到黄色太阳的中心。(参考线焦)你会看到图层面板中已经自动复制了三角形图层(如果不是按AltControlT自由变换的图层，不会自动复)。按住Shift，放三个角度旋转45度后输入。

现在按下Shift控制AltT(Shift命令Al)，围绕太阳再复制六层。

干得好！阳光已经结束了。

第三步

我们不。;不要再用向导了。清除视图中的参考线以关闭它们。

第四步

复制最后一个图标的背景层，填充天蓝色。在阳光下添加半透明的阴影。

第五步

用橡皮擦擦掉黄色太阳周围的阴影(原文没有t说需要栅格化，可以用橡皮擦擦掉)。我们可以使用椭圆工具建立选区，变换选区，修改选区，使选区包含太阳和阳光之间的空袭。

确认后，进入图层面板，选择阴影层。删除太阳周围的阴影。

It完成了！我们的太阳图标准备好了！让让我们进入下一步。

3.画一个雨天图标

开始步

使用椭圆工具画一个200x200像素的蓝色圆圈。在左右两边加一些小圆圈，让云彩看起来很可爱。

第二步

选择所有圆形，然后在图层菜单上合并形状。转到图层面板，右键单击合并的云层，并栅格化层，为我们以后的处理。

现在，我们使用矩形选框工具删除云层的下部，并使云层的底部变平。

第三步

现在我们开始画雨滴的形状。用椭圆工具画一个蓝色的圆，用编辑节点工具(可以在钢笔工具的下拉菜单中找)选择圆顶部的锚点。点击时，圆角会变成尖角。最后，向上拖动这个点，使它们看起来更像雨滴。

第四步

按住ControlJ(Command)复制更多的雨滴，撒在云的底部，就像下雨一样。

第五步

添加一个黄色圆圈作为图标的背景，并添加一个长阴影。我们的雨天图标是这样做的！现在我们只剩下最后一个图标了！

制作雨伞图标

开始步

首先，我们从绘制一个430x430px的绿松石圆形开始我们的雨伞绘制工作。在“图层”面板中栅格化该图层，使用矩形选框工具删除圆形的下半部分。

第二步

使用椭圆形工具在绿松石半圆底部画一排圆。调整这些圆圈的大小，使它们更好地匹配伞面。最后，选择这些圆，图层合并形状，将它们变成图形。

第三步

切换到钢笔工具和右键单击圆(这些小)创建一个选择。在图层面板中选择绿松石图层，删除选中区域的部分，伞的底部就做好了。

现在我们不不需要橙圈，删掉就好。

第四步

现在让我们让我们画一把弯曲手柄的木制伞柄。使用圆角矩形工具绘制没有填充颜色的4pt橙色描边。如下图所示。

右键单击图层面板，将图层栅格化，以便以后编辑。

第五步

使用矩形选区工具删除手杖弯曲的部分，蓝绿色的伞面上只露出一点点伞尖。选择并删除曲线的左半部分，这样手杖就形成了。

保持甘蔗层处于选中状态，按住Shift键[，将甘蔗层调整到绿松石伞图形的下层。

第六步

再加一个粉色的圆形背景层和一个扁平的阴影，雨伞图标就好了。

太好了！至此，我们的平面四月天气图标完成。

然而，这个教程还没有结束。喜欢干净简洁的图标也可以收工。如果你还想添加一些细节和纹理，让让我们继续来看看如何使用AdobePhotoshop的一些艺术笔刷来调整图标。

5.用锈刷增加一些纹理。

开始步

让让我们从太阳图标开始，来到图层面板，选择黄色的圆形太阳。按住Alt并单击创建新层。在弹出窗口中，选中使用前一图层创建剪切蒙版。

这样，我们的新图层和选定的太阳图层就绑定在一起了(在“图层”面板中，新图层旁边会有一个向下的小箭)。它的作用是，你画的东西只会在太阳覆盖的范围内显示出来。

第二步

现在让我们让我们使用另一个大笔刷来创建一个生锈的效果。你可以选择一个你喜欢的或者一些默认的AdobePhotoshop笔刷。

选择笔刷工具右键打开笔刷列表(或直接窗口)，点击弹出窗口右上角的下拉菜单图标，在菜单列表底部选择M笔刷。将画笔添加到现有列表或直接替换它们。

第三步

在列表中找到干刷1#2并选择这个刷子。如果你不由于版本的原因，您的预设笔刷中没有此笔刷，您可以在默认设置中尝试一些其他笔刷，例如干介质笔刷或其他看起来像小铁锈的笔刷。

第四步

在颜色面板中选择浅黄色，在阳光图层上方的剪贴蒙版图层中添加一些柔和的铁锈纹理。选择暗黄色给太阳主体的底部添加一些阴影。

将所有的阳光组合成一个图形，并添加一个剪贴蒙版。

第五步

我们移动到彩虹层，并添加相同的纹理。给弧形彩虹层和两朵云彩分别添加一个剪贴蒙版层，同时给它们添加相同的艺术笔刷效果。

第六步

同样的，用笔刷给每个图标添加这样的锈迹纹理。

第七步

创建一个新层作为背景层，并在每个图标下绘制一些浅黄色纹理。

干得好！我们四月的天气图标完成了！

您可以扩展这些技术来创建更多的图标，或者制作一组不同主题的图标。

祝你好运！