兩個方法作APP界面展現圖片

今天就教你們怎麼作出這種厚度的地方還不是白色的，而是根據界面內容交相呼應的圖案的APP界面展現圖片。

以蘋果5S的尺寸爲例。

步驟：

一、新建一個畫布尺寸爲：640*1136，而後保存，命名如：5S效果圖模板

二、再新建一個畫布，命名如：效果圖展示

二、再新建一個畫布，命名如：效果圖展示

尺寸隨意，能夠大點，本身看狀況吧。

三、將剛纔保存的那個5S效果圖模板.psd拖到這個畫布中。

Ctrl+T變換到合適的尺寸，傾斜到合適的透視效果。

四、而後雙擊」5S效果圖模板」這個圖層。

這就是智能對象的好處。

跳到這個畫面後

拖入你想要作的界面：

圖片來自Dribbble：Dribbble – GIF for the Timeline App by Sergey Valiukh

而後保存：Command（Ctrl）+ S，關閉：Command（Ctrl）+ W

五、回到這個展現頁面

注：這兒忽略了一步，把剛纔保存的圖層拖過來。同窗們應該都懂吧 – -

複製一個圖層：

按住Option（Alt）+ 鼠標左鍵拖動圖層往下拽，或者Command（Ctrl）+J，選下面的一個圖層，雙擊圖層進入圖層樣式，選擇斜面和浮雕，設置一下參數：

參數自行調整，其中，陰影角度45°可隨大環境光線可根據狀況自行調整，陰影模式透明度隨意，本身看狀況調整。

六、而後，從第二個圖層開始連續複製多個該圖層，每複製的一個圖層都在上一個圖層的下方，每複製一個圖層都往下移一個像素，按住option（Alt）+鼠標左鍵拖動圖層往下拽，可以使用鍵盤上的下方向鍵來控制。

而後，在最後一個圖層上設置一個投影

而後，在最後一個圖層上設置一個投影，參數自行解決。

最後調整下總體環境。

完工！

以上的好處即是使用了智能對象，它可讓你想展現的界面能夠隨意替換。

如需展現多個界面的效果，只要多拖進幾回那個PSD，而後平面排好後，統一調整透視效果。

固然表現的手法不少，以上只是一種。

好比，也能夠再建好的大畫布上，畫一個矩形的尺寸爲640×1136，而後轉成智能對象，再雙擊智能對象，進入調整。

 

 

 

附上@正越升 同窗的方法，原理相同，細節上處理更加豐富。

 

 

 

一個效果有千萬種實現的辦法，在這裏只提供一個最簡單的思路，用PS純作。

1、扭曲&旋轉

導入界面圖，而後編輯-扭曲，再旋轉，作到以下效果：

2、製做厚度

這一步最關鍵，選中界面圖層，[Ctrl+Alt+T]，而後按一下方向鍵[↑]，再按回車。這樣就複製了一個圖層，而且新的圖層在原來基礎上往上移動一個像素。

來了，狂按[Ctrl+Alt+Shift+T]，這是重複以前的變換操做，這樣就會複製出不少個圖層，每個都在以前基礎上往上移動一個像素。從而作出厚度效果。【？？？？？】

3、改變亮度

保留最上面那個圖層，將其餘全部界面的圖層，合併成一個圖層，命名爲[厚度]。

而後選中[厚度]圖層，使用矩形選框工具+[圖像-調整-亮度對比度]，對厚度的左邊面和右邊面分別進行下降亮度20和50處理。

4、陰影

複製[app]圖層，改變圖層順序到[厚度]下面，而後使用[高斯模糊30%]+顏色疊加爲黑色+改變不透明度爲30%。完工！

本教程完！

 

 

個人：