很多同學在設計完成後，總是會發現頁面很單薄，導致整體看起來很粗糙、不耐看。究其原因，大多數是因為頁面缺乏質感。質感，對於設計作品來說，是一個非常重要的視覺元素。它能夠提升作品的層次，讓整個作品更高端、更有品質。
什麼是質感？如何表現高端的質感呢？
本文我們將從質感產品的原理出發，深入分析質感產生所需要的要素。並通過實際案例《Life Poster》，來教大家如何在設計中表現質感。
什麼是質感？
質感，基本釋義為所表現的物體呈現出的物質真實感、細膩的品質感。這是一種視覺的綜合感受，會觸動你的某種本能的綜合感官，讓你感覺非常舒服、非常爽。
我找了幾張比較富有質感的圖片，大家可以感受一下這種感覺。
觀察完這些圖片後，你發現了有什麼共同點了嗎？我們可以試著來分析一下。
首先，物體的本身的型是好看舒服的，並且細節足夠精緻。其次，在光的影響下，物體的表面呈現出細膩的光澤變化，展現了豐富的層級關係，以及通透而舒服的陰影。正是光的影響作用，讓這些視覺元素得以表達，讓我們不通過觸摸便能感知到這種質感。
我們可以再來看看一些優秀的擬物作品。大家對照一下，是否都有遵循相同的要素。
觀察這些優秀的擬物作品，為什麼會覺得有質感呢？首先圖標很精緻，他的形具有一定的美感。但是這不足以讓它富有質感，關鍵是它也符合了上面所說的幾個質感要素。
最後，我們可以總結一下，質感產生的要素有哪些。
1. 整體光感：符合視覺原理的整體光感。
2. 細膩的漸變：通過色彩漸變所模擬的真實的質感和豐富的層次感，以及柔和舒服、符合光感的投影。
3.細節/紋理：精緻的細節/紋理，讓畫面足夠精美、耐看。
所以除了作品本身足夠精美以外，整個作品的光感需要和諧整體。每個元素表現的色彩變化規律（漸變色）、投影大小、投影間的相互影響，都需要與光感嚴謹地統一。這就要求你在在繪製所有元素時，需要去假定一個統一的光源，這樣才能讓物體擁有更真實的質感。
我們已經瞭解了質感產生的原理，下面就開始實際案例吧。每一個步驟我都會講解一下思考的過程和原因，方便大家理解。
第一步
整體背景和主體框架繪製
建立畫布（1200x900）。用矩形工具繪製背景和主體框架（1100x700），圖層樣式為漸變疊加，光線方向統一。
漸變是為了模擬背景的質感和在光線下的變化，兩層光線方向需要統一。背景顏色稍淺且飽和度低，符合遠近的視覺規律。
第二步
繪製投影和主體背景
1. 複製矩形作為投影層，顏色調整為黑色，轉為智能對象後，加入高斯模糊效果。調整模糊度和透明度，移到適當位置。具體參數對照圖中。投影的位置根據假定光源位置而定，使其符合視覺原理（詳見光線分析圖）。
2. 繪製主體深色背景（1070x670），漸變疊加模式，漸變方向與前面保持一致保持。漸變的顏色對於質感非常重要，恰當且高級的漸變色，能夠在本質上提升畫面質感。而漸變方向則需要根據假定光源進行判定。
為什麼要這麼繪製漸變與投影的位置呢？我繪製了一張光線分析圖，大家可以從圖中看出假定光源的位置，以此來確定漸變的方向以及投影的位置。
只有整體光感的統一，整個畫面才能表現出強烈的質感。大家在繪製這一步是，需要用心體會假定光感的這個過程。
第三步
將人物融入背景，提升髮絲層次和質感
1.放入人物圖片，圖層模式改為正片疊底。調整圖層透明度，添加蒙版使人物下半部分漸隱，與背景融合。
2.複製人物層，取消圖層模式和透明度。用選擇顏色命令提取髮絲高光，添加蒙版抹去不需要的高光，圖層模式改為變亮模式，調整透明度使其融合進人物。
為什麼要做這一步呢？單純的人物在畫面中顯得太平了，所以需要豐富細節、增加層次。
第四步
主體字體和投影繪製
輸入主體文字，圖層模式調整為漸變疊加，根據光源調整顏色漸變。案例中的英文字體為“Monotype Corsiva Regular”。這一步需要反覆的嘗試，大家可以換一些字母嘗試一下。
複製一層作為投影，改為黑色正片疊底，轉智能對象後模糊對象，調整透明度和大小，放在字體後面。字體的立體依靠的仍然是統一的光源，需要想象字體在假定光源下的陰影關係。
投影能夠模擬真實感，需要若有若無的感覺，讓文字有懸浮在圖層上面，豐富畫面層次感。
第五步
主體文字細節刻畫
根據字體的結構，用形狀工具繪製出字體的立體關係。每一個形狀圖層繪製後需要兩層蒙版，一層為了限制字體範圍，一層為漸變蒙版。讓文字立體感懸浮與畫面中央，提升視覺中心的細節品質。
第六步
穿插細文與投影繪製
1.輸入細文，並複製一層作為陰影。不過因為字體較小，距離拉遠後投影肯定是看不清細節的，所以已經模糊的若有若無啦，但還是需要有的。
2.表現文字穿插關係，讓“is an”懸浮於“L”上，並留下近距離投影。讓“attitude穿過“e”字，遮擋部分文字。豐富的穿插和相互投影，進一步增加主體文字細節和層次，讓畫面細節豐富且更加耐看。
第七步
繪製輔助圖形，增強畫面流動感
為了讓豐富畫面細節，增強畫面流動感，可以適當加一些飄零的輔助元素。
繪製時需要注意的是，你需要明確整體視覺中心與運動的方向。輔助圖形沿著整體畫面，水平中心向右運動，你可以想象圖形散開後的飄散的畫面，並反覆調整元素的合理位置。
如果沒有一定的規律，所有圖形就不像一個整體，就會看起來很亂。大家可以根據這點來判斷是否需要進一步調整。
第八步
收尾工作，大功告成
最後，根據頁面需要，搭配上合適的元素，讓畫面更完整。裝逼成功～
需要注意的一個細節是，由於所處的位置不同，這些元素在光照中呈現的顏色也會出現深淺變化，所以左邊的元素較淺，而右邊的元素會深一些。
怎麼樣，是不是看起來並不難？ 希望大家可以抽空認真地跟著教程去嘗試一遍。只要你能夠理解每個步驟的目的，耐心地繪製每一個細節，相信你也能夠做出這種非常高端的質感。如果你能在製作時，用心思考和體會整個過程。就能在以後的作品中舉一反三，讓這個技能成為你自己的技能了。
免責申明：文章來源於公開網絡，僅供設計師學習，版權歸原創者所有!無對涉及版權問題負責，如有原作者認侵，聯繫必刪
福利互動
為答謝客官閱讀完此文支持，特准備設計新人整套課程贈送領取
下方是領取方式
2，評論文章，不限字數，一個字都行
下方是課程內容
閱讀更多 Ps平面設計課堂 的文章
