AI绘制2.5D等距风格的可爱小房子的插画教程

在本教程中,我们会通过一步步了解分析一张等距视角的2.5D小房子是如何诞生的。以及在这过程中我们将会学习到一些等距视角风格通用的绘制技巧和方法,让我们在今后可以通过自己的创意绘制出属于自己的小房子

那么我们开始吧~

首先,我们打开AdobeIllustrator,新建一个文档

选择左上角的文件->新建(快捷键ctrl+N),参数设置如下:

在绘制之前,我们需要了解教程中所要使用到的几个基础操作工具

等距网格是我们在绘制等距风格的插画时最基础也是最重要的步骤。

不论是在绘制2.5D的小房子或是其他等距风格插画时,等距网格的创建都可以帮助我们统一画面的角度,并且方便进行绘制,让新手小白也可以轻松上手等距风格

第一步,我们先在画布中创建一条直线

在左侧工具栏中找到矩形工具图标,右键单击,在弹出的工具框中选择直线工具

按住shift键同时绘制直线可以让直线在绘制时保持垂直或水平

第二步,选中直线,在上方窗口中点击效果->扭曲和变换->变换,在弹出的变换面板中输入以下参数

第三步,选中变换后的直线,在上方菜单栏中点击对象->扩展外观,对直线进行拓展操作

第四步,鼠标右键变换->旋转,或在上方菜单栏中选择对象->变换->旋转。角度为60°,点击复制。重复旋转操作,角度为-60°,点击复制

在进行两次旋转后我们会得到以下图形

第五步,对图形进行适当的放大和线条的微调,保证等距网格完全覆盖住画布区域

到此我们的等距网格便绘制完成了。今后在创作等距风格的插画时,网格的绘制方法始终适用。绘制时我们只需要使用钢笔工具沿着网格进行勾勒就可以画出等距的图案效果即可

在使用钢笔工具时,我们也可以搭配工具栏左侧的直接选择工具对画出的图形进行锚点的移动和变形

接下来我们就用钢笔工具搭配等距网格来绘制小房子的基础造型吧

到这里我们的小房子的基础造型就绘制完成啦,现在我们需要给它加上一点小物件让它看上去更加生动

在绘制小物件之前,我们需要了解一个方便的3D工具——凸出和斜角。它是绘制等距风格插画时另一个关键的工具,当我们没有办法使用钢笔工具绘制透视正确的等距圆形或不规则造型的物体时,突出和斜角就会是一个很好的帮手:

点击菜单栏中的效果->3D->凸出和斜角

我们可以在弹出的面板中对选中的图形进行任意的3D立体效果的变换,也可以在位置中选择预设的角度对图形进行变换操作

需要注意的是:突出和斜角面板中,无特殊需要,在表面选项中推荐选择无材质选项

在我们对图形添加了突出和斜角的效果后,我们需要通过拓展外观的方式将图形进行拓展操作,否则我们无法对图形做进一步的处理

具体操作为:选择突出和斜角过后的图案,在菜单栏中找到对象->拓展外观

拓展外观完成后,如果我们需要对图案的每一个块面进行单独的调整,则需要对其进行取消编组的操作

具体操作为:选中拓展后的图形,右键->取消编组

注意:拓展外观后的图案需要进行三次取消编组的操作

接着我们运用突出和斜角操作就可以对图形进行快捷的3D效果的制作啦

在制作空调的管道时,我们使用了突出和斜角的方法,将圆形变为3D效果的圆柱体,通过更改厚度的方式得到图中的管道效果

注意:当我们在制作文字的立体效果时,需要对文字进行转曲的操作,将文字转换为形状。接着继续进行凸出和斜角的操作。直接使用凸出和斜角效果会使文字变形

图中的书籍和竖线效果同样是使用矩形通过凸出和斜角的方式制作的

2-3马路

为了让小房子更好的体现效果,我们需要给它加上一段马路,丰富它的场景

马路的制作步骤同样使用凸出和斜角操作,为了让它看上去比较柔和,我们可以在第一步画矩形时使用直接选择工具进行圆角处理,在做凸出和斜角效果。圆角为25px

