「傾斜構(gòu)圖」是版面整體或部分元素以?xún)A斜的角度呈現(xiàn)在畫(huà)面上，可以產(chǎn)生不穩(wěn)定的動(dòng)感，畫(huà)面顯得更具創(chuàng)意性，充滿(mǎn)活力，也更有視覺(jué)沖擊力。為了讓大家加深對(duì)傾斜構(gòu)圖的理解，運(yùn)用上一期知識(shí)點(diǎn)進(jìn)行一則運(yùn)動(dòng)海報(bào)實(shí)操演示。

上期回顧：

海報(bào)主題為運(yùn)動(dòng)俱樂(lè)部的宣傳海報(bào)，首先選擇與版面相契合的字體。主標(biāo)題中文字體選擇「字魂-正酷超級(jí)黑」，英文和數(shù)字字體選擇「DINPro-Black」，兩款字體有著相似的特征，筆畫(huà)厚重，棱角分明，粗獷而具有力量感。其他信息使用嚴(yán)謹(jǐn)規(guī)整的「思源黑體」，保證良好的識(shí)別性。

方案一

在進(jìn)行設(shè)計(jì)前，可以尋找關(guān)于運(yùn)動(dòng)的優(yōu)秀案例進(jìn)行分析，參考其圖片選取、色彩搭配、空間構(gòu)圖等。方案一參考的是采用高視角俯視角度的案例，使用人物和傾斜的文字營(yíng)造特殊的空間感，能夠給人帶來(lái)的嶄新視覺(jué)印象。

接下來(lái)進(jìn)行文案信息的優(yōu)化排版，通過(guò)字體的大小、粗細(xì)，按主次區(qū)分，建立好視覺(jué)層次。

把刻畫(huà)好的文字放置到版面中，并進(jìn)行傾斜處理，傾斜角度不要太大，既能夠讓畫(huà)面變得活潑起來(lái)，又不會(huì)影響到圖文的識(shí)別性，設(shè)計(jì)時(shí)也比較容易把控。

加入俯視角度的運(yùn)動(dòng)人物素材，注意盡量不要影響中文標(biāo)題的識(shí)別性。并把其他信息和點(diǎn)綴元素平穩(wěn)的排列在畫(huà)面四角，形成動(dòng)靜對(duì)比，也可以保持畫(huà)面的穩(wěn)定性。

現(xiàn)在整體畫(huà)面比較單調(diào)，在背景加入網(wǎng)球場(chǎng)的素材，也進(jìn)行傾斜處理，傾斜角度可以大些與文字形成對(duì)比。

整體效果已經(jīng)設(shè)計(jì)好，但版面還是比較平淡，缺少層次感。使用半透明的黑色畫(huà)筆壓暗畫(huà)面邊緣，形成聚光效果，讓主體更突出；最后使用灰色畫(huà)筆給主體文字添加光澤效果。設(shè)計(jì)完成：

方案二

方案二設(shè)計(jì)「雙方向傾斜」構(gòu)圖，是將設(shè)計(jì)元素朝兩個(gè)對(duì)立的角度傾斜，產(chǎn)生了方向上的對(duì)比，可以形成視覺(jué)沖突，營(yíng)造出空間立體感。參考案例如下：

把文字重新進(jìn)行排版，分為中文和英文兩部分：

在AI中使用「透視網(wǎng)格工具」，采用兩點(diǎn)透視，讓兩部分文字形成交叉同時(shí)也具有空間縱深感;

把刻畫(huà)好的文字主體導(dǎo)入PS中，加入人物素材：

把人物素材調(diào)整為黑白色，并加強(qiáng)對(duì)比度，穿插疊壓在文字中，盡量不要影響到中文的識(shí)別性。

最后給背景加入點(diǎn)狀紋理豐富畫(huà)面，并壓暗四角使主體更突出，方案二設(shè)計(jì)完成：

方案三

方案三參考一則汽車(chē)海報(bào)，將文字加入傾斜角度變化，通過(guò)不平衡感產(chǎn)生了「動(dòng)感」，增強(qiáng)了版面的趣味性，也產(chǎn)生良好的視覺(jué)沖擊力。

重新排版文字，并進(jìn)行傾斜處理：

加入人物素材，做出前后疊加的效果，其他文字信息放置在畫(huà)面下方，平衡穩(wěn)定畫(huà)面。

方案四

方案四嘗試設(shè)計(jì)一款黑金風(fēng)格海報(bào)，如圖，畫(huà)面具有良好的厚重感和力量感，可以產(chǎn)生強(qiáng)烈的視覺(jué)沖擊力。

尋找黑白色調(diào)的運(yùn)動(dòng)人物素材，把人物皮膚部分與背景分離，新圖層命名為「皮膚」。

分別給兩個(gè)圖層使用「色相/飽和度」，勾選「著色」，調(diào)整為金色調(diào)。皮膚圖層使用「色階」命令增強(qiáng)對(duì)比度，

接下來(lái)制作皮膚的金屬反光效果。復(fù)制皮膚圖層移動(dòng)到圖層最上方，執(zhí)行「反相」（ctrl+i）命令，調(diào)整「色階」壓暗反光效果:

擦除不需要反光的五官、頭發(fā)、部分皮膚（左圖紅色部分）：

使用「色相/飽和度」給反光部分添加偏紅的色調(diào)，并調(diào)整 「色階」加強(qiáng)對(duì)比度：

接下來(lái)給皮膚加強(qiáng)金屬質(zhì)感，復(fù)制皮膚圖層移動(dòng)到圖層最上方，執(zhí)行「濾鏡-濾鏡庫(kù)-素描-鉻黃漸變」，圖層混合模式改為「柔光」，降低圖層透明度50%，擦除紅色部分。

最終效果：

重新排版文字進(jìn)行適當(dāng)傾斜，放置到皮膚圖層下方，形成文字疊壓效果：

使用「圖層樣式」給文字加入金屬特效，參考數(shù)值如下：

右鍵「拷貝圖層樣式」，給其他文字「粘貼圖層樣式」，因字體大小不一致，需進(jìn)行「斜面和浮雕」中「深度」的微調(diào)。最后在背景加入傾斜的線(xiàn)條進(jìn)行裝飾，設(shè)計(jì)完成：

方案匯總：

總結(jié)

「傾斜構(gòu)圖」可以打破常規(guī)構(gòu)圖橫平豎直的視覺(jué)思維，產(chǎn)生不穩(wěn)定的動(dòng)感，畫(huà)面顯得更具創(chuàng)意性，也更有視覺(jué)沖擊力。當(dāng)想要設(shè)計(jì)靈動(dòng)活潑的版面，營(yíng)造輕松、動(dòng)感、刺激等氛圍時(shí)，「傾斜構(gòu)圖」是更適合運(yùn)用的構(gòu)圖表現(xiàn)形式。

練習(xí)素材、設(shè)計(jì)源文件和傾斜構(gòu)圖參考案例下載鏈接：https://pan.baidu.com/s/1d1RS2f3jehT7yTyWyourjg ? 提取碼：sh48

備用下載鏈接：https://share.weiyun.com/PCzURivw

更多構(gòu)圖技巧：

歡迎關(guān)注作者的微信公眾號(hào)：「藝海拾貝Design」