Illustrator教程

关注公众号 jb51net

关闭
平面设计 > Illustrator教程 >

用AI制作唯美的夜景万圣节插画教程

小羊咩

此次的教程灵感来自于大神Hash Elias的作品,很喜欢其表现形式,于是就做了同系列的作品致敬。第一次制作教程,有不足之处希望多包涵。

我们开始发散思维,因为需要表现光感,场景以夜景为首选。同时,夜景的元素很多,这里选择了刚过完不久的万圣节元素来烘托气氛,像蝙蝠、墓碑、蜘蛛、南瓜等,可以依照喜好添加。

先看看效果图

步骤1 – 建立背景

1. 新建一个1280*600px的画布,分辨率为72

2. 运用矩形工具,画出1280*600px的渐变紫色背景,命名为背景一,色值如下左图

复制一层矩形,改变渐变参数,表现上深下浅的光影关系,命名为背景二,色值如下右图

当前效果如下

步骤2 – 分层绘制

仔细观察动图的运动规律,我们可以大致将其分为5大层与人物装饰元素层,分别画出虚实与远近效果,摆放位置后期可灵活调整。

1. 第一层场景绘制

第一层在离我们视觉最近的位置,所以图层应该在最上方,不被遮挡

用钢笔勾出地面起伏形状,此步骤需要注意的是起始位置和结束位置的锚点高度应在用一水平线,这是为了后期做AE位移时,前后位置能更好的衔接

接着添加小装饰~

以上部分绘制完成后,编组并重命名为一层地面

然后分别绘制左右两颗树,两棵树单独成组,分别命名为右树和超大树。

到了这一步第一层就绘制完成了,整体效果如下

2. 第二层场景绘制

与第一层一样,绘制起伏地面要注意前后的衔接位置,第二层的曲线坡度较高,与一层的起伏位置最好稍微错开,让画面显得更有层次,并添加一些小的元素

一层的墓碑与小草可以沿用,变换一下大小方向与颜色,摆放在合适的位置,其余的草可以用钢笔绘制

复制两遍一层的右树,改变其颜色与大小,其中一棵树添加一只蜘蛛,增强趣味性

绘制完后,地面部分编一个组(含小植物),命名为第二层,两颗蘑菇树分别编组,命名为二层左树、二层右树

复制第一层最大树的树干部分,缩小后放置第二层的中间位置,此时效果如下图

3.第三层场景绘制

第三层的效果较为简单,复制二层树干,可自由调节枝丫做出一些变化,错落分布在一二层间隙位置,不透明度改为40%,分别给三棵树命名为三层左树、三层中树、三层右树,效果如图

4.云层场景绘制

得到以上效果之后,添加了云层与帐篷来丰富画面

绘制完成后,放在二层的图层下,三层的图层上,注意前后关系

5.第四层场景绘制

和第三层的步骤一样,第四层也是复制三棵树干,可以去掉枝丫的部分,将不透明度改为15%

步骤3 – 绘制人物与装饰

这个阶段,大致的场景已经绘制好了,这时候我们添加人物与一些小的装饰元素~

南瓜灯绘制不难,需要注意光影关系。灯与灯棍分开,重命名~

以南瓜灯发光区域为圆心,绘制直径为314px的圆,颜色#ffe5a4,图层混合模式改为柔光,放在人物与南瓜灯的图层下

人物层要注意,放在一层下方二层上方的位置,整理好图层的前后顺序

画面效果还可以更生动点,这时候我们添加蝙蝠与一些萤火虫~

运用椭圆工具,画一个直径为16px的圆,描边2.1px、色值#fb882b,填充#fddb67

原位复制一个圆,大小改为7.5px,去掉描边,填充#fddb67

给大圆添加高斯模糊

萤火虫有大有小,有远有近,所以可以复制多层改变其大小,自由分布~

接下来用钢笔绘制蝙蝠~

画面整体效果如下