AI绘制2.5D风格街角插画教程

0 2021-11-12 13:50 内容校对:Calm
收藏(0) 共有 180 人学习了本教程

《AI绘制2.5D风格街角插画教程》是一篇关于Illustrator的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Illustrator技巧;你可以通过此加强钢笔工具,绘制,参考线,建筑,街道,公交车,直线工具等多维度案例或实操来进行更多的学习;此教程是由今天也要奶思鸭在2021-11-12发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Illustrator技巧;请给他一个赞吧。

2.5D是一种较为热门的风格,不论是海报还是插图还是其他的内容,都会运用这一风格,本期教程将为大家讲述如何使用AI软件来制作一幅2.5D风格的街角插画。

AI绘制2.5D风格街角插画教程步骤

Step 01 新建文档

1.1 打开Adobe illustrator,点击文件→新建(快捷键Ctrl+N) 创建一个新文件,宽600px,高800px,分辨率72,颜色模式RGB。

AI绘制2.5D风格街角插画教程

Step 02 绘制参考线

2.1 新建图层,使用直线工具,绘制直线,调整合适角度;使用直接选择工具,按alt键拖动直线复制。

AI绘制2.5D风格街角插画教程

2.2 快捷键CTRL+D 重复上一步动作,直至直线覆盖整个画板

AI绘制2.5D风格街角插画教程

2.3 同理,绘制另一边参考线。将图层命名为“参考线”,调整透明度,并锁定图层。接下来就开始按照参考线绘制插画吧!

AI绘制2.5D风格街角插画教程

画好参考线后,用画笔工具大致画一幅草稿,方便给后续绘制图形定位。

AI绘制2.5D风格街角插画教程

Step 03 绘制路面

3.1 新建图层,使用钢笔工具,绘制四边形,组合为路面。

AI绘制2.5D风格街角插画教程

3.2 使用画笔工具,在人行路图层上绘制纵横双向直线。选中所有直线和人行路图层,使用形状生成器工具,点击生成图形作为地砖,按ALT点击减去多余部分。

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

Step 04 绘制骑楼

4.1.1 使用钢笔工具,绘制四边形。如图添加锚点,并拖动到合适位置,再绘制墙身厚度,组合成骑楼基础形状。

AI绘制2.5D风格街角插画教程

4.1.2 使用钢笔工具,绘制其他装饰。

AI绘制2.5D风格街角插画教程

4.1.3 植物绘制方法:使用椭圆工具按SHIFT绘制圆形,直径10px,颜色#79AF3F。按ALT拖动复制若干个圆,随机组合放置。选中所有形状,点击“路径查找器-联集”拼合形状。

复制形状,CTRL+F粘贴2次,向左下方移动顶层形状。选中两个图层,点击“路径查找器-减去顶层”。删除多余部分,将形状颜色修改为#ADCC81,作为高光;同理,绘制暗部,颜色#5A891D

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

4.1.4 如图绘制图形,之后绘制一个直径48px的圆放置在图形上方。

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

选中圆,打开“效果”-“3D“-”凸出和斜角”调整圆的角度。

AI绘制2.5D风格街角插画教程

调整时记得勾选“预览”,可实时观察圆形的角度是否调整适当。

调整完成后,选中圆形和下方图形,打开“路径查找器”,点击“减去顶层”,就可以生成一个镂空的圆形窗口啦

AI绘制2.5D风格街角插画教程

使用钢笔工具在图层下方绘制一个厚度,然后拼合其他图形,骑楼的屋顶就完成啦

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

接下来绘制天台的地板,方法与人行路的画法类似。先用钢笔工具沿屋顶范围勾出一个三角形。使用直线工具绘制一条平行线,按ALT拖动复制,CTRL+D重复上一步操作,另一边同理。

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

 AI绘制2.5D风格街角插画教程

选中所有图层,使用形状生成器工具,按ALT点击删掉多余部分即可。最后把“地板”编组,放到屋顶图层下方。

AI绘制2.5D风格街角插画教程