马路厚度的具体参数为:

在马路的形状上,我们可以添加一个小矩形,通过凸出和斜角做一段模拟路牙的效果

操作与制作马路相同,都是通过将矩形添加凸出和斜角的方式进行制作的。圆角同样为25px

具体参数如下:

绘制完成后我们可以将路面上方的块面复制一个,去掉填充改描边效果,给路面添加一圈路沿

到此我们的小房子加上马路的基础效果就做好了,我们需要对它进行添加细节和小物件,让画面更丰富,更有生活中街头的感觉

招牌灯的制作与上述的空调管道的制作同理,都是通过绘制圆形后添加凸出和斜角,并更改厚度的方式制作的

做到这里我们基本的小房子的画面已经全部完成了。但是马路的效果还是并不够凸出,所以我们需要给马路加上虚线,让它更直观。这时,我们要用到另一个快捷工具——混合工具

具体操作如下:

创建图案选中两个图案,后在左侧工具栏选择混合工具,依次点击图案,会自动生成以两个图案为首尾,中间重复的线段

此时,我们可以通过双击工具栏的混合工具图标,进行进一步的参数设置。或直接选择对象->拓展,对混合结果进行拓展

在本教程中的虚线,需要我们先用钢笔工具绘制出等距的矩形,接着使用上述操作对矩形进行混合效果

效果如下:

当我们把小房子的全部图案都画好后,需要进行最后一步——添加投影,让小房子看上去更立体。这时我们首先需要确定光源,确定光照的角度,接着使用钢笔工具根据物体的轮廓和光源绘制出投影。并新建一个与画布相同大小的矩形,将图层放在最低层,做背景

