PS一键快速完成「2.5D风格插画」

用户头像
深圳/手工艺人/7年前/2570浏览
PS一键快速完成「2.5D风格插画」
用户头像
Trebez

巧用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),键入以下数据(自由变换可以在忽略透视变形的情况下进行直观且易编辑的透视变换数据)后回车点击动作面板上的停止记录按钮:undefined命名动作为透视一顶面或其他。完成后依照此方法依次制作出透视一的左侧和右侧面。数据如下:

顶面数据:

左侧数据:

右侧数据:



效果图:


这般操作后我们就有了三个动作,点击「播放当前的动作」按钮就可以实现一键完成2.5D插画的透视图了。
最后对于透视二的数据如下,当然我们不局限于此,可以修改自由变换的数据来获得合适的透视角度~
顶侧数据:

左侧数据:

右侧数据:

总结


本文主要是利用ps工具的「动作」功能来进行宏录制,减少类似的重复操作,提高我们的工作效率。


完。





















21
举报
|
54
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】体育icon
拟物风质感写实UI卡片合集源文件
【新年UI图标】珠宝icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI通用设计素材1
智能家居中心 简约 UI设计组件库
我的钱包-UI界面设计-app
3D渐变流体抽象矢量UI背景图
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】积分icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI 登录界面设计模板包
科技医疗透明柜UI界面设计
【新年UI图标】旅行icon
新能源APP应用UIKit
钱包ui模板
【新年UI图标】30个图标
盲盒APP UI设计
新拟态风格 UI设计组件库
【新年UI图标】礼物/活动icon
高级感金属拟物 UI设计组件库
Security Camera UI kit
【新年UI图标】影音icon
你可能喜欢
大家都在看
登录注册