banner設計素材軟體有哪些

2023-03-31 04:42:01

banner設計素材軟體有哪些

      今天教大家一個BANNER設計，過程不會太難，只需要會PS基礎就能製作出來，這個教程可以鍛鍊我們對網頁BANNER畫面的質感表現有很大幫助。在光的表現下，物體表面的光澤便變化，精緻的細節和紋理，通透而舒服的陰影。正是光的作用，讓這些視覺元素得以表達，讓我們沒有摸到它便感覺到了質感。

　　觀察這些優秀的擬物作品，為什麼會覺得有質感呢？首先圖標很精緻，他的形具有一定的美感。但是這不足以讓它富有質感，關鍵是它也符合了上面所說的質感的特徵。

　　那麼我們就可以簡單地來一波分析，怎麼樣才能讓界面變得有質感。

　　1.符合視覺原理的整體光感。

　　2.通過色彩漸變所模擬的真實的質感和豐富的層次感。

　　3.柔和舒服、符合光感的投影。

　　4.精緻的細節，讓畫面足夠精美，耐看。

　　所以除了作品本身足夠精美以外，整個作品的光感需要非常整體。每個元素的投影大小、投影之間的相互影響，都需要與光感嚴謹地統一。也就是你繪製所有的元素時，需要大概假定一個統一光源。這樣才能讓物體更具有真實的質感。

　　下面開始案例講解吧。。

　　案例步驟

　　一波精彩的質感的原理分析後，那麼我們就開始這個教程吧。

　　第一步：整體背景和主體框架繪製。

　　建立畫布1200x900px（Mac 2倍）。矩形工具繪製背景和主體框架1100x700px（Mac 2倍），漸變疊加加上顏色，光線方向統一。（漸變是為了模擬背景的質感和在光線下的變化，兩層光線方向需要統一；背景顏色稍淺且飽和度低，符合遠近的視覺規律）

　　第二步：繪製投影和主體背景。

　　1.複製矩形作為投影層，顏色黑色，轉為智能對象，加入高斯模糊效果。調整模糊度和透明度，移到適當位置。具體參數對照圖中。（投影的位置根據假定光源位置而定，使其符合視覺原理（見下面很渣的草圖）。轉為智能對象是為了方便調整顏色和隨時調整高斯模糊參數）。

　　2. 繪製主體背景（1070x670px），漸變疊加模式，漸變方向與前面保持一致保持。（漸變的顏色對於質感很重要，漸變方向則是統一光線需要）。

　　第三步：人物圖片與背景融合，加強髮絲增加層次和質感。

　　1. 放入人物圖片，圖層模式改為正片疊底。調整圖層透明度，添加蒙版使人物下半部分漸隱，與背景融合。

　　2. 複製人物層，取消圖層模式和透明度。 用選擇顏色提取髮絲高光，添加蒙版抹去不需要的高光，圖層模式改為變亮模式，調整透明度使其融合進人物。（單純的人物正片疊底太平了，所以需要豐富細節）。

　　第四步：主體字體和投影。

　　輸入主體文字，圖層模式漸變疊加，根據光源調整顏色漸變。複製一層作為投影，改為黑色正片疊底，轉智能對象後模糊對象，調整透明度和大小，放在字體後面。（投影模擬真實感，需要若有若無的感覺，讓文字有懸浮在圖層上面，豐富畫面層次感）。

　　第五步：主體文字的刻畫（整個畫面的視覺中心，需要刻畫細緻）。

　　根據字體的結構，用形狀工具繪製出字體的立體關係。每一個形狀圖層繪製後需要兩層蒙版，一層為了限制字體範圍，一層為漸變蒙版。讓文字立體感懸浮與畫面中央，提升視覺中心的細節品質。

　　這一步需要反覆的嘗試，英文字體為「Monotype Corsiva Regular」，大家可以換一些字母嘗試一下。

　　第六步：細文的穿插與投影。

　　1. 輸入細文，複製圖層，製作陰影。

　　2. 表現文字穿插關係，讓「is an」懸浮於「L」上，並留下近距離投影。讓「attitude穿過「e」字，遮擋部分文字。

　　第七步：繪製輔助圖形，增強畫面流動感。

　　為了讓畫面豐富和流動感，可以適當加一些酷酷的輔助元素。

       需要注意的是，你需要明確視覺中心與運動的整體性。沿著整體畫面的水平中心向右運動，想像圖形散開後的飄散的畫面，反覆調整元素的合理位置。

       第八步：收尾工作，大功告成。

　　根據需要（裝逼或者更加裝逼）配上合適的元素。需要注意的還是整體光感的考量，在不同的位置，這些元素的顏色也是有深淺的，並不是都是一個顏色。

　　希望大家在製作的時候，用心思考和體會整個過程。就可以在以後的作品中舉一反三啦。