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

首页 软件教程 AI教程!从0开始学习绘制扁平风格美食插画

AI教程!从0开始学习绘制扁平风格美食插画

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

AI教程!从0开始学习绘制扁平风格美食插画

教程步骤

Step 01 新建文档

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

AI教程!从0开始学习绘制扁平风格美食插画

Step 02 创建背景

2.1 选中 【背景】 图层,使用矩形工具(快捷键M)绘制一个长宽为 800*600px ,色值为 #FFD7D7 的矩形。

AI教程!从0开始学习绘制扁平风格美食插画

2.2.1 使用矩形工具(快捷键M)绘制一个长宽为 800*10px ,色值为 #FFB0B0 的矩形。并且用选择工具(快捷键v)将矩形拖动至画布最上方。按住Alt向下拖拽获得一个相同的矩形,并拖动至画布最下方(拖拽过程中按住shift可直线拖拽)。

AI教程!从0开始学习绘制扁平风格美食插画

2.2.2 使用混合工具(快捷键w)在上下两个矩形上各点击一下,中间会出现非常多矩形,点击回车键(Enter),调出选框,数值如图所示:

AI教程!从0开始学习绘制扁平风格美食插画

点击确定后,选择对象->扩展,点击确定,把所有小矩形全部扩展为形状。

AI教程!从0开始学习绘制扁平风格美食插画

2.3 使用选择工具(快捷键v)将矩形拖动至画布中心,并在图层面板中锁定该图层(快捷键Ctrl+2),这样后续的操作就不会影响到该图层啦

AI教程!从0开始学习绘制扁平风格美食插画

Step 03 餐盘和食物

3.1 绘制之前,将主体做以下拆分:

AI教程!从0开始学习绘制扁平风格美食插画

在进行每一个部分单独绘制之前,需要先了解形状生成器,这个工具的主要作用是对每个图形交叉重叠的地方生成一个新的单独的形状,分割的地方一定要是封闭区域。快捷键 shift+M(可先观看优优网AI基础视频):

3.2 新建一个名为【左侧餐盘】的图层,点击图层面板新建图层按钮(如果找不到图层面板,在窗口->图层调出,快捷键F7)。

AI教程!从0开始学习绘制扁平风格美食插画

3.2.1 选中【左侧餐盘】图层,使用椭圆工具(选择形状工具右键可调出选择,快捷键L)绘制一个长宽为500*500px  色值为 #ffe9e9 的圆形,作为餐盘主体;

3.2.2 绘制一个长宽为260*260px  色值为 #ffd7d7 的圆形,作为餐盘盘底;

3.2.3 绘制一个长宽为500*500px的圆形  ,关闭填充,描边色值为 #ffffff ,描边大小为6pt的圆形,选择对象->扩展,作为餐盘外圈装饰;

3.2.4 绘制一个长宽为420*420px的圆形  ,关闭填充,描边色值为 #ffffff ,描边大小为6pt的圆形,选择对象->扩展,作为餐盘中间圈装饰;

3.2.5 绘制外圈装饰投影(为了方便观察,修改最上层颜色,该步骤可省略),ctrl+c复制餐盘主体,ctrl+F原地粘贴两次,共有三个餐盘主体,用选择工具(快捷键V)选择最上层餐盘主体,方向键向右、向下移动5次,选择上层及其中间层,减去顶层得到投影处,调整为正片叠底。右键把盘身和投影编组。

AI教程!从0开始学习绘制扁平风格美食插画

3.2.6 绘制盘底高光及其阴影处,与3.2.5操作类似,向右向下移动10次,(shift+方向键,一次移动10个像素),选择上面两层,路径查找器差集

(或者形状生成器减去中间部分),右键取消编组,吸管工具吸取盘底颜色,左方投影部分改为正片叠底,右方高光部分选择滤色。

AI教程!从0开始学习绘制扁平风格美食插画

3.2.7 用选择工具(快捷键v)调整位置,注意图层顺序,圆盘就画出来了 3.3新建一个名为【鸡蛋】的图层,点击图层面板新建图层按钮