THE END
1.认识并使用AI常用工具:详解各类工具的使用方法字体: 小 中 大 分享到: 在现代科技飞速发展的背景下人工智能()技术已经渗透到了咱们生活的方方面面为我们提供了多便利。工具也成为了各行各业不可或缺的助手其中图像应对、自然语言解决、语音识别等领域的发展为迅速。本文将为您介绍若干常用的工具及其利用方法,帮助您更好地理解和运用这些先进的技术。 一、...http://www.slrbs.com/jrzg/aitong/39206.html
2.AI中工具的介绍画板工具的作用:可以对画板进行编辑。 新建画板:鼠标直接选中画板拖拽可以移动画板 删除画板:选中画板使用【delete】键或者在画板面板中选中使用【delete】键或者拖拽到垃圾箱。 放大缩小画板:直接点击四个角的锚点进行拖拽即可。 退出画板工具:切换到其他工具即可。 https://www.jianshu.com/p/9564d109c1ea
3.夸克官网电脑版下载多次荣登Appstore工具类排行榜第一 “夸克AI志愿助手”获广东十佳网络公益项目 2021极客公园年度优秀用户体验产品奖 广州市委颁发·最具网络创新公益奖 2023年度人工智能杰出产品 多次荣登Appstore工具类排行榜第一 “夸克AI志愿助手”获广东十佳网络公益项目 2021极客公园年度优秀用户体验产品奖 ...https://www.quark.cn/
1.你用过最简单又好用的AI工具都有哪些?AI工具大汇总!!豆包是抖音旗下出品的ai实用工具,以简洁直观的界面设计和丰富的功能,成为用户日常生活中的得力助手。无论是记事、提醒还是数据管理,它都能为用户提供便捷的服务。 3、Kimi Kimi是一款多功能的AI工具,能够进行文本理解、对话交流、文件阅读和编写代码等。它支持多种文件格式,具备搜索能力,并能以多种语言进行交流,为...https://blog.csdn.net/zhaoylzy/article/details/142965280
2.ai中怎么使用符号工具组?ai符号工具的使用方法Illustrator教程ai中的工具很多,今天我们就来看看使用ai中的符号工具组绘制图形的教程,请看下文介绍。 Adobe Illustrator CS6 (AI cs6) 精简绿色中文版(32位+64位) 类型:图像处理 大小:200.38MB 语言:简体中文 时间:2014-05-11 查看详情 1、打开AI软件,找到【符号工具组】 ...https://www.jb51.net/Illustrator/593645_all.html
3.ai怎么关闭透视网格工具如何关闭ai中的透视网格工具当用户在电脑上使用ai工具进行图像剪辑的过程中,可能对于一些功能还不是很熟悉,今天小编就给大家带来ai怎么关闭透视网格工具,如果你刚好遇到这个问题,跟着小编一起来操作吧。 解决方法: 1.如下图所示,我们可以直接点击透视网格工具,或者直接按快捷键shift+P,可以打开透视网格。 https://www.cqgzfs.com/news/49137.html
4.3类生成式AI工具在实际应用中的问题自今年3月份以来,各种生成式AI工具层出不穷,有文字生成工具,图片生成工具,视频生成工具,语音生成工具,各种工具极大提高了我们的工作效率。但是AI工具毕竟是基于数据和模型来生成内容,在实际使用中仍然会出现很多的问题,喵喵这几月频繁使用这些AI工具,梳理了一些生成式AI工具在实际使用中会出现的问题以及常用的解决办法...https://www.cifnews.com/article/148654
5.AI写作工具功能上线通知番茄AI写作工具是基于大语言模型的人工智能写作产品,在作者创作小说的过程中,为作者提供内容参考以及信息查询等方面的帮助。作者最终是否使用工具生成的内容、如何使用该内容由作者自行确定。本次番茄AI写作工具的功能如下,将在作者写书的各个阶段、各个场景中,助力作者高效创作,让你“下笔如有神”。 https://fanqienovel.com/writer/zone/article/7327136545129906238
6.AI工具栏有哪些常用功能?如何在AI工具栏中添加自定义工具?福昕PDF阅读器专业版的AI工具栏是一个强大的功能,它可以帮助用户更高效地处理和管理PDF文件。具体教程如下: 1. 打开福昕PDF阅读器专业版,点击顶部菜单栏中的“工具”选项。 2. 在下拉菜单中选择“AI工具栏”选项,即可打开AI工具栏。 3. AI工具栏包含多个功能按钮,如“文本识别”、“表格识别”、“图片识别”...https://www.foxitsoftware.cn/pdf-reader-plus/jiaocheng/810.html
7.堆栈AIInfra——AI大模型时代的“卖铲人”数据准备无论在传统的MLOps还是LLMOps中都是耗时较久、较为重要的一环。无监督学习降低对标注数据的需求,但RLHF机制体现了高质量标注数据的重要性,我们认为未来超大参数量模型对海量训练数据的需求或由合成数据满足。此外,Data+AI平台厂商卡位关键。 ? 模型训练:模型库更加刚需,训练框架持续迭代,软件工具协助实验...https://wallstreetcn.com/articles/3695292
8.国际医学期刊编辑委员会关于论文中ChatGPT等AI工具使用的最新政策作者对聊天机器人在论文中所做的工作负责(包括所呈现内容的准确性和无抄袭),并承认所有来源(包括聊天机器人生成的材料)。 期刊编辑需要合适的工具来帮助检测AI生成或修改的内容。 关于人工智能辅助技术 人工智能(AI)改善了诊断和临床决策,可能有助于改善患者的治疗结局。事实上,AI不应被视为一种威胁,而应被视为帮...https://static.nfapp.southcn.com/content/202307/22/c7921490.html
9....对了哪些事情?为什么可以在众多AI工具中杀出重围?互联网预计2026年,中国AI市场规模将达到千亿级别。2030年,我国AIGC应用将成为万亿市场。 图源:《中国AIGC应用全景报告》 在众多AIGC的产品中,“儿童绘本”一直是热度最高的应用场景之一,不仅可以结合文字、图片、视频,而且AI工具的应用使得绘本的生产效率大幅提升,可塑性和趣味性极强。 https://news.iresearch.cn/yx/2024/05/498323.shtml
10.如何用AI生成图片?大厂设计师实战案例教学!随着今年AI绘画的爆火,越来越多的设计师开始尝试将AI生成图片运用到工作中,以提升设计效率。今天,就以下图中的电商分享页的UI界面设计为例,分享如何使用Pixso并配合AI工具生成人像图片完成该UI界面的设计,从而避免使用真实人像带来的版权问题。操作过程非常简单,小白也能快速学会,一起来看看详细的操作步骤吧! https://pixso.cn/designskills/how-to-generate-pictures-with-ai/
11.ai切片工具怎么用?ai切片工具使用教程ai切片工具使用技巧教程: 在Adobe Illustrator中创建网页时,存在许多相互关联的互连片.这些可能涵盖矢量图形,光栅图像和HTML代码,所有这些功能共同作用以产生流畅的网络体验.为了在同一程序中分离和编辑这些不同的元素,Illustrator允许您在它们之间产生称为切片的碎片.切片过程告诉Illustrator您要与其余部分分开的网页的哪一部...https://www.yutu.cn/news_14962.html
12.深度测评!优设2023AI绘画神器排行榜Top3:堆友优设网而这也成为国产 AI 绘画工具切入市场的最佳时机,由于近期大量国产绘画软件下线整改,所以在众多国产 AI 绘画工具中,阿里巴巴官方出品的「堆友」在线网站可能是功能最强最全面也是最稳定的。 一、堆友 AI 绘画 链接直达:https://d.design/ai 熟悉Stable Diffusion 的设计师都知道,大家把 SD 的模型训练过程称为炼丹,...https://www.uisdc.com/d-design-2
13.秒传链接怎么提取?四、AI中符号工具的使用方法【图文教程】? 1、打开Illustrator软件,新建画布。 2、当直接选择“符号喷枪工具”在画布上作画时,会出现如图所示的提醒,必选要先选择一个图文符号。 3、选择“窗口”-“符号”。 4、打开符号工具栏,会展示几款基本图案。 https://tool.a5.cn/article/show/94655.html
14.有大学生借助AI代写论文?多所高校发通知张洪生认为,学生在人工智能辅助学习的过程中应当追求“可解释性”,“比如用生成式人工智能产出的文字、图片、视频等成果,不能是学生任凭AI随机生成的东西,而是学生经过思考和主动学习的结果。 尽管有人工智能工具的辅助,学生应当能够明确地阐释自己产出这一内容的问题意识、思想内涵,要体现自己的主观能动性。” ...https://www.jfdaily.com/sgh/detail?id=1321985
15.在AI(AdobeIllustrator)中如何使用直接选择工具?除了AI 之外,还可以使用即时设计来完成图形编辑工作。打开浏览器网页搜索“即时设计”,登录账号后即可正常使用直接选择工具。即时设计是一款可在网页中运行使用的设计工具,无需下载安装,降低了操作设备本地资源的占用。 在即时设计的画布操作页面,使用快捷键 “V” 即可调用选择工具。不仅操作方式简单,即时设计还为选择...https://js.design/special/article/direct-selection-tool.html
16.AI怎么绘制半圆形?大家好,我是小溜,半圆形是AI中经常使用的特殊图形,但是AI的图形工具不能够直接绘制半圆,我们需要从圆形为起点,利用其它工具绘制出来半圆形。那么下面小溜就给大家分享一下具体的操作演示,希望本文对大家有所帮助,感兴趣的小伙伴可以一起学习了解一下。 https://zixue.3d66.com/article/details_120601.html
17.NFC之华为AIPASS认证:测试用例简介腾讯云开发者社区在《NFC之华为AIPASS认证:测试系统简介》中我们了解了AIPASS测试系统中的测试工具,即:用什么来测试。 本章开始,我们来了解AIPASS测试用例,如下是用思维导图理出来的一个用例列表图—— 该用例包括射频兼容性技术要求、协议兼容性技术要求、AID使用规范、互操作成功率技术要求、端到端刷卡时间技术要求,所测试的对象...https://cloud.tencent.com/developer/article/2028914