平時瀏覽一些優秀作品的時候，經常會看到一些光效處理非常棒的作品。有時我們看后會反問自己：”這些使頁面看起來高大的光是怎么打上去的呢？今天作者通過一個案例來教大家快速打造逆光場景。來找屬于你的光吧！

先來看一下最終的效果：

這是一個天龍全球爭霸賽復活賽的專題頁面，這里也許有人會有疑問，為什么不把復活賽重點突出，這是跟需求方溝通之后的結果，通過他們了解到主要還是以爭霸賽為主體，復活賽作為副標即可（前期溝通很重要）。OK，既然主題”全球爭霸賽“很明確，那我們就可以圍繞這個去進行專題的構思了。

首先，還是在腦海里想象下所要打造的一個大概的場景。各路英豪爭奪全球第一，反映到游戲中自然也就是各門派的英雄去爭奪武林盟主的感覺，可以把英雄圍繞四周，中間放一個類似獎牌的物品，那么大致的場景及場面基調也就可以定下來了。我們還是先提煉一下關鍵詞：

根據聯想到的這些關鍵詞我們就可以進行素材的搜索啦。這個頁面用的主要是游戲內提供的人物和場景原畫素材，外部素材沒有到太多，我這里只羅列一下所用到的游戲內部的素材。

選用這些素材出于以下原因：首先，根據腦海中大致想到的場景，布局上應該是一個由四周向中心的布局形式，所以在選擇場景的時候我選擇了一張正面居中的圖素，而且戰火紛飛很符合整個專題的調性；其次，為了保證畫面的平衡，通常四周的人物數量和動作造型基本保持對稱是一個比較穩妥的方法，所以選擇這六個人設主要是出于他們動作的考慮。

另外作者還非常好心的給他們起了自己的名字（雖然他們已經有名字了），起名字主要考慮后期管理圖層及分別對他們進行處理的時候方便查找，大家應該能看出來，這都是根據人物特點來命名的（偷笑）。

好了，廢話不多說，我們開始打造場景。

這里主要就是對原畫進行了一個壓暗四周提亮中間的處理，之所以這樣處理就是因為可以使中間的主題部分充分突出。我們來一步步看下怎么達到現在的效果：

首先，對原畫的兩邊進行模糊處理，增加一些景深效果。方法是可以先把原畫轉為智能對象，然后添加高斯模糊數值5左右，再對濾鏡的蒙版進行擦除，把不需要模糊的地方擦掉。

適當降低亮度和飽和度，加大畫面對比度，減少原畫本身色彩過多過艷給后期調色帶來的不便。

給畫面添加紅黃色調，是頁面暗處偏紅棕，亮出微微偏黃。

再次壓暗整個畫面。

提亮天空部分。利用白色柔性畫筆在天空處涂抹，模式疊加。

給中間部分打光，這里主要分為3層，最下面一層是偏紅色，范圍最大；中間一層偏黃色，范圍比紅色部分略?。蛔钌厦娴囊粚幼匀皇前咨?，也就是光源的位置，范圍最小。這一步相當于給畫面添加一個光源，光線從中間到四周逐漸減弱。

Tips：

這里在對畫面進行壓暗處理的時候，并沒有對畫面本身具有的火球、爆炸火焰等進行相應處理，這些本身的火光后期可以利用，所以不用進行壓暗，在處理的時候應該在蒙版上擦除這一部分?？騼让砂嫔系暮谏珔^域即為火光部分，保留。

這里主要教大家來制作這種標題的效果。

先對文字按照主次關系進行排版，這里同樣最好采用居中的形式。

文字排好之后就用鋼筆工具在文字的下面層勾出黑底輪廓，這個可以有多種形式，畫工比較好的同學可以勾出非常牛逼的底，這里我只做了輕微的處理（很顯然作者不是畫工非常好的同學），給邊角處加了一些出來的尖，使其看起來顯得比較尖銳。

給文字的底做效果，疊加材質。給底部選擇一個偏棕色的色值，這里用的是#2e2320，然后主要是斜面和浮雕處理。

應用斜面和浮雕時要注意“方法和深度”的值，建議大家自己去不斷調節體驗一下變化之處。

這邊通常用到這個效果的時候是分別選為“平滑”和“1000”，可以使斜面的分割清晰而且不會出現雜邊。下面的高光和陰影通過不斷看效果圖去調整。樣式調整完之后找一張墻壁的素材疊加到底部，再根據疊加之后的效果做相應調整即可。

給文字做效果，方法類似。主要也是圖層樣式，然后加墻壁材質疊加。這里用不同的顏色來區分下主標和副標，后期可以用白色柔性畫筆去給文字加些高光，直接涂抹，疊加即可（這里不再詳述）。

這一步是找一些刀劍和金屬裝飾來對我們的標題進行修飾，是他們看起來充滿對戰的感覺。這里大家容易有一個誤區：有的同學可能覺得后面的大刀是一把完整的刀進行的復制和水平翻轉。

