版权申明:本文出自“简羽”原创,感谢“简羽”的原创教程分享!

使用AI来绘制2.5D插画的教程已经不是啥新鲜的知识点了,我在网站也看了很多类似的教程。这篇教程要介绍的是临摹一个国外大神的2.5D插画图标的方法和流程。使用2.5D不需要考虑透视,透视的边界不会平行,因为近大远小,本教程是用Ai做的,本教程中定了的角度在后期不变。

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衔接上就行了。

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

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

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

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

①制作小元素。

②将所有要素拼装。

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

原文视频:添加官方QQ2507748513

(大量插画教学视频等你来领取哈)

平常记得多练习哦,熟能生巧,谢谢观赏,期待下次与大家分享!

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)