如何用AI绘制2.5D插画
我们都知道,现在很多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形状就能够来组合了。
-
用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摄像头插画教程
来个干货!2.5D摄像头插画教程。
在使用【椭圆工具】绘制一个圆在选择【3D凸出和斜角】,【位置】选择【等角-上方】。
选中凸出的柱体,选择【对象】-【扩展对象】,在将侧面所有的面进行合并,在对颜色进行调整。
选中圆柱按住【Alt】键移动在复制两个,在对大小和厚度进行调整。
在对圆柱体的侧面的颜色进行加深作为投影的部分。
在使用【文本工具】输入数字,在对文字进行转曲,在选择【对象】-【封套扭曲】-【用网格建立】,将列数选择2,在使用【直接选择工具】对锚点进行调整
在使用【矩形工具】在数字的上方在绘制一个小的矩形作为指针,在复制一层圆柱在调整大小和厚度。
在复制两层圆柱分别调整大小和侧面的颜色。
在复制一个侧面的弧面,在使用【矩形工具】绘制长条矩形,一个白色一个黑色连在一起。
在使用【魔棒工具】选中白色的矩形填充上的渐变色
在将所有的矩形编组,在使用侧面的弧面和矩形全选右键选择【建立剪切蒙版】。
(ctrl+shift+】 ctrl+7)
在将做好的次轮放在圆柱的侧面,在复制圆柱的形状在调整大小和厚度。
在复制一层圆柱调整大小在将顶部的面删除,在给底面和侧面填充上深一点的颜色。
在复制底面和侧面在一层一层的缩写,在将颜色一层一层的加深。
2.5D插画教程
今天就分享到这啦!
还有后续哦 !下次机身制作分享!
PS制作2.5D图标
案例:
步骤:
1、新建图层,起好名字,画一个大圆,用小白箭头分别对四个
锚点
按住shift+上下左右箭头进行调整
2、在图层样式中(双击空白处)调整渐变,对比不要太强烈。并且添加内发光(内发光中的阻塞,是调节程度的,如果嫌光不够亮可以调这个,但是一般用不到它),像素1-3个像素就可以了,不用太大。
如果觉得色彩还是不可以,可以调节色彩平衡,
色阶
等等,但是记得将下面的打组之后再用。
3、画两个圆(可以画 1:0.618 的
黄金分割比
的圆),画在两个图层中
调整圆的渐变,由纯白到蓝白,渐变十分柔和。
对大圆进行加锚点,去手柄,调整形状
4、给云朵建立阴影。这个时候不能直接用投影,因为云朵室友两个圆组成的,只针对一个圆做投影不可以,对两个圆做投影不自然。
解决办法:选中两个圆,ctrl+J(复制出来),再ctrl+E合并到一起,换颜色,移动到云朵下面可以当成阴影。
5、云的阴影是渐变的,添加
剪贴蒙版
,拉渐变,可得最终效果。
类似的可以做出以下图标
特别的:对于有多个圆角的(比如上面的钥匙)可以现在AI里面做,在粘贴复制到PS 当中。
点击联集--
按住ALT点击联集,会保持子路径!!
由AI软件做出的矢量图稿,粘贴于PS,如果选择智能对象,不能用PS的黑白箭头直接编辑。而双击智能对象的图层缩略图,AI软件会为其打开窗口进行编辑,编辑完ctrl+S保存,会于PS 文档里的智能对象同步更新。如果是粘贴到PS为形状图层的身份,最好先在AI里做扩展。
当变换形状的时候,形状身上的图层样式不跟随同步变化,例如渐变。解决办法:可以将形状图层转换为智能对象就可以同步变化了。