其實不是的，因為刀的中間部分是被擋住的，而我們想找一把特性完全符合我們期望的刀又不是很容易，所以這個時候我們可以拆成兩部分來找，分別找尋自己想到的刀柄和刀刃，找的時候肯定找那種看起來比較霸氣的刀，例如這里因為是天龍的專題，我在找刀柄的時候就找了一個帶龍頭的刀柄，跟游戲主題也可以比較貼切。刀刃呢最好是找比較寬的，不是像日本武士用的那種細刀，而是像過去砍頭用的大刀（尼瑪，好血腥），看起來會比較霸氣，兩者一結合，復制翻轉，再經過調色和亮度對比度的調整，即可得到現在的效果。

這里要注意調色的時候稍微往頁面的整體色調上靠攏。最上方的金屬修飾物是平時收集的，可以從一些武器，金屬盔甲以及一些游戲ui上面扣取，在經過加工所得，這里作為裝飾物也可以起到很好的作用。有的同學也許會問，為什么不把這個修飾物放在下面呢？原因很簡單，因為下面我們還要放一些文字內容，正好可以放在兩個刀刃之間。

把其他的文字部分內容排好，即可得到上圖的效果。

Tips：

這里在給文字做效果的時候，有時我們把顏色調好了，但是發現疊加上材質之后效果并不理想，又要反復去調整。那我們怎么去處理可以方便快捷的得到我們想要的效果呢？這里告訴大家一個小技巧，就是我們改變一下順序，先給文字疊加上材質，然后在去給文字做圖層樣式，這樣我們一邊處理，一邊可以看到疊加了材質的文字的變化，等達到我們想要的效果了，再把文字以外的多余材質刪除，這樣就可以避免我們反復操作了。

先把我們找的六大高手按照動作的對應關系調整大小比例和進行水平翻轉，以達到畫面的平衡和諧。這里大致介紹一下：弓箭女和葫蘆娃（笑）都是屬于正面微偏一點的，面部有略微的朝向，所以選取他（她、它）倆作為正前方主要人物；和尚和菜刀男（笑）都是屬于跳躍飛起的感覺，所以在排列的時候略微高于主人物，而他倆姿勢正好呼應，真不愧為好基友；扇子男和回眸女倆人都是明顯的側身，身體所占比重不大，所以縮小放置最兩邊（誰讓你倆不正面相待，打入冷板凳）。

這里以右半邊的三位壯士來給大家進行打光的講解，首先拿葫蘆娃開刀，給葫蘆娃添加蒙板，用柔性畫筆擦除膝蓋以下部分，在其上方創建剪切蒙版，拉一個背景底色到透明的漸變，使葫蘆娃與畫面更加融合。

降低飽和度，加大對比度，使人物看起來更有質感（上圖左）。利用色彩平衡給人物添加環境色，朝紅黃方向去調整（上圖右）。

用白色柔性畫筆（不透明度調成30%左右）在人物受光邊緣來回涂抹，涂出高光部分（上圖左）。把這個圖層的“填充”調為0，利用涂層樣式去調整它的色值右（上圖右）。

對人物左側的背景再次提亮，通過柔性畫筆去疊加，或者通過圖層樣式吸取環境色去調節（上圖左）。在人物的最上方創建剪切蒙版，從左上方帽檐處向右下方拉白色到透明的漸變，填充調為零，利用圖層樣式調整顏色給人物進一步增加環境色亮光，使人物的受光面從左上至右下方逐漸減弱（上圖右）。

菜刀男和回眸女的處理手法同葫蘆娃類似，都是降低飽和度后調色然后去打光，需要注意的是距離中間光源遠近不同，受光程度也不一樣，如這里菜刀男的受光要略弱于葫蘆娃，而回眸女的受光最弱。還有一點，就是菜刀男在葫蘆娃的身后，會有一部分光因為打到葫蘆娃的背而反射到菜刀男的左側，所以左側的受光略強一些。根據這些關系，我們講人物的受光處理好如上圖所示。

左半邊三位壯士的處理手法與右側相同，這里不再贅述，最終效果如上圖。

Tips：

如果大家對于這種逆光的現象還不是很理解的話，可以回去之后做一個簡單的測試。

到家之后，關上屋里的燈，打開手電筒或者手機的閃光燈照向自己，然后伸出自己的手，對著手電筒，通過改變手掌與手電和自己眼睛的距離，來觀察手掌的顏色和一些細節的可辨識度。相信通過這個小實驗可以幫助大家對于這種逆光現象有個大致的了解。 上圖還有一點需要注意的是，近大遠小，近清晰遠模糊的透視關系，最邊上的人物相對其他來說要更小一些，還要稍微加點高斯模糊處理一下，這樣才更加真實。

哈哈，看到下面的素材圖你頓時就覺悟了吧。是不是感覺光和火焰一加上去，頁面變得又高大上了許多？沒錯，大家養成收集這些氣氛渲染的素材的好習慣，用到咱們的頁面里的確可以為我們加分不少呢，例如樹葉啊，花瓣啊，雪花，雨滴啊，真是做游戲的必不可少的素材啊。光效和火焰的用法很簡單，放到想要放置的地方，濾色或者線性減淡即可（具體視情況而定），當然，這是針對純黑色底的光效和火焰素材哦。

怎么樣，是不是順間就霸氣側漏了：