2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!

原作者/出处:UI妹儿(微信公众号)

已授权

大家好,今天,我们要完成的一个小教程是:2.5D小插画的练习,我们来做一个多彩魔方,先来看一下最终的效果图:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


2.5D插画设计之多彩魔方效果图


1、 操作步骤

第1步:打开illustrator,新建一个:1200x900px 的画板

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


然后打开图层面板,新建图层,并命名为做图层(用来做物体造型图层)、参考线图层(用来做2.5D插画参考线图层);在做图层里画一个和画板一样大的矩形,填充颜色:#3bf2e0,按ctrl+2 将矩形锁定,如动图:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


第2步:新建参考线,选中参考线图层,用直线段工具,画一条直线,点击选择工具,按住alt键,向下拖拽复制出另一条线,然后按Ctrl+D(多次复制),多复制一些,然后全选中直线,鼠标右键:变换-旋转(角度:30度)-确定

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


然后,再次选中这些线,鼠标右键:变换-对称(垂直,角度:90)-复制;全选所有线段进行编组(ctrl+G),编组后,按ctrl+5,把所有线段转换为参考线,如动图:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


第3步:做3D造型,选择做图层,选择矩形工具画一个正方形,在菜单栏选择:效果-3D-凸出和斜角,数值分别为:45、35、-30,厚度这个看需求,没什么关系,后期都是可以调节的,如动图:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


接下来,在菜单栏选择:对象-扩展外观,效果如图:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


第4步:搭建魔方造型,摆放好一个正方体,复制出一个,ctrl+D,复制出3个,调整图层顺序,如动图:

然后,选中这3个小的正方体,ctrl+G进行编组

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


第5步:对刚进行编组的3个小正方体,进行移动复制,先做好魔方一个面,对这9个小立方体编一个组,如动图:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


第6步:对刚进行编组的9个小正方体,进行移动复制,构成了整个魔方造型,如动图:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


我们来去掉参考线来下看造型效果:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


注:如果发现,魔方间距不协调或不在一条参考线上,就需要对局部进行微调了,保证造型和比例协调即可。

第7步:造型确认无误后,我们就需要对魔方进行上色,我这里用了3个主色值,上面:# 02c9c5,左面:# ffb746,右面:# e5544a,如动图:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


其他面,大家按此方法自行上色即可,上完色后的效果,如图:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


最后:大家可以写上作品的名字、时间、打卡、天数、作者等信息,进行一个排版和对魔方进行简单的修饰,然后就大功告成,2.5D插画多彩魔方效果图,如下:

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!


注意:本次教程中我用的AI软件来做的(ps也是可以做,但是不高效快捷),完成过程中用到了一些AI的基础操作知识,如果你对AI的基础操作不熟练,你完成作业可能会有点吃力,关于软件的基础操作,我这里不会展开去说,不熟练的小伙伴可以私下去补习一下!

如果大家喜欢叶猫此次分享的精选教程记得点上关注哦

每日分享优选教程,还有原创平面教程原创设计教程哦

收藏或转发的朋友可以在学习教程结束后到本文章评论区交作业~

2.5D插画,超简单多彩魔方AI制作过程动图详解,大干货快get!

本文系本网编辑转载,转载目的在于传递更多信息。本篇文章版权归原作者所有,内容为作者个人观点。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容!


分享到:


相關文章: