匠品艺栈
0755-82415862
JIARUNLONG
网站首页
行业解决方案
> 节日活动礼盒
> 化妆品包装盒
> 医药保健品包装
> 数码产品包装盒
> 茶酒包装盒
> 月饼包装盒
> 食品农产品包装
包装盒印刷
> 卡纸包装盒印刷
> 礼品包装盒印刷
> 瓦楞纸包装印刷
> 包装纸箱印刷
> 手提袋印刷
> 不干胶印刷
包装盒设计
> 礼品包装盒设计
> 食品包装盒设计
> 数码科技包装设计
> 医药保健包装设计
> 化妆品包装设计
> 其它行业包装设计
综合印刷
关于我们
> 企业简介
> 企业文化
生产车间
印刷知识
> 印刷知识
> 设计知识
> 展会活动
> 印刷新闻
> 软件教程
> 设计欣赏
联系我们
总机:0755-82415862
传真:0755-82265918

如何用AI创建小图标

嘿伙计们,今天我们有一些特别的东西,因为我们将向您展示如何创建您自己的DJ Icon包,然后您可以在任何未来的项目中使用它。我们将使用Illustrator中的一些基本工具,因此任何初学者都应该非常容易理解工作流程。

设置新文档

转到文件>新建,或使用Control-N键盘快捷键,并使用以下设置创建800x600 px文档:

·画板数量:1

·单位:像素

并从“高级”选项卡:

·色彩模式:RGB

·R翠特效应:屏幕(72 ppi)

·将新对象与像素网格对齐:选中

设置一些图层

一旦我们获得了文档,我们就可以开始对项目进行分层,这样我们就可以通过一次关注一个图标来轻松创建图标。这样我们就可以锁定所有其他的,并确保我们不会错误地编辑或移动它们。因此,假设您知道如何使用“图层”面板,请创建五个新图层,并按如下方式命名:

·第1层 - 参考网格

·第2层 - 黑胶唱片

·第3层 - 交叉淡化混合器

·第4层 - 工作室监视器

·第5层 - 叠加

创建参考网格

根据定义,参考网格是一个精确分隔的表面,可以帮助您在构建图标时考虑到一致性和大小。我们将使用自己的基本参考网格,以确保我们的图标遵循相同的风格。

第1步

因此,使用矩形工具(M)创建一个96x96像素的正方形并使用#f97373为其着色,然后添加另一个较小的88x88像素,并使用#f2f2f2对其进行着色,确保选择这两种形状并将它们组合在一起(Control + G)。现在红色方块将代表图标的实际大小,但它也将作为全方位4 px内部填充,而浅灰色方块将充当可绘制区域,其中将创建所有形状。

第2步

获得第一个参考网格后,在其右侧再创建两个副本,并将它们彼此间隔60 px,确保将它们居中到Artboard本身。

创建黑胶唱片

随着网格的到位,我们现在可以开始研究我们的小图标了,我们将从黑胶唱片开始。

第1步

找到并选择第二层,锁定所有其他层,然后放大第一个参考网格,以便清楚地看到可绘制区域。然后,抓住椭圆工具(L)并创建一个78x78像素的圆圈,我们将使用#686b75进行着色,然后朝向灰色方块的顶部对齐。

第2步

