PS教程丨游戲網(wǎng)頁設(shè)計(jì)小技巧〔II〕「附練習(xí)素材」

時(shí)間：2023-10-05 05:30:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-10-05 05:30:01 來源：網(wǎng)站運(yùn)營

PS教程丨游戲網(wǎng)頁設(shè)計(jì)小技巧〔II〕「附練習(xí)素材」：餓師兄：「設(shè)計(jì)本無對(duì)錯(cuò)之分，綠色笑臉僅代表可能會(huì)更好。新一期的大家來找茬兒，你準(zhǔn)備好了么？ 本人設(shè)計(jì)水平有限，說得不對(duì)的或者有需要補(bǔ)充的歡迎大家評(píng)論，共同進(jìn)步！」

1. 適當(dāng)?shù)匿J化可以在一定程度上提高素材的精度

位圖在進(jìn)行拉伸或者縮放的情況下，都會(huì)有不同程度的質(zhì)量的損失，適當(dāng)?shù)匿J化可以在一定程度上讓縮放后的素材看起來更加精致。「建議復(fù)制一層銳化，這樣可以通過調(diào)節(jié)不透明度來控制銳化程度」

2. 相對(duì)的，過度的銳化是應(yīng)該避免的

左圖是銳化了兩次以后得到的，人物邊緣及身上的線條出現(xiàn)了不同程度的疵邊現(xiàn)象，這是銳化過度造成的。大家一定要把控好銳化的度，不要盲目依賴。

3. 素材的選取要注意與整體畫面的風(fēng)格統(tǒng)一

左圖的金幣屬于現(xiàn)代的Q版的素材，與偏古風(fēng)的畫面明顯不搭，右圖的金色銅板就很貼切。大家在選取素材時(shí)也要注意素材與畫風(fēng)是不是「同一類的」。

4. 從更真實(shí)的角度考慮畫面元素的合理性

試想一下，如果立塊板子在沙灘上，板子一定會(huì)陷入沙堆中，有沙子遮住板子下方是很合理的。多從實(shí)際的角度去考慮畫面塑造的合理性，當(dāng)然前提也是不要過分影響到功能的落實(shí)哦。

5. 使用水墨元素時(shí)切忌墨跡周圍過于雜碎

雜碎的墨跡邊緣會(huì)給人躁動(dòng)和雜亂無章的感覺，不管是小范圍交互元素，毛筆飛白，還是大面積的墨跡鋪底，過于雜碎都會(huì)使人產(chǎn)生不舒服的感覺。

6. 強(qiáng)烈的冷暖對(duì)比更能烘托出畫面的激烈和對(duì)抗性

如果想要表達(dá)對(duì)抗或沖撞的感覺，那么，在你的能力和素材允許的情況下，強(qiáng)烈的冷暖對(duì)比都將是表現(xiàn)的最直觀的不二之選！

7. 搞清楚畫面的主體究竟是什么，該弱化的元素請(qǐng)不要吝惜

左圖中遠(yuǎn)處的城樓我拼湊了好久，但是出于合理性，以及突出人物眺望遠(yuǎn)處的大感覺， 還是直接用煙霧進(jìn)行了遮擋。拼了半天遮住了不可惜么？答：不可惜，因?yàn)楹侠恚?br>

8. 對(duì)字體進(jìn)行簡單的二次處理，有時(shí)會(huì)有意想不到的效果

左側(cè)是直接的字體「Agency FB」加了外發(fā)光的樣式，右側(cè)結(jié)合蒙版對(duì)每一個(gè)字母的中間進(jìn)行了 2 像素的切割，是不是看起來科技感更足了？

9. SLOGAN受光最強(qiáng)的地方可以考慮增加溢光的效果

這是一個(gè)生活中的自然現(xiàn)象，在受到強(qiáng)光的照射下，物體受光最強(qiáng)的部位有時(shí)會(huì)有溢光的現(xiàn)象。 同樣，物體受用，文字效果也受用。

10. 有動(dòng)勢的素材可以在素材的周圍順勢加點(diǎn)動(dòng)感模糊

左側(cè)的人物雖然有動(dòng)勢，但是感覺像靜止的。右側(cè)通過給人物邊緣加了動(dòng)感模糊效果，讓原本靜止的人物真正的「動(dòng)」了起來。

11. 給物體添加投影時(shí)，不要讓物體看起來像紙片一樣貼在墻上

很多新手都會(huì)出現(xiàn)的一個(gè)問題，投影的距離和大小一定要根據(jù)實(shí)際情況去實(shí)時(shí)調(diào)整。 要注意的是，物體是有體積的，那么加投影的時(shí)候要適當(dāng)加大一點(diǎn)點(diǎn)距離和大小。

12. NEVER!!! 永遠(yuǎn)不要使用低質(zhì)量的素材

這一點(diǎn)不止針對(duì)于游戲網(wǎng)頁設(shè)計(jì)，相信整個(gè)設(shè)計(jì)領(lǐng)域都會(huì)很抵制低質(zhì)量的素材。一句話，渣圖使人挨餓。

13. 保證識(shí)別度的前提下，嘗試讓主體「凌駕」于Slogan的上方

14. 結(jié)合游戲環(huán)境對(duì)Slogan變形可以讓你的畫面更出彩

考慮到「TOS」偏中世紀(jì)的復(fù)古奢華的畫風(fēng)，對(duì)slogan做了類似哥特的處理形式。是不是比左側(cè)直接上粗宋體的效果要好很多？

15. 充分發(fā)揮你的想象力，讓頁面的形式豐富起來

左側(cè)的專題采用最常規(guī)的形式，slogan+5個(gè)入口平鋪，而右側(cè)換了一種形式， 將畫面中的所有內(nèi)容元素做在一個(gè)類似心形玫瑰花風(fēng)鈴的上面，形式較左側(cè)而言豐富了許多。

16. 切記！書法字體慎用描邊效果

這一點(diǎn)是一定要切記的！因?yàn)榛旌线x項(xiàng)中的描邊在往外擴(kuò)散的過程中會(huì)逐漸趨于圓潤，會(huì)使整體變得萌萌噠…大家可以在描邊的基礎(chǔ)上手動(dòng)去添加毛筆筆觸，以保證毛筆字的整體威嚴(yán)！

17. 書法字體的選擇也要分情境，并不是越霸氣越好

書法字體不是只有蒼勁有力的，也可以是清秀婉約的，需要根據(jù)不同的情境去挑選。 對(duì)于上圖清秀典雅的服飾風(fēng)格，顯然右圖的書法字體看起來跟整體會(huì)更搭配一些。

18. 記得給畫面中的發(fā)光元素加上環(huán)境光

19. 用有趣的形式吸引用戶的交互操作

20. 多溝通，是少走彎路的有效途徑

這次就到這，包括之前的PS教程丨游戲網(wǎng)頁設(shè)計(jì)小技巧〔I〕「附調(diào)色三部曲」不止適用于游戲行業(yè)，海報(bào)、電商等都可以用到，希望大家能夠靈活運(yùn)用！

練習(xí)素材： 云盤鏈接
提取碼：hl4h