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.如何在Illustrator中创建3D对象例如,您可以使用此选项将文本贴到一条凸出的波浪线的侧面,以使文字变形如一面旗。 要预览效果,请选择预览。 在“映射图稿”对话框中,单击确定。 注意: 3D 工具和 Illustrator 透视网格工具是不同的两种工具。在透视网格中处理 3D 对象的方式与处理其他任何对象完全一样。https://helpx.adobe.com/cn/illustrator/using/creating-3d-objects.html
2.那些很火的Ai技巧又来了,每一个都很实用在上次给大家分享了一次illustrator小教程,获得大家很多的反响,觉得很实用,所以我今天就再为大家分享一波ai小技巧 在看教程之前,我们先看看这位设计师的一些优秀的作品。下面的作品大部分用了他自己设计的字体“凝书体”来编排。所以作品看起来干净利落、又带点日式清爽感。 https://zhuanlan.zhihu.com/p/154239188
3.AI描边效果怎么做?AI描边效果教程3.效果-扭曲和变换-变换,参数随意造作。确定后添加渐变 4.复制一个,改为其他颜色,ojbk 秃然发现扭曲和变换挺好玩的,大部分时候都能用到它 以上,就是关于“AI描边效果怎么做?AI描边效果教程”的全部内容分享了,希望对你的AI软件学习有所帮助哦~!学习AI软件不困难,找对平台,找到方法,就简单且轻松。还在等什么?https://www.yutu.cn/news_40658.html
4.ai怎么做烟雾效果?AI轻松制作白色烟雾效果教程Illustrator教程最近,很多网友问小编ai怎么做烟雾效果?今天小编就给大家带来AI轻松制作白色烟雾效果教程,方法不难,用到的都是Illustrator中的常见工具,效果非常逼真,感兴趣的朋友欢迎前来一起分享学习 GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用! 【如果你想靠AI翻身,你先需要一个靠谱的工具!】 https://www.jb51.net/Illustrator/613715_3.html
5.AI图文教程2019AICC版本新功能介绍天琥云课堂原创 热 AI2019 AI教程 【AI图文教程】2019AICC版本新功能介绍 76292422 一、可同时修改多个画板中的类似对象,以节省时间,无论你元素是不是在一个画板还是多个画板上,使用全局编辑之后,都可以同时进行缩放变形或者更改颜色等。 二、全新的混色功能可让您创建更丰富、逼真的渐变,从而呈现出更自然的效果。 三、查看http://www.tianhuyun.com/interlocution/1464/show
6.AI制作渐变效果小教程AI技巧飞特网使用AI制作渐变效果为什么还要单独弄一个教程呢,因为个人觉得AI的渐变和PS的差异较大,很多人没搞明白AI的渐变到底是如何使用的。所以找了个小教程科普一下,希望对飞特的新手朋友们有所帮助,觉得有用的给我好评啦 ,飞特网https://www.fevte.com/tutorial-28119-1.html
7.AI教程如何在Illustrator中添加效果?51CTO博客AI教程 如何在 Illustrator 中添加效果? 欢迎观看Illustrator教程,小编带大家学习 Illustrator 的基本工具和使用技巧,了解如何在 Illustrator 使用效果和外观面板,向图稿添加创意效果。 Illustrator 中的效果可以用来快速、轻松地处理形状。它们的用途包括应用投影、图稿变形等等。使用文件中的线条图稿,学习如何应用效果以及https://blog.51cto.com/u_15475973/5095584
8.AI如何给形状添加虚化效果?AI给形状添加虚化效果教程AI给形状添加虚化效果教程 以下是如何在Adobe Illustrator中为形状添加模糊效果的专业编辑建议: 1. 打开你的Adobe Illustrator项目并选择你想要添加模糊效果的形状。 2. 在工具栏上找到“滤镜”选项,并点击它以打开下拉菜单。 3. 从中选择“模糊”,然后在子菜单中选择你需要的效果(如高斯模糊或径向模糊)。 4. 调整https://app.zol.com.cn/jiqiao/106675.html
9.AI绘制海报效果实例教程效果如图。用钢笔工具绘制不同的曲线。在菜单栏选择对象,混合,混合选项,替换混合轴,效果如图。用相同的方法绘制不同的效果如图放置。并置入一张素材。最终效果如图。 注意/提示 好啦,本次小溜为大家分享的“AI绘制海报效果实例教程”就到这里啦,本站还有相关的学习课程,需要的朋友快点击查看>>>https://zixue.3d66.com/article/details_143946.html
10.Illustrator教程AI制作一个立体的“A”字效果演示ai教程ai基础Illustrator教程 AI制作一个立体的“A”字效果演示 ai教程 ai基础教程 举报 淘宝美工教程 订阅2,406 信息 分享: 直播热点 下载APP领会员 直播中 小言儿~ 直播中 丽丽感谢家人宠爱 直播中 悠然~服务 视频 自媒体分成 分类 电视剧 电影 综艺 56出品 高校 粤语 搞笑 音乐人 生活 游戏 时尚 娱乐 科技 教育 汽https://www.56.com/u66/v_MTQxMDAwOTU5.html
11.AI特效制作教程:怎么一步步打造惊艳效果# 特效制作教程:怎么一步步打造惊艳效果 在当今数字化时代特效的应用已经变得无处不在从电影、动画到网页设计再到社交媒体内容特效的运用为作品增添了无限的魅力。本文将为您详细介绍怎么样一步步利用工具制作出令人惊艳的特效。 ## 一、认识特效 ### 1.1 理解特效的基本概念 http://www.guanxian.org/consult/aizhishi/124723.html
12.使用AI做UI设计系列教程:效果外观面板和质感表现(下)上一个教程《使用AI做UI设计系列教程:效果、外观面板和质感表现(中)》里,介绍了生活中常见的几种材质的光学特性,并举了两个例子,介绍了如何用 AI 表现这样的材质。本次教程将要用一个实例,介绍一个图标的质感表现,是如何使用 AI 里面的效果等手法来表现的。嗯对了,用来作为「模特」的图标就是这个,一个浏览器https://www.uisdc.com/effect-panel-and-texture-features-3
13.ai怎么制作渐变填充效果图形ai制作渐变填充效果图形教程ai 作为强大的图像编辑工具,提供了丰富的渐变填充选项,让你轻松打造具有视觉冲击力的设计。在本篇教程中,php小编小新将详细介绍 ai 中渐变填充效果图形的制作步骤,从基础设置到高级技巧,一步步带你掌握制作渐变填充效果的奥秘,助你创作出令人印象深刻的视觉作品。https://m.php.cn/faq/786425.html
14.ai教程I让人一瞬间喜欢的幻影海报!主要用到ai混合叠加效果~简单ai教程I让人一瞬间喜欢的幻影海报! 主要用到ai混合叠加效果~ 简单,快速~哈哈哈哈~ 其他内容更加精彩~ #ai设计教程 #ai设计技巧 #ai教程技巧 #ai教程每日学 #ai教程平面设计 - 教设计的肖老师于20231127发布在抖音,已经收获了3.5万个喜欢,来抖音,记录美好生活!https://www.douyin.com/video/7305770452746554658
15.爆火!AI绘画毛线效果保姆级教程来咯「赶紧收藏」在当今这个充满创意与科技魅力的时代,AI 绘画凭借其强大的功能和无尽的可能性,深受广大创作者以及爱好者的喜爱。其中,AI 绘画所呈现出的毛线效果更是别具一格,独具艺术美感,在网络上爆火起来。今天,就为大家带来一份关于 AI 绘画毛线效果的保姆级教程,让你也能轻松创作出令人惊艳的毛线效果作品,赶紧收藏起来https://baijiahao.baidu.com/s?id=1816053878207371134&wfr=spider&for=pc
16.illustratorAI实例教程ontheAppStore制作漂亮描边效果字 制作矢量金属纹理 制作水晶质感效果图标教程 制作素描文字效果 制作素描字体草图效果 制作塌陷文字 制作网格效果文字 制作网页水晶图标 制作漂亮描边效果字 制作凝胶气泡特效果字教程 What’s New 20 Feb 2017 Version 2.43 Apple 已更新此 App 以显示 Apple Watch App 图标。 https://apps.apple.com/my/app/illustrator-ai-%E5%AE%9E%E4%BE%8B%E6%95%99%E7%A8%8B/id547002330
17.用AI制作透明渐变效果的几个方法AI实例教程Utobao编注:更多AI教程学习进入优图宝AI实例教程栏目:http://www.utobao.com/news/61.html 而在AI中则不具备这样的选项,即使调整透明度也是针对整个选择对象,但是有时候我们需要制作如下图的半透明过渡,怎么办呢? 其实在AI中也有许多方法可以做到上面右侧的效果,下面我们就来研究一下!方法一:透明模式习惯用Photoshhttp://www.utobao.com/news/show-24592.html
18.教程之三维效果绕转爱给网提供海量的Illustrator资源素材免费下载, 本次作品为mp4 格式的Adobe Illustrator 教程之三维效果绕转, 本站编号35535356, 该Illustrator素材大小为2m, 时长为06分 55秒, 支持标清播放, 不同倍速播放 该素材已被下载:7次, 作者为rezidentevil, 更多精彩Illustrator素材,尽在爱给网。 教程简介: AI基础教程https://www.aigei.com/item/adobe_illustrat_34.html
19.AI软件教程——使用不同类型的渐变制作效果AI软件教程——使用不同类型的渐变制作效果 今天分享的教程教大家在 Illustrator 中使用不同类型的渐变,以及对图稿应用线性和放射性渐变。一起来学习吧! 在Illustrator 中可以通过添加颜色渐变效果来为作品增色,渐变是两种或多种颜色之间或同一颜色不同色调之间的渐变混和,可应用于图稿的填充或线条,包括线性渐变,以直线https://www.mgzxzs.com/ai/8074.html
20.AdobeIllustrator图文安装教程:ai怎么制作透视效果图边距幻灯片按下键盘的Ctrl+shift+I键隐藏网格线,并为图片添加背景阴影效果,即可将图片变成水平放置的透视效果图 第三部分:Adobe Illustrator图文安装教程 以下是Adobe Illustrator (Ai)软件的推荐配置: 操作系统: Windows 10(64-bit) 或者 macOS X v10.13 处理器: 多核 Intel 处理器 (64 位支持) https://www.163.com/dy/article/I38KBM1305562YUX.html
21.AI绘画入门教程(全网最详细)从零基础入门到精通,看完这一篇就够了!02 AI绘画基础+速成+进阶使用教程 AI 绘画工具的部署安装 以下主要介绍三种部署安装方式:云端部署、本地部署、本机安装,各有优缺点。当本机硬件条件支持的情况下,推荐本地部署,其它情况推荐云端方式。 1.云端部署 Stable Diffusion 通过Google Colab 进行云端部署,推荐将成熟的 Stable Diffusion Colab 项目复制到自己https://blog.csdn.net/z19981/article/details/142250091
22.AI绘画教程分享:教你如何文字生图的技巧~最后,大体敲定之后就是不停的加细节,调色彩,待差不多满意之后,再大批量生成。这就是AI绘画的好处,批量生产。哈哈~ 采样器详解(Sampling method) 趣闻屋用的SD版本,嵌入了20个采样器: 采样器的区别和使用场景: 1. Euler a Euler a 采样器是 Euler 采样器的一种变体,使用了一种不同的扩散器。相对于 Eulerhttps://www.360doc.cn/article/1080012955_1080012955.html
23.怎么用AI做喷溅效果?使用AI做喷溅效果的操作方法很多设计师会好奇应该怎样才能够用AI做喷溅效果呢?在我们进行设计的时候,喷溅效果能够带来更多样的图片风格。本期,模型云为您带来了使用AI做喷溅效果的操作方法,快来和我们一起看看吧! 使用AI做喷溅效果的操作方法 步骤一、怎么用AI做喷溅效果?创建一个新文档,应用矩形工具(M)画一个100px * 300px 的方框,在里面http://www.moxingyun.com/news/detail-jichu-1008800919.html
24.找到6个近期爆火的AI图像生成工具,附使用教程!丰富的模型和样式:AI绘画生成软件免费Runway ML Playground集成了多个机器学习模型和艺术样式,用户可以选择不同的模型和样式,实时预览效果,快速切换和尝试不同的创意风格。 即时反馈和调整:在Runway ML Playground中,用户可以实时预览自己的创作,随时调整参数和样式,让创作过程更加直观和灵活。 https://pixso.cn/designskills/ai-image-generation-tool/