使用椭圆工具(L)或偏移路径功能,通过将每个形状的宽度和高度缩短2 px来创建九个同心圆,每次创建一个新的。然后使用较深的灰色阴影(#474a54)为一些圆圈着色,以便创建转盘针通常所在的那些脊。

第3步

在您之前创建的圆圈之上添加另一个26x26像素圆圈,并使用#363840对其进行着色。

第4步

在每个圆圈中创建一个小的6x6像素剪切,以使图标看起来像一个实际的磁盘。完成后,选择所有形状并使用Control + G键盘快捷键对它们进行分组,这样您就不会意外地误导它们。

第5步

通过添加一个小的62x62像素椭圆完成图标,我们将对齐参考网格的可绘制区域的底部。使用黑色(#000000)为形状着色,然后确保将其不透明度级别降低到10%。然后,选择阴影和记录并将它们组合在一起(Control + G)。

在这一点上,我们已经完成了第一个图标,这意味着我们可以锁定它的图层,然后继续前进到下一个图标。

创建Crossfade混音器

下一个图标是混音器,与前一个图标相比,它更加详细,但正如您将看到的,创建它的过程非常简单。

第1步

假设您已经放大了第二个参考网格,抓住圆角矩形Tool并创建一个带有6 px Corner Radius的88x78 px形状,使用深灰色阴影(#474a54)对其进行着色,然后将其对齐到可绘制区域的顶部。

第2步

创建我们刚刚创建的形状的副本(Control + C> Control + F),并通过将其颜色更改为浅灰色(#686b75)并移除其顶部圆角(Corner Radius 0)进行调整px),将其高度缩短至58像素。

第3步

接下来,添加一个小的36x10像素圆角矩形,并将其放置在我们之前创建的形状的顶部。使用相同的阴影(#686b75)对其进行着色,然后通过将其半径设置为0 px来移除其底部圆角来进行调整。

第4步

通过创建朝向其顶部的四个刻度盘,开始向图标添加详细信息。为此,首先选择椭圆工具(L)并创建一个6x6 px圆,我们将使用#363840进行着色,然后添加一个2x4 px圆角矩形(#686b75),其中1 px Corner Radius作为指示。将两个形状(Control + G)分组,然后创建三个副本,我们将分成两组,彼此间距为4 px,混合器两侧各一对。

第5步

创建一个小的2x2 px绿色圆圈(#88bc73),它将作为电源指示灯,并将其放置在图标的右上角,在第二对拨盘上方几个像素处。

第6步

向混音器顶部添加一个小滑块,方法是创建一个24x2 px圆角矩形,其中1 px Corner Radius,我们将使用#363840进行着色,我们将在其上添加一个6x6 px按钮(#c1c3c9)和1 px Corner Radius和2x2 px圆作为指标(#7f828c)。

第7步

通过创建六个具有可变高度的矩形来添加几个水平指示器,我们将使用#474a54进行着色。确保将线组合在一起(Control + G)并将它们置于滑块下方。

第8步

创建三个垂直滑块和指示器,并将它们放置在图标的左侧。使用与之前形状相同的颜色,并确保在完成后将它们组合在一起,因为如果您以后需要它们将更容易移动它们。

第9步

通过创建一个8x34 px矩形(#363840)添加一个峰值指示器,该矩形将容纳八个2x4 px矩形,需要使用以下值进行着色:

·第一个领导指标:#baae7f

·第二个指标:#bc9c7e

·第三个指标:#ddb390

·第四个指标:#f9bd91

·第五个指标:#f7a392

·第六个指标:#f98f7d

·第七个领导指标:#f77f7f

·第八个指标:#ff6666

完成后,使用Control + G键盘快捷键将它们组合在一起,然后在其右侧添加一个电平指示器。

第10步

通过在调音台的两侧添加两个2x2 px螺栓(#474a54)完成图标,一个顶部(#7f828c)和一个底部(#474a54)文本贴花,以及一个略宽的72x4像素椭圆,它将充当阴影(#000000,10%)。

创建Studio监视器

我们现在已经到了最后一个图标,工作室监视器。至此,您可能知道钻取:确保已锁定所有其他图层,然后放大第三个参考网格。

第1步

使用圆角矩形工具,创建一个56x78像素的形状,带有6像素的圆角半径,我们将使用#474a54进行着色,然后对齐网格可绘制区域的顶部。

第2步

在图标的每个角上添加四个4x4 px圆圈,并使用#363840为它们着色,因为它们将充当小螺钉。

第3步

开始使用锥体,创建一个14x14像素的圆圈(#c1c3c9),它将容纳一个较小的10x10像素(#686b75)。然后在第二个圆圈之后创建一个副本,将其切成两半,并通过将其颜色更改为黑色(#000000)并将其不透明度级别降低到18%将其变为阴影。后在所有内容上添加一个4x4 px圆圈(#474a54),并使用Control + G将twitter的元素组合在一起,将其定位到图标的顶部。

第4步

使用类似的过程,创建显示器的较大中心锥,并在其右下角添加一个小的电源指示灯(#88bc73)。

第5步

通过在较大锥体的左上角添加一个增益控制旋钮,在其正下方有一个26x4像素的前置低音端口(#363840),当然还有一个较窄的40x4像素阴影,完成图标。

完成后,转到下一个和最后一个图层,我们将在最后一个图标包中添加最后的图标。

添加最后的触摸

到目前为止,我们已经看到了创建图标是多么容易,使用一些简单的形状和一些耐心。现在是时候为我们的深圳合同书印刷公司添加最后的润色了,但在我们这样做之前,我想指出图标本身可以在有或没有它们的情况下使用,因为你可以看到它们看起来非常好,因为它们现在。

第1步

我们需要解锁包含图标的所有图层,并从每个图层中获取最大形状的副本,我们将将其用作叠加渐变。复制完所有需要的形状后,锁定图层并将其粘贴到名为“叠加层”的图层上。选中所有副本后,对它们应用线性渐变,使用#00ffff作为左侧颜色,将#006837作为右侧,将角度设置为-90°。

第2步

将渐变的混合模式更改为“乘法”,将其不透明度降低到40%。

第3步

通过添加对角线高光(颜色:白色,混合模式:叠加,不透明度:40%)和较小的对角阴影(颜色:黑色,不透明度:32%)为叠加层添加一些弹出。

第4步

通过为每个图标添加一对两个多边形高光来完成图标。白色(#FFFFFF)用于颜色,40%用于不透明度。

完成后,使用Control-G键盘快捷键将每个图标的叠加细节组合在一起,您就可以开始使用了。

推荐原创文章 / Original content