优艾设计网

UI设计,设计有立体感的手机APP UI展示模板

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:ygnh789
本文是教你制作有厚度感和立体感觉的UI展示模板,虽然一般这种效果用3D软件做比较好,但是并不是所有设计爱好者都会用,而且有些展示效果要求可能不需要那么高,所以我们今天就简单用PS来打造这种效果。

 

下面我们ctrl+t然后右键选择斜切,拖动锚点将另一边重合

 

UI设计,设计有立体感的手机APP UI展示模板

UI设计,设计有立体感的手机APP UI展示模板

然后将另一点也拖动使上面的边重合,然后我们继续调整这两点将自己的图片与画好的形状完全重合

(斜切时一定要向同一个方向切,不要乱拉鼠标,既难操作又容易变形严重)

 

UI设计,设计有立体感的手机APP UI展示模板

UI设计,设计有立体感的手机APP UI展示模板

 

切好后回车得到我们的图片,然后将该层复制一层,并将复制好的层下移一个像素即可

 

UI设计,设计有立体感的手机APP UI展示模板

按照同样的步骤,都是复制新的图层,然后将新的图层下移一个像素,我们这里复制了四层,这样图片就看起来有了厚度感

 

UI设计,设计有立体感的手机APP UI展示模板

下面我们要为它增加阴影来制造空间立体感

选择第一个图层,也就是最上面的界面图层,双击打开图层样式,为它添加一个距离和大小为20的投影,不透明度选择50%

 

 

UI设计,设计有立体感的手机APP UI展示模板

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消