当前位置: 首页 > 鼠绘专区 > 插画教程 > 正文

AI绘制立体积木搭建的城市交通插画图片

各位爱学习的同学,这次分享一个2.5D插画的教程,希望在看了这篇文章之后,各位无论工作中还是学习中都可以去尝试些新的东西。

这次分享一个2.5D插画的教程,主题是关于咱们学UI的。希望在看了这篇文章之后,各位无论工作中还是学习中都可以去尝试些新的东西。不被吐糟设计没有新意巴拉巴拉,还有希望各位同学在临摹的基础之上可以有更多的创意,因为一旦有了创意并被认可,你会记忆犹新。甚至迈入一个新的阶段。

完成这幅插画需要掌握的工具有PS和AI即可,工具就是那些,PS中的基本的一些工具操作AI中的3D工具。还是要靠脑子想画面然后用工具去表现。

AI绘制立体积木搭建的城市交通插画图片

1.这种插画就像堆积木一样,我们最先搭建最大的主体部分。因为插画颜色特性在搭建之前,先新建一个画板,尺寸1920像素宽,高度800像素左右即可,分辨率72。数值与效果如下图:

AI绘制立体积木搭建的城市交通插画图片

AI绘制立体积木搭建的城市交通插画图片

加上主体之后,如下图

 

AI绘制立体积木搭建的城市交通插画图片

1.1 下面将详细讲解主体部分的实现手段,(因绘制过程中AI中的3D文件丢失,故接下来的讲解具体数值不准确,仅演示,数值可自定义)除主体外其它个例实现手段基本一致。

打开AI-新建空白画板,使用圆角矩形工具绘制圆角矩形。

 

AI绘制立体积木搭建的城市交通插画图片

 

1.2 在AI中使用直接选择工具(快捷键A)选中锚点,分批转换为直角,点击左上角转换,如图:

AI绘制立体积木搭建的城市交通插画图片

1.3 选择工具选中对象,执行效果-3D-凸出和斜角,如图:

AI绘制立体积木搭建的城市交通插画图片

 

1.4 选择工具选中对象,执行对象-扩展外观,并完全取消编组(可能需要执行多次)。接下来Ctrl+C复制至PS中Ctrl+V粘贴为形状图层,可编辑,不必在意颜色。如下图:

AI绘制立体积木搭建的城市交通插画图片

1.5 使用快捷键A,路径选择工具可选中单个面的所有锚点,选中之后使用快捷键Ctrl+Shift+J可提取单个面至单独图层(多出来的背面看不到的面也可删掉),这样就实现了可单个面上色。颜色还需要自己把握,自己发挥吧~

如下图使用渐变填充后的基座,关于如何将图层另一边进行渐渐隐溶于背景相信有同学会有疑问。我习惯使用蒙版来进行操作,将图层或者组加上图层蒙版,选中蒙版,按快捷键G渐变工具调节至黑白线性渐变,然后在画面中主体图层拖动即可实现一端透明。后面部件大量使用,如图:

AI绘制立体积木搭建的城市交通插画图片

1.6 继续细化主体基座,复制一层主体顶盖并置于图层面板顶层,适当往上移动,这时会有两个顶盖。直接使用钢笔工具勾画形状,剪切蒙版于下层顶盖,下层顶盖不需要赋予渐变,绘制三个形状分别赋予不同颜色,使用颜色区分开各个角度不同的受光,丰富色彩,高光部分为底层顶盖本身颜色。

AI绘制立体积木搭建的城市交通插画图片

ps标签
上一篇: 设计扁平创意柠檬饮品插画图片的 下一篇: 绘制平面卡通风格小猪佩奇插画的

赞助商

本文标题:AI绘制立体积木搭建的城市交通插画图片
本文地址:https://www.pszxw.net/photoshop/3171.html