聯成電腦Amber老師專欄：用Photoshop製作光源(二)動態的3D光源－聯成電腦-讓你價值連城

作者：Amber老師

本文轉載自聯成電腦技術論壇「用Photoshop製作光源(二)動態的3D光源」，歡迎點選連結，前往Amber老師版與講師互動。

看到3C產品或女性保養品廣告中常會有的類似動態光源效果，看似立體的發光體，photoshop輕易的就可以完成，只要商品加上超酷的光源效果，產品主角即刻便會亮起來，快動手試試吧！

Step1
開新檔案→將寬、高各設為900像素，解析度設為72像素/英寸

Step2
①將背景填滿為黑色(或按Ctrl+I使背景色呈現為黑色)
②使用檔案→置入，置入一個手機去背的檔案
置入檔案下載路徑→ http://www.amber.url.tw/blog/htc.psd
或自行拍攝
③將手機放置於畫面中樣央，可使用Ctrl+T將手機放縮放至想呈現的大小位置
※記得喔！縮放時請按著鍵盤的shift鍵方可等比縮放

Step3
新增空白圖層

Step4
選擇【漸層工具】，開啟漸層編輯器，將漸層色設為中間白色，左右兩邊的白色逐漸淡出

Step5
於新增的圖層中按鍵盤shift鍵，往左至右水平拖曳大約一公分的距離，使畫面呈現一條細的垂直漸層線，如下圖

Step6
選擇【濾鏡→扭曲→傾斜效果】，調整下圖紅色線條圈起來處的傾斜彎度，完後按確定

Step7
拷貝剛才繪製第一條光線的圖層

Step8
按鍵盤Ctrl+T(變型)，然後滑鼠放在變形的範圍內按右鍵，選擇【扭曲】

控制下圖圈起來處的四個角的控制點，使光源呈現C型，確定變形後按enter
Step9
選擇另一道光線的圖層，按照Step8的步驟，將扭曲的變型控制點拉置如下圖般的s曲線，曲線確定後按鍵盤enter

Step10
① 選擇第一道光源(c型光源)的圖層
② 點選【增加圖層遮色片】下圖紅色框起來處
③ 將前景色設為黑色選擇【筆刷工具】並將筆刷硬度調整為100%，於遮色片上繪製光源要遮掉的位置，使光源像繞著手機轉的感覺

Step11
拷貝S型光源圖層

Step12
選擇【濾鏡→模糊→動態模糊】，調整動態模糊”角度”與”間距”

Step13
拷貝手機圖層

Step14
選擇【濾鏡→模糊→動態模糊】