将所有图层编组,命名为“骑楼1”,拖动到“人行道”上方,第一座骑楼就完成啦!

AI绘制2.5D风格街角插画教程

4.2.1 使用钢笔工具,按照参考线绘制以下图形,并进行分组拼合。

AI绘制2.5D风格街角插画教程

(参考骑楼1基础形状绘制方法)

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.2.2 使用椭圆工具,绘制三个圆形,调整形状大小。

AI绘制2.5D风格街角插画教程

打开“路径查找器”-点击“联集”-合并图形,使用直接选择工具,选中图形下方锚点并删除,得到以下图形。

AI绘制2.5D风格街角插画教程

选中图形,打开“效果-3D-凸出与斜角”,调整图形角度。选中图形-对象-扩展外观,并修改图形颜色。复制图层,绘制图形厚度。

AI绘制2.5D风格街角插画教程

组合以上所有形状,作为“骑楼2”

4.3.1 使用钢笔工具,按照参考线绘制以下图形,并进行分组拼合。

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

4.3.2 绘制基础图形和文字,使用“效果-3D-凸出和斜角”绘制招牌。

AI绘制2.5D风格街角插画教程

4.3.3 组合所有形状,并用直线工具在墙面添加装饰,“骑楼3”完成。

AI绘制2.5D风格街角插画教程

Step 05 绘制公交车

5.1 使用钢笔工具,绘制以下图形,拖动图形圆角增加弧度,作为车头、车窗、雨刮器、车头灯等元素。

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

侧面窗户 #DDA62A

5.2 使用钢笔工具,绘制以下图形。增加图形锚点,使用直接选择工具选中并拖动,与弧形联集。

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

5.3 使用钢笔工具,绘制以下图形。使用直线工具,绘制电子数字号牌。

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

5.4 使用钢笔工具,绘制以下图形,拖动圆角增加弧度。

AI绘制2.5D风格街角插画教程

5.5 使用钢笔工具,绘制以下图形。使用椭圆工具,绘制一个圆形。使用“效果-3D-凸出和斜角”调整圆形角度。选中圆形,“对象-扩展”。选中圆形及另外两个图形,打开“路径生成器”,点击“减去顶层”。用钢笔工具绘制厚度。

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

绘制一个圆形,同样用“凸出和斜角”调整角度。对象-偏移路径,关闭图形填充,描边颜色#C4BDB7,大小7px,绘制出轮毂。使用钢笔工具,绘制轮胎厚度。

AI绘制2.5D风格街角插画教程

AI绘制2.5D风格街角插画教程

由于后半部分会被遮挡,只需绘制前轮部分即可。

组合各部分元素,编组并命名为“公交车”

AI绘制2.5D风格街角插画教程

Step 06 绘制主骑楼

各部分均用钢笔工具直接绘制即可

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风格街角插画教程

天台地板绘制方法参考“骑楼1”

AI绘制2.5D风格街角插画教程

组合所有元素,编组,命名为“主骑楼”

AI绘制2.5D风格街角插画教程

Step 07 绘制招牌、路牌

使用钢笔工具绘制图形,效果-3D-凸出和斜角调整文字角度

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

 

AI绘制2.5D风格街角插画教程

Step 08 添加杂点

文件-导出-导出为(勾选画板) 保存jpg格式图片到指定文件夹

AI绘制2.5D风格街角插画教程

打开 Adobe Photoshop 导入图片

滤镜-杂色-添加杂色

AI绘制2.5D风格街角插画教程

SHIFT+CTRL+S 另存为图片即可

以上就是本期教程的全部内容啦,想要了解更多ai软件相关资讯?欢迎大家关注北极熊素材库,我们将会为您持续整理更多的相关内容。

0

赠人玫瑰,手有余香

本内容由今天也要奶思鸭原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

今天也要奶思鸭

视觉传达、产品精修、品牌设计,电商系列设计等

共发布了216个文章 共获得66个赞

最新发布的教程

查看更多此作者的教程

文章中所需的素材

您可能会帮助到他

查看更多
用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员