Illustrator扁平化海报设计 用AI制作线性风格的插画海报教程

STEP 11

然后把每一个形状填充关闭,开启描边。描边的大小可以暂时设置为2,因为之后我们还会有变化。描边色彩为 #0d6ffc

扁平化海报:用AI制作线性风格的插画海报

STEP 12

运用【形状生成器】工具,按住键盘上的ALT键,清除掉图形中彼此遮挡的部分线条。这个可以参考我们的草图。

然后把我们在STEP 09中提到的给按钮增加线条的方式来完成立体形态。为了让图形表现更好,按钮的形状可以稍微调大。

扁平化海报:用AI制作线性风格的插画海报

绘制平面设备

这里大家会发现周边的设备是平面的,在绘制上不比之前的立体图案,因此相对难度降低了很多。所以基本这里就是按照草图分步骤来画出。

STEP 13

这里从圆孔处有线条延伸,这些线条既有装饰作用,又有链接设备的作用。这里参考了其他的线体插画的Idea,这是一个不错的集中视线的做法。

我们首先来完成这部分的线条。用钢笔工具来绘制,钢笔工具在绘制直角的边线时很有优势,画好下图左边的样式后,选中直角的部分,利用拖动的方式就能将直角变为圆角。

扁平化海报:用AI制作线性风格的插画海报

STEP 14

补齐一些细节,比如连接设备的矩形接头,包括积木顶部的圆孔的阴影描绘线条。

扁平化海报:用AI制作线性风格的插画海报

STEP 15

继续绘制左上的两部手机的造型。记得这时利用圆角矩形工具和线条工具进行绘制。其实这个过程创作非常自由,你也可以安排其他的图案,只要兼顾到整体的协调性即可,这是很多UI设计师常常画的线稿图,由于操作简单,我们这里就不一一讲解。

扁平化海报:用AI制作线性风格的插画海报

STEP 16

接下绘制右边的平板的样式,其中我用了一个统计图表来作为图案,文字采用了断线的方式展示。

扁平化海报:用AI制作线性风格的插画海报