Illustrator绘制复古风格的收音机图标

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

Illustrator绘制复古风格的收音机图标,PS教程,思缘教程网

1. 如何创建新文档并设置网格

按 Control-N 创建一个 新文档。将单位设置 为 像素然后输入 800 x 600 作为文档的宽度和高度。然后在 高级 选项中,选择 RGB, 屏幕(72 ppi), 并确保 在单击确定之前 取消选中 将对象与新像素网格对齐框。

转到 首选项(Control-K)并为 键盘增量输入1 px。按OK。

您可以激活“ 信息” 面板(“ 窗口”>“信息”),以便预览形状的大小和位置。请记住 从 编辑>首选项>单位将测量单位设置为 像素。这将大大提高您的工作速度。

Illustrator绘制复古风格的收音机图标,PS教程,思缘教程网

2. 如何创建收音机

我们将首先创建收音机的主体,然后我们将转向其他元素。

步骤1

首先 使用矩形工具(M)创建一个400 x 134 px矩形的收音机主体。使用作为填充颜色。#3C3741

然后采用直接选择工具(A)并 使用键盘的键将矩形的底部节点移动 5 px ; 将一个移动到左边,另一个移动到右边。

Illustrator绘制复古风格的收音机图标,PS教程,思缘教程网

第2步

对于扬声器,将前一个矩形复制两次(Control-C后跟Control-F),并将最后一个副本120 px移到右侧。然后使用Pathfinder 面板应用Minus Front与前一个副本。

对结果形状(效果>路径>偏移路径)应用-8 px偏移,然后展开其形式(对象>展开外观)。最后,使用带有直接选择工具的实时角(A),将所有顶点舍弃到右下角。

使用#342F38作为填充颜色。

Illustrator绘制复古风格的收音机图标,PS教程,思缘教程网

第3步

现在复制扬声器(#46424D)(Control-C> Control-F)并在效果>路径>偏移路径中应用-4 px偏移量。然后使用椭圆工具(L)创建一个80 x 80像素的椭圆()。#3E3942

复制椭圆两次(Control-C> Control-F)并将最后一个副本稍微向左移动以创建阴影,并使用Pathfinder面板将Minus Front设置为前一个椭圆。将填充颜色更改为 。#37333B

创建一个25 x 25像素椭圆(#342F38)并重复上一个椭圆上使用的过程。使用 #2F2B33 如阴影填充颜色。

Illustrator绘制复古风格的收音机图标,PS教程,思缘教程网

 收藏