当前位置:首页>设计教程>Illustrator教程>AI教程 | 绘制2.5D插画

AI教程 | 绘制2.5D插画

AI教程 | 绘制2.5D插画

源文件下载:https://pan.baidu.com/s/1V1S_aW20tezwSkXRFoh4Ww 提取码:mz3m 

 

提示:

1. 在Ai中记得编组,并且多备份组;

2. 注意角度变化规则;

3. 注意相同元素宽高的统一;

4. 能使用剪切蒙版的就用剪切蒙版,便于修改。

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

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

 

左侧面

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

AI教程 | 绘制2.5D插画

右侧面

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

 

顶面

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

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

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

AI教程 | 绘制2.5D插画

 

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

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

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

AI教程 | 绘制2.5D插画

 

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

AI教程 | 绘制2.5D插画

 

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

AI教程 | 绘制2.5D插画

 

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

AI教程 | 绘制2.5D插画

 

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

AI教程 | 绘制2.5D插画

 

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

AI教程 | 绘制2.5D插画

 

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

AI教程 | 绘制2.5D插画

 

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

①制作小元素。

AI教程 | 绘制2.5D插画

 

②将所有要素拼装。

AI教程 | 绘制2.5D插画

 

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

AI教程 | 绘制2.5D插画

©版权声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员Ciyol 或给邮箱发送邮件 admin@ciyol.cn 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

给TA打赏
共{{data.count}}人
人已打赏
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索