AI教程!手把手教你绘制2.5D建筑插画

时间:2021-08-05
类别:AI教程
水平:普通
观众:3.4w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

AI教程!手把手教你绘制2.5D建筑插画

教程作者:设计师就业衔接班07期-14-霖霖淇

教程指导:如如的设计主页

交作业:#优设每日作业#

关于教程

你是否也想拥有属于你的2.5D小房子?今天的教程会教大家绘制的方法。难度不算大,只要根据参考线来绘制就好啦。我们将按照5个步骤来进行,分别是 1.新建文档 > 2.创建参考线 > 3.绘制小房子 > 4.添加环境装饰物 > 5.调整和保存。感兴趣的话,就跟着我的教程一起来绘制吧!~

你也想学会自己制作同款2.5D主题插画吗?报名我们的课程,让讲师如如手把手教会你→优设设计师就业衔接班

教程步骤

Step 01 新建文档

1.1 打开AI,新建文档,尺寸800x800px, 颜色模式RGB, 分辨率72

AI教程!手把手教你绘制2.5D建筑插画

Step 02 创建参考线

2.1 用直线工具绘制一条直线, 按住ALT向右复制一条,然后按住CTRL+D进行连续复制,得到一组参考线后, 右键进行编组, 对齐画板。(参考线的颜色明显些)

AI教程!手把手教你绘制2.5D建筑插画

2.2 选中第一组参考线, 右键 - 变换 - 旋转 - 60° - 复制

AI教程!手把手教你绘制2.5D建筑插画

2.3 重复上述2.2步骤得到完整的参考线 (或者直接CTRL+D),并锁住参考线图层。

AI教程!手把手教你绘制2.5D建筑插画

Step 03 绘制小房子

3.1 填充背景色 #ffe5d9

AI教程!手把手教你绘制2.5D建筑插画

3.2 绘制底部

用钢笔工具根据参考线绘制底部如图,填充为 #ffeb99, 勾边为 #a3431d 描边2px,

(可根据参考线绘制后整体缩小到合适的大小,以下皆同理)

以下勾边皆为 #a3431d 描边2px

AI教程!手把手教你绘制2.5D建筑插画

同理绘制 填充色 #ffa80a 勾边为#a3431d 描边2px

AI教程!手把手教你绘制2.5D建筑插画

同理绘制 填充色 #ffd131 勾边为#a3431d 描边2px

AI教程!手把手教你绘制2.5D建筑插画

3.3 绘制房子(与上述方法同理,用钢笔工具根据参考线绘制形状)

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画AI教程!手把手教你绘制2.5D建筑插画

3.4 绘制招牌 (与上述方法同理,用钢笔工具根据参考线绘制形状)

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

3.5 绘制门口 (与上述方法同理,用钢笔工具根据参考线绘制形状)

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画AI教程!手把手教你绘制2.5D建筑插画

3.6 绘制牌子 (与上述方法同理,用钢笔工具根据参考线绘制形状)

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画AI教程!手把手教你绘制2.5D建筑插画

3.7 绘制遮阳棚 (与上述方法同理,用钢笔工具根据参考线绘制形状)

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

使用画笔工具画出一条合适的曲线

AI教程!手把手教你绘制2.5D建筑插画

选中要编辑的所有形状,使用形状生成器工具, 点击想要生成的形状,再按住ALT 删除多余部分

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

Step 04 添加环境装饰物

4.1 绘制披萨(图层置于“房子”上“牌子下”)

暂时隐藏招牌图层,可用钢笔工具绘制 也可用画笔工具绘制后调整

使用画笔工具绘制后记得把画笔定义修改为 - 基本 - 再调整勾边为2px

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

显示招牌图层

4.2 绘制树丛1 置于“底部”图层上 “房子”图层下

隐藏除底部其余图层(与上述方法同理,用钢笔工具根据参考线绘制形状)

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

显示隐藏的图层

4.3 绘制树丛2 置于“遮阳伞”图层上(与上述方法同理,用钢笔工具根据参考线绘制形状)

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

4.4 绘制花坛(与上述方法同理,用钢笔工具根据参考线绘制形状)植物色与前部4.3颜色一致

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

选中花坛1,按住ALT复制拖动到如图合适位置,将复制得到的花坛2图层置于“牌子”图层上“门口”图层下

AI教程!手把手教你绘制2.5D建筑插画

4.5 制作店名

使用文字工具打出“PIZZA”, 字体:优设棒棒体 颜色随意 去掉勾边,调节到合适大小,再点击右键 – 创建轮廓

AI教程!手把手教你绘制2.5D建筑插画

点击 效果 – 3D – 凸出和斜角- 位置:等角左方 调节凸出厚度到合适数值-

也可以根据参考线微调数值 - 确定

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

选中得到的文字 - 对象 - 扩展外观

AI教程!手把手教你绘制2.5D建筑插画

取消编组两次

AI教程!手把手教你绘制2.5D建筑插画

选中想要更改的形状 点击 – 选择 – 相同 – 填充颜色 -后更改颜色及勾边

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

4.6 绘制云朵(大体操作与店名一致)

绘制如图三个圆,选中低端对齐,使用形状生成器得到一个形状

AI教程!手把手教你绘制2.5D建筑插画

使用删除锚点工具删除云彩底端两个锚点,并去掉勾边

AI教程!手把手教你绘制2.5D建筑插画

效果 - 3D - 凸出与斜角  数值如下,后 点击 对象 - 扩展外观 –取消编组 两次

AI教程!手把手教你绘制2.5D建筑插画

分别选中云彩的顶部形状, 点击 路径查找器的 联集

AI教程!手把手教你绘制2.5D建筑插画

如图 给云彩填充颜色及勾边

AI教程!手把手教你绘制2.5D建筑插画 AI教程!手把手教你绘制2.5D建筑插画

将得到的云彩进行编组, 后移动复制到合适的位置

AI教程!手把手教你绘制2.5D建筑插画

最终所有的图层顺序如下图

AI教程!手把手教你绘制2.5D建筑插画

Step 05 调整和保存

最终根据画面的整体与喜好进行调整

隐藏参考线图层,然后保存导出就大功告成了!~

最终效果图

AI教程!手把手教你绘制2.5D建筑插画

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
源文件1.10MB6s87 点此复制 登录下载
25 收藏 94

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 5

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片