2.5d插画网格-如何用AI绘制2.5D插画

1.

纪念碑谷

风格原理:2.5D+悖论空间

2.2.5D与3D的区别:

没有近大远小的透视关系

3.悖论空间:视错觉的一种(正负形也是视错觉的一种),如

不可能三角

4.AI中实现2.5D的方法:

(1)图形绘制(2)效果―3D效果

一、 图形绘制的方法

1. 制作辅助线

方法一:画一条垂直直线,复制―复制―……―水平分布对齐―新建“辅助线图层1.0”―Ctrl+G所有辅助线编组―双击旋转按钮―输入角度60°―勾选“预览”―点击复制―选择复制出的辅助线―再次旋转60°―点击复制―锁定辅助线图层,新建图形绘制图层―选择钢笔工具―在辅助线的交点上单击即可绘制图形

方法二:新建图层“辅助线图层2.0”―选择多边形工具―绘制一个

正三角形

―选择镜像工具(位于旋转工具下方)―单击三角形最上方的顶点―按住Alt+

Shift键

拖拽复制出一个镜像的三角形―使用钢笔工具在两个三角形之间画一条水平直线―三角形设置无填充―全选所有形状―按住Shift键旋转90°―Ctrl/Command+Y调整交点完全对齐―无法对齐时:选择“变换”工具(位于右侧,或从窗口打开)―不勾选“对齐像素网格”― Ctrl/Command+Y―编组―缩小后拖拽至色板面板中使其变图案―删除绘制图形―插入矩形―填充选择色板中的图案―Ctrl/Command+K―不勾选“变换图案拼贴”(改变矩形大小时:内部图案大小不变,数量增减)―调整矩形大小(依据所要绘制的图形大小调整)―Ctrl/Command+K―勾选“变换图案拼贴”(改变矩形大小时:内部图案数量不变,大小增减)―缩小网格(使编辑区域变小,占用内存较小)

2. 绘制2.5D图形

方法一:借助辅助网格绘制

实时上色工具:类似PS中的油漆桶,但只针对路径和路径之间的空间使用(位于形状生成器工具下方)

(1) 全选“辅助线图层1.0”中的所有辅助线―选择实时上色工具―选择一种填色―单击/拖拉给网格之间的间隙上色

(2) 全选“辅助线图层2.0”中的所有辅助线―对象―扩展(×2)―取消编组(×2)―右键―释放剪切蒙版―全选所有辅助线―视图―隐藏边缘―选择实时上色工具―选择一种填色―单击/拖拉给网格之间的间隙上色

(3) 只选择上色后的图形的方法:选择网格―对象―扩展―视图―显示边缘―取消编组(×2)―拖拽出上色后的图形―选择“变换”工具(位于右侧,或从窗口打开)―不勾选“对齐像素网格”―选择形状生成工具―连接同一面上的所有小三角形―分别填充颜色―选择“变换”工具(位于右侧,或从窗口打开)―不勾选“使新建像素网格变换对齐”

方法二:使用3D效果绘制(考验空间把握能力)

新建形状―效果―3D―凸出和斜角―位置选择“等角上方”―设置凸出厚度―修改颜色的方法:对象―扩展外观―取消编组(×2)―视图―显示边缘―用白箭头把多余的线删掉

*画尖顶门的方法:画一个矩形―选择钢笔工具―按住

Alt键

拖拽上方的边―选择最上方三个点―单击上方工具栏“转换成尖角”―完成

我们都知道,现在很多Banner广告等都会采用2.5D等距插画来进行绘制,这种插画看起来十分舒服,并且能够根据设计师的技巧来进行各种搭配,下面教你如何用AI来绘制2.5D插画。

工具/材料

Adobe illustrator

01

打开电脑中的AI软件,按ctrl+n新建一张画布,画布的高宽随意。

02

创建完成之后,我们在左侧工具栏中选择“矩形工具”,以2.5D矩形绘制为例。

03

选择矩形工具之后,在画布中绘制一个矩形,按住shift可绘制正方形。

04

矩形绘制完成之后,在上方选项中点击“效果-3D-凸出和斜角”

