教你制作有厚度的APP界面立体展示效果图

经常在25学堂的官网设计群里面，有一些同学们问道：如何做出这种有厚度的APP界面图片立体展示效果图。其实，实现这样的APP展示效果图的办法有很多种。

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

下面是25学堂转载作者：郑越升的一篇干货教程，分享给大家学习。

第一步、扭曲&旋转

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

第二步、制作APP界面厚度

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

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

第三步、改变UI界面的亮度

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

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

第四步、阴影设置

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

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

希望对你有帮助。

以上内容来源：https://www.zhihu.com/question/37067855/answer/70477806