畫面不夠豐富?學(xué)會這招,海報馬上變精致

2020-6-9    資深UI設(shè)計者

日常設(shè)計中,我們可以收集一些類型海報,去分析它們的特點進行練習(xí),逐漸熟練掌握各個風(fēng)格特征。

我們知道,透過現(xiàn)象看本質(zhì),才能實現(xiàn)真正意義上的認識。其實版式設(shè)計也是一樣的,歸根到底,版式要素就是由文字與圖形或者圖片組成的,因此文字的編排、圖形或圖片的運用以及色彩的搭配將成為我們學(xué)習(xí)的重點。

前幾天抽空看了一些美國西部電影,發(fā)現(xiàn)西部牛仔的形象真的是一個字,帥。他們頭戴墨西哥式寬沿高頂氈帽、腰挎柯爾特左輪手槍或肩扛溫徹斯特步槍、身纏子彈帶、穿著牛仔褲皮上衣、以及束袖緊身多袋牛仔服、足蹬一雙飾有刺馬釘?shù)母咄财ぬ籽ァ㈩i圍一塊色彩鮮艷奪目的印花大方巾、騎著快馬風(fēng)馳電掣,形象威猛而灑脫。

今天我們就以西部牛仔為命題設(shè)計一幅海報,看看這類海報的具體設(shè)計思路是怎樣的,說到牛仔電影,就不得不提克林特伊斯特伍德演的「鏢客三部曲」,牛仔的機智、勇敢、沉著、冷靜體現(xiàn)的淋漓盡致,還有那深邃的眼神,真的是被圈粉。

那時的電影海報不多,多為手繪的形式展現(xiàn),可以看出三幅海報中文字的編排跟主人物的結(jié)合非常巧妙。第一幅主標題的梯形形式,第二幅居中形式,第三幅左右環(huán)繞人物的形式,充分的使用信息解決了空間問題。

下面這三幅是電影「被解放的姜戈」的宣傳海報,這是我?guī)啄昵翱吹牧耍锩孢€有帥帥的小李子,在電影里有點壞。

上面三幅都是以剪影為主視覺,以裂開的鏈子為最主要視覺點,呼應(yīng)電影中的核心主旨——被解放,后面兩幅通過移動主視覺的位置換了構(gòu)圖,信息編排也隨之改變。這種剪影效果十分值得借鑒。

下面進入今天的分享時間,噔噔噔噔~

我們將從網(wǎng)上整理好的文案進行簡單的層級劃分。

STEP 01 :構(gòu)圖方式

這里我選用上下分割構(gòu)圖來進行設(shè)計,上方準備放個牛仔的形象,下面放置信息。

STEP 02 :主體刻畫

接下來我們選擇一個極具張力的素材圖,素材有透視的效果,槍口還起到了聚焦的作用。

下面我們來刻畫主標題,牛仔的形象是硬朗冷靜,所以椅子選用粗黑體,同時結(jié)合有肌理的英文字體進行編排。

這里我用封套工具做了透視的效果,同時加上色塊來承載信息,這樣視覺上有遠近的感覺,視覺效果更豐富。

最后我們將處理好的主體和主標題都放入畫面中,對人物進行適當旋轉(zhuǎn),同時標出剩余信息的大概位置。

STEP 03:信息處理

接下來我們將剩余的信息做個處理,文字右側(cè),加上一個牛仔騎馬的剪影。

我們將處理好的信息全部放入到畫面中,版式的骨骼基本就確定了。

STEP 04:優(yōu)化版面

之后來搭配顏色,我們選用復(fù)古的顏色做背景,同時文字根據(jù)人物的顏色進行搭配。

做到這里,畫面還是略顯單薄,而且很多空間位置都沒有解決,那么這個時候我們需要增加相關(guān)的元素去豐富畫面,人物后面我們用混合工具做一個發(fā)射型的方框;最左側(cè)的空間用「馬背上的英雄」英文翻譯占據(jù),縮小文字部分讓出空間,同時加上掉落的子彈,這里需要注意子彈的疏密關(guān)系,畫面立刻就豐富起來了。

最后我們加上一個類似通緝令的復(fù)古紙張效果,同時微調(diào)信息的大小,這樣整個畫面就完成了。

技法講解

畫出兩個大小不一樣的矩形,改變矩形角度和矩形框的粗細,選中混合工具。

調(diào)整漸變的矩形數(shù)量。

用混合工具選中小巨星,拖住鼠標從小矩形中心往大矩形拉,然后松開鼠標,漸變效果就完成了。

STEP 05:樣機效果

OK,設(shè)計做完了,這篇海報主要就是給大家講解利用一些簡單的幾何形如何豐富畫面,還有一些特殊的小技巧,比如字體的簡單變形,元素的重復(fù)漸變,這些都是一些小細節(jié),卻能使你的畫面上升一個檔次,有時不是我們不會,而是我們沒有深入的思考與借鑒。

文章來源:優(yōu)設(shè)    作者:趣設(shè)記

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