AI教程!厨房主题矢量描边风格图标

时间:2022-10-20
类别:AI教程
水平:入门
这个网站全是宝藏!老板看到都夸棒!1W多篇宝贵的进阶经验等你来刷 👉 立即点击

AI教程!厨房主题矢量描边风格图标

教程作者:设计师视觉设计实战营18期-101-二白

教程指导:如如优设视觉设计实战营讲师)

交作业方式:微博搜索话题 #优设每日作业# 进入话题页面上传练习图并@教设计的优优 

一、关于教程

本期教程,我们来一起绘制一组厨房主题的描边风格矢量图标,操作简单易上手,快来和我一起练习吧~

  • 填充颜色:FFD671   A6CE5F   F98F46
  • 描边颜色:6D2121
  • 描边粗细:2pt

想要让讲师如如手把手教你绘制更多可爱图标?点击这里立刻开始学习:

AI教程!厨房主题矢量描边风格图标

二、教程步骤

Step 01 绘制参考线框

AI教程!厨房主题矢量描边风格图标

步骤1   打开Adobe Illustrator,点击文件→新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:

AI教程!厨房主题矢量描边风格图标

步骤2   双击图层名称处,将名称改为“图标参考线”

AI教程!厨房主题矢量描边风格图标

步骤3   选择矩形工具,鼠标左键点击空白处,设置矩形尺寸96px*96px,描边0.3pt,描边颜色为#B2B2B2,设置为虚线

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

步骤4   复制粘贴(Ctrl+C、Ctrl+V)步骤3,将矩形尺寸改为80px*80px;

AI教程!厨房主题矢量描边风格图标

步骤5   选择矩形工具,鼠标左键点击空白处,矩形尺寸88px*72px,描边颜色为#B2B2B2,描边粗细0.3pt,设置为虚线;选择步骤3.2矩形,右键选择变换——旋转,旋转角度设置为90°,然后复制新的图形:

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

步骤6  选择椭圆工具,鼠标左键点击空白处,设置椭圆尺寸88px*88px,描边粗细0.3pt,描边颜色为#B2B2B2,设置为虚线:

AI教程!厨房主题矢量描边风格图标

步骤7  选择直线工具,鼠标左键点击空白处,尺寸为96px,描边粗细0.3pt,描边颜色为#B2B2B2,设置为虚线;选择步骤3.4右键变换——旋转90°,然后复制:

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

步骤8  选择矩形工具,鼠标左键点击空白处,矩形尺寸88px*88px,描边粗细0.3pt,描边颜色为#FF434D(无虚线);

步骤9  选择步骤3——步骤8所有形状,选择菜单栏-窗口-对齐(Shift+F7),选择水平居中对齐和垂直居中对齐,群组(Ctrl+G),参考图形完成。

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

步骤10  复制11次,并锁定参考图形图层,图标参考线完成。

AI教程!厨房主题矢量描边风格图标

参考线画好了,下面我们来正式做图标(先创建新图层,并命名为图标;)

AI教程!厨房主题矢量描边风格图标

接下来可以画图标了(以下图标描边粗细均为2pt)

AI教程!厨房主题矢量描边风格图标

Step 02 绘制图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

AI教程!厨房主题矢量描边风格图标

三、最终效果图

AI教程!厨房主题矢量描边风格图标

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

2 收藏 23

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片