在线观看 国产-在线高清一级欧美精品-在线高清国产-在线福利视频-久久观看视频-久久观看

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

時(shí)間:2024-03-07 12:01作者:下載吧人氣:16

教程重點(diǎn)是網(wǎng)頁(yè)頭版的設(shè)計(jì),需要根據(jù)客戶(hù)的要求確定好頁(yè)面要表現(xiàn)的內(nèi)容;然后搜集相關(guān)的素材,根據(jù)自己的創(chuàng)意發(fā)揮,把畫(huà)面做得絢麗,有視覺(jué)沖擊效果即可。

最終效果

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

既然主題”全球爭(zhēng)霸賽“很明確,那我們就可以圍繞這個(gè)去進(jìn)行專(zhuān)題的構(gòu)思了。首先,還是在腦海里想象下所要打造的一個(gè)大概的場(chǎng)景。

各路英豪爭(zhēng)奪全球第一,反映到游戲中自然也就是各門(mén)派的英雄去爭(zhēng)奪武林盟主的感覺(jué),可以把英雄圍繞四周,中間放一個(gè)類(lèi)似獎(jiǎng)牌的物品,那么大致的場(chǎng)景及場(chǎng)面基調(diào)也就可以定下來(lái)了。我們還是先提煉一下關(guān)鍵詞。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

根據(jù)聯(lián)想到的這些關(guān)鍵詞我們就可以進(jìn)行素材的搜索啦。這個(gè)頁(yè)面用的主要是游戲內(nèi)提供的人物和場(chǎng)景原畫(huà)素材,外部素材沒(méi)有到太多,我這里只羅列一下所用到的游戲內(nèi)部的素材。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程
1、我們開(kāi)始打造場(chǎng)景。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

2、這里主要就是對(duì)原畫(huà)進(jìn)行了一個(gè)壓暗四周提亮中間的處理,之所以這樣處理就是因?yàn)榭梢允怪虚g的主題部分充分突出。我們來(lái)一步步看下怎么達(dá)到現(xiàn)在的效果。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

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

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

4、適當(dāng)降低亮度和飽和度,加大畫(huà)面對(duì)比度,減少原畫(huà)本身色彩過(guò)多過(guò)艷給后期調(diào)色帶來(lái)的不便。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

5、給畫(huà)面添加紅黃色調(diào),是頁(yè)面暗處偏紅棕,亮出微微偏黃。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

6、再次壓暗整個(gè)畫(huà)面。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

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

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程
8、給中間部分打光,這里主要分為3層,最下面一層是偏紅色,范圍最大;中間一層偏黃色,范圍比紅色部分略小;最上面的一層自然是白色,也就是光源的位置,范圍最小。這一步相當(dāng)于給畫(huà)面添加一個(gè)光源,光線從中間到四周逐漸減弱。

Tips:

這里在對(duì)畫(huà)面進(jìn)行壓暗處理的時(shí)候,并沒(méi)有對(duì)畫(huà)面本身具有的火球、爆炸火焰等進(jìn)行相應(yīng)處理,這些本身的火光后期可以利用,所以不用進(jìn)行壓暗,在處理的時(shí)候應(yīng)該在蒙版上擦除這一部分。框內(nèi)蒙版上的黑色區(qū)域即為火光部分,保留。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

9、這里主要教大家來(lái)制作這種標(biāo)題的效果。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

10、先對(duì)文字按照主次關(guān)系進(jìn)行排版,這里同樣最好采用居中的形式。“全球爭(zhēng)霸賽”這幾個(gè)字是同事之前做好的變形,我這里直接拿來(lái)用了,文字變形不是本次教程的重點(diǎn),所以這里不做詳細(xì)介紹,感興趣的可以看下暢游VC關(guān)于文字變形的教程。

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

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

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

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

12、應(yīng)用斜面和浮雕時(shí)要注意“方法和深度”的值,建議大家自己去不斷調(diào)節(jié)體驗(yàn)一下變化之處。我這邊通常用到這個(gè)效果的時(shí)候是分別選為“平滑”和“1000”,可以使斜面的分割清晰而且不會(huì)出現(xiàn)雜邊。

