讓甲方過稿,一半在口才,一半在包裝。想學會高大上地展示你的APP作品?來看今天這篇教程!教程不難,@ETESY 提供的方法中,操作步驟更為詳細,@正越升 同學的細節處理更為豐富,各有長處,新手可以都練一遍,來收!
@ETESY :假設,你要做一個5S的尺寸的效果展現圖。
步驟:
1、新建一個畫布尺寸為:640*1136,然後儲存,命名如:5S效果圖模板
2、再新建一個畫布,命名如:效果圖展現
2、再新建一個畫布,命名如:效果圖展現
尺寸隨意,可以大點,自己看情況吧。
3、將剛才儲存的那個5S效果圖模板.psd拖到這個畫布中。
Ctrl+T變換到合適的尺寸,傾斜到合適的透視效果。
4、然後雙擊”5S效果圖模板”這個圖層。
這就是智慧物件的好處。
跳到這個畫面後
拖入你想要做的介面:
圖片來自Dribbble:Dribbble – GIF for the Timeline App by Sergey Valiukh
然後儲存:Command(Ctrl)+ S,關閉:Command(Ctrl)+ W
5、回到這個展示頁面
注:這兒忽略了一步,把剛才儲存的圖層拖過來。同學們應該都懂吧 – –
複製一個圖層:
按住Option(Alt)+ 滑鼠左鍵拖動圖層往下拽,或者Command(Ctrl)+J,選下面的一個圖層,雙擊圖層進入圖層樣式,選擇斜面和浮雕,設定一下引數:
引數自行調整,其中,陰影角度45°可隨大環境光線可根據情況自行調整,陰影模式透明度隨意,自己看情況調整。
6、然後,從第二個圖層開始連續複製多個該圖層,每複製的一個圖層都在上一個圖層的下方,每複製一個圖層都往下移一個畫素,按住option(Alt)+滑鼠左鍵拖動圖層往下拽,可使用鍵盤上的下方向鍵來控制。
然後,在最後一個圖層上設定一個投影
然後,在最後一個圖層上設定一個投影,引數自行解決。
最後調整下整體環境。
完工!
以上的好處便是使用了智慧物件,它可以讓你想展示的介面可以隨意替換。
如需展示多個介面的效果,只要多拖進幾次那個PSD,然後平面排好後,統一調整透視效果。
當然表現的手法很多,以上只是一種。
比如,也可以再建好的大畫布上,畫一個矩形的尺寸為640×1136,然後轉成智慧物件,再雙擊智慧物件,進入調整。
附上@正越升 同學的方法,原理相同,細節上處理更加豐富。
一個效果有千萬種實現的辦法,在這裡只提供一個最簡單的思路,用PS純做。
一、扭曲&旋轉
匯入介面圖,然後編輯-扭曲,再旋轉,做到如下效果:
二、製作厚度
這一步最關鍵,選中介面圖層,[Ctrl+Alt+T],然後按一下方向鍵[↑],再按回車。這樣就複製了一個圖層,並且新的圖層在原來基礎上往上移動一個畫素。
來了,狂按[Ctrl+Alt+Shift+T],這是重複之前的變換操作,這樣就會複製出很多個圖層,每一個都在之前基礎上往上移動一個畫素。從而做出厚度效果。
三、改變亮度
保留最上面那個圖層,將其他所有介面的圖層,合併成一個圖層,命名為[厚度]。
然後選中[厚度]圖層,使用矩形選框工具+[影像-調整-亮度對比度],對厚度的左邊面和右邊面分別進行降低亮度20和50處理。
四、陰影
複製[app]圖層,改變圖層順序到[厚度]下面,然後使用[高斯模糊]+顏色疊加為黑色+改變不透明度為30%。完工!