万圣节作品:AI制作唯美的万圣节插画

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

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

先看看AI的效果图

万圣节作品:AI制作唯美的万圣节插画

AI部分绘制—

步骤1 – 建立背景

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

万圣节作品:AI制作唯美的万圣节插画

(Tips:这里要说明一下,最后的效果图实际尺寸是800*600px,之所以在AI绘制1280*600px,是因为后期AE动效的过程中,画面移动内容会更丰富,而且AI里超出画布的部分,AE导入后是不会显示的,这里就要求我们需要显示的部分一定要放在画布内!!)

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

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

万圣节作品:AI制作唯美的万圣节插画

当前效果如下

万圣节作品:AI制作唯美的万圣节插画

步骤2 – 分层绘制

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

1. 第一层场景绘制

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

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

万圣节作品:AI制作唯美的万圣节插画

接着添加小装饰~

万圣节作品:AI制作唯美的万圣节插画

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

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

万圣节作品:AI制作唯美的万圣节插画

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

万圣节作品:AI制作唯美的万圣节插画

2. 第二层场景绘制

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

万圣节作品:AI制作唯美的万圣节插画

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

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

万圣节作品:AI制作唯美的万圣节插画

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

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

万圣节作品:AI制作唯美的万圣节插画

上一篇: 插画效果:用PS把风景照片转插画 下一篇: Photoshop鼠绘萌哒哒的夏季海滩

赞助商

本文标题:万圣节作品:AI制作唯美的万圣节插画
本文地址:https://www.psxy.cn/photoshop/12061.html