版权申明:本文出自“简羽”原创,感谢“简羽”的原创教程分享!
使用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
(大量插画教学视频等你来领取哈)
平常记得多练习哦,熟能生巧,谢谢观赏,期待下次与大家分享!