跳到主要内容

如何在Illustrator中创建应用程序图标

在这插画家教程,我将向您展示如何在Adobe中创建计算器应用程序图标插画家CC。我们将使用不同的形状工具,钢笔工具以及Illustrator的3D功能。希望您在此过程中学到一些方便的技巧。

您还需要下载几个免费字体对于本教程:DS-数字Bebas Neue。如果你还没有它,你可以得到Adobe Creative Cloud在这里

但首先,我们来看看最终的结果:

app icon in Illustrator

01.打开一份文件

illustrator font icon

点击图片放大

在Illustrator中创建宽度为600像素,高度为450像素的新文档。

02.创建背景

illustrator app icon

点击图片放大

选择矩形工具(M)并选择#44484D填充颜色以绘制覆盖画布的矩形作为背景。

03.建立基地

illustrator app icon

点击图片放大

我们将从创建图标的基础开始。因此,选择矩形工具(M)并单击画布以查看选项窗口。输入280px宽度,265px高度,然后单击“确定”以绘制矩形,如下所示。挑#E7DED0作为填充颜色。

接下来,我们将其转换为圆角矩形。在选择工具(V)的帮助下选择此矩形,或单击相应图层右侧的环形目标。然后转到效果>风格化>圆角。输入50px作为半径,然后单击“确定”。

Click image to enlarge

点击图片放大

04.设定效果

illustrator app icon

点击图片放大

选择此矩形,然后转到效果> 3D>拉伸和倒角。在此处应用给定设置。

05.应用渐变

illustrator app icon

点击图片放大

要在基础上应用细微渐变,请使用任何填充颜色绘制覆盖整个3d形状的矩形。现在将其转换为圆角矩形,半径为50px。

现在使用渐变工具(G)将其填充替换为黑白黑色渐变。在透明度面板中将其混合模式更改为Color Burn,不透明度为20%(Shift + Ctrl + F10)。

illustrator app icon

点击图片放大

06.创建另一个矩形

illustrator app icon

点击图片放大

接下来,使用#E9E3D9填充颜色和白色笔划绘制另一个宽度为280px,高度为178px的矩形。从顶部控制栏选择1pt的行程重量。

现在将其转换为40像素半径的圆角矩形。

Click image to enlarge

点击图片放大

之后,对其应用以下渐变,并在“透明度”面板中将其混合模式更改为“50%不透明度的乘法”(Shift + Ctrl + F10)。

illustrator app icon

点击图片放大

07.制作圆角矩形

illustrator app icon

点击图片放大

使用#BCBA95填充颜色绘制另一个230px和35px高度的矩形,对于笔划,将光应用于深灰色渐变,如下所示。从顶部控制栏选择3pt行程重量。

将此矩形转换为10px转角半径的圆角矩形。

Click image to enlarge

点击图片放大

08.发光效果

illustrator app icon

点击图片放大

接下来,选择此新矩形并转到窗口>外观以查看外观面板或按Shift + F6。现在选择fill属性,然后单击Appearance Panel底部的Duplicate Selected Item图标以复制填充。如上图所示,用90度的黑白渐变替换这个新填充。

选中此矩形,然后转到效果>风格化>内部发光。在此处应用给定设置。完成后,将渐变填充混合模式更改为Multiply,不透明度为30%。

Click image to enlarge

点击图片放大

09.复制矩形

illustrator app icon

点击图片放大

选择这个新矩形并按Ctrl + C进行复制,然后按Ctrl + B粘贴回来。将此副本向下拖动1-2步。现在删除它的填充属性,方法是将它们拖到外观面板底部的删除图标,然后给它3pt笔划#D1D2D4颜色。

10.添加文字

illustrator app icon

点击图片放大

接下来,我们将在屏幕上添加一些文字。选择类型工具(T)以使用输入文本#404041填充颜色。我在这里使用过DS-Digital字体。

现在按Ctrl + C进行复制,然后按Ctrl + B粘贴回来。向下拖动复制的文本1-2步并将其填充颜色更改为#808284

Click image to enlarge

点击图片放大

11.建立基地

illustrator app icon

点击图片放大

接下来,我们将创建按钮的基础。选择矩形工具以使用以下尺寸绘制矩形#847D72在步骤7中使用的笔划上填充颜色和相同的浅色到深灰色渐变。但是,请在此处选择1pt笔触粗细。

并将其转换为半径为25像素的圆角矩形。

illustrator app icon

点击图片放大

之后,在“外观”面板中复制其填充属性,并在90度应用“黑白”渐变。将其混合模式更改为Multiply,不透明度为50%。

Click image to enlarge

点击图片放大

下一页:在Illustrator中创建图标应用程序的最后步骤...



翻译字数超限