幾個平面設(shè)計中光效背景的實例教程(5)
光的特效在平面設(shè)計中是較為常用的視覺元素,在設(shè)計作品中合理地添加這些光效,可以使你的作品絢麗多彩,增強視覺沖擊力。
光的視覺特效比較多,閃電、光芒、火焰、光暈等都屬于光的視覺特效范疇。
該范疇的特效所呈現(xiàn)出的特點也不同,列如閃電劃破天空時,夸張的裂紋外形;火焰熊熊燃燒時多變的層次;
光暈特效產(chǎn)生的華麗光芒等...在制作時首先得分析它們的外觀形態(tài),然后根據(jù)特征進行制作,這樣才能在畫面中真實、有效地表達出光的效果。
由于篇幅有限,下面我通過幾個案例來解析平面設(shè)計時常用的幾個光的元素:
新建文件:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301Y6-0.jpg)
調(diào)出以下透明漸變
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363050C-1.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304637-2.jpg)
執(zhí)行扭曲——波浪濾鏡
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303219-3.jpg)
參數(shù)設(shè)置如下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305091-4.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436302119-5.jpg)
執(zhí)行:模糊——動感模糊濾鏡
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630OA-6.jpg)
參數(shù)設(shè)置如下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301b7-7.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363064a-8.jpg)
執(zhí)行:濾鏡——扭曲——極坐標
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630M27-9.jpg)
參數(shù)如下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436306325-10.jpg)
效果如圖所示:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301429-11.jpg)
用柔邊紫色畫筆隨意畫兩筆(注意新建圖層)顏色不是固定的,根據(jù)自己喜好
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301191-12.jpg)
混合模式改為:顏色模式
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303Q4-13.jpg)
加上一點藤蔓裝飾
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304F1-14.jpg)
如圖畫出一個條形,也可以畫條直線扭曲下,隨意填充一個亮點的漸變
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301100-15.jpg)
設(shè)置個外發(fā)光(我這里外發(fā)光設(shè)置的是紅色)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304Q8-16.jpg)
再復制幾條出來
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630FD-17.jpg)
用白色柔邊畫筆點幾下(新建圖層)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630I51-18.jpg)
把白色圓點的混合模式改為:疊加
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301224-19.jpg)
加上點裝飾素材(隨便什么都可以)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630ME-20.jpg)
打開素材:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363035N-38.jpg)
用紅色柔邊畫筆隨意在畫面上畫兩筆
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436302F2-39.jpg)
再用紫色柔邊畫筆隨意在畫面上畫兩筆
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304P0-40.jpg)
執(zhí)行濾鏡——模糊——動感模糊
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304354-41.jpg)
參數(shù)如下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301304-42.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436302542-43.jpg)
復制一層(改變下圖層混合模式)線性減淡
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305562-44.jpg)
再復制一層,模式改為強光
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303S0-45.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630DY-46.jpg)
加一個鏡頭光暈:(可加可不加)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436302336-47.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301H3-48.jpg)
設(shè)置前景為白色,打開畫筆調(diào)板
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301P6-49.jpg)
參數(shù)設(shè)置如下;
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630B31-50.jpg)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363053Y-51.jpg)
在畫布上隨意畫一下,注意是斜的方向
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303008-52.jpg)
多畫幾次,以求夢幻效果:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630E23-53.jpg)
如圖所示:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630B33-54.jpg)
最后加個人物素材就可以(人物這些隨便你發(fā)揮)
改變色相啊之類的都可以
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304T3-55.jpg)
我為什么要把這些素材給加上去,大家都看到了,
很多教程中只是單一的教你怎么去做一些特效,但是有的朋友學了之后,不會應用到設(shè)計當中去
所以老是聽到很多朋友抱怨:這些特效學了沒用,
呵呵,不是沒用,而是你沒靈活去用。
打開素材:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303532-56.jpg)
導入一個手機做參照物,這里你也可以用人物來代替
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305K0-57.jpg)
用鋼筆畫出如下路徑:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304458-58.jpg)
設(shè)置一個像素的白色畫筆
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363013a-59.jpg)
描邊剛才的路徑:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301226-60.jpg)
對這個線條進行外發(fā)光設(shè)置:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305307-61.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303420-62.jpg)
添加一個蒙版
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304349-63.jpg)
把不需要的地方蒙版
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363062K-64.jpg)
再復制一個剛才的圖層出來
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304013-65.jpg)
清除圖層樣式
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304613-66.jpg)
設(shè)置:模糊——動感模糊
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630L52-67.jpg)
參數(shù)如下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301N5-68.jpg)
效果如圖;
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436306428-69.jpg)
把它移動到上面(或者下面,都可以)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305648-70.jpg)
新建一個圖層,設(shè)置前景為淺紫色
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304444-71.jpg)
畫筆參數(shù)設(shè)置如下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436306124-72.jpg)
涂抹剛才我們動感模糊的那一層就可以
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304156-73.jpg)
然后把剛才涂抹的那一層模式改為線性減淡
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630F44-74.jpg)
用橙色柔邊畫筆在線條上隨意畫幾點
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363024J-75.jpg)
把圓點的模式改為線性減淡
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363055P-76.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363050Z-77.jpg)
新建一個圖層,模式改為疊加(這一步后改也可以)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301922-78.jpg)
用淺橙色柔邊畫筆畫出如下的效果:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436306426-79.jpg)
把模式改為:疊加
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436306025-80.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436302026-81.jpg)
再在手機的旁邊裝飾幾個圓形圓點就ok了
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630F50-82.jpg)
再來講一組光效效果:
打開下面的背景素材(也可以自己做)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301231-83.jpg)
圓形路徑畫一個橢圓:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304960-84.jpg)
設(shè)置如下:(描邊)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630E04-85.jpg)
填充一個外發(fā)光
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436302320-86.jpg)
旋轉(zhuǎn)下,效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304941-87.jpg)
隨便放個素材做演示:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630KR-88.jpg)
把不要的地方蒙版一下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301057-89.jpg)
用柔邊畫筆畫一點:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363034Q-90.jpg)
拉長:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630CQ-91.jpg)
中心復制一個:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436302602-92.jpg)
合并后,高斯模糊一下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436306342-93.jpg)
添加圖層樣式:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305962-94.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305C5-95.jpg)
放在合適的地方,效果:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301110-96.jpg)
復制一個,翻轉(zhuǎn),方法都是一樣的
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630O64-97.jpg)
然后在用鋼筆工具畫出如下效果:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301K4-98.jpg)
轉(zhuǎn)成選區(qū)
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436306352-99.jpg)
羽化一下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303605-100.jpg)
隨意填充一個顏色:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304139-101.jpg)
再減去一部分
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305364-102.jpg)
模式改為:線性光
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630J35-103.jpg)
用鋼筆工具畫出如下圖形:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303341-104.jpg)
轉(zhuǎn)為選區(qū)后再羽化一下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305637-105.jpg)
填充一個淺色
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436302b3-106.jpg)
再減去一部分,如圖所示:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301500-107.jpg)
此時效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630L30-108.jpg)
在邊緣的地方用鋼筆畫一條曲線:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436305460-109.jpg)
設(shè)置畫筆大小為2像素,前景色為白色
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/14363029C-110.jpg)
描邊路徑
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436302O1-111.jpg)
合并剛才做的,把模式改為線性光
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630B95-112.jpg)
有興趣的話可以多畫幾個(或者復制也可以)
執(zhí)行濾鏡——扭曲,旋轉(zhuǎn)扭曲
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436304406-113.jpg)
參數(shù)如下:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303523-114.jpg)
把3條光線改為:顏色減淡混合模式
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/143630AW-115.jpg)
效果如圖:
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436301958-116.jpg)
加上剛才我們那個素材就可以了,如果不滿意的話,還可以繼續(xù)深化下去。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120814/1436303O1-117.jpg)
光效還有很多,鑒于篇幅有限,只列舉這么多。
設(shè)計中的特效結(jié)合在這里只提供給大家一個方法,
更多的技術(shù)需要大家在練習中去發(fā)現(xiàn),去研究,去學習。
教程完畢,希望大家互相交流學習,互相進步。
感謝支持!
學習 · 提示
相關(guān)教程