如何做出这种有厚度的 APP 界面图片?

[图片] 如图。厚度的地方还不是白色的,而是根据界面内容交相呼应的图案。
关注者
1,318
被浏览
50,537
登录后你可以
不限量看优质回答私信答主深度交流精彩内容一键收藏

一个效果有千万种实现的办法,在这里只提供一个最简单的思路,用ps纯做。

一、扭曲&旋转

导入界面图,然后编辑-扭曲,再旋转,做到如下效果:



二、制作厚度

这一步最关键,选中界面图层,[Ctrl+Alt+T],然后按一下方向键[↑],再按回车。这样就复制了一个图层,并且新的图层在原来基础上往上移动一个像素。

来了,狂按[Ctrl+Alt+Shift+T],这是重复之前的变换操作,这样就会复制出很多个图层,每一个都在之前基础上往上移动一个像素。从而做出厚度效果。

三、改变亮度

保留最上面那个图层,将其他所有界面的图层,合并成一个图层,命名为[厚度]。


然后选中[厚度]图层,使用矩形选框工具+[图像-调整-亮度对比度],对厚度的左边面和右边面分别进行降低亮度20和50处理。



四、阴影

复制[app]图层,改变图层顺序到[厚度]下面,然后使用[高斯模糊]+颜色叠加为黑色+改变不透明度为30%。完工!



=============================

当然,这种做法,厚度那里没有更多细节,如果想要楼主你给出的效果图那样,厚度也有光影细节的话,建议结合3d软件做。不过厚度那里颜色和app界面内容相呼应是做到了。

希望对你有帮助。