原图作者:Febin_Raj
教程作者:优设设计师就业衔接班13期-68-紫玉
教程指导:如如(优设设计师就业衔接班讲师)
交作业:#优设每日作业#
本期教程教大家画一张噪点风格矢量插画~
我们先来分析这张风景插画,由远及近,我们看到青绿色天空和蓝白色的雪山,蓝色的松树和不同高低层次的草地,一排排错落有致的红色小房子。画面细节方面点缀,都是采用的剪影形式,湖面上有两人在泛舟,海鸟在他们周围盘旋飞翔,草地上还有只小兔子,最后是大面积地加一些噪点装饰~
好啦,让我们开始吧~
1.1 打开AI软件,点击上方文档—>新建,创建一个新文档(或快捷键ctrl+N),具体参数如下。
1.2 然后我们创建天空背景(这里天空有两个颜色层次),天空背景1为矩形,尺寸为800*379px,颜色参数如下,天空背景2为多边形,用钢笔工具绘制如图所示。
1.3 绘制湖面背景,选择矩形形状工具绘制尺寸和颜色参数如下图:
以上背景绘制完成后,记得ctrl+2锁定背景图层,以免绘制其他形状乱跑
2.1 绘制云朵:我们按照1->2->3->4->5的顺序
以云朵3为例详细说明下绘制方法,用椭圆形状工具如图所示排列绘制出六个椭圆(A部分),用路径查找器,选择第一个联集,将六个椭圆合并一体,然后绘制出矩形(B部分),此处特别注意矩形位置一定要排列在最顶层,选中矩形和之前椭圆合并所合并形状,点击路径查找器里的减去顶层,云朵就绘制好了,云朵相关形状都填充颜色#F8FCFC~
其他云朵绘制方法相同,操作界面示意图详见下图:
2.2 绘制山体:还是按照 1->2->3->4 顺序
以山体1为例详细说明绘制步骤,这次使用钢笔工具绘制山体形状(其实用形状工具中的多边形工具也可以),调出钢笔工具依次点击出锚点然后回到第一个锚点(会显示小圆圈),代表形状路径闭合,根据山体1的形状,还需要选择钢笔的添加锚点工具在左边上添加一个锚点,再用直接选择工具调整下位置,山体就画好了,然后是高光部分,也是钢笔工具根据光源走向绘制出来,需要调整的地方就用直接选择工具(小白)调整~
依此类推绘制第2、第3个山,注意山体的图层排列顺序~
3.1 草地的绘制:主要是分析每个形状的图层顺序,这里按照->1->2->3->4->5->6的顺序绘制的,如下。
草地的形状属于不规则的,所以选用钢笔工具绘制,以草地1为例,调出钢笔工具单击出现锚点,注意在有坡度的地方需要拖动鼠标不松,出现两个手柄,调节手柄就可以调整弧度,如图所示~
同理绘制其他草地,图层顺序由下到上依次是 6->5->3->2->1->4
3.2 绘制树木:还是按照 1->2->3->4 顺序
先来分析画面,树木的形状基本相似且规则的,三角形松树,所以使用形状工具或者钢笔工具都可以,绘制一颗树后,按住alt键选中树进行拖拽就可以复制啦,这样可以方便的绘制出无数棵树,然后点击直接选择工具(小白) 调整树木的高低层次,重叠在一处的可以合并形状~
到这里,草原和树都绘制好了
4.1 分析画面,按照 1->2->3->4->5->6 的顺序绘制
以房子3为例,先绘制一个五边形(可以用一个三角形和一个矩形组合起来,也可以绘制一个矩形,在顶边中点处增加一个锚点,调整该锚点的位置);
绘制屋檐等部位
钢笔绘制一个三角形,ctrl+c和ctrl+f原位复制出一个同样的三角形,选择工具按住shift向下拖动复制出的三角形,选择两个三角形,路径查找器,减去顶层,屋檐就制作好了~
右上侧屋顶:用钢笔工具绘制一个近似平行四边形的形状
小房子色值如图所示:
绘制小兔子:可以将原图的小兔子复制到一个新图层里,调低这个图层的不透明度,再新建一个图层,使用钢笔工具描出兔子的形状。再用小白工具调整锚点,使小兔子的形状更为逼真自然,然后放到画面所示草地的位置~
绘制方法同小兔子操作步骤,注意调整图层顺序。
因为之后要到ps里添加噪点,所以保存AI文件前注意要进行个重要操作,释放到图层,点击图层面板右上角的三条小横线图标—>释放到图层(顺序)。对每个图层都要进行此操作~
调整好以后,就可以存储啦~选择一个位置,存储为AI格式即可。
存储完以后不要急,还需要导出为psd格式。一定要勾选“使用画板”呀!
打开刚才导出的psd文件,开始添加燥点啦!注意根据光源位置,给画面添加亮部和暗部
以草地为例,创建剪切蒙版,选取柔边画笔,调整画笔大小及溶解模式,选取草地原来的颜色,将图层的混合模式改为“正片叠底”,画笔平涂添加成暗部区域,将图层的混合模式改为“滤色”,则画笔添加出的是亮部区域~
为了使剪切蒙版仅作用于草地的形状上,需要调出草地的选区——将鼠标放在草地图层的缩略图上,按ctrl键。
再选中剪切蒙版,用调整好的画笔在左侧轻轻扫过,按ctrl+D取消选区,对其他需要添加燥点的图层进行同样的操作。
到这里,我们就全部处理好啦,来看一下最终的效果~
最后,一定要保存呀!首先存储一个psd格式的,然后可以导出一个jpg格式
想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)
学完这篇教程的人还在学…
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 已发布 2 条