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

首页 软件教程 AI教程!从0开始绘制矢量扁平风格书籍文件插画

AI教程!从0开始绘制矢量扁平风格书籍文件插画

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

AI教程!从0开始绘制矢量扁平风格书籍文件插画

教程步骤

步骤一:新建文档

打开AI,点击文件—>新建(Ctrl+N)创建一个新文档,参数设置如下:

AI教程!从0开始绘制矢量扁平风格书籍文件插画

步骤二:创建背景图层

2.1 找到AI的图层面板(窗口–图层),双击图层名称处,将名称修改为“背景”:

AI教程!从0开始绘制矢量扁平风格书籍文件插画

2.2 绘制矩形背景(快捷键  M ),在屏幕中间点击一下输入数值800x600,颜色填充#fcead1

AI教程!从0开始绘制矢量扁平风格书籍文件插画

2.3 接着使矩形和画板对齐,找到对齐工具(窗口—对齐),对齐画板-水平居中对齐-垂直居中对齐。锁定画板,以免影响其他图层。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

步骤三:了解形状生成器

3.1 这个工具的主要作用是对每个图形交叉重叠的地方生成一个新的单独的形状,分割的地方一定要是封闭区域,超级好用。快捷键 shift+m 比如:

AI教程!从0开始绘制矢量扁平风格书籍文件插画

3.2 绘制两个交叉的图形,选中他们,点击形状生成工具,在交叉图形成网状的地方上点一下,那块形状就可以分割出来了。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

3.3 反之按住alt点击,就是删除那块形状。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

3.4 想要合并形状的话,在他们之间拖动就可以合并。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

步骤四:绘制纸卷

4.1 新建图层名纸卷,填充关闭,描边打开,数值设置为2,端点和边角类型选择圆头端点和圆角连接,颜色数值#6a2a21  如下。

AI教程!从0开始绘制矢量扁平风格书籍文件插画AI教程!从0开始绘制矢量扁平风格书籍文件插画AI教程!从0开始绘制矢量扁平风格书籍文件插画

4.2 绘制圆角矩形。

宽:195px 高:103px  圆角半径:12px

宽:99px 高:168px  圆角半径:12px

宽:127px 高:30px  上圆角半径:0px 下圆角半径:12px(2个)

宽:28px 高:103px  圆角半径:12px(6个)

AI教程!从0开始绘制矢量扁平风格书籍文件插画

调整位置,进行分割。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

4.3 这样纸卷的样子就出来了,用直线工具在上面加点拟文字细节。按住shift可以笔直的画出一条线。按住alt等箭头分裂可以复制形状(加上shift就是等距离对齐),点击锚点拖动可以调整长短,ctrl+d可以在你拉出一个复制的基础上等距离继续复制。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

4.4 最后给形状填充颜色亮面#fcf4e9  阴影#4999b4,纸卷就画好了。全选中图形ctrl+g编组。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

步骤五:绘制第一本书

5.1 新建图层,命名为书一。

绘制图形

宽:148px 高:26px  圆角半径:0px

宽:83px 高:26px  圆角半径:0px

宽:121px 高:35px

宽:9px 高:9px

AI教程!从0开始绘制矢量扁平风格书籍文件插画

5.2 调整图形,把描边的边角改成圆角连接,填充颜色,书背的颜色#ff755d,书页的颜色#fcf4e9,书背的图案#4999b4,编组。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

步骤六:绘制第二本书

6.1 绘制第二本书,新建图层,命名书二,开始绘制图形。

宽:48px 高:75px

宽:93px 高:53px  圆角半径:0px

宽:132px 高:53px  圆角半径:0px

宽:99px 高:22px  圆角半径:11px

长:77px

宽:10px 高:53px 圆角半径:0px(2个)

AI教程!从0开始绘制矢量扁平风格书籍文件插画

6.2 调整好位置后,左边的方形缺口是尖尖的,把描边的边角改成圆角连接就好了。书页颜色#fcf4e9,书背的颜色#e16455,书背上图案的颜色#ffa65f,然后编组。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

步骤七:绘制第三本书

7.1 绘制第三本书,命名书三,图形的数值:

宽:146px  高:83px  圆角半径:0px

宽:96px  高:153px  圆角半径:0px(2个)

宽:120px 高:83px  圆角半径:0px

宽:33px  高:11px  圆角半径:5.5px(2个)

宽:20px  高:42px  圆角半径:0px

宽:75px  高:10px 圆角半径:5px

宽:13px  高:16px 圆角半径:0px(3个)

AI教程!从0开始绘制矢量扁平风格书籍文件插画AI教程!从0开始绘制矢量扁平风格书籍文件插画

7.2 调整分割好的图形。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

7.3 然后在书页的位置加上纹路,在书的左面加上细节,填充上颜色。书背的颜色#ff755d,书页的颜色#fcf4e9,阴影  #541034,黄色的书签#ffa65f,蓝色的书签#479ab5,橘色的书签#ff755d。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

7.4 将这些图形调整位置。编组。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

步骤八:分好图层顺序,排列图形

把这些图层按照,纸卷——书1——书2——书3的方式排列,图层的显示就是最上面的图层遮住下面的图层,以此类推,然后把画板中的图形按位置排列,就完成啦。

AI教程!从0开始绘制矢量扁平风格书籍文件插画

这样我们的书籍插画就完成啦~

最终效果图

AI教程!从0开始绘制矢量扁平风格书籍文件插画

  • AI教程!教你绘制矢量风格线条人物插画

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

    时间:2024-06-25
  • "从零开始学习:绘制扁平风格购物主题插画的AI教程"

    关于教程 本期教程为大家带来一张购物主题矢量插画的绘制教程,包含了各种与电商相关的小元素绘制技巧,学会以后就可以大胆用到自己的工作中啦!赶紧学起来吧~ 教程步骤 Step1:线稿部分 (1)建立画板:打开AI,建一个800*600的画板,参数如下: (2)绘制人物线稿:参考过很多作品后,自己在...

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

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

    时间:2024-06-23
  • AI教程!学习绘制扁平风格风车场景插画

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

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

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

    时间:2024-06-25
  • 零基础插画入门:AI新手教程——扁平矢量小图标绘制指南

    关于教程 为新人设计师准备的【零基础学插画】系列视频教程来啦~ 第一期先教大家用钢笔勾勒出插画的基本造型,快来试试看吧~ 点此跳转到下半部分: 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01准备工作 预先准备好一张草图作为参考,然后对AI软件的基本参数进行设置。 Step0...

    时间:2024-06-17