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

AI教程!登山主题矢量描边插画绘制教程

AI教程!登山主题矢量描边插画绘制教程

原图作者:Carina Czisch

教程作者:优设设计师就业衔接班11期-11-鱼鱼

教程指导:做设计的小肥肥(优设设计师就业衔接班讲师)

交作业请到→#优设每日作业#

关于教程

本期教程为你带来一张以登山为主题的AI描边矢量插画设计,包括亮面,暗面和过渡面的一些绘制技巧,快来试试看吧~

想知道自己什么时候可以画出这样的作品?来这里→优设设计师就业衔接班 让肥子讲师手把手教你!

教程步骤

Step 01 创建工程

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

AI教程!登山主题矢量描边插画绘制教程

1.2 新建矩形,宽1600px,高1200px,颜色#f7edde,并将背景图层锁住。

AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程

Step 02 绘制书包

2.1 利用矩形工具,绘制一个矩形,宽度989.418px,高度417.633px,然后拉圆角 ,填充颜色#bbf2e7,描边9px,描边颜色#4d4541(统一描边大小和颜色)

AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程

2.2 利用直接选择工具(小白),框选矩形底部两个角,修改边角属性为52.5px,再用同样方法框选左上角,修改边角属性为25.5px.

AI教程!登山主题矢量描边插画绘制教程

2.3 然后ctrl+c,ctrl+f复制粘贴矩形,按shift缩小矩形做包书的书包口,填充颜色#ffcf75。

AI教程!登山主题矢量描边插画绘制教程

2.4 然后用钢笔工具把书包的细节绘制出来

AI教程!登山主题矢量描边插画绘制教程

2.5 然后再使用矩形工具 把书包的身子画出来,包括书包的带子,扣子。如图操作。

AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程

2.6 使用矩形工具,椭圆工具,绘制相机

AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程

2.7 望远镜的制作,也是使用矩形工具 拉圆角 ,如下图中望远镜的镜身颜色都是如书包的颜色一样的 ,望远镜的黄色标签,与相机黄色面的颜色是一样的。可以先把一边的望远镜绘制出来,右键点/编组/粘贴复制, 在右键点/变换/,选择/镜像/垂直90度/就可以得到望远镜的另一边。

AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程

2.8 小鸟使用钢笔工具把形状勾出来

AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程

2.9 草的绘制,使用钢笔工具 把草的形状勾勒出来。在物品下添加一条横线,完善细节。

AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程

Step 03 明暗绘制

3.1 亮面绘制的方技巧,选中物品的面Ctrl+c,ctrl+f复制粘贴两次,然后按shift选中复制的图形,点路径查找器的分割,然后右键取消编组,然后保留高光部分 把其余删掉的面。

AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程

3.2 把描边去掉 然后点透明度,选择滤色模式。

AI教程!登山主题矢量描边插画绘制教程

3.3 暗面也是如此的操作 ,复制粘贴两次 ,shift选中复制的图形,点路径查找器分割,留出暗面 把其余删掉 。同样去取消描边,点击透明 选择颜色加深 ,点击透明度 ,改成80% 。可以点击颜色面板,去调节你想要的颜色,所有物体的亮面 暗面都是如此的操作。

AI教程!登山主题矢量描边插画绘制教程

3.4 如上图所示 ,亮面和暗面会遮住描边,我们可以把底下那个面,点粘贴复制,然后把它排列到上层,再把填充关掉。

AI教程!登山主题矢量描边插画绘制教程

3.5 投影的会制方法,点击物体的面 ,粘贴复制,然后把复制的图形挪到你想要的投影位置,然后点击透明度 选择正片叠底。

AI教程!登山主题矢量描边插画绘制教程

Step 04 过渡面绘制

在绘制完亮面,暗面 和投影后,可以用钢笔工具勾勒出物体的过渡面 ,按shift选中勾勒的图形和物品的面。然后再点中形状生成器 ,按住Alt是减掉图形, 这时候我们可以按住Alt删掉我们不想要的图形 。

AI教程!登山主题矢量描边插画绘制教程

4.1 然后点击/颜色/可以调到我们想要的颜色

AI教程!登山主题矢量描边插画绘制教程

4.2 望远镜,摄像机,书包亮面,暗面,过渡面都是如此的操作。

AI教程!登山主题矢量描边插画绘制教程AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程 AI教程!登山主题矢量描边插画绘制教程AI教程!登山主题矢量描边插画绘制教程

最终效果图

AI教程!登山主题矢量描边插画绘制教程


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

未经允许不得转载:百木园 » AI教程!登山主题矢量描边插画绘制教程

相关推荐

  • 暂无文章