超贊！教你利用PS制作3D電影海報

@iCharlesChen Photoshop目前還不是一個成熟的3D圖形制作軟件，不能夠像其它3D軟件那樣完美自主的渲染出逼真的立體特效。不過，我們都知道PS是萬能的，這不意味著它不能制作3D圖！今天我們就通過合理地運用現有的特效，制作出一張絢麗的3D海報。

你或許好奇Photoshop怎么可以拿來制作3D效果呢？ 答案當然是可以的！ 我們為此精心準備了一個Photoshop教程，引導你單純地運用Photoshop技巧，來一步一步地制作一個3D電影海報。通過這個教程，你會學到如果把一張普通的電影海報制作為一張3D電影海報。

此教程是優設網翻茄匠@iCharlesChen為大家精心翻譯，教程很長，挺花時間的，小哥很用心也很細致，希望各位親愛的編輯同仁們轉載時保留出處，在此感謝。: ）

更多優秀海報設計教程專輯請戳我

電影海報修改前后效果圖，拿3D眼鏡來瞧瞧喲：）

第一步：

運行Photoshop，然后(ctrl + o) 打開海報圖片。

第二步：

為了讓圖片看起來更好和更有趣， 我們先來做些修改。先運行軟件eyeon Fusion（網上很容易就下到，因涉及版權，請大家自行下載）, 通過載入工具(loader tool) 把圖片導入。

第三步：

打開菜單 文件(File)> 設置 (Preferences)
然后，找到 幀格式 (Frame format) > 建立新檔案 (Create a new profile) > 命名為"Footloose Poster"（"渾身是勁的海報"），填入下面的參數：

寬度(Width) = 1349
高度(Height) = 2000
幀速率 （Frame rate） = 24

文件大?。‵ile size） = 16
（就是設置為與原圖同等的尺寸大?。?/p>

第四步：

為圖片添加一組3D文字，工具（Tools）>3D > 3D文字（Text 3D)
用Arial Black字體 輸入 "3D"

改變斜面深度(Bevel depth)設置為"0.1660819"。
在陰影設置里，也把顏色修改為：

紅(Red) = 0.6823529411765
綠(Green) = 0.5764705882353

藍(Blue) = 0.9411764705882
鏡面(specular)設置部分，

三種顏色都設置為 0.5686274509804。
鏡面反射強度（Specular Intensity）= 0.1052632

第五步：

為圖片添加一組射燈效果(Spot Light)，工具（Tools）>3D > 光源(Light) > 射燈 （Spot Light）。把這組射燈和剛才添加的3D文件連接在一起 （通過把兩者的 紅色輸出點 (Red Outputs) 連接在一起，以制作一個合成3D效果）, 然后移動到下面的坐標位置：

移動X（Translate X） = 1.08472
移動Y（Translate Y） = 0.9168134206591
移動Z（Translate Z） = 1.495973

旋轉X （Rotation X） = -21.25822
旋轉Y （Rotation Y） = 35.65326
旋轉Z （Rotation Z） = 4.348969

第六步：

添加一組平行光源 （Direction Light）, 工具（Tools）>3D > 光源(Light) > 平行光源（Direction Light）, 設置的強度（intensity）減少為 0.0497238。

第七步：

添加一組點光源（Point Light），工具（Tools）>3D > 光源(Light) > 點光源（Point Light），修改其設置中的強度為 0.55。

第八步：

添加一組環境光源（Ambient Light），工具（Tools）>3D > 光源(Light) >環境光源（Ambient Light），修改其設置中的強度為 0.0497238。

第九步：

添加3D相機工具（Camera 3D tool），工具（Tools）>3D >3D相機（Camera 3D），然后移動到下面的坐標位置：

移動X（Translate X） = 0.954627793541
移動Y（Translate Y） = 0.4419056094258
移動Z（Translate Z） = 1.53529

旋轉X （Rotation X） = -12.32788
旋轉Y （Rotation Y） = 29.839
旋轉Z （Rotation Z） = -6.02046

