經(jīng)常在25學(xué)堂的官網(wǎng)設(shè)計群里面，有一些同學(xué)們問道：如何做出這種有厚度的APP界面圖片立體展示效果圖。其實(shí)，實(shí)現(xiàn)這樣的APP展示效果圖的辦法有很多種。

也就是說一個效果有千萬種實(shí)現(xiàn)的辦法，在這里只提供一個最簡單的思路，用ps純做。

下面是25學(xué)堂轉(zhuǎn)載作者：鄭越升的一篇干貨教程，分享給大家學(xué)習(xí)。

第一步、扭曲&旋轉(zhuǎn)

導(dǎo)入界面圖，然后編輯-扭曲，再旋轉(zhuǎn)，做到如下效果：

???

第二步、制作APP界面厚度

這一步最關(guān)鍵，選中界面圖層，[Ctrl+Alt+T]，然后按一下方向鍵[↑]，再按回車。這樣就復(fù)制了一個圖層，并且新的圖層在原來基礎(chǔ)上往上移動一個像素。

來了，狂按[Ctrl+Alt+Shift+T]，這是重復(fù)之前的變換操作，這樣就會復(fù)制出很多個圖層，每一個都在之前基礎(chǔ)上往上移動一個像素。從而做出厚度效果。

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

保留最上面那個圖層，將其他所有界面的圖層，合并成一個圖層，命名為[厚度]。

然后選中[厚度]圖層，使用矩形選框工具+[圖像-調(diào)整-亮度對比度]，對厚度的左邊面和右邊面分別進(jìn)行降低亮度20和50處理。

?

第四步、陰影設(shè)置

復(fù)制[app]圖層，改變圖層順序到[厚度]下面，然后使用[高斯模糊]+顏色疊加為黑色+改變不透明度為30%。完工！

當(dāng)然，這種做法，厚度那里沒有更多細(xì)節(jié)，如果想要樓主你給出的效果圖那樣，厚度也有光影細(xì)節(jié)的話，建議結(jié)合3d軟件做。不過厚度那里顏色和app界面內(nèi)容相呼應(yīng)是做到了。

希望對你有幫助。

以上內(nèi)容來源：https://www.zhihu.com/question/37067855/answer/70477806