PS一键快速完成「2.5D风格插画」
巧用ps「动作」工具快速完成2.5D风格插画。
对于2.5D插画,大都知道是什么,在2019的设计潮流中,2.5D插画依然流行,本文将介绍一种较为快速地完成2.5D插画的方法供大家参考。
2.5D插画设计风格,已经越来越多的出现我们的UI设计中,H5动画、APP闪屏 、广告banner、ICON等等,那我们来看看2.5D到底是什么样的风格。
先简单介绍一下:
在设计网站键入关键词:2.5D ,出来结果如下:

2.5D插画应用范围较广,涵盖web端、移动端、平面物料等等,对于设计的过程我们可以进一步想办法快速地制作出来,提高工作效率。
网上现有几种方法:1.AI网格工具、3D效果等 2.ps/sketch等软件的角度变换。
本文基于ps变换角度的方法,用「动作」 工具进行快速制作。
制作步骤
1.首先打开 PS ,新建一个画板(利用画板可以方便地对元素进行对齐分割组合),尺寸不限。类似积木,首先对单个元素进行拆解分析,我们选用正方形进行操作:
完成效果图

提供常见的两种透视角度,先对「透视一」进行操作:
2.我们先对顶面进行操作,选择正方形,并打开「动作窗口」,点击新建记录当前区间内操作

并执行自由变换(mac:command+t win:ctrl+t),键入以下数据(自由变换可以在忽略透视变形的情况下进行直观且易编辑的透视变换数据)后回车点击动作面板上的停止记录按钮:
命名动作为透视一顶面或其他。完成后依照此方法依次制作出透视一的左侧和右侧面。数据如下:
顶面数据:
左侧数据:
右侧数据:
效果图:

这般操作后我们就有了三个动作,点击「播放当前的动作」按钮就可以实现一键完成2.5D插画的透视图了。
最后对于透视二的数据如下,当然我们不局限于此,可以修改自由变换的数据来获得合适的透视角度~
顶侧数据:
左侧数据:
右侧数据:
总结
本文主要是利用ps工具的「动作」功能来进行宏录制,减少类似的重复操作,提高我们的工作效率。
完。



