下面的高光和陰影通過(guò)不斷看效果圖去調(diào)整。樣式調(diào)整完之后找一張墻壁的素材疊加到底部,再根據(jù)疊加之后的效果做相應(yīng)調(diào)整即可。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

13、給文字做效果,方法類(lèi)似。主要也是圖層樣式,然后加墻壁材質(zhì)疊加。這里用不同的顏色來(lái)區(qū)分下主標(biāo)和副標(biāo),后期可以用白色柔性畫(huà)筆去給文字加些高光,直接涂抹,疊加即可(這里不再詳述)。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

14、這一步是找一些刀劍和金屬裝飾來(lái)對(duì)我們的標(biāo)題進(jìn)行修飾,是他們看起來(lái)充滿(mǎn)對(duì)戰(zhàn)的感覺(jué)。這里大家容易有一個(gè)誤區(qū):有的同學(xué)可能覺(jué)得后面的大刀是一把完整的刀進(jìn)行的復(fù)制和水平翻轉(zhuǎn)。其實(shí)不是的,因?yàn)榈兜闹虚g部分是被擋住的,而我們想找一把特性完全符合我們期望的刀又不是很容易,所以這個(gè)時(shí)候我們可以拆成兩部分來(lái)找,分別找尋自己想到的刀柄和刀刃,找的時(shí)候肯定找那種看起來(lái)比較霸氣的刀,例如這里因?yàn)槭翘忑埖膶?zhuān)題,我在找刀柄的時(shí)候就找了一個(gè)帶龍頭的刀柄,跟游戲主題也可以比較貼切。

刀刃呢最好是找比較寬的,不是像日本武士用的那種細(xì)刀,而是像過(guò)去砍頭用的大刀(尼瑪,好血腥),看起來(lái)會(huì)比較霸氣,兩者一結(jié)合,復(fù)制翻轉(zhuǎn),再經(jīng)過(guò)調(diào)色和亮度對(duì)比度的調(diào)整,即可得到現(xiàn)在的效果。這里要注意調(diào)色的時(shí)候稍微往頁(yè)面的整體色調(diào)上靠攏。

最上方的金屬修飾物是平時(shí)收集的,可以從一些武器,金屬盔甲以及一些游戲ui上面扣取,在經(jīng)過(guò)加工所得,這里作為裝飾物也可以起到很好的作用。有的同學(xué)也許會(huì)問(wèn),為什么不把這個(gè)修飾物放在下面呢?原因很簡(jiǎn)單,因?yàn)橄旅嫖覀冞€要放一些文字內(nèi)容,正好可以放在兩個(gè)刀刃之間。

把其他的文字部分內(nèi)容排好,即可得到下圖的效果。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程
15、給各大高手進(jìn)行打光調(diào)色處理。

先把我們找的六大高手按照動(dòng)作的對(duì)應(yīng)關(guān)系調(diào)整大小比例和進(jìn)行水平翻轉(zhuǎn),以達(dá)到畫(huà)面的平衡和諧。這里大致介紹一下:弓箭女和葫蘆娃都是屬于正面微偏一點(diǎn)的,面部有略微的朝向,所以選取他(她、它)倆作為正前方主要人物;和尚和菜刀男都是屬于跳躍飛起的感覺(jué),所以在排列的時(shí)候略微高于主人物,而他倆姿勢(shì)正好呼應(yīng),真不愧為好基友;扇子男和回眸女倆人都是明顯的側(cè)身,身體所占比重不大,所以縮小放置最兩邊(誰(shuí)讓你倆不正面相待,打入冷板凳)。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

16、這里以右半邊的三位壯士來(lái)給大家進(jìn)行打光的講解,首先拿葫蘆娃開(kāi)刀,給葫蘆娃添加蒙板,用柔性畫(huà)筆擦除膝蓋以下部分,在其上方創(chuàng)建剪切蒙版,拉一個(gè)背景底色到透明的漸變,使葫蘆娃與畫(huà)面更加融合。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

17、降低飽和度,加大對(duì)比度,使人物看起來(lái)更有質(zhì)感(下圖左)。利用色彩平衡給人物添加環(huán)境色,朝紅黃方向去調(diào)整(下圖右)。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

18、降低飽和度,加大對(duì)比度,使人物看起來(lái)更有質(zhì)感(下圖左)。利用色彩平衡給人物添加環(huán)境色,朝紅黃方向去調(diào)整(下圖右)。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

