56下载通 - 高速下载,丰富资源,一站式下载平台

首页 软件教程 AI进阶教程:轻松掌握复古色调商务办公主题图标的绘制技巧

AI进阶教程:轻松掌握复古色调商务办公主题图标的绘制技巧

时间:2024-06-23
来源:56下载通

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

教程步骤

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教程!教你绘制复古色调的商务办公主题图标

  • AI教程大揭秘:轻松打造炫酷数字主题图形海报!

    关于教程 本期视频为大家带来一张数字主题的图形海报教程。 学会之后还可以把海报中的8换成任何自己喜欢的数字甚至其他图案,快动手试试吧! 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 step01输入数字 先输入一个自己喜欢的数字(比如8),上色并添加描边。 step02建立混合...

    时间:2024-06-19
  • AI教程:轻松掌握产品包装盒平面图绘制技巧!

    关于教程 本期教程手把手教你画产品包装设计中的平面图,包括用脚本自动生成和手动绘制两种方法,一起来学习一下吧~ 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01脚本生成 大多数包装都可以用脚本自动生成平面图,但在细节上可能会存在一些小问题,自由度也相对较低。 Step02手动绘制 ...

    时间:2024-06-19
  • 公开课来袭:轻松掌握瓷片区主题轻拟物图标制作技巧

    想让肥子老师带你设计更多清新有趣的图标吗?戳下方链接立即报名: 公开课演示案例 更多直播录屏案例回顾清戳→【训练营免费公开课】 看完这篇的人还在看… ...

    时间:2024-06-12
  • PS后期调色教程:轻松掌握冷暖对比色调打造技巧!

    关于教程 如何绘制结构光 画面色调单一不好看怎么办?那你肯定没学会光的构造与使用的一些方法! 在绝大多数情况下,想要制作心目中那种无暇的作品,往往会有不小的困难。 那么对于很多新手小伙伴来说,做光的第一步就是直接掏出画笔直接糊,然后发现这样做下去画面越来越糊,然后想通过改变色相或者透明度进行控制,...

    时间:2024-06-24
  • 零基础插画入门:AI新手教程之彩色渐变小鸟图标绘制技巧

    关于教程 本期视频为你带来一个彩色渐变风格的卡通小鸟扁平图标绘制过程,用到了AI中最常用的几种图形处理方法,非常适合新手学习喔~ 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01渐变背景 吸取预先准备好的配色方案,制作一张渐变色背景,和一个白色的圆角矩形底版。 Step02扁平...

    时间:2024-06-17
  • 轻松掌握大厂青睐的轻拟态图标设计,AI教程带你入门!

    关于教程 下图是最近非常热门的玻璃质感图标页面,醒目的图标搭配简约的页面,非常的吸人眼球。下面,我会教大家如何在Ai中绘制玻璃质感图标。 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01任意形状渐变 用任意形状渐变工具,在图标的不同节点设置相应的颜色,做出玻璃的光泽感。...

    时间:2024-06-23