另外，設置焦距（Focal Length）參數為20。

第十步：

添加3D渲染，其設置中啟用光源（Lighting）和陰影(Shadows)效果。

第十一步：

添加變形工具（Transform tool），工具（Tools）>變形（Transform） >變形（Transform），居中X坐標（centre X）和居中Y坐標（centre Y）分辨設置為0.8435812813026 和 0.2271221779609。

變形大小設置為0.197583572621。
現在我們可以把原始的電影海報圖片放置到背景中，檢查一下效果是否合適。

第十二步：

調整好文字的位置和角度后，我們在流程圖(flow)中的變形工具（Transform Tool）之前，加入一個保護工具（Saver Tool）以進行渲染（Render）。

第十三步：

現在可以把剛才制作好的3D文字圖片導入到Photoshop中，放置于渾身是勁的海報圖層之上。

第十四步：

修改其圖層樣式為：

- 投影效果 （Drop shadow）

混合模式（Blend mode）：鑲嵌（Multiply），
不透明度（Opacity）：75%，
角度（Angle）：139度

距離（Distance），擴展（Spread）和大?。⊿ize）分別設置為5，0和5。

- 外發光效果（Outer Glow）

混合模式（Blend mode）：畫布（Screen），
不透明度（Opacity）：27%，
顏色（Color）： dbb8ff

第十五步：

添加一個文字圖層，加入文字"in"，設置字體為Arial，加粗，大小為100。
修改圖層樣式為：

- 投影效果 （Drop shadow）

混合模式（Blend mode）：畫布（Screen），
顏色（Color）： c093ff

角度（Angle）：139度
距離（Distance），擴展（Spread）和大?。⊿ize）分別設置為17，0和2。
- 斜面和浮雕效果（Bevel and Emboss）

樣式（Style）：內斜面（inner bevel）
方法（Technique）：平滑（smooth）
不透明度（Opacity）：27%，

顏色（Color）： dbb8ff

第十六步：

在文字"in"所在的圖層之下，新建一個色相/飽和度（Hue/Saturation）調整圖層（Adjustment Layer）。然后對3D文字所在的圖層進行遮罩（mask）處理，遮罩（mask）反向著色為黑色。
分別修改色相（Hue）, 飽和度（Saturation）和明度（Lightness）為-6，27和7。

第十七步：

在最上層添加另外一個曲線（Curves）調整圖層（Adjustment Layer），制作一個S形狀的曲線以提高圖像的對比度。

第十八步：

把全部的圖層進行合并（merge），然后對圖片增加銳化濾鏡，濾鏡（Filters）> 銳化（Sharpen）> 銳化（Sharpen）。

第十九步：

對這個圖層進行復制，然后分別命名為"左"和"右"。把最頂層的"右"圖層的不透明度降低為50%，再往右下方移動3px，順時針旋轉1度。這時候我們得到一個模糊的圖片效果。

第二十步：

重新把在最頂層的"右"圖層的不透明度調整回100。打開通道混合器，圖片（Image）> 調整（adjustment）> 通道混合器（Channel Mixer），把紅色的設置降低到0。這時候我們得到一個青色效果的圖片。

第二十一步：

現在把最頂圖層隱藏，然后選中最底部的圖層。
打開通道混合器，圖片（Image）> 調整（adjustment）> 通道混合器（Channel Mixer），修改輸出通道選項為藍色，把藍色的設置降低到0。然后再修改輸出通道選項為綠色，同樣把綠色的設置降低到0。這時候會得到一個偏紅色的圖片。

第二十二步：

現在重新把最頂層的"右"圖層顯示出來。
修改混合選項（Blending mode）為畫布（Screen）。

第二十三步：

最后對圖片進行裁切，去除邊緣的多余部分，然后我們就完成一張3D海報了。

最終效果

 
優設網 SDC翻茄匠：微博：@iCharlesChen
原文地址：slodive

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量47萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：