實操篇-「傾斜構(gòu)圖」巧破畫面呆板!
當想要設計更靈動活潑的版面,營造輕松、動感、刺激等氛圍時,“傾斜構(gòu)圖”是更適合運用的構(gòu)圖表現(xiàn)形式,本期就來分析傾斜構(gòu)圖的使用方法。
「傾斜構(gòu)圖」是版面整體或部分元素以傾斜的角度呈現(xiàn)在畫面上,可以產(chǎn)生不穩(wěn)定的動感,畫面顯得更具創(chuàng)意性,充滿活力,也更有視覺沖擊力。為了讓大家加深對傾斜構(gòu)圖的理解,運用以上知識點進行一則運動海報實操演示。
海報主題為運動俱樂部的宣傳海報,首先選擇與版面相契合的字體。主標題中文字體選擇「字魂-正酷超級黑」,英文和數(shù)字字體選擇「DINPro-Black」,兩款字體有著相似的特征,筆畫厚重,棱角分明,粗獷而具有力量感。其他信息使用嚴謹規(guī)整的「思源黑體」,保證良好的識別性。
方案一
在進行設計前,可以尋找關(guān)于運動的優(yōu)秀案例進行分析,參考其圖片選取、色彩搭配、空間構(gòu)圖等。方案一參考的是采用高視角俯視角度的案例,使用人物和傾斜的文字營造特殊的空間感,能夠給人帶來的嶄新視覺印象。
接下來進行文案信息的優(yōu)化排版,通過字體的大小、粗細,按主次區(qū)分,建立好視覺層次。
把刻畫好的文字放置到版面中,并進行傾斜處理,傾斜角度不要太大,既能夠讓畫面變得活潑起來,又不會影響到圖文的識別性,設計時也比較容易把控。
加入俯視角度的運動人物素材,注意盡量不要影響中文標題的識別性。并把其他信息和點綴元素平穩(wěn)的排列在畫面四角,形成動靜對比,也可以保持畫面的穩(wěn)定性。
現(xiàn)在整體畫面比較單調(diào),在背景加入網(wǎng)球場的素材,也進行傾斜處理,傾斜角度可以大些與文字形成對比。
整體效果已經(jīng)設計好,但版面還是比較平淡,缺少層次感。使用半透明的黑色畫筆壓暗畫面邊緣,形成聚光效果,讓主體更突出;最后使用灰色畫筆給主體文字添加光澤效果。設計完成:
方案二
方案二設計「雙方向傾斜」構(gòu)圖,是將設計元素朝兩個對立的角度傾斜,產(chǎn)生了方向上的對比,可以形成視覺沖突,營造出空間立體感。參考案例如下:
把文字重新進行排版,分為中文和英文兩部分:
在AI中使用「透視網(wǎng)格工具」,采用兩點透視,讓兩部分文字形成交叉同時也具有空間縱深感;
把刻畫好的文字主體導入PS中,加入人物素材:
把人物素材調(diào)整為黑白色,并加強對比度,穿插疊壓在文字中,盡量不要影響到中文的識別性。
最后給背景加入點狀紋理豐富畫面,并壓暗四角使主體更突出,方案二設計完成:
方案三
方案三參考一則汽車海報,將文字加入傾斜角度變化,通過不平衡感產(chǎn)生了「動感」,增強了版面的趣味性,也產(chǎn)生良好的視覺沖擊力。
重新排版文字,并進行傾斜處理:
加入人物素材,做出前后疊加的效果,其他文字信息放置在畫面下方,平衡穩(wěn)定畫面。
方案四
方案四嘗試設計一款黑金風格海報,如圖,畫面具有良好的厚重感和力量感,可以產(chǎn)生強烈的視覺沖擊力。
尋找黑白色調(diào)的運動人物素材,把人物皮膚部分與背景分離,新圖層命名為「皮膚」。
分別給兩個圖層使用「色相/飽和度」,勾選「著色」,調(diào)整為金色調(diào)。皮膚圖層使用「色階」命令增強對比度,
接下來制作皮膚的金屬反光效果。復制皮膚圖層移動到圖層最上方,執(zhí)行「反相」(ctrl+i)命令,調(diào)整「色階」壓暗反光效果:
擦除不需要反光的五官、頭發(fā)、部分皮膚(左圖紅色部分):
使用「色相/飽和度」給反光部分添加偏紅的色調(diào),并調(diào)整 「色階」加強對比度:
接下來給皮膚加強金屬質(zhì)感,復制皮膚圖層移動到圖層最上方,執(zhí)行「濾鏡-濾鏡庫-素描-鉻黃漸變」,圖層混合模式改為「柔光」,降低圖層透明度50%,擦除紅色部分。
最終效果:
重新排版文字進行適當傾斜,放置到皮膚圖層下方,形成文字疊壓效果:
使用「圖層樣式」給文字加入金屬特效,參考數(shù)值如下:
右鍵「拷貝圖層樣式」,給其他文字「粘貼圖層樣式」,因字體大小不一致,需進行「斜面和浮雕」中「深度」的微調(diào)。最后在背景加入傾斜的線條進行裝飾,設計完成:
方案匯總:
總結(jié)
「傾斜構(gòu)圖」可以打破常規(guī)構(gòu)圖橫平豎直的視覺思維,產(chǎn)生不穩(wěn)定的動感,畫面顯得更具創(chuàng)意性,也更有視覺沖擊力。當想要設計靈動活潑的版面,營造輕松、動感、刺激等氛圍時,「傾斜構(gòu)圖」是更適合運用的構(gòu)圖表現(xiàn)形式。