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键
拖拽上方的边—选择最上方三个点—单击上方工具栏“转换成尖角”—完成
如何用AI绘制2.5D插画我们都知道,现在很多Banner广告等都会采用2.5D等距插画来进行绘制,这种插画看起来十分舒服,并且能够根据设计师的技巧来进行各种搭配,下面教你如何用AI来绘制2.5D插画。
工具/材料
Adobeillustrator
01
打开电脑中的AI软件,按ctrl+n新建一张画布,画布的高宽随意。
02
创建完成之后,我们在左侧工具栏中选择“矩形工具”,以2.5D矩形绘制为例。
03
选择矩形工具之后,在画布中绘制一个矩形,按住shift可绘制正方形。
04
矩形绘制完成之后,在上方选项中点击“效果-3D-凸出和斜角”
05
进入3D面板,在位置选项中我们能够看到多种可进行选择的角度,一般来说我们都是选择等角,上下左右根据需求来选择。
06
例如我们选择等角-上方,选择之后勾选预览即可查看效果,调整凸出厚度,点击“确定”即可。
07
确定之后我们就快速绘制了一个2.5D基础形状,这个时候要进行扩展,选择“对象-扩展外观”
08
扩展外观之后,右键点击形状,点击“取消编组”,一直取消到没有编组存在即可。
09
编组完全取消之后,我们就能够针对形状的不同面进行调整处理,然后根据自己的想象,利用基础2.5D形状就能够来组合了。
【分享】03篇AffinityDesigner创建有趣的等轴测2.5D图形【点击回顾】01篇AffinityDesigner创建有趣的等轴测2.5D图形
【点击回顾】02篇AffinityDesigner创建有趣的等轴测2.5D图形
点击上面链接——查看往期内容
来!我们继续学习用AffinityDesigner绘制等轴测2.5D风格图形。
大家可以边看教程边操作,动手实践会增加对AffinityDesigner软件的掌握度。
打开顶层菜单>点击“视图”>_慊鳌巴窈椭峁芾砥鳌
勾选>显示网格>点击"高级">网格类型“等轴测”
其他细节比如网格间距、颜色等可以根据喜好自己设置。
①画一个椭圆形。在1.7.1版本的AffinityDesigner中,会有等轴测吸附。
②复制这个椭圆形,并改变颜色。
③将椭圆形转换为圈饼,绘制出一个圆环(红框标注的位置)
④一个圆环和一个椭圆绘制完毕。
使用钢笔工具,画出圆环和半个椭圆的路径(如下图)。要确保钢笔工具每个点,都接触到底层圆环和半个椭圆的边缘。重点在图形的边和角落;再次强调,确保钢笔工作的绘制,充分接触椭圆和圆环边缘。
选择钢笔工具新画的图形及椭圆形这两部分图形,使它们合并成一个新图形(如下图)。这一步,我们用的是几何工具里的“添加”。
为了让AffinityDesigner创建的等轴测2.5D图形更立体,更有趣,我们可以利用颜色的变化,做出渐变色。
接下来,选择圆环图层,将它的放在最顶层。
大功告成,我们一起完成了一个等轴测2.5D圆环。
①用图形工具,画一个长方形,颜色渐变。
②使用“拐角”工具,将图形的左上角的直角变成拐角。
③利用前面所学的知识,利用等测轴吸附工具以及启用平面等功能,使这个矩形对齐等测轴网格形成新的角度,并且复制它。
④钢笔工具,创建一个新的路径或者图形,来完成“图层合并”。记得使用几何工具里的“添加”功能,生产新的图形。
⑤把生成的新形状置于底层。
⑥最后,再次利用颜色渐变,将顶层图片颜色更改为更暗的阴影。
①金字塔形状,和其他形状操作方式不太相同。我们要在平面画一个菱形,在它的上面进行变化。
②金字塔形状绘制,核心就是图中标注的那条垂直线。
③可用钢笔工具绘制三角形。也可以“三角形工具”画出三角形后,利用“切变”、“等轴测平面编辑”等方式,画出与垂直线边缘完全重合的三角形。注意确保顶点、边缘与垂直线、菱形完全重合接触。在另一侧三角形重复此步骤。
④最后,再次利用颜色渐变,将右侧的三家形颜色更改为更暗的阴影。
等测轴2.5D的特殊形状,也可以根据我们前几篇内容所学,进行延伸。
触类旁通,结合前面所学内容,进行不同形状形状的创作。
注意:图形越复杂,就需要进行多次的图形添加和组合,就如(图2)所示。
结合前几篇的内容,大家可以尝试画上图。
AffinityDesigner软件Mac版和ipad版本操作方式不太一样,但是原理一样。大家也可以尝试。
大家有问题可以留言,让我们共同进步~
字体绘制也可以,初学者可以多考虑每个面颜色的区分!
下一期我就来讲讲2.5D等轴测风格的中英文字体!
2.5d插画网格-如何用AI绘制2.5D插画
或从窗口打开)—不勾选“对齐像素网格”—选择形状生成工具—连接同一面上的所有小三角形—分别填充颜色—选择“变换”工具(位于右侧,或从窗口打开)—不勾选“使新建像素网格变换对齐”
2.5d插画学校-如何用AI绘制2.5D插画
2.绘制2.5D图形 方法一:借助辅助网格绘制 实时上色工具:类似PS中的油漆桶,但只针对路径和路径之间的空间使用(位于形状生成器工具下方)(1)全选“辅助线图层1.0”中的所有辅助线—选择实时上色工具—选择一种填色—单击\/拖拉给网格之间的间隙上色 (2)全选“辅助线图层2.0”中的所有辅助线—对象—扩展...
如何做2.5d插画?Ai教程,2.5D摄像头插画教程
07确定之后我们就快速绘制了一个2.5D基础形状,这个时候要进行扩展,选择“对象-扩展外观”08扩展外观之后,右键点击形状,点击“取消编组”,一直取消到没有编组存在即可。09编组完全取消之后,我们就能够针对形状的不同面进行调整处理,然后根据自己的想象,利用基础2.5D形状就能够来组合了。Ai教程,2.5D...
ai如何画2.5d插画-如何用AI绘制2.5D插画
用小黑选择工具,框选全部参考线和形状,执行最上面工具栏中的对象—扩展,把弹出的对话框三个选项都勾选,点击确定,如下图;ai| 如何用AI绘制2.5D插画 我们都知道,现在很多Banner广告等都会采用2.5D等距插画来进行绘制,这种插画看起来十分舒服,并且能够根据设计师的技巧来进行各种搭配,下面教你如何用AI来...
ps画2.5d插画-用AI绘制2.5D插画
用AI绘制2.5D插画1.纪念碑谷风格原理:2.5D+悖论空间 2.2.5D与3D的区别:没有近大远小的透视关系 3.悖论空间:视错觉的一种(正负形也是视错觉的一种),如不可能三角 4.AI中实现2.5D的方法:(1)图形绘制(2)效果—3D效果 一、图形绘制的方法 1.制作辅助线 方法一:画一条垂直直线,...
插画设计特点-插画的7种风格
2.渐变插画。 渐变插画的特点是大量运用低饱和度的渐变手法,且在用色上一般采取近似色;其细节丰富而细腻、画面风格偏写实、视觉稳重大气,让画面很有视觉冲击力和层次感。其中,渐变插画里面又细分双色渐变、半透明渐变、网格渐变、渐变模糊等形式。 3.MBE插画 。这种插画风格的特点是:简洁、圆润和可爱,一般都带有特...
手绘插画的风格类型有哪些-插画的7种风格
9种常见插画风格的分类1、【肌理质感】 肌理质感风格的插画相比于噪点插画运用的肌理质感更加丰富,以笔刷的肌理变化与纸张的纹理质感互相结合,呈现出丰富的画面效果。 特点:色彩丰富,肌理质感层次强。 2、【描边风格】 在扁平或者肌理插画的基础上加上描边的处理,以线稿为主,上色方式保留简单的平涂或者肌理变化,保留...
简约时尚插画-插画艺术风格有哪些
矢量插画:矢量插画是矢量图中的一种,使用直线和曲线来描述图形,给人感觉会比较一种色彩碰撞的潮流感。2.5D风格:2.5D风格插画的立体和空间感都特别强,简单理解就是带有3D效果的二维画面。森系风格:森系风格的插画有着水彩透叠、唯美、小清晰、淡雅的特点,森系所代表的生活态度便是,崇尚自然、舒适、返璞...
插画都是矢量的么?
矢量图形是使用即直线和曲线来描绘图形的,借助矢量绘图软件如Illustrator、CorelDraw等,再掌握一些基本技巧,就能画出各种时尚人物插画。... 矢量与向量是数学上矢量(向量)分析的一种方法或概念,两者是同一概念,只是叫法不同,简单的定义是指既具有大小又具有方向的量。在电气领域主要用于分析交流电量,如电机分析,等,在...
矢量扁平插画-当代数字插画主要有哪些风格?
矢量插画:矢量插画是 矢量图 中的一种,使用直线和曲线来描述图形,给人感觉会比较一种色彩碰撞的潮流感。2.5D风格:2.5D风格插画的立体和空间感都特别强,简单理解就是带有3D效果的二维画面。森系风格:森系风格的插画有着水彩透叠、唯美、小清晰、淡雅的特点,森系所代表的生活态度便是,崇尚自然、舒适、...
书丁洛珂: ai网格工具教程分别介绍了ai网格工具怎么用的基本方法以及绘制花朵为案例介绍ai网格工具的应用. ai网格工具,主要是用来做比较复杂的填色.ai网格工具是Illustrator中最神奇的工具之一,它创造性的把贝赛尔曲线网格和渐变填充完美的结合...
梁山县15758841787: 十万火急!!!如何使用AI制作渐变网格! - ?
书丁洛珂: 选中你要修改的物件 按U切换到网格工具 在物件上单击即可增加网格 用直接选择工具选取不同的点可以改变其位置和颜色
梁山县15758841787: AI怎么画网格?在学网格设计,需要画网格排版 - ?
书丁洛珂: 选择你需要制作网格的封闭路径,然后选择网格工具,在封闭路径里点击就可以了.网格的使用主要是看经验,颜色怎样过度的自然都是时间问题.
梁山县15758841787: AI怎么制作这种网格螺旋图? - ?
书丁洛珂: 用混合工具 1. 画两个方块保持一定距离,一大一小 2. 用混合工具,分别点一下 3. 对象——混合——混合选项,选指定步数——输入值(想要多少填多少) 4. 画一条弧线,全选,对象——混合——替换混合轴 5. 旋转工具,按Alt点小方块一遍任意位置为旋转中心,输入旋转角度10°,点复制 6. Ctrl+D连续按 7. 祝你成功
梁山县15758841787: 在AI里如何设置网格的大小及数量我想在AI里画一个每个格子为5MM ,10行10列,求各高手讲解.急需,谢谢! - ?
书丁洛珂:[答案] 编辑——首选项——参考线和网格.把里面的参数想要变成什么样自己改下就好了,给分.
梁山县15758841787: 谁知道这种AI网格布线是怎么弄的吗? - ?
书丁洛珂: Ai在制作一些复杂的渐变时,就需要应用渐变网格,打开“对象--创建渐变网格”,即可对基本图形创建一个基本的渐变网格,然后在工具栏里选择“网格工具”,就可以进行网格的变换、添加或者删除网格、给网格上的点或者区域填充颜色等操作,最终完成有复杂渐变的图形制作.所以这个网格就是在创建了基本渐变网格,并用网格工具制作完成了图形后留下的.
梁山县15758841787: sos ai网格?
书丁洛珂: 你是用AI来绘网格吗?我的是AI CS5的版本,之前的版本,只要不是太老,都可以直接绘制网格的,以CS5为例,在工具栏的“直线线工具”上按住鼠标不放,弹出的工具中就有矩形网格工具了! 可以先双击矩形网格工具进行设置,如宽和高,以及水平垂直的分隔数!也可以直接拖动,其中按住Shift键拖动绘制的话,就是标准的矩形网格!
梁山县15758841787: 有高手来具体说下 AI的网格工具的用法吗?我用AI CS2 - ?
书丁洛珂: 网格工具的使用比较复杂,对于新人来讲的确有一定难度.但要作出一张好的图片不一定非得网格工具不可,使用普通的色块描摹也一样能取得不错的效果.比如下面的图片就是敝人的作品,最多只用了渐变,网格只用了一小块,但最后的效果也是不错的. 有问题可以直接在百度HI上问我,最近不用QQ. 想看原图可以上我空间相册去看: 我在国内还没看见过能把网格用得特别好的……看来这个问题有点麻烦了呵呵. 个人虽然也不会用,但多少还是给你点建议吧: 先仔细研究色彩结构关系,比如是弧形过度?直线过渡?如果颜色比较乱就选出主色调,然后按照这个颜色结构来决定外框形状.不要只根据物体本身的形状来画轮廓,那样网格里面的线条也会变得乱七八糟,画起来就辛苦了. ..
梁山县15758841787: AI软件里的网格工具怎么用?看到别人的图片有用网格拉渐变.怎么使用呢? - ?
书丁洛珂: 楼上的方法应该做不出图上的效果吧,填充径向渐变的物体只能扩展,不能扩展外观,扩展后也是十字网格,并不是图上的网格. 图上的网格应该是绘制圆形,填充单色,执行菜单“对象/创建渐变网格”,4X4的等比例网格,然后用套索选中节点填充颜色.
梁山县15758841787: 这个用AI怎么做 - ?
书丁洛珂: ctrl+alt+shift+d 【进行分别变换,然后复制】 复制出来1个的时候,直接长按ctrl+D;重复你分别变换的动作.