05

进入3D面板,在位置选项中我们能够看到多种可进行选择的角度,一般来说我们都是选择等角,上下左右根据需求来选择。

06

例如我们选择等角-上方,选择之后勾选预览即可查看效果,调整凸出厚度,点击“确定”即可。

07

确定之后我们就快速绘制了一个2.5D基础形状,这个时候要进行扩展,选择“对象-扩展外观”

08

扩展外观之后,右键点击形状,点击“取消编组”,一直取消到没有编组存在即可。

09

编组完全取消之后,我们就能够针对形状的不同面进行调整处理,然后根据自己的想象,利用基础2.5D形状就能够来组合了。

【点击回顾】01篇Affinity Designer创建有趣的等轴测2.5D图形

【点击回顾】02篇Affinity Designer创建有趣的等轴测2.5D图形

点击上面链接――查看往期内容

来!我们继续学习用Affinity Designer绘制等轴测2.5D风格图形。

大家可以边看教程边操作,动手实践会增加对Affinity Designer软件的掌握度。

打开顶层菜单 > 点击“视图” >  点击“网格和轴管理器”

勾选 > 显示网格 > 点击"高级" > 网格类型 “等轴测”

其他细节比如网格间距、颜色等可以根据喜好自己设置。

①画一个椭圆形。在1.7.1版本的Affinity Designer中,会有等轴测吸附。

② 复制这个椭圆形,并改变颜色。

③将椭圆形 转换为 圈饼,绘制出一个圆环(红框标注的位置)

④ 一个圆环和一个椭圆绘制完毕。

使用钢笔工具,画出圆环和半个椭圆的路径(如下图)。要确保钢笔工具每个点,都接触到底层圆环和半个椭圆的边缘。重点在图形的边和角落; 再次强调,确保钢笔工作的绘制,充分接触椭圆和圆环边缘。

选择 钢笔工具 新画的图形及椭圆形这两部分图形,使它们合并成一个新图形(如下图)。这一步,我们用的是几何工具里的“添加”。

为了让Affinity Designer创建的等轴测2.5D图形更立体,更有趣,我们可以利用颜色的变化,做出渐变色。

接下来,选择 圆环图层,将它的放在最顶层。

大功告成,我们一起完成了一个等轴测2.5D圆环。

① 用图形工具,画一个长方形,颜色渐变。

②使用“拐角”工具,将图形的左上角的直角变成拐角。

③利用前面所学的知识,利用等测轴吸附工具以及启用平面等功能,使这个矩形对齐等测轴网格形成新的角度,并且复制它。

④钢笔工具,创建一个新的路径或者图形,来完成“图层合并”。记得使用几何工具里的“ 添加” 功能,生产新的图形。

⑤把生成的新形状置于底层。

⑥最后,再次利用颜色渐变,将顶层图片颜色更改为更暗的阴影。

①金字塔形状,和其他形状操作方式不太相同。我们要在平面画一个菱形,在它的上面进行变化。

②金字塔形状绘制,核心就是图中标注的那条垂直线。

③可用钢笔工具绘制三角形。也可以“三角形工具”画出三角形后,利用“切变”、“等轴测平面编辑”等方式,画出与垂直线边缘完全重合的三角形。注意确保顶点、边缘与垂直线、菱形完全重合接触。在另一侧三角形重复此步骤。

④最后,再次利用颜色渐变,将右侧的三家形颜色更改为更暗的阴影。

等测轴2.5D的特殊形状,也可以根据我们前几篇内容所学,进行延伸。

触类旁通,结合前面所学内容,进行不同形状形状的创作。

注意:图形越复杂,就需要进行多次的图形添加和组合,就如(图2)所示。

结合前几篇的内容,大家可以尝试画上图。

Affinity Designer 软件 Mac版和ipad 版本操作方式不太一样,但是原理一样。大家也可以尝试。

大家有问题可以留言,让我们共同进步～

字体绘制也可以,初学者可以多考虑每个面颜色的区分!

下一期我就来讲讲2.5D等轴测风格的中英文字体!