淺談頁面設(shè)計中光影的特效_網(wǎng)頁設(shè)計教程
推薦:經(jīng)驗分享:PS的3D功能創(chuàng)建標(biāo)識牌主要是想大家熟悉一下PS中3D功能。廢話不多說,有問題下載PSD,還是不行來問我。(PS:我也是半吊子,能不能幫到是一回事)

為了展現(xiàn)頁面的主題或者是貼近游戲的氛圍,常常會看見游戲的頁面中運用了許多不同類型的光效的渲染,一個簡單的元素有時候加上一點光效就可以化腐朽為神奇。那么光效究竟是如何具體地影響頁面的視覺觀感的呢?
1、 豐富頁面的層次
當(dāng)人物和背景的顏色比較接近時,為了增強人物的立體感和空間感,可以在人物上添加光效,拉開人物和背景的距離,形成視覺差異,這樣需要強調(diào)的人物就瞬間凸顯了出來,頁面的層次也一下子體現(xiàn)出來了。

2、 烘托氣氛
光效的顏色、形狀和出現(xiàn)的位置會對設(shè)計表達的氣氛產(chǎn)生很直接的影響,就好像現(xiàn)實中的光源一樣,淺色暖色調(diào)的光效給人光明溫暖的感覺,深色冷色調(diào)的就給人陰暗冷酷的感覺,同樣的素材加上不同的光效,展現(xiàn)的也許就是完全不同的立場。具體到游戲頁面設(shè)計,不同的勢力性格不同,通常都有各自的代表顏色,這時候用對應(yīng)的光效來表現(xiàn),很容易就能烘托出這些勢力不同的個性來,是非�;镜倪\用。


3、 視覺焦點
有時候光效在頁面上以光源的形式出現(xiàn),這樣可以很容易抓住用戶的眼球,吸引住用戶的焦點,頁面上需要重點強調(diào)的信息,就可以展現(xiàn)在光源附近,這時光效充當(dāng)?shù)木褪且龑?dǎo)用戶的作用,非常簡單,但是很有效。


不過更多的時候,光效不單單只有上述的一種功能,在頁面設(shè)計的過程當(dāng)中,會將三者功能結(jié)合到一起。
可以看見下面頁面中燈光和煙火讓整個舞臺氣氛火熱,仿佛可以感受到現(xiàn)場的表演的熱情。光影的對比,讓舞臺看起來有著強烈的空間感。聚光燈的照射引導(dǎo)用戶的視線,一眼就能看到重點突出的視覺焦點。

知道了光效作用的原理,我們自然就明白了什么時候在哪里加什么光效,就能達到我們的目的,那么如何來做光效呢,讓我們實做一次試試看:

添加了火焰的光效,人物顯得比較動態(tài)鮮活,整個畫面更有一種對抗的戰(zhàn)火紛飛的感覺,但是現(xiàn)在整個畫面結(jié)合度還不夠高,這個時候我們往往會通過調(diào)整人物的色調(diào)和對比度等方法來使整個畫面更加和諧,但是不要漏掉一個重要的步驟就是環(huán)境色,可以通過在人物身上添加環(huán)境色來使人物和光效得到更好的結(jié)合,而且有質(zhì)感的光效就像現(xiàn)在用的火焰,可以將材質(zhì)疊加到人物的明暗面讓畫面更加真實生動(如圖中綠點標(biāo)示部位)。最后,我們可以添加一些飄動的零散的火光,讓火焰的更有動感。

光的特效使用和技巧千變?nèi)f化,使用恰當(dāng)可起到畫龍點睛的效果,以上只是我在平時常用的一些技巧,在此拋磚引玉,歡迎大家一起討論。
分享:經(jīng)驗分享:Photoshop中漸變拉出色帶的解決方法關(guān)于“色帶”,很多人都誤以為是顯卡問題或者顯示問題,在其他設(shè)備上看就會消失,其實這是錯的,色帶是在漸變時由于顏色間色值差異過小而產(chǎn)生的一種條紋,通常顏色越接近,
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-淺談頁面設(shè)計中光影的特效
。