Dribbble 上很多設計稿都是貼在傾斜的 iPhone 里，類似這種的展示效果是怎麼做的？

11-28

答案就在 Dribbble 上

提供一種直接Photoshop做的，很容易的一種，就用這張截圖了

1，建立一個畫布，將圖片拖進來，我的背景是直接放大後，然後加個高斯模糊，這樣色彩比較統一。
2、ctrl+T，斜切調整方向

3、ctrl+J將圖片複製，然後將圖片用鍵盤上的移動鍵向下、向右微調下，多複製幾層，這樣看起來會有種立體感

4、將上面的圖層編組,右鍵—混合選項—顏色疊加，再加個投影

5、將組內最上層圖片移動到組層上方就OK了

同樣的方法

Ps 裡面有個這個功能~認真調
任何捷徑或者素材也是別人自己做出來，
任何的效果，想辦法，多種途徑都能打成，繪畫能力好的就用PS，建模好的就渲染。條條馬路通羅馬。但用模板或者現成軟體只會讓自己的設計越做越窄。

用mockup就可以了，送給題注一個好網站，不光有手機的，各種雜誌/名片/光碟/T恤……甚至IWATCH等等都有哦，地址在這裡（非廣告）：

----------
修改為
Design Templates
--------------

感謝老師提醒。2013 10 16 22：32 MARK

個人平時用的比較多的是裡面的網站和T恤衫模板。
覺得有用請弱弱點個贊，謝謝哈（太不要face啦 (￣ε(#￣)☆╰╮(￣▽￣///)）

—————啊啊啊！果然收到了感謝……謝謝大家————————
——心有餘悸，給大家做一個教程吧……稍等……製作ing……—10.16 09:41 mark —

P.S.手機的做的太多了，我演示一個做POLO衫的好了，很簡單……

0943 首先打開下載好的模板（弱弱的說清保護版權哦）

0944把這個文件替換成所需要的LOGO

0946 瞬間感覺已經出來了有木有？（紋理來自穿透效果）

0947然後稍加修飾

還可以按照需要繼續修改各個部分的顏色

包括褲子、衣服、膚色等等（感謝原作者的精心設計呀）

最後就嗒嗒嗒了！

還有另外一種更好用的方法……回頭整理，先mark……

其他各種案例：

原來的答案有些久遠了，沒想到還能收到點贊，上來更新一下吧。
拋棄PS改用Sketch已經2-3年了，現在在Sketch上有一款實現這種效果的插件特別好用，Magic Mirror

***

對於實在不想打開修圖軟體的，我分享一個網站，直接上傳你的UI圖就好http://placeit.net/

上面有各種平板，手機的手握使用場景圖，拍攝質量都挺好，你只要把UI圖拖進去，就自動生成好帶角度的展示圖片

sketch 上有那個叫magic mirror 的插件

就首先你做出要展示的界面，然後準備好iPhone的素材，
然後用AI打開，把你做的界面蓋到iPhone的素材上，然後拉扯四個角對齊，稍微修飾下陰影就行了。
——我第一次見公司的美工這樣做枱曆的時候下巴都掉下來了——AI也太智能了吧！！！！

樓上各位所說的mock up的確是高效便捷！
學習受教了。
但樓上韓鵬推薦的網站，竟然還要用G點……才能下載。
作為一個正常的男性，我哪有那麼多G點。

所以，我介紹一下我之前做這類型產品的方法：3dmax。
當然maya，甚至scratchout都大丈夫。
（由於最近比較忙，就不做詳細的演示了，會用3dmax的同志應該都懂。）

過程很簡單，簡單主體模型+貼圖+背景布；燈光我個人一般用主光+補光+冷暖側光。
最後再選上自己想要的角度打上攝像機就可以了。
對渲染器更沒有什麼高級的要求，mentalray vray都可以。

這樣的好處是：
1、自由度高，模型的種類、數量、位置、拍攝角度可以任意調節。模型的很多細節可以自由修改。
2、效果逼真，遠比PS做出來的逼真這是不用說的啦~
3、環境氛圍容易營造：通過燈光和不同背景。

（圖片源於互聯網）

靜態的：首先還是我們正常的視覺稿是一樣的完成後，全選視覺稿轉換成智能模式。然後在放在一個自己準備好的傾斜素材當中。在youtube上面有一篇視頻教程專門講這個你可以去搜一搜 photoshop ui 關鍵詞

動態的，首先也是正著的動畫稿，然後合成一個動畫素材，在用變形特效變形合成。

總感覺那個得分高的沒回答怎麼操作

提供一個很簡單的方法：打開你的ps，選中你要改變的圖層，ctrl+t，右鍵變形。放到iphone模板裡面。然後就blablabla了~~~~
還可以自己在圖層-圖層樣式那邊，加上一些陰影什麼的，這樣效果會更加逼真
補充一個：玻璃效果可以用高斯模糊，這樣會更逼真

如果你想很簡單的效果。。打開powerpoint 2010 把這張圖複製粘貼進一張幻燈片里雙擊圖片在上面工具欄的「圖片樣式」里有幾個可以用的模板。。。

當然只有幾種固定的角度和效果可以選擇。。如果你需要進行微調辦法就不多了。。。但是如果你只是想要一個傾斜的立體效果這個還可以湊合用一用

不對，我發現右鍵——設置圖片格式是可以更改三維旋轉的角度的。。

怎麼沒人用PS的3D功能？

這應該自己去創意的，其實這種陳列是一種保護措施，損失了原始圖的質量。