19、對(duì)人物左側(cè)的背景再次提亮,通過(guò)柔性畫(huà)筆去疊加,或者通過(guò)圖層樣式吸取環(huán)境色去調(diào)節(jié)(圖左)。在人物的最上方創(chuàng)建剪切蒙版,從左上方帽檐處向右下方拉白色到透明的漸變,填充調(diào)為零,利用圖層樣式調(diào)整顏色給人物進(jìn)一步增加環(huán)境色亮光,使人物的受光面從左上至右下方逐漸減弱(圖右)。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

20、菜刀男和回眸女的處理手法同葫蘆娃類(lèi)似,都是降低飽和度后調(diào)色然后去打光,需要注意的是距離中間光源遠(yuǎn)近不同,受光程度也不一樣,如這里菜刀男的受光要略弱于葫蘆娃,而回眸女的受光最弱。還有一點(diǎn),就是菜刀男在葫蘆娃的身后,會(huì)有一部分光因?yàn)榇虻胶J娃的背而反射到菜刀男的左側(cè),所以左側(cè)的受光略強(qiáng)一些。根據(jù)這些關(guān)系,我們講人物的受光處理好如圖所示。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程
21、左半邊三位壯士的處理手法與右側(cè)相同,這里不再贅述,最終效果如圖。

如果大家對(duì)于這種逆光的現(xiàn)象還不是很理解的話(huà),可以回去之后做一個(gè)簡(jiǎn)單的測(cè)試。到家之后,關(guān)上屋里的燈,打開(kāi)手電筒或者手機(jī)的閃光燈照向自己,然后伸出自己的手,對(duì)著手電筒,通過(guò)改變手掌與手電和自己眼睛的距離,來(lái)觀察手掌的顏色和一些細(xì)節(jié)的可辨識(shí)度。相信通過(guò)這個(gè)小實(shí)驗(yàn)可以幫助大家對(duì)于這種逆光現(xiàn)象有個(gè)大致的了解。上圖還有一點(diǎn)需要注意的是,近大遠(yuǎn)小,近清晰遠(yuǎn)模糊的透視關(guān)系,最邊上的人物相對(duì)其他來(lái)說(shuō)要更小一些,還要稍微加點(diǎn)高斯模糊處理一下,這樣才更加真實(shí)。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

給最終畫(huà)面添加一些火花光效,增加氛圍。

ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程

標(biāo)簽ps網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)圖片,ps導(dǎo)航圖片,制作網(wǎng)頁(yè)圖片

相關(guān)下載

查看所有評(píng)論+

網(wǎng)友評(píng)論

網(wǎng)友
您的評(píng)論需要經(jīng)過(guò)審核才能顯示

熱門(mén)閱覽

最新排行

公眾號(hào)

主站蜘蛛池模板: 啊v天堂在线 | 亚洲欧美国产精品 | 国产日韩欧美亚洲综合 | 戏梦巴黎电影原声 | 视频二区 国产精品 职场同事 | 亚洲国产欧美精品一区二区三区 | 亚洲国产精品二区久久 | 欧美一区二区福利视频 | 伊人网综合在线 | 成人欧美一区二区三区视频xxx | 亚洲国产人成网站在线电影动漫 | 一区二区三区亚洲视频 | 亚洲欧洲日本精品 | 色婷婷六月丁香在线观看 | 日韩欧美在线观看 | 亚洲国产美女精品久久久久∴ | 日韩在线视频网 | 成人羞羞视频国产 | 日本久久综合 | 亚洲无线视频 | 伊人网综合 | 在线观看国产一区二区三区 | 自拍偷拍第一页 | 黑人一区二区 | 欧美日韩一区二区三 | 亚洲国产精品人人做人人爽 | 中文在线官网 | www.av视频在线观看 | 亚洲码一区二区三区 | 免费电视剧在哪里看 | 婷婷丁香九月 | 男人天堂黄色 | 久久er热视频在这里精品 | 丁香花在线影院在线播放 | 国产成人精品三区 | 色综合五月激情综合色一区 | 久久久久久99 | 愉拍自拍视频在线播放 | 精品日本久久久久久久久久 | 欧美色视频免费高清播放 | 四虎免费网址 |