大家好,我是谷里,今天来分享一下2.5D插画临摹的做法,2.5D不需要考虑透视,透视的边界不会平行,因为近大远小,本教程是用Ai做的,本教程中定了的角度在后期不变,这样衔接起来更简单,所以和原图角度不一样哦,想做成原图的自己去调哦。

 

提示:

  1. 在Ai中记得编组,并且多备份组;
  2. 注意角度变化规则;
  3. 注意相同元素宽高的统一;
  4. 能使用剪切蒙版的就用剪切蒙版,便于修改。

 

第一步:拆分插画,确定夹角角度

本插画可以分为5个面,再加上其他元素。下面来看一下由正方形以夹角60度变化而来的基本面。

 

 

 

 

 

左侧面

绘制一个矩形,右击,选择“变换”,选择“缩放”,数值如下图1;选择“变换”,选择“倾斜”,数值如下图2;选择“变换”,选择“旋转”,数值如下图3。

 

 

 

 

右侧面

绘制一个矩形,右击,选择“变换”,选择“缩放”,数值和左面的一样;选择“变换”,选择“倾斜”,数值为30度;选择“变换”,选择“旋转”, 数值为30度。

顶面

这个面有两种数值设置,由正方形变化的展现形状一样,不等边时就不一样了。

第一种:绘制一个矩形,右击,选择“变换”,选择“缩放”,数值和左面的一样;选择“变换”,选择“倾斜”,数值为-30度;选择“变换”,选择“旋转”, 数值为30度。

第二种:绘制一个矩形,右击,选择“变换”,选择“缩放”,数值和左面的一样;选择“变换”,选择“倾斜”,数值为30度;选择“变换”,选择“旋转”, 数值为-30度。

 

 

 

第二步:打开Ai新建,绘制每个面的正面图

①打开Ai,新建800x800px的文档。

②先绘制右面的正面,不要在意现在的颜色,后面会美美的。

 

 

③运用第一步的变换规则,转变成右侧面图。

 

 

④开始一个个处理,添加细节,使其立体起来,多利用门洞图层的复制利用。

 

 

 

 

对有弧度的地方,其实很简单,举个例子,如下图,然后将顶1和后面2合并再和部分3衔接上就行了。

 

 

 

⑤接下来用同样的方法绘制其他面。

 

 

 

伸出的台面还是按照前面的方法制作,然后复制此图中的大门根据需要保留台面的地方添加锚点扩大范围,然后同时选中台面右击建立剪切蒙版,就得到下图了。

 

 

然后再在最上面加上大门的渐变半圆就得到了下图。

 

 

 

 

第三步:加小元素,调整完工

①制作小元素。

 

 

 

②将所有要素拼装。

 

 

 

③调整完加上背景,完工。

 

 

 

 

原图作者:Murmure ·

原图链接:https://www.behance.net/gallery/71257107/Le-Cargoe-s11

教程作者:谷里

源文件下载:https://www.zcool.com.cn/article/ZODQzMjg4.html

 

转载请注明:学UI网 » 2.5D插画【AI教程】

登录收藏
 
你可能喜欢的:
零基础教程之小火箭渐变图标详解零基础教程之小火箭渐变图标详解
教大家做 Angry Birds ~教大家做 Angry Birds ~
画一条/匹/头/根大熊猫儿(三视图)画一条/匹/头/根大熊猫儿(三视图)
绘制多层次光影扁平风人物插画(含详细思路解析)绘制多层次光影扁平风人物插画(含详细思路解析)
跟着狼哥做练习_iPod练习【视频教程】跟着狼哥做练习_iPod练习【视频教程】
AI+PS绘制扁平滑轮少女风格插画AI+PS绘制扁平滑轮少女风格插画
绘制酸唧唧的泡菜黄瓜绘制酸唧唧的泡菜黄瓜
GET,教你画一个贱贱的刺客伍六七GET,教你画一个贱贱的刺客伍六七
超级详细的AI绘制一组小黄人教程超级详细的AI绘制一组小黄人教程
【热气球】用AI绘制质插画【热气球】用AI绘制质插画