Photoshop制作絢麗的彩色光束飄帶(14)
來(lái)源:PS聯(lián)盟
作者:Sener
學(xué)習(xí):7411人次
光束的構(gòu)造可能較為復(fù)雜,有時(shí)候不知道從哪里入手。如果仔細(xì)觀察以后,光束都是有規(guī)律可尋的,每一條光束都是有起點(diǎn)和終點(diǎn)的,而是都是整條的。分清以后再逐條或逐段制作就很方便了。
最終效果
![](http://pic.16xx8.com/allimg/110409/0133215449-0.jpg)
1、本教程的光束由于色彩構(gòu)成較為復(fù)雜,制作的時(shí)候需要分段來(lái)完成,首先是制作頭部,大致需要完成的效果如下圖。
![](http://pic.16xx8.com/allimg/110409/0133213O2-1.jpg)
<圖1> 2、新建一個(gè)1024 * 768像素的文檔,背景填充黑色。新建一個(gè)組,在組里新建一個(gè)圖層,用鋼筆勾出圖2所示的選區(qū),填充顏色:#BF9023,取消選區(qū)后加上圖層蒙版,用透明度較低的黑色畫筆把頂部擦點(diǎn)過(guò)渡效果,如圖3。
![](http://pic.16xx8.com/allimg/110409/0133213547-2.jpg)
<圖2>
![](http://pic.16xx8.com/allimg/110409/0133214X1-3.jpg)
<圖3>
3、新建一個(gè)圖層,按Ctrl + Alt + G 與前一個(gè)圖層編組,然后在當(dāng)前圖層下面新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化3個(gè)像素后填充黃色。
![](http://pic.16xx8.com/allimg/110409/0133215000-4.jpg)
<圖4>
4、新建一個(gè)圖層,用鋼筆勾出邊緣高光部分選區(qū),羽化3個(gè)像素后填充黃色,如下圖。
![](http://pic.16xx8.com/allimg/110409/0133213611-5.jpg)
<圖5> 5、在圖層的最上面,新建一個(gè)圖層,用鋼筆勾出右邊折起的光束部分選區(qū),填充顏色:#F16279。
![](http://pic.16xx8.com/allimg/110409/0133214L4-6.jpg)
<圖6>
6、新建一個(gè)圖層,按Ctrl + Alt + G 與前一個(gè)圖層編組,然后在當(dāng)前圖層下面新建一個(gè)圖層。用鋼筆勾出下圖所示的選區(qū),羽化3個(gè)像素后填充顏色:#FAE19E。
![](http://pic.16xx8.com/allimg/110409/013321CC-7.jpg)
<圖7>
7、新建一個(gè)圖層,用鋼筆勾出底部反光部分的選區(qū),羽化2個(gè)像素后填充顏色:#FCECA1。
![](http://pic.16xx8.com/allimg/110409/0133214961-8.jpg)
<圖8>
8、新建一個(gè)圖層,用鋼筆勾出邊緣高光部分的選區(qū),填充白色,如下圖。
![](http://pic.16xx8.com/allimg/110409/0133215496-9.jpg)
<圖9>
9、新建一個(gè)圖層,用鋼筆勾出一條較小的曲線光束,填充白色,也可以用描邊路徑來(lái)完成,效果如下圖。
![](http://pic.16xx8.com/allimg/110409/013321O27-10.jpg)
<圖10> 10、目前為止的效果圖如下,如果有不太滿意的部分可以重新修改。
![](http://pic.16xx8.com/allimg/110409/013321Oc-11.jpg)
<圖11>
11、在圖層的最上面新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),填充黃色。
![](http://pic.16xx8.com/allimg/110409/0133214L9-12.jpg)
<圖12>
12、用鋼筆勾出選區(qū)右邊的邊緣部分,羽化6個(gè)像素后按Ctrl + J 把選區(qū)部分的圖形復(fù)制到新建的圖層,然后再加上紅色至紫色的線性漸變。為了明顯,這里隱藏了色塊圖層。
![](http://pic.16xx8.com/allimg/110409/013321H19-13.jpg)
<圖13>
13、把色塊顯示出來(lái),用鋼筆勾出左上邊邊緣的選區(qū),羽化3個(gè)像素后按Ctrl + J復(fù)制到新的圖層,按Ctrl + Shift + ] 置頂,鎖定不透明度后用紅色畫筆把右邊涂上一些環(huán)境光。效果如下圖。
![](http://pic.16xx8.com/allimg/110409/013321B36-14.jpg)
<圖14> 14、新建一個(gè)圖層,用鋼筆勾出邊緣的高光選區(qū),如圖15,填充黃色,效果如圖16。
![](http://pic.16xx8.com/allimg/110409/01332132c-15.jpg)
<圖15>
![](http://pic.16xx8.com/allimg/110409/0133212K9-16.jpg)
<圖16>
15、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),拉上橙紅色至紫色線性漸變。
![](http://pic.16xx8.com/allimg/110409/013321I94-17.jpg)
<圖17>
16、新建一個(gè)圖層,按Ctrl + Alt + G 與前一圖層編組,再在當(dāng)前圖層下面新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化6個(gè)像素后填充紅色。
![](http://pic.16xx8.com/allimg/110409/0133213635-18.jpg)
<圖18>
17、同上的方法用鋼筆勾出下圖所示的選區(qū),羽化5個(gè)像素后填充暗黃色。
![](http://pic.16xx8.com/allimg/110409/0133214O7-19.jpg)
<圖19> 18、新建一個(gè)圖層,用鋼筆勾出中間高光部分的選區(qū),羽化3個(gè)像素后填充黃色,效果如下圖。到這一步頭部位置的光束基本完成。
![](http://pic.16xx8.com/allimg/110409/0133216447-20.jpg)
<圖20>
19、在背景圖層上面新建一個(gè)組,下面再來(lái)制作位置光束部分。大致需要完成的效果如下圖。
![](http://pic.16xx8.com/allimg/110409/0133211609-21.jpg)
<圖21>
20、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),填充暗藍(lán)色,作為底色。
![](http://pic.16xx8.com/allimg/110409/0133215403-22.jpg)
<圖22>
21、新建一個(gè)圖層,按Ctrl + Alt + G 與前一圖層編組,在當(dāng)前圖層下面新建一個(gè)圖層,用鋼筆勾出底部高光部分的選區(qū),羽化3個(gè)像素后填充藍(lán)色。
![](http://pic.16xx8.com/allimg/110409/013321L35-23.jpg)
<圖23> 22、新建一個(gè)圖層,用鋼筆勾出底部邊緣的高光選區(qū),分別用畫筆涂上紫色和青藍(lán)色,效果如下圖。
![](http://pic.16xx8.com/allimg/110409/0133212544-24.jpg)
<圖24>
23、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化3個(gè)像素后填充比底色稍亮一點(diǎn)的藍(lán)色,如圖25。中間部分用畫筆涂上一些高光,涂抹的不均勻可以再用涂抹工具稍作修整,效果如圖26。
![](http://pic.16xx8.com/allimg/110409/013321K03-25.jpg)
<圖25>
![](http://pic.16xx8.com/allimg/110409/0133215N0-26.jpg)
<圖26>
24、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),填充藍(lán)色,加上圖層蒙版,用黑色畫筆把右邊部分稍微擦掉。
![](http://pic.16xx8.com/allimg/110409/0133215C1-27.jpg)
<圖27>
25、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化8個(gè)像素后填充紫色,效果如下圖。
![](http://pic.16xx8.com/allimg/110409/01332110X-28.jpg)
<圖28> 26、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化6個(gè)像素后填充紫紅色。
![](http://pic.16xx8.com/allimg/110409/013321H53-29.jpg)
<圖29>
27、新建一個(gè)圖層,同上的方法制作邊緣及中間高光部分,過(guò)程如圖30 - 32。
![](http://pic.16xx8.com/allimg/110409/0133214913-30.jpg)
<圖30>
![](http://pic.16xx8.com/allimg/110409/0133212C5-31.jpg)
<圖31>
![](http://pic.16xx8.com/allimg/110409/013321K10-32.jpg)
<圖32>
最后調(diào)整一下細(xì)節(jié),完成最終效果。
![](http://pic.16xx8.com/allimg/110409/0133215449-0.jpg)
最終效果
![](http://pic.16xx8.com/allimg/110409/0133215449-0.jpg)
1、本教程的光束由于色彩構(gòu)成較為復(fù)雜,制作的時(shí)候需要分段來(lái)完成,首先是制作頭部,大致需要完成的效果如下圖。
![](http://pic.16xx8.com/allimg/110409/0133213O2-1.jpg)
<圖1> 2、新建一個(gè)1024 * 768像素的文檔,背景填充黑色。新建一個(gè)組,在組里新建一個(gè)圖層,用鋼筆勾出圖2所示的選區(qū),填充顏色:#BF9023,取消選區(qū)后加上圖層蒙版,用透明度較低的黑色畫筆把頂部擦點(diǎn)過(guò)渡效果,如圖3。
![](http://pic.16xx8.com/allimg/110409/0133213547-2.jpg)
<圖2>
![](http://pic.16xx8.com/allimg/110409/0133214X1-3.jpg)
<圖3>
3、新建一個(gè)圖層,按Ctrl + Alt + G 與前一個(gè)圖層編組,然后在當(dāng)前圖層下面新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化3個(gè)像素后填充黃色。
![](http://pic.16xx8.com/allimg/110409/0133215000-4.jpg)
<圖4>
4、新建一個(gè)圖層,用鋼筆勾出邊緣高光部分選區(qū),羽化3個(gè)像素后填充黃色,如下圖。
![](http://pic.16xx8.com/allimg/110409/0133213611-5.jpg)
<圖5> 5、在圖層的最上面,新建一個(gè)圖層,用鋼筆勾出右邊折起的光束部分選區(qū),填充顏色:#F16279。
![](http://pic.16xx8.com/allimg/110409/0133214L4-6.jpg)
<圖6>
6、新建一個(gè)圖層,按Ctrl + Alt + G 與前一個(gè)圖層編組,然后在當(dāng)前圖層下面新建一個(gè)圖層。用鋼筆勾出下圖所示的選區(qū),羽化3個(gè)像素后填充顏色:#FAE19E。
![](http://pic.16xx8.com/allimg/110409/013321CC-7.jpg)
<圖7>
7、新建一個(gè)圖層,用鋼筆勾出底部反光部分的選區(qū),羽化2個(gè)像素后填充顏色:#FCECA1。
![](http://pic.16xx8.com/allimg/110409/0133214961-8.jpg)
<圖8>
8、新建一個(gè)圖層,用鋼筆勾出邊緣高光部分的選區(qū),填充白色,如下圖。
![](http://pic.16xx8.com/allimg/110409/0133215496-9.jpg)
<圖9>
9、新建一個(gè)圖層,用鋼筆勾出一條較小的曲線光束,填充白色,也可以用描邊路徑來(lái)完成,效果如下圖。
![](http://pic.16xx8.com/allimg/110409/013321O27-10.jpg)
<圖10> 10、目前為止的效果圖如下,如果有不太滿意的部分可以重新修改。
![](http://pic.16xx8.com/allimg/110409/013321Oc-11.jpg)
<圖11>
11、在圖層的最上面新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),填充黃色。
![](http://pic.16xx8.com/allimg/110409/0133214L9-12.jpg)
<圖12>
12、用鋼筆勾出選區(qū)右邊的邊緣部分,羽化6個(gè)像素后按Ctrl + J 把選區(qū)部分的圖形復(fù)制到新建的圖層,然后再加上紅色至紫色的線性漸變。為了明顯,這里隱藏了色塊圖層。
![](http://pic.16xx8.com/allimg/110409/013321H19-13.jpg)
<圖13>
13、把色塊顯示出來(lái),用鋼筆勾出左上邊邊緣的選區(qū),羽化3個(gè)像素后按Ctrl + J復(fù)制到新的圖層,按Ctrl + Shift + ] 置頂,鎖定不透明度后用紅色畫筆把右邊涂上一些環(huán)境光。效果如下圖。
![](http://pic.16xx8.com/allimg/110409/013321B36-14.jpg)
<圖14> 14、新建一個(gè)圖層,用鋼筆勾出邊緣的高光選區(qū),如圖15,填充黃色,效果如圖16。
![](http://pic.16xx8.com/allimg/110409/01332132c-15.jpg)
<圖15>
![](http://pic.16xx8.com/allimg/110409/0133212K9-16.jpg)
<圖16>
15、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),拉上橙紅色至紫色線性漸變。
![](http://pic.16xx8.com/allimg/110409/013321I94-17.jpg)
<圖17>
16、新建一個(gè)圖層,按Ctrl + Alt + G 與前一圖層編組,再在當(dāng)前圖層下面新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化6個(gè)像素后填充紅色。
![](http://pic.16xx8.com/allimg/110409/0133213635-18.jpg)
<圖18>
17、同上的方法用鋼筆勾出下圖所示的選區(qū),羽化5個(gè)像素后填充暗黃色。
![](http://pic.16xx8.com/allimg/110409/0133214O7-19.jpg)
<圖19> 18、新建一個(gè)圖層,用鋼筆勾出中間高光部分的選區(qū),羽化3個(gè)像素后填充黃色,效果如下圖。到這一步頭部位置的光束基本完成。
![](http://pic.16xx8.com/allimg/110409/0133216447-20.jpg)
<圖20>
19、在背景圖層上面新建一個(gè)組,下面再來(lái)制作位置光束部分。大致需要完成的效果如下圖。
![](http://pic.16xx8.com/allimg/110409/0133211609-21.jpg)
<圖21>
20、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),填充暗藍(lán)色,作為底色。
![](http://pic.16xx8.com/allimg/110409/0133215403-22.jpg)
<圖22>
21、新建一個(gè)圖層,按Ctrl + Alt + G 與前一圖層編組,在當(dāng)前圖層下面新建一個(gè)圖層,用鋼筆勾出底部高光部分的選區(qū),羽化3個(gè)像素后填充藍(lán)色。
![](http://pic.16xx8.com/allimg/110409/013321L35-23.jpg)
<圖23> 22、新建一個(gè)圖層,用鋼筆勾出底部邊緣的高光選區(qū),分別用畫筆涂上紫色和青藍(lán)色,效果如下圖。
![](http://pic.16xx8.com/allimg/110409/0133212544-24.jpg)
<圖24>
23、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化3個(gè)像素后填充比底色稍亮一點(diǎn)的藍(lán)色,如圖25。中間部分用畫筆涂上一些高光,涂抹的不均勻可以再用涂抹工具稍作修整,效果如圖26。
![](http://pic.16xx8.com/allimg/110409/013321K03-25.jpg)
<圖25>
![](http://pic.16xx8.com/allimg/110409/0133215N0-26.jpg)
<圖26>
24、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),填充藍(lán)色,加上圖層蒙版,用黑色畫筆把右邊部分稍微擦掉。
![](http://pic.16xx8.com/allimg/110409/0133215C1-27.jpg)
<圖27>
25、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化8個(gè)像素后填充紫色,效果如下圖。
![](http://pic.16xx8.com/allimg/110409/01332110X-28.jpg)
<圖28> 26、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化6個(gè)像素后填充紫紅色。
![](http://pic.16xx8.com/allimg/110409/013321H53-29.jpg)
<圖29>
27、新建一個(gè)圖層,同上的方法制作邊緣及中間高光部分,過(guò)程如圖30 - 32。
![](http://pic.16xx8.com/allimg/110409/0133214913-30.jpg)
<圖30>
![](http://pic.16xx8.com/allimg/110409/0133212C5-31.jpg)
<圖31>
![](http://pic.16xx8.com/allimg/110409/013321K10-32.jpg)
<圖32>
最后調(diào)整一下細(xì)節(jié),完成最終效果。
![](http://pic.16xx8.com/allimg/110409/0133215449-0.jpg)
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!