聯成電腦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選擇【濾鏡→模糊→動態模糊】

 
Step15使用【漸層工具】於背景圖層繪製45度的線性漸層
 
  
Step16選擇剛才step14中已動態模糊的圖層，點選下圖紅色框起來處的圖層混合模式，選擇加亮顏色，步驟到這裡光源的效果就更突出了，可拷貝多個此圖層，使光源更為鮮明



Step17新增一個空白圖層，置於手機圖層的下方，使用【筆刷工具】，調整筆刷尺寸為180左右，並將筆刷的硬度設為0%，繪製如下圖的白色光源


Step18將此光源的圖層的混合模式設為「加亮顏色」
   

Step19
① 選擇S型的光源(按Ctrl鍵便可複選S光源的2個圖層)，按Ctrl+T(任意變型)旋轉至任意適當位置，主要是要使畫面平衡啦！變型完成按enter
  

② Ctrl+E合併這2個圖層


Step20最後最後！
選擇圖層混合模式為覆蓋，如覆蓋後光源效果不鮮明，可拷貝多個此圖層
 類似這樣的光源在Adobe After Effects軟體中很常見，不過只要善用Photoshop中的【圖層混合模式】與【濾鏡→扭曲】選項也調整出類似的效果喔！
光是光源的做法Photoshop就還有很多招喔！
圖片來源：網路資料