查看原文
其他

错峰拜年,如何做出2.5D灯笼 #Ai05

小柳绿 一周进步 2019-07-31

点击上面△蓝字,关注置顶后回复关键词【一周】

可以领取今日份小礼物哦


Hello,大家好。

我是小柳绿~


现在的设计环境中,风格多种多样。

一个优秀的平面设计师不仅要做出好看的平面作品,还要力求在平面中做出立体感。


我们今天来看一下这样简单的2.5D风格是如何通过简单的平面图形做出来的吧。



提到2.5D的这种设计形式就不得不提出一个基础概念—轴测投影。



等轴测投影,即按照透视法缩短的三个坐标轴的缩放系数是相等的,而且任意两个坐标轴之间的角度都是120度。

画面元素的内角不是60度就是120度


2.5D从理论上来说是基于等轴侧投影将平面的元素旋转到一定的角度并作为新的平面元素绘制出来,使观者可以看到画面的多个角度,结合光影来做出3D效果。


所以我们把这种画面称为“伪3D”或者“2.5D”


理论看上去有些复杂的样子,不过在ai中想要进行这样的画面设计实际的操作还是比较简单的。


下面就让我们来看一下如何制作2.5D的一个画面吧!


最开始我们是要先搭建一个辅助网格。

我们选中工具栏中的多边形工具,在画面空白出单击鼠标左键。



在弹出的窗口中的边数选项输入3,这样就会出现一个夹角为60度的等边三角形。


然后我们把三角形复制旋转,再增加一个垂直的竖线在两个在两个三角形之中。



形成一个这样的组合。接下来就是不断的复制组合成一个辅助网格。



这样我们制作2.5D图形的画板就出来了。


在这个网格上我们可以搭建任何我们想做的物体或者场景,2.5D的效果在这个网格的帮助下会变的十分简单有条理。


下面我们来搭建一个简单的立方体来看一下。


建立一个简单的矩形使它和我们之前建立的等边三角形长度一致,然后使用白箭头选中两个点偏移使矩形变成一个菱形和我们的网格重合。



选择菱形1.0版本右键进行对称操作,在弹出的窗口中选择复制。


然后把对称复制出来的菱形元素2.0版本按住shift拖动到旁边与网格重合。



复制菱形2.0旋转得到菱形3.0同样的与网格重合得到一个立方体框架。



基本的一个立方体的框架我们已经做出来了,接下来就是研究填充的颜色,这里会运用到一些光影的知识。



不同的光源角度下我们的物体所体现的明暗表现是不一样的,阴影也是根据光源的方向来决定位置的。


在同一个画面中,基本是只有一个光源点的,如果画面中的物体像上面的物体们一样各有各的阴影,那么这样的画面就是超现实的画面了哦。平时我们也可以多观察一下身边的物体,看一下他们的光影颜色是怎么改变的。


关于2.5D的基本知识我们已经认识的差不多了,接下来做一个简单的小物体来练练手吧!


在开始使用电脑之前,还有一个比较重要的步骤,就是整理自己的构思。


当我们心里已经有了一个想法之后,我们可以拿起纸和笔简单的画一下自己的想法,这对我们的设计操作来说是提高效率的好方法。



不需要太精准,只是对脑内的想法进行一个整合,上下图层的顺序在这个过程中都会变得清晰。


按照我们的草图,在刚刚做好的辅助网格中进行绘制啦。



现在所要做的事情就比较需要耐心,操作都是很简单的。

按照构思的画面,耐心的拼格子,使用白箭头进行元素大小的调整。



根据光影的黑白灰,我们现在得到的是一个没有颜色的灯笼。

马上就可以开始上颜色了!



我们在色板中调出web色板,这里的颜色从暖色到冷色都有明暗的选择,可以直接在web色板中进行挑选配色。



这就是大体上好颜色的灯笼啦,对颜色琢磨不定的同学可以先在旁边用小立方体做一下实验哦~


然后在灯笼上增加一些细节就成功的做出一个灯笼了哦~


平面的图案可以使用右键的倾斜功能做出调整贴合我们物体的角度。



调整好图案之后可以将图案对称复制,最后用混合模式来做出排列条纹。



把流苏部分复制出来和排列条纹剪切蒙版。



只需要把条纹放置在流苏位置之后就可以大功告成了。

一个2.5D的灯笼就这么做出来啦。



好的,今天的2.5D Ai教程指南就到此结束。


后台回复“大红灯笼高高挂”,领取灯笼源文件吧~比个心溜了~


更多阅读:

对不起,我把PPT的裁剪功能玩坏了

周瑜这个人。

最强佛系秘籍,不氪金如何成为养蛙大佬?




    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存