看完你就会,一个小教程玩转2.5D透视大解析。

用户头像
北京/平面设计师/4年前/846浏览
看完你就会,一个小教程玩转2.5D透视大解析。

每天学习一点点之第二篇

北瓜距离今年小目标50篇还剩48篇


昨天跟大家说的小教程。

瓜瓜今儿个就给大家安排上,大伙只要把这个不同角度的透视学会了(超级简单),小小2.5D随便拿捏手心中,大纲如下:



1,怎么做又怎么做创意。
2,Ai凸出功能之技巧篇。
3,透视大解析之必须拿捏“它”。
4,2.5D之超级辅助工具。


 01.  怎么做?又怎么做创意?


什么软件能做出2.5D效果?


大家都知道,我们设计师接触最多的软件是什么?Ps、Ai、Sketch,没错就是下面这三位设计界的扛把子





可以把2.5D理解成一个立方体积木,我们用一个绘图软件来画“它”,岂不是轻轻松松就拿捏了?

敲黑板敲黑板,难点不在于你画几个、几十个、几百个立方体,而是你做出来的东西是有创意的。





那怎么去做创意呢?肯定是借鉴+创新。


要多看,多去Dribbble、Behance、Pinterest、Zcool设计网站看优秀的作品,学会欣赏与提高审美(别人教不了你的),学会把作品保存下来做参考(别人帮不了你的),学会做临摹和练习,练习的过程中要去做融会贯通。






如上图所示网页和三维作品:


我们可以在同风格不同类型的设计中去寻找灵感,比如要用Sketch画一个弯曲的2.5D立方体通道,那么我们可以借鉴三维黄色、绿色扭曲的柱子,那你是不是非常清楚的知道造型、光影是怎么画的呢。

对于这些可复用的基础造型,只需要多做练习熟悉熟悉,脑海里自然而然就会了。



02.  Ai凸出功能之技巧篇



2.5D原理:它是一种等角视轴,也就是说透视视角都是平行的,不会相交。


在这里我讲一个对新手很友好的技巧,那就是第一个立方体造型用Ai的3D功能去做效果,这样准确度和效率会快很多。




具体操作:打开Ai-画出一个正方形-点击效果-3D-凸出和斜角-等角上方。



 03.  透视大解析之必须拿捏“它” 



一般来说,我们采用60度的夹角去做透视效果,这样做起来像素点会比较精确,下方是我做的视觉角度,大家可以感受下。




接下来我讲下关于旋转和斜切的透视方法,其实道理也是特别简单易懂。

效果1:选中卡片,斜切角度改成30度。




效果2:选中卡片,斜切角度改成-30度。






效果3:选中卡片,斜切角度改成30度,旋转角度改成30度。





效果4:选中卡片,斜切角度改成-30度,旋转角度改成-30度。





效果5:选中卡片,斜切角度改成30度,旋转角度改成-30度。





效果6:选中卡片,斜切角度改成-30度,旋转角度改成30度。






04.  2.5D之超级辅助工具 



这个超级辅助工具就是瓜瓜自己画的2.5D视角辅助线。


一个可以让你节省画参考线时间、节省Ai做凸出时间、节省斜切旋转时间的超级工具。我分别制作了一份Sketch源文件和一张图片,方便Ps和Ai软件的同学使用。











6
阅读原文
|
Report
|
3
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in