您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 視覺設(shè)計 >> 瀏覽設(shè)計教程

網(wǎng)頁設(shè)計如何快速打造場景氛圍

7b00577e26e00000018c1bc35e64.jpg


當(dāng)原畫素材分辨率或者精度不夠,不能展示人物細(xì)節(jié),何不嘗試?yán)么蛟旆諊鷣硖岣咧饕曈X的質(zhì)量。下面是舉了一個主要利用照片拼接來配合人物原畫打造氛圍的例子。



最終效果




圖1-天空,圖2-模型,圖3-火球特效,圖4-羽毛。(圖2由項目提供,其他素材通過搜索引擎搜索)



e5af577e27520000012e7e74fc83.jpg


打開圖1,將其放置于畫面中。



bda4577e277a0000012e7e690c6c.jpg


使用模糊工具將遠(yuǎn)處的云處理模糊,增加空間感。



7f68577e27aa0000018c1b449dd1.jpg


新建圖層,使用畫筆工具畫出黃色環(huán)境光。



8309577e27c00000012e7e96cd37.jpg


將圖層樣式設(shè)置為“濾色”。



8adf577e27d40000012e7e800f1f.jpg


新建圖層,命名“藍(lán)色”。使用畫筆工具繪制藍(lán)色。



5453577e27ea0000012e7ebe66e7.jpg


將圖層樣式設(shè)置為“濾色”,給畫面增加環(huán)境色。



fc73577e27ff0000018c1b89b5d0.jpg


將素材圖2放置畫面中,圖層命名為“鷹”。



4793577e28160000012e7edebb39.jpg

5bc0577e282f0000018c1b5bc7c4.jpg


使用“魔棒”工具,點擊“鷹”圖層灰色區(qū)域,選中后按“BACKSPACE”鍵刪除。



2f08577e28590000012e7e04f028.jpg


復(fù)制“鷹”圖層,放置于“鷹”圖層下面,選擇“動感模糊”進(jìn)行處理,來增加動感。



5a0a577e28700000018c1bf4e478.jpg


選中“鷹”圖層,使用“加深工具”對鷹的明暗交界線進(jìn)行強(qiáng)化。



3841577e28880000018c1b368936.jpg


在“鷹”圖層上面,新建圖層,命名為“黃色環(huán)境光”。點擊鼠標(biāo)右鍵,選擇“創(chuàng)建剪貼蒙版”。使用畫筆工具

在鷹的受光面繪制黃色環(huán)境光。



7d84577e28a30000012e7e99cc82.jpg


在“鷹”圖層上,新建圖層,命名“藍(lán)色”,點擊鼠標(biāo)右鍵,選擇“創(chuàng)建剪貼蒙版”。使用畫筆工具繪制藍(lán)色。



b7d4577e28c30000018c1bae9a70.jpg


將“藍(lán)色”圖層進(jìn)行濾色處理,填充選擇12%。



dcd1577e28d90000012e7ec4904d.jpg


將素材圖4“羽毛”,調(diào)整好位置放置畫面中,圖層命名為“羽毛”。



20b9577e28f70000012e7ecdb854.jpg


選中“羽毛”圖層,使用“濾鏡-模糊-動感模糊”,增加羽毛動感效果。



222b577e290e0000012e7e061071.jpg


根據(jù)上述操作,制作出多個羽毛。



21d0577e29250000018c1b446fd7.jpg


將素材圖3“火球特效”,調(diào)整好位置放置畫面中,圖層命名為“火球”。圖層樣式為“濾色”。



de0b577e293c0000012e7e2fe941.jpg


選中“火球”圖層,使用“濾鏡-模糊-動感模糊”,增加火球動感效果。



7ac2577e29500000012e7efc8bc0.jpg


根據(jù)上述操作,制作出多個火球。



2515577e296c0000012e7ec7baf4.jpg


復(fù)制“鷹”圖層,將其縮小放置中景,填充55%。



f4c7577e29840000018c1bdd367d.jpg


使用涂抹工具,將鷹缺失部分繪制出來。再復(fù)制一只,放置遠(yuǎn)景,來增加畫面空間感。



7dff577e299a0000018c1bc8c005.jpg


最后使用畫筆工具,繪制一些紅色的火星,增強(qiáng)畫面效果。


[教程作者:暢游VC]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/ui3236.html
一款優(yōu)秀的網(wǎng)頁Banner該怎么設(shè)計
干貨推薦!電商banner設(shè)計總結(jié)
圖趣網(wǎng)微信
建議反饋
×