如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.2089943.live

Photoshop制作游戲網站專題頁面圖片

當前位置 : PS學習網 > 實例教程 > 正文來源:網絡作者:網絡時間:2020-02-01人氣:

教程重點是網頁頭版的設計,需要根據客戶的要求確定好頁面要表現的內容;然后搜集相關的素材,根據自己的創意發揮,把畫面做得絢麗,有視覺沖擊效果即可。最終效果

制作游戲網站專題頁面圖片的PS教程 

制作游戲網站專題頁面圖片的PS教程

 

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

制作游戲網站專題頁面圖片的PS教程

 

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

制作游戲網站專題頁面圖片的PS教程

 

一、我們開始打造場景。

制作游戲網站專題頁面圖片的PS教程

 

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

制作游戲網站專題頁面圖片的PS教程

 

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

制作游戲網站專題頁面圖片的PS教程

 

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

制作游戲網站專題頁面圖片的PS教程

 

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

制作游戲網站專題頁面圖片的PS教程

 

六、再次壓暗整個畫面。

制作游戲網站專題頁面圖片的PS教程

 

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

制作游戲網站專題頁面圖片的PS教程

 

八、給中間部分打光,這里主要分為3層,最下面一層是偏紅色,范圍最大;中間一層偏黃色,范圍比紅色部分略;最上面的一層自然是白色,也就是光源的位置,范圍最小。這一步相當于給畫面添加一個光源,光線從中間到四周逐漸減弱。

 

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

制作游戲網站專題頁面圖片的PS教程

制作游戲網站專題頁面圖片的PS教程

 

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

制作游戲網站專題頁面圖片的PS教程

 

十、先對文字按照主次關系進行排版,這里同樣最好采用居中的形式。“全球爭霸賽”這幾個字是同事之前做好的變形,我這里直接拿來用了,文字變形不是本次教程的重點,所以這里不做詳細介紹,感興趣的可以看下暢游VC關于文字變形的教程。 文字排好之后就用鋼筆工具在文字的下面層勾出黑底輪廓,這個可以有多種形式,畫工比較好的同學可以勾出非常牛逼的底,這里我只做了輕微的處理(很顯然我不是畫工非常好的同學),給邊角處加了一些出來的尖,使其看起來顯得比較尖銳。

制作游戲網站專題頁面圖片的PS教程

回頂部
欢乐斗地主下载游戏