photoshop把一張照片嵌入進(jìn)去的簡(jiǎn)單介紹

一個(gè)效果有千萬(wàn)種實(shí)現的辦法，在這里只提供一個(gè)最簡(jiǎn)單的思路，教大家用PS做出這種有厚度的手機App界面效果。

最終效果圖：

以蘋(píng)果* S的尺寸為例。

步驟1、新建一個(gè)畫(huà)布尺寸為：* * 0*11* * ，然后保存，命名如：* S效果圖模板

步驟2、再新建一個(gè)畫(huà)布，命名為效果圖展現

尺寸隨意，可以大點(diǎn)，自己看情況吧。

步驟* 、將剛才保存的那個(gè)* S效果圖模板.psd拖到這個(gè)畫(huà)布中。

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

步驟* 、然后雙擊”* S效果圖模板”這個(gè)圖層。

這就是智能對象的好處。

跳到這個(gè)畫(huà)面后

拖入你想要做的界面：

圖片來(lái)自Dribbble：Dribbble – GIF for the Timeline App by Sergey Valiukh

然后保存：Command(Ctrl)+ S，關(guān)閉：Command(Ctrl)+ W

步驟* 、回到這個(gè)展示頁(yè)面

注：這兒忽略了一步，把剛才保存的圖層拖過(guò)來(lái)。同學(xué)們應該都懂吧 – -

復制一個(gè)圖層：

按住Option(Alt)+ 鼠標左鍵拖動(dòng)圖層往下拽，或者Command(Ctrl)+J，選下面的一個(gè)圖層，雙擊圖層進(jìn)入圖層樣式，選擇斜面和浮雕，設置一下參數：

參數自行調整，其中，陰影角度* * °可隨大環(huán)境光線(xiàn)可根據情況自行調整，陰影模式透明度隨意，自己看情況調整。

步驟* 、然后，從第二個(gè)圖層開(kāi)始連續復制多個(gè)該圖層，每復制的一個(gè)圖層都在上一個(gè)圖層的下方，每復制一個(gè)圖層都往下移一個(gè)像素，按住option(Alt)+鼠標左鍵拖動(dòng)圖層往下拽，可使用鍵盤(pán)上的下方向鍵來(lái)控制。

然后，在最后一個(gè)圖層上設置一個(gè)投影

然后，在最后一個(gè)圖層上設置一個(gè)投影，參數自行解決。

最后調整下整體環(huán)境。

完工!

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

如需展示多個(gè)界面的效果，只要多拖進(jìn)幾次那個(gè)PSD，然后平面排好后，統一調整透視效果。

當然表現的手法很多，以上只是一種。

比如，也可以再建好的大畫(huà)布上，畫(huà)一個(gè)矩形的尺寸為* * 0×11* * ，然后轉成智能對象，再雙擊智能對象，進(jìn)入調整。

附上@正越升 同學(xué)的方法，原理相同，細節上處理更加豐富。

一個(gè)效果有千萬(wàn)種實(shí)現的辦法，在這里只提供一個(gè)最簡(jiǎn)單的思路，用PS純做。

一、扭曲旋轉

導入界面圖，然后編輯-扭曲，再旋轉，做到如下效果：

二、制作厚度

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

來(lái)了，狂按[Ctrl+Alt+Shift+T]，這是重復之前的變換操作，這樣就會(huì )復制出很多個(gè)圖層，每一個(gè)都在之前基礎上往上移動(dòng)一個(gè)像素。從而做出厚度效果。

三、改變亮度

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

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

四、陰影

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

總結：希望本教程對您有所幫助，非常感謝您的閱讀，祝您學(xué)習愉快!!

內容來(lái)自：知乎，作者：鄭越升。