29教程网 首页 Illustrator教程 Illustrator提高教程

如何在Adobe Illustrator中制作光盘图标 ai图标设计

2019-12-15 21:57

欢迎回到另一个复古图标教程!上周,我们学习了如何创建软盘图标,今天,我们将学习如何使用日常使用的一些基本形状和工具来创建光盘图标。因此,启动Illustrator,开始吧!教程详细信息:如何在Adobe Illustrator中 ...

欢迎回到另一个复古图标教程!上周,我们学习了如何创建软盘图标,今天,我们将学习如何使用日常使用的一些基本形状和工具来创建光盘图标。

因此,启动Illustrator,开始吧!

教程详细信息:如何在adobe illustrator中创建光盘图标 ai图标制作设计
程序:Adobe Illustrator CS6 – CC
难度:初学者
涵盖的主题:设计理论,构图构造,形状对齐,网格定位
预计完成时间:25分钟
最终图像:光盘图标


步骤1
这是我们的复古硬件系列的第二篇教程,我们将在其中学习如何创建CD向量。学习如何创建光盘图标的第一步是设置新文档。转到“文件”>“新建”(或使用Control-N键盘快捷键),我们将对其进行如下调整:

画板数量:1
宽度:128像素
高度:128像素
单位:像素
在“高级”标签中:

色彩模式:RGB
栅格效果:屏幕(72ppi)
预览模式:默认

如何在Adobe Illustrator中创建光盘图标 ai图标制作设计

快速提示:如果将文档的“个人资料”设置为“网络”,则可以自动触发大多数指示的设置。您唯一需要手动调整的设置是画板的大小(宽度x高度)。

第2步
设置完项目文件后,我们就可以开始处理实际的图标了,我们将通过创建背景来进行。通过使用120 x 120像素的圆圈创建背景,我们将使用#F15A24对其进行着色,然后将其定位到基础画板的中心。

音乐图标教程

第三步
使用60 x 60 px的矩形添加光盘的主要形状,我们将使用白色(#FFFFFF)对其进行着色,然后将其居中对齐到较大的基础圆形。

CD图标教程

第四步
创建一个较小的12 x 12像素的圆圈(以橙色突出显示),并将其放置到上一步中圆圈的中心。然后,借助Pathfinder的减负前形状模式,使用它创建内部切口。

如何说明CD

第5步
使用Stroke方法为新形状绘制轮廓。创建一个自身的副本(Control-C),将其粘贴到前面(Control-F),然后通过首先将其颜色更改为#2A323D进行调整。然后,使用“笔触”(Shift-X)翻转其“填充”,将其“权重”设置为4 px,并确保使用Control-G键盘快捷键将两个形状组合在一起。


第6步
使用24 x 24像素的圆圈和4像素的粗笔画添加内环细节,我们将使用#2A323D对其进行着色,然后将其居中对齐到光盘的较大主体。

如何设计光盘图标

步骤7
通过创建两个24 x 24 px的正方形开始处理反射,我们将使用#2A323D对其进行着色,然后将其放置在光盘的相对角上(如下面的参考图像所示)。

如何创建光盘图标

步骤8
通过分别选择面向内部的锚点来调整我们刚刚创建的形状。为此,请使用直接选择工具(A),然后将其重新放置在光盘的中央。

如何在Adobe Illustrator中设计CD图标

步骤9
由于我们希望将生成的形状保持在存储单元的填充区域内,因此我们希望将一个能够做到这一点的裁剪蒙版放在一起。首先创建一个52 x 52 px的圆圈(以橙色突出显示),我们将其放置在光盘的中心(如下图所示)。

如何设计光盘图标

第10步
从我们刚刚使用探路者的减负前形状模式创建的圆圈中切出一个较小的32 x 32像素的圆圈,这应该可以为我们提供所需的形状。然后,只需选择反射和生成的蒙版,然后右键单击>创建剪贴蒙版。完成后,选择并分组(Control-G)CD的所有组成形状,然后继续下一步。

如何在Adobe Illustrator中设计光盘图标

步骤11
通过使用36 x 4 px的椭圆形添加圆形阴影(我们将使用#2A323D进行着色)来完成项目,然后将其居中对齐到光盘,将其与光盘的下边缘保持8 px的距离。完成后,请使用Control-G键盘快捷键选择并组合所有图标的组成形状。

如何在Adobe Illustrator中创建光盘图标

很棒的工作!
恭喜你!您现在知道了如何快速轻松地创建光盘图标。

在Adobe Illustrator中创建光盘图标 ai图标制作设计

推荐阅读
粉丝 阅读267 回复0
阅读排行
精选案例展示
关闭

站长推荐上一条 /1 下一条

专注平面设计教程免费分享
客服QQ

357224957

周一至周日9:00-23:00

反馈建议

357224957@163.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 桂ICP备12007517号-1 )