Photoshop如何做mock up模型(類似3D摺疊明信片)用來展示?

我有A4大小的圖片6張,是用來做公司手冊的(3張紙雙面)。

請專業的人(巴基斯坦兄弟)用photoshop做的,我有原始的psd文件。

他給我做的時候做了一個效果圖如下:(在他用英文的叫法是mock up)

現在由於psd中我做了一些圖片的修改,我想自己完成這樣的mock up。如何實現?

我想這個應該是涉及到3D功能,嘗試了一下用3D明信片旋轉,發現旋轉很難操作。。。

所以想請教一下大神們能否給一個詳細的指導。。非常感謝!


謝邀

哎總是有人愛以惡意揣測別人,願世界如你想像的般黑暗

早就想答一題關於Mockup的題了,今天終於有人邀請~

Mockup,也就是展示模版、樣機,廣泛應用於LOGO、名片、海報和UI等設計領域的效果展示

設計師的設計稿完成之後,打開Mockup,進入其中的智能圖層即可一鍵替換原有內容,無腦的操作和優質逼真的效果可以說是廣大畫圖狗的福音。

也有些同學私信我問我哪裡可以下載到優質的、免費的Mockup,今天只談如何製作,所以這事暫時擱一邊,後續會在我的專欄更新。

一、合適的素材

俗話說巧婦難為無米之炊,要做好的Mockup,首先肯定需要一個優質素材,這時候你可以選擇自己拍攝(當然了技術要求很高),再者就是上素材圖片網站找。這裡我上最常去的素材網站Free stock photos · Pexels搜blank frame,找了下面這張

二、構建內容

矩形選框工具大致填充出一個背景層。

右擊將該圖層轉化為智能圖層,自由變換將背景層透視稍作調整以適應畫框,並根據周圍環境添加陰影,最後添加一些雜色,模擬紙質感。

碼上一些字。

做到這裡將內容層和背景層打做一組

三、模擬反射層

一般情況下Mockup都帶有略強的反光效果,這是因為其中的樣機載體一般是畫框、名片和電子設備等,表面光滑,反射較強,所以做出反射層至關重要。

這裡我們可以觀察原圖的反射層

畫出或者提取出反射層內容,這裡我們找一張室內夜景圖

ctrl+shift+u去色之後卡色戒,盡量讓畫面只剩下高光部分。

高斯模糊(這裡的高斯模糊是為了讓高光部分輪廓羽化,從而減少卡色介過程中產生的鋸齒感,同時需要注意高斯模糊參數太高將會使表面的質感表現得更粗糙)

這時候剪貼蒙版鏈接上一步做好的組,並調整至合適大小,用魔棒選擇黑色部分同時添加蒙版並反相,擦除一些不必要部分。

注意這個場景的曝光和對比度較高,所以高光部分會蓋住內容層部分(參照原圖),所以該圖層的透明度保持百分百。(這麼做影響了內容表達,所以顯然在正經的Mockup中不會這麼做...)

這時候可以用圓形筆刷畫出兩個圓並調整透視,同時鏈接剪貼蒙版,並高斯模糊,這時候一個Mockup就做好了。

素材圖及PSD鏈接:鏈接:http://pan.baidu.com/s/1o8JTyjS 密碼:62po

最後歡迎添加我的個人微信:axiangps01與我交流


不需要3d吧,是因為有高光陰影等所以看起來。把要置換的內容放進去,之前的圖刪掉,因為肯定不是一層啊,上面還有圖層是陰影什麼的,你就把你的圖放在陰影下面,然後ctrlt斜射調整透視角度。新手,說錯了別噴我


這個自問自答沒什麼效果啊,我想不會做的人,大多數是想知道怎麼輕鬆便捷的達到效果吧?

去合大素材網搜樣機。

明信片樣機,logo樣機。具體的我就不多說了吧?懂得自然懂,打開psd雙擊智能對象,換圖,ctrl s


推薦閱讀:

PS文檔窗口左下角的文檔大小分別代表什麼?
如何用 Photoshop 做出這種迷幻效果?
Photoshop 里的漸變抖動是什麼意思?
都說學習 Photoshop 要學習其中的原理,那麼 Photoshop 工具的原理在哪學習?
PS通道摳出毛髮之後,放在別的背景裡面,邊緣應該怎麼修改才能和背景融合得更好?

TAG:AdobePhotoshop | 三維 | AdobePhotoshopCS6 | Photoshop使用技巧 | Ps教程 |