百木园-与人分享,
就是让自己快乐。

AI教程!教你绘制复古色调的商务办公主题图标

AI教程!教你绘制复古色调的商务办公主题图标

教程作者:设计师就业衔接班08期-72-辣条

教程指导:如如的设计主页

交作业去这里→#优设每日作业#

关于教程

本期教程为你带来系列图标设计,先确认主题为同系列学习用品,然后确认整体颜色。现在我们来看一下步骤吧。

你也想学习自己原创同样可爱的主题图标吗?来这里,让讲师如如一对一教你→优设设计师就业衔接班

教程步骤

Step 01 新建文档

1.1 打开Adobe illustrator,点击文件→新建(快捷键Ctrl+N) 创建一个新文件,宽800px,高600px,颜色模式RGB。

AI教程!教你绘制复古色调的商务办公主题图标

1.2 新建矩形,宽800px,高600px,颜色#FFE8CA,对齐到画板中间,命名为背景并锁住。

AI教程!教你绘制复古色调的商务办公主题图标

Step 02 绘制钟表

2.1 利用椭圆工具,绘制一个圆形,直径146.66 px,,描边颜色#004676 ,填充颜色#FFE8CA,描边1px(描边粗细下同)。

AI教程!教你绘制复古色调的商务办公主题图标

2.2  再绘制一个圆形,直径119 px,描边颜色#004676 ,填充颜色#FDAE88,描边1px。

AI教程!教你绘制复古色调的商务办公主题图标

2.3 用直线段工具,画长度为7.25px,描边颜色为#004676,描边为1px,端点和边角改为圆角。

AI教程!教你绘制复古色调的商务办公主题图标

2.4 选中旋转工具,按住ALT键,调整旋转中心点(2),出现旋转框,旋转角度36度,进行复制,然后多次按CTRL+D,直到成为如图效果。

AI教程!教你绘制复古色调的商务办公主题图标AI教程!教你绘制复古色调的商务办公主题图标

2.5 作出钟表厚度,复制2.1的圆形,如图进行两步操作,填充颜色改为#DC6253。第二步矩形宽度为22.34px。

AI教程!教你绘制复古色调的商务办公主题图标

2.6 选中 2.1圆形,对象-扩展,在图层处选中描边,使用橡皮擦工具,擦掉如图部分描边。

AI教程!教你绘制复古色调的商务办公主题图标

2.7 用椭圆工具绘制直径为65px的圆形,描边颜色#004676 ,填充颜色#FFE8CA,描边1px。绘制矩形减去顶层后进行-45度旋转。

AI教程!教你绘制复古色调的商务办公主题图标

2.8.1 矩形工具绘制宽16.492 px,高13.33 px,描边颜色#004676 ,填充颜色#FDAE88的矩形。旋转45度后复制一个,用直接选择工具调整为如图,填充颜色改为和描边颜色相同。

AI教程!教你绘制复古色调的商务办公主题图标

2.8.2 复制2.7和2.8.1旋转90度,调整图层位置为如图所示。

AI教程!教你绘制复古色调的商务办公主题图标

2.9 用钢笔工具绘制如图所示线,颜色为#004676 ,注意调整图层位置和橡皮擦擦掉部分。

AI教程!教你绘制复古色调的商务办公主题图标

2.10 使用DINCond-BlackAlternate字体,字号为71.5,打出S。上下方分别加一个小矩形。

绘制指针分别为宽5.085 px 高54.433 px,宽5.085 px 高28.919 px。旋转后进行联集。颜色和上面相同。

AI教程!教你绘制复古色调的商务办公主题图标

Step 03 绘制放大镜

3.1 用椭圆工具绘制直径为139px的圆形,描边颜色#004676 ,填充颜色#FFE8CA。

AI教程!教你绘制复古色调的商务办公主题图标

3.2 选中3.1图形,对象-路径-偏移路径-位移(-12px),然后对两个图形进行减去顶层。

AI教程!教你绘制复古色调的商务办公主题图标

3.3 用椭圆工具画出直径98.5px 描边颜色#004676 填充颜色#DC6253的圆形。对象-扩展,选中描边,用橡皮擦擦掉部分。用椭圆工具和钢笔工具加上表情,选中圆形,擦掉部分。

AI教程!教你绘制复古色调的商务办公主题图标

3.4 绘制圆形半径32.5 px 描边颜色#004676 填充颜色#FFE8CA的圆形,然后绘制一个三角形,用直接选择工具调整,注意链接部分。将两个图形进行联集。

然后绘制半径6.065 px 描边颜色#004676 填充颜色#FDAE88的圆形。

AI教程!教你绘制复古色调的商务办公主题图标

3.5 绘制直径34px 填充颜色为#004676的圆形,用钢笔工具增加锚点调整形状。

AI教程!教你绘制复古色调的商务办公主题图标

3.6 如图数据绘制比较大的矩形,用直接选择工具选择下面两个绘制圆角(拉到最大),然后绘制第二个矩形。用钢笔工具绘制图三,图四,按位置组合后整体旋转45度。

AI教程!教你绘制复古色调的商务办公主题图标

3.7 调整图层位置

AI教程!教你绘制复古色调的商务办公主题图标

Step 04 绘制便签

4.1 如图绘制多个图形进行组合,ctrl+y将线段对齐,再次ctrl+y还原。进行颜色填充(同上面颜色)。扩展后选择描边擦除部分描边。

AI教程!教你绘制复古色调的商务办公主题图标

4.2 继续用基础图形对便签上的细节和装饰进行绘制。

AI教程!教你绘制复古色调的商务办公主题图标

4.3 线段长度40.5px, 添加$符号。

AI教程!教你绘制复古色调的商务办公主题图标

Step 05 绘制对话框

AI教程!教你绘制复古色调的商务办公主题图标

Step 06 制作背景

AI教程!教你绘制复古色调的商务办公主题图标

最终效果图

AI教程!教你绘制复古色调的商务办公主题图标


来源:https://uiiiuiii.com/illustrator/1212433699.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI教程!教你绘制复古色调的商务办公主题图标

相关推荐

  • 暂无文章