2011年9月3日 星期六

Photoshop 專題 ─ 製作奇幻風的跳舞震波(Magical Shock Wave)


這次是讀者 Joseph 來信,說要做一個震波的效果

但是由於我年紀小在現實生活中沒看過震波有點難以想像

所以就做了這個有點奇幻的東西出來

反正還是很好玩啦大家看看吧


素材


首先我們把這個女生打開來


(來源:http://www.joystarter.com/joystatrer/%E8%B7%B3%E8%88%9E%E7%98%A6%E8%BA%AB%E7%8F%AD-funky-dance/  是個跳舞瘦身的招生網站)

我已經 很隨便的 去好背了(大家請忽略頭髮那邊爛爛的白邊)

所以就直接複製到這個街道上吧


(來源:http://theschleicherspin.com/about/american-street/)

另外還要兩個筆刷:

筆刷1號:http://brushlovers.com/photoshop-brush/circles.html

筆刷2號:http://brushlovers.com/photoshop-brush/magical-lights.html

步驟開始


1.我們已經把跳舞女複製到街道上了

現在把它縮小成35%

2.幫跳舞女調色


再幫全部調色,加個曲線調整圖層,加一些溫暖的黃


3.然後來做震波

先畫個橢圓形,填進白色,選取區不要弄掉喔

選取 > 變形選取區(Select > Transform Selection),弄成圖片那樣


然後大大方方地按下delete

4.加個模糊

濾鏡 > 模糊 > 高斯模糊(Filter > Blur > Gaussian Blur),數值40

5.這樣震波雛型就做好囉

但是在跳舞女背後的震波要被蓋住才行

所以 ctrl + 左鍵點一下跳舞女圖層,做出選取區

再拿出套索工具(Lasso Tool)取交集


在跳舞女上半身周圍畫一圈

(↑選取上半身就對了)

6.然後 選取 > 反轉(Select > Inverse)或快捷鍵 ctrl+shift+I

然後按下圖層面版底部的小按鈕,做出遮色片


然後點一下中間的鎖鏈,讓遮色片解鎖


這樣等一下要縮放或移動,位置就不會跑掉了

7.複製出另外一個震波,放大,倍率如圖


8.再一次,複製這兩個震波

混和模式 與 不透明度 由上到下改成:

大:覆蓋(Overlay) 100%

小:覆蓋(Overlay) 100%



大:正常(Normal) 39%


小:正常(Normal) 55%


9.這個步驟很難用言語說明,大家看圖應該就了解了

先在「上面的大震波」上面新增一個圖層,填入漸層色,不透明度改成 70%

(這個漸層是 Photoshop 內建的)

然後在 漸層圖層 上右鍵點一下,選擇「製作剪裁遮色片」

如此一來漸層範圍就只在震波上了

10.同樣的道理,在上面再加一個圖層,這次填雲狀效果

濾鏡 > 演算上色 > 雲狀效果(Filter > Render > Clouds)

11.第 9 和第 10 步驟再做一次,這次做在小震波上面

結果就會像圖片這樣:


12.ctrl + 左鍵點一下「大震波圖層」

ctrl + shift +左鍵再點一下「小震波圖層」,做出選取區

然後對背景圖,也就是「街道圖層」使出

濾鏡 > 扭曲 > 魚眼效果(Filter > Distort > Spherize),數值 40


13.麻煩事都做完了,現在拿出筆刷亂玩吧

「圓圈圈筆刷」可以把它壓扁,放在震波上增加層次感

不透明度用個 5% 到 10% 就好了



至於「扭來扭去筆刷」就放在人身上增加她的魔力

記得要適當的擦掉一些部分,看起來就會很像是能量繞著人上升喔

(↑紅色就是我擦掉的部份)

另外還可以加上一些小點點

加上外光暈效果也能增加奇幻感喔

(這部份的步驟好難講解就留給各位自行發揮創意吧)

14.最後的調色,加個曲線調整圖層


結語


這次做出來效果還蠻驚人的吧!

除了人臉幾乎被她太強大的魔力給擋住以外

一切都是那麼的神奇令人驚艷啊!

至於本來應該是主題的震波我們就先忘了他吧

畢竟震波這種在超能力電影才會偶而出現的東西不是我們凡人可以觸及的啊~


大家如果有任何想做的效果請到 留言板 來問我喔!

或是我的 Plurk:http://www.plurk.com/khdreamer

或是我不太知道怎麼用的小粉絲專頁:http://www.facebook.com/pages/Photoshop-%E7%A7%81%E8%97%8F%E7%AD%86%E8%A8%98/246208092060829?sk=wall

或是我比不知道怎麼用更不知道怎麼用的Twitter:http://twitter.com/khdreamr

或是社群界的晚輩但是一出場聲勢浩大的Google+:https://plus.google.com/106759031546928501237

2 意見:

匿名 提到...

非常棒的教學!Thanks

Joseph H

khdreamer 提到...

Re: 匿名 <4082733134610249790>
多謝支持~:)

張貼留言

如果想說就說吧!留言使文章更完整(官腔個鬼)

Twitter Delicious Facebook Plurk Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes