在游戲網站的設計工作中，經常會碰到素材各種不盡人意的情況，有的顏色對比差勁，有的素材缺乏細節，有的圖層不完整等等，下面就以“率土之濱”官網KV素材為例，談談素材優化的方向邏輯及一些技巧，以提高今后在工作的效率。
那么什么是“好素材”，什么是“差素材”？
超出預期品質的素材舉例：
（鎮魔曲-圣修）
（鎮魔曲-圣修-細節）
【端游】的高模通常都是素材界的標桿，品質非常高，是我們優化素材的看齊方向。
低于預期需要優化的素材舉例
（率土之濱KV）
（率土之濱KV-細節）
【手游】的項目經常由于排期緊張，跟經費問題，導致了素材KV的品質較【端游】而言相對較低，所以通常都需要進行一些優化處理后才能進行使用。
為什么需要優化素材？
在一個頁面的上線展示上，KV素材通常占有整個頁面的60~70%以上的視覺位置。所以一個KV素材所展示出來的整體品質效果對整個網站頁面的影非常大。在時間限定的情況下，為了能夠展示出一個更好的頁面效果，所以我們需要有選擇性的進行素材優化工作來提高頁面的上線效果。
項目背景介紹：
率土之濱是一款網易新推出的SLG策略類手游，以國戰，戰爭，三國為核心題材的一個游戲，所以在KV上并沒有使用到任何“主角”。
素材對比：
首先，把素材KV跟優化后的KV放出來做一個對比。營銷項目組雖然提前了半個月來優化素材，不過最終素材的效果依舊有點不盡人意。
第一版本
第二版本，整體有一定氣氛，但是視覺焦點效果一般。
問題：
1.素材圖層不全，放到網頁上需要多處補充
2.特效素材使用【濾色】效果，導致后期動畫制作不方便執行
第二版本【優化稿】
網頁上線設計稿
素材優化方向：
案例
(修整了袖口跟手上的一些邊緣，讓衣服看起來沒有那么破舊）
案例
（實際頁面頁面使用中，紅色部分為缺失需要補充的部分，并不是視覺焦點，所以僅僅做了色塊填充，添加漸變的簡單處理，即可滿足需求。）
案例
A.首先將圖層調整成【正常】
B.會得到這樣的不完整的圖層，這時候在它下面防止一個純黑的底色
C.合并得到這樣一個黑底的圖層。
D.然后選中圖層，切換到通道，使用快捷鍵【CTRL+鼠標左鍵】點擊通道圖層快速選區，然后切換到圖層，把三個通道的選區圖層復制出來，并且合并。
E.得到這樣一個透明底的圖層，然后可以復制一層【剪切蒙版】到原圖層中，并且調整為【濾色】則可以得到一個高亮的效果，這樣的圖層再修飾一下邊緣即可在CSS3及FLASH上使用了。
案例對比
（背景添加了雜色，劍添加了金屬肌理，手使用了模糊，衣服疊加了龍紋，添加了有一定厚度的麻布紋理）
注：介紹一個實用的工具。當原畫素材肌理非常少的時候?？梢杂谩綜amera Raw濾鏡】中的銳化快速的通過預覽效果調出一些不明顯的肌理，來增添素材的質感。
案例
（優化前：過曝，顏色飽和度過高，光效擋住了手的細節。手跟劍不夠突出。）
（優化后：為了凸出手跟劍，把光效給弱化了，手及背景天空對比度提高，提亮手后面的天空，增加與手的對比。為將整個背景色調調成了紫灰色，突出火光的顏色，從而讓手這一部分成為畫面的視覺焦點。)
結：
很多時候當自己不知道素材如何優化的時候，可以去看看一些優質的素材，然后做一些對比學習一下，會發現更多素材可提升的空間。
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
原創博文，版權歸網易 EGDC 所有，轉載時請務必注明出處，違者必究，感謝合作。
注明出處格式: 轉自 網易EGDC http://egdc.163.com/1715.html
丨夸米科技丨
咨詢直線：186-2370-8562 官方網站：www.oceantechmarket.com.cn
17260717688
