如何设计2.5D插画,Pixso斜切插件一键搞定

用户头像
北京/设计爱好者/4年前/294浏览
如何设计2.5D插画,Pixso斜切插件一键搞定

Pixso重磅推出斜切插件功能,让设计师可以快速创建2.5D插画和3D设计,让设计的画面更具立体感

Pixso重磅推出斜切插件功能,让设计师可以快速创建2.5D插画和3D设计,让设计的画面更具立体感,是不是开始期待了呢?废话不多说,一起来看看!

01 新建一个画布

新建一个画布,大小为1920X1080像素,然后填充背景色为弥散光背景。


02 输入“DESIGN”

输入“DESIGN”,注意请选择笔画粗的字体,把字母进行轮廓描边。通过创建轮廓,可以把字母变成矢量图形,方便后续进行变换。我们可以把字母进行稍稍拉长处理,这样经过斜切变换后会更具立体感。

03 使用创建蒙版工具

使用创建蒙版工具,把 “DESIGN”平均分为上下两部分。蒙版可以显示或隐藏图层或对象的特定部分。点击蒙版图标,可针对当前所选创建蒙版。

填充上部分颜色为#FFEFF4,下部分颜色为#FBDEE7。拷贝上半部分作为投影,填充色为#3F3F3F。

04 借助斜切工具进行角度处理

斜切插件使用起来非常简单,选中待转换的图层,分别调整插件面板「水平方向」和「垂直方向」的参数,可以实时预览转换后的效果。完成调整后,点击右下角的「应用」,即可将调整得到的效果应用到图层上。投影部分和下部分设置为水平方向20°;上部分设置为水平方向-20°。

05 进行字母拼合

把三个部分的字母进行拼合,投影移至最底层。调整投影部分的高斯模糊程度为15。

06 把字母旋转

把所有字母旋转20度,使折叠效果的字母与右下方的弥散光走势一致。到这里就大功告成了!

怎么样,是不是简单易懂,如何设计2.5D插画,Pixso斜切插件一键搞定,你学会了吗?

斜切可以让元素在版面中有一种自然的张力,打破了分布均匀的平衡,从而吸引用户的注意力。充满创意的你,赶快打开Pixso试试这个插件吧!

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