AI教程!从0开始学习绘制扁平风格美食插画

3.3.1 绘制步骤

蛋白填充FFF8EE

高光填充FFF8EE    透明度窗口选择滤色     不透明度100%

阴影填充FFF8EE    透明度窗口选择正片叠底     不透明度100%

蛋黄填充FFB624

高光填充FFB624    透明度窗口选择滤色    不透明度100%(直接填充FFFFFF亦可)

阴影填充FFB624    透明度窗口选择正片叠底     不透明度50%

投影填充FFF8EE    透明度窗口选择正片叠底     不透明度100%

AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画

3.4 新建一个名为【热狗】的图层,点击图层面板新建图层按钮

3.4.2 绘制步骤

热狗填充E57A55

高光填充E57A55    透明度窗口选择滤色    不透明度50%

阴影填充E57A55    透明度窗口选择正片叠底     不透明度50%

芝士填充FFCE61

高光填充FFCE61    透明度窗口选择滤色     不透明度100%(或填充颜色FFFFFF)

阴影填充FFCE61     透明度窗口选择正片叠底     不透明度100%

AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画

3.5 新建一个名为【华夫饼】的图层,点击图层面板新建图层按钮

3.5.2 绘制步骤

绘制矩形1   200*200px  圆角15   填充颜色FFCE61

绘制矩形2   175*175px  圆角15   填充颜色随便

绘制矩形3  40*40px  圆角5   填充颜色FFB624

矩形1阴影:由矩形2复制 粘贴1次,向右向下移动5次,选择两个矩形2减去顶层,填充FFB624

矩形3投影:复制粘贴2次,向右向下移动5次,选择上层两个矩形3减去顶层,填充FF9D27

AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画

3.6 新建一个名为【巧克力酱】的图层,点击图层面板新建图层按钮

3.6.2 绘制步骤

巧克力酱主体填充E57A55

高光部分填充FFEDD7

阴影部分填充D15B3B

AI教程!从0开始学习绘制扁平风格美食插画

3.7 新建一个名为【叉子】的图层,点击图层面板新建图层按钮

3.7.2 绘制步骤

叉子填充F3F3FF

高光填充F3F3FF    透明度窗口选择滤色    不透明度100%

阴影填充F3F3FF    透明度窗口选择正片叠底     不透明度100%

AI教程!从0开始学习绘制扁平风格美食插画

3.8 新建一个名为【餐刀】的图层,点击图层面板新建图层按钮

3.8.2 绘制步骤

餐刀填充F3F3FF

高光填充F3F3FF    透明度窗口选择滤色    不透明度100%

阴影填充F3F3FF    透明度窗口选择正片叠底     不透明度100%

AI教程!从0开始学习绘制扁平风格美食插画

3.9 新建一个名为【勺子】的图层,点击图层面板新建图层按钮

3.9.2 绘制步骤

勺子填充F3F3FF

高光填充F3F3FF    透明度窗口选择滤色    不透明度100%

阴影填充F3F3FF    透明度窗口选择正片叠底     不透明度100%

AI教程!从0开始学习绘制扁平风格美食插画

3.10 新建一个名为【奶酪】的图层,点击图层面板新建图层按钮

3.10.2 绘制步骤

奶酪填充FFCE61

奶酪孔填充FFB624

阴影填充FFB624    透明度窗口选择正片叠底     不透明度50%

AI教程!从0开始学习绘制扁平风格美食插画

3.11 新建一个名为【咖啡杯】的图层,点击图层面板新建图层按钮

3.11.2 绘制步骤

咖啡杯填充F3F3FF

高光填充F3F3FF    透明度窗口选择滤色    不透明度100%

阴影填充F3F3FF    透明度窗口选择正片叠底     不透明度100%

咖啡填充E57A55

高光填充E57A55    透明度窗口选择滤色    不透明度100%

阴影填充E57A55    透明度窗口选择正片叠底     不透明度50%

AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画

3.12 新建一个名为【配件】的图层,点击图层面板新建图层按钮

3.12.2 绘制步骤

桌布填充B0B8FF   E2E1FF   F3F3FF(由深到浅)

树叶填充9EB554

小花外圈填充FFFFFF    花芯填充FFB624

葱花是小矩形构成,不做绘制过程,葱花填充颜色9EB554

AI教程!从0开始学习绘制扁平风格美食插画

综上,所有配件已经绘制完毕,接下来为组装及加上总体光影步骤。

Step 04 素材排版

4.1 排版过程不做展示,排版完毕效果如图所示

AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画

4.2 投影添加

AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画

此外需要注意的地方有两点:

1. 填充颜色为投影物体颜色,如图:

AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画

2. 投影在两个不同物体上,并且物体有高度差时,投影不在一条直线上,如图:

AI教程!从0开始学习绘制扁平风格美食插画AI教程!从0开始学习绘制扁平风格美食插画

4.3 光影添加上后,绘制就完成了,点击菜单栏->文件->导出中选择「导出为」,将图片导出成png格式,命名为「早餐插画」

最终效果图

AI教程!从0开始学习绘制扁平风格美食插画

  • AI教程!学习绘制扁平风格风车场景插画

    关于教程 今天我们来一起学习制作一幅噪点风景插画,可以非常方便地应用到网页或包装设计中。 虽然看起来步骤很多,但是实际操作起来非常简单喔,不妨一起来尝试一下吧~ 教程步骤 一、素材与草稿 风景插画最好提前找一个真实的风景作为参考,在草稿中不断修改丰富,形成完整充实的画面。画面一定注意构图要平衡,...

    时间:2024-06-19
  • AI教程!教你绘制卡通风格扁平人物插画

    关于教程 首先我们来分析这张扁平人物插画,主要是由人物、猫咪、植物以及其他装饰构成。所以制作时,我们将按照五个步骤来进行。分别是1.新建文档->2.人物绘制->3.绘制装饰->4.绘制背景->5.调整和导出,现在来一步步看详细说明。 教程步骤 步骤一:新建文档 1-1.打开adobeIllust...

    时间:2024-06-23
  • AI新手指南:从零开始绘制粉色糖果屋扁平风格插画全攻略

    关于教程 我们仔细来分析这幅画面,整个画面难度不大,都是用基础工具来完成,这样也能提高我们对基础工具的熟悉度。下面就让我来说说具体做法吧。 教程步骤 Step01新建文档 1.1打开Adobeillustrator,点击文件—>新建(快捷键Ctrl+N)创建一个新文件,宽800px,高600px...

    时间:2024-06-20
  • AI教程!从头绘制商业办公人物主题扁平插画

    关于教程 这次想做一个办公主题的人物插画,办公场景中一般涉及的内容包括:一是工作中的交流,二是工作文件的整理,三是工作中的灵感,将三个抽象的场景具象成元素,我选择了:小灯泡(灵感),聊天框(交流),文件夹(整理),再补充一些小元素扩充整个画面。 教程步骤 Step01新建文档 打开AdobeIl...

    时间:2024-06-25
  • AI教程!教你绘制矢量风格线条人物插画

    关于教程 如何用简单的线条绘制出辨识度高、风格鲜明的人物插画?我们将按照5个步骤来进行,分别是1.新建文档->2.创建背景->3.绘制人物->4.添加背景点缀->5.调整和导出,现在来一步步详细说明: 教程步骤 Step01新建文档 打开AdobeIllustrator,点击文件->新建(快捷...

    时间:2024-06-25
  • AI教程!扁平人物主题矢量插画完整绘制过程拆解

    教程步骤 Step01造型线稿 1.首先,可在纸张或手绘板等介质上,绘制人物草图,扁平插画的人物比例相对夸张,这次的站立人物是13等身,坐立人物近6等身,(正常人比例在6.5等身左右)。其次,站立人物的上半身近乎一个正方形,有了大致框架,更利于绘制。草图参考如下: 2.打开AdobeIllus...

    时间:2024-06-25