在我們平時(shí)的設(shè)計(jì)工作中，經(jīng)常會(huì)需要做一些有動(dòng)感的畫(huà)面，去體現(xiàn)某些產(chǎn)品所具有的運(yùn)動(dòng)屬性，比如汽車(chē)的速度感、球鞋的運(yùn)動(dòng)感等等?？墒怯捎谳d體或是成本的原因，導(dǎo)致客戶(hù)沒(méi)辦法投入動(dòng)態(tài)畫(huà)面的制作，所以就要求我們只能在靜態(tài)的平面中去創(chuàng)造動(dòng)感，讓原本不會(huì)動(dòng)的畫(huà)面看上去好像也能動(dòng)起來(lái)，這就是今天要為大家?guī)?lái)的內(nèi)容。
我們先來(lái)看一組照片，這些貓的圖片明明都是靜態(tài)的，可是為什么我們看到這些照片的時(shí)候，卻能夠明顯的感覺(jué)到貓?jiān)谔S的動(dòng)感呢，這個(gè)主要是因?yàn)槲覀兊男睦碜饔谩?
正如佛教里所講的，不是風(fēng)在動(dòng)，也不是云在動(dòng)，而是心在動(dòng)。那些看上去帶有動(dòng)感的圖片并不是真的在動(dòng)，也不是屏幕在動(dòng)，而是我們的心理作用。
所以我們做設(shè)計(jì)的時(shí)候，就可以很好的利用這一心理作用，去實(shí)現(xiàn)一些具有動(dòng)感的畫(huà)面。既然要做動(dòng)感的畫(huà)面，我們需要先了解，關(guān)于運(yùn)動(dòng)在物理學(xué)中的定義。
物理學(xué)中的運(yùn)動(dòng)，必須具備兩個(gè)要素，分別是速度和能量。
那我們就可以總結(jié)出兩種畫(huà)面中的動(dòng)勢(shì)，第一種就是具備速度和方向的動(dòng)勢(shì)，比如畫(huà)面中這兩張圖片，我們可以很明顯地感覺(jué)到，圖片中的主體是正在運(yùn)動(dòng)的，并且具有很快地速度和明確的運(yùn)動(dòng)方向。
第二種就是靜止的，但具有強(qiáng)烈能量的動(dòng)勢(shì)。比如畫(huà)面中這兩張圖片都沒(méi)有在動(dòng)，可是我們也能夠感覺(jué)到它的動(dòng)感。如果說(shuō)前一種動(dòng)勢(shì)更注重于刻畫(huà)運(yùn)動(dòng)的速度感，那么第二種則更加注重刻畫(huà)一觸即發(fā)的能量感。
那么，我們?cè)谄矫嬷袘?yīng)該如何去創(chuàng)造動(dòng)感呢？其實(shí)很簡(jiǎn)單，因?yàn)閺埩υ诋?huà)面中不平衡時(shí)，便會(huì)產(chǎn)生動(dòng)感。
所謂張力就是畫(huà)面中元素向外擴(kuò)張的心理作用力。
這么解釋可能有些抽象，我們可以將張力與萬(wàn)有引力進(jìn)行類(lèi)比。萬(wàn)有引力就是，任意兩個(gè)物體具有通過(guò)連線(xiàn)方向上的力相互吸引。而我們可以將張力定義為畫(huà)面中任意兩個(gè)元素，通過(guò)連線(xiàn)方向上的力相互吸引。也就是說(shuō)畫(huà)面中的任意元素都有相互吸引的力。
比如我們?cè)谝粋€(gè)畫(huà)面中的上下左右各放一個(gè)圓點(diǎn)，然后在畫(huà)面的正中間放一個(gè)較大的點(diǎn)，中間這個(gè)點(diǎn)由于均衡地受到上下左右吸引力的作用，所以它所受到的張力是平衡的。
當(dāng)我們將中間這個(gè)大點(diǎn)往上移動(dòng)，大點(diǎn)受到的張力平衡就會(huì)被打破，產(chǎn)生了要往下墜的動(dòng)勢(shì)。
根據(jù)萬(wàn)有引力定律公式，物體所受的吸引力和質(zhì)量是成正比的。
所以我們同樣可以類(lèi)比到張力中來(lái)，畫(huà)面中打破平衡的那個(gè)元素的質(zhì)量和面積越大，所帶來(lái)的動(dòng)感就會(huì)越強(qiáng)烈。
看完了剛才所講的這些，相信大家現(xiàn)在心里大概都會(huì)想起一句話(huà)，就是聽(tīng)過(guò)很多道理，依然過(guò)不好這一生。的確，聽(tīng)了這么多的理論公式，難免會(huì)越聽(tīng)越懵。而且我們?cè)谧鲈O(shè)計(jì)的時(shí)候，也不可能去測(cè)量畫(huà)面中每一個(gè)元素的大小、間距、方向，也不可能把每一個(gè)元素之間的張力進(jìn)行量化，然后再用公式去計(jì)算出動(dòng)感的大小強(qiáng)弱。那大家肯定還會(huì)繼續(xù)追問(wèn)了，那么到底該如何去制造動(dòng)感呢？
這里我總結(jié)了三點(diǎn)產(chǎn)生動(dòng)感的原因，分別是基于生活經(jīng)驗(yàn)與心理認(rèn)知、誘導(dǎo)視線(xiàn)移動(dòng)，以及非平衡狀態(tài)下產(chǎn)生的視覺(jué)沖擊。
我們先來(lái)看基于生活經(jīng)驗(yàn)與心理認(rèn)知，每個(gè)人在成長(zhǎng)的過(guò)程中都會(huì)碰到許多人和事，并且對(duì)不同的事物會(huì)總結(jié)出一套規(guī)律和認(rèn)知，也可以說(shuō)是刻板印象，所以我們就能感覺(jué)到一件事物是運(yùn)動(dòng)的還是靜止的。
比如這兩個(gè)小人，雖然只是一個(gè)輪廓，但是我們卻能感覺(jué)到左邊的人是站立的，靜止的，而右邊的人正在走路，是運(yùn)動(dòng)中的。
這樣的例子很多，例如書(shū)本是靜，車(chē)子是動(dòng)。
樹(shù)懶是靜，猴子是動(dòng)的。
另外由于人類(lèi)擁有一種組織傾向，所以當(dāng)我們看到某一個(gè)運(yùn)動(dòng)的瞬間時(shí)，會(huì)自動(dòng)腦補(bǔ)中出他運(yùn)動(dòng)的過(guò)程。比如這張靜態(tài)圖片，相信很多人看到時(shí)都會(huì)腦補(bǔ)出那個(gè)視頻。
但是這里有一個(gè)問(wèn)題，就是不同的人他的生活經(jīng)驗(yàn)是不同的，對(duì)于事物的認(rèn)知和理解也就不同，可能對(duì)于一部分人來(lái)說(shuō)這是具有動(dòng)感的，而對(duì)另一部分人來(lái)說(shuō)卻是靜止的。比如剛才那個(gè)打籃球的圖片，如果是沒(méi)看過(guò)視頻的人，當(dāng)然就腦補(bǔ)不出他的動(dòng)感了。所以對(duì)于這種刻板印象的利用，我們需要根據(jù)受眾的具體特征具體分析，千萬(wàn)不要盲目使用。
接下來(lái)我們來(lái)講講第二種情況，誘導(dǎo)視線(xiàn)移動(dòng)。由于運(yùn)動(dòng)是相對(duì)的，所以我們?cè)诳礀|西的時(shí)候，視線(xiàn)移動(dòng)也可以理解為是物體相對(duì)視線(xiàn)發(fā)生了移動(dòng)。
比如我們?cè)诳磮?bào)紙的時(shí)候，從左上角往右下角看，在我們眼睛里出現(xiàn)的畫(huà)面是這樣的，從而便產(chǎn)生了好像報(bào)紙?jiān)趧?dòng)的動(dòng)感。
最簡(jiǎn)單移動(dòng)的案例就是箭頭，例如這是一條水平的直線(xiàn)，我們會(huì)認(rèn)為他是靜止的，而當(dāng)我們?cè)谝欢思由霞^之后，我們的眼睛就會(huì)隨著箭頭所指方向移動(dòng)，從而產(chǎn)生動(dòng)感。
這兩個(gè)都是通過(guò)一些指向性的圖形進(jìn)行引導(dǎo)視線(xiàn)移動(dòng)的作品。
接下來(lái)我們來(lái)說(shuō)一下第三種情況，非平衡狀態(tài)下產(chǎn)生的視覺(jué)沖擊。
比如在天平的兩端各放一只豬，那么這個(gè)天平就是處于一個(gè)平衡的狀態(tài)。
當(dāng)我們?cè)谄渲幸贿呍偌右恢回i時(shí)，天平就會(huì)失去平衡，重量更大的一邊會(huì)往下倒，直到找到一個(gè)新的平衡。
而我們的大腦其實(shí)也和天平相似，當(dāng)我們看到一些不平衡的畫(huà)面時(shí)，我們就會(huì)有把它轉(zhuǎn)換為平衡狀態(tài)的傾向，所以動(dòng)感的產(chǎn)生，也就是大腦腦補(bǔ)不平衡到平衡的這個(gè)運(yùn)動(dòng)過(guò)程。
我們?cè)诎肟罩蟹乓粔K石頭，由于這塊石頭受到重力的作用，處于一個(gè)不平衡的狀態(tài)，所以我們認(rèn)為他有向下掉的趨勢(shì)，直到與地面接觸找到新的平衡狀態(tài)。
如果我們把石頭換成一個(gè)氣球，那么情況就相反了，由于氣球受到重力作用的同時(shí)也受到了更大的浮力，所以氣球會(huì)有往上飄的趨勢(shì)。
舉一個(gè)更加能說(shuō)明的例子，其實(shí)我們大多數(shù)人或多或少會(huì)有一些強(qiáng)迫癥，比如看到這種一只鉛筆沒(méi)對(duì)齊的畫(huà)面就會(huì)很難受，特別想把它懟回去。
所以我們就會(huì)腦補(bǔ)出這只鉛筆往左移動(dòng)的過(guò)程，從而產(chǎn)生了動(dòng)感。
這兩個(gè)海報(bào)都是通過(guò)創(chuàng)造一些不平衡的場(chǎng)景帶來(lái)刺激感，從而產(chǎn)生動(dòng)感。例如顛倒的房子和懸空的蒸籠。
經(jīng)過(guò)前面的講解，相信大家應(yīng)該對(duì)動(dòng)感是如何產(chǎn)生的，有了一定的認(rèn)識(shí)，但是，我們剛剛只是從理論的角度去講解了動(dòng)感是如何產(chǎn)生的，運(yùn)用到實(shí)際的設(shè)計(jì)中可能還是會(huì)一頭霧水。那接下來(lái)的部分就是真正的干貨環(huán)節(jié)了，去給大家講一些比較實(shí)用的制造動(dòng)感的技巧。
這里總結(jié)了 9 個(gè)小技巧，我們一個(gè)個(gè)來(lái)看。
1. 捕捉動(dòng)態(tài)瞬間
我們?cè)谇懊嫣岬搅水?dāng)我們看到某一個(gè)運(yùn)動(dòng)瞬間時(shí)，我們就會(huì)腦補(bǔ)出整個(gè)運(yùn)動(dòng)過(guò)程。那我們就可以反過(guò)來(lái)，從運(yùn)動(dòng)過(guò)程中捕捉某一個(gè)瞬間，用這一個(gè)瞬間來(lái)表達(dá)平面中的動(dòng)感。
這里可以分為兩種情況，一個(gè)是捕捉運(yùn)動(dòng)剛開(kāi)始的瞬間，強(qiáng)調(diào)運(yùn)動(dòng)剛開(kāi)始的那種能量感。
這是兩個(gè)捕捉運(yùn)動(dòng)開(kāi)始瞬間的例子，兩名運(yùn)動(dòng)員都穿好了裝備，雖然還沒(méi)開(kāi)始動(dòng)，但是卻能感受到一觸即發(fā)的緊張感。
第二種就是捕捉運(yùn)動(dòng)過(guò)程的某一瞬間，這種方式帶來(lái)的動(dòng)感會(huì)比上一種強(qiáng)烈得多。
例如這兩個(gè)例子都是捕捉了運(yùn)動(dòng)員正在運(yùn)動(dòng)中的瞬間。
這種方式所傳達(dá)的動(dòng)感強(qiáng)弱是由運(yùn)動(dòng)物體的動(dòng)作姿態(tài)所決定的，所以我們需要認(rèn)真比較每一瞬間的動(dòng)作，選出最適合的一幀。
2. 傾斜
第二種技巧是傾斜構(gòu)圖，一般橫線(xiàn)和豎線(xiàn)都會(huì)給我們一種穩(wěn)定平衡的感覺(jué)，而斜線(xiàn)相對(duì)于橫線(xiàn)和豎線(xiàn)來(lái)說(shuō)，則會(huì)給我們帶來(lái)強(qiáng)烈的不平衡感。
例如這些圖片，無(wú)論是邁克爾·杰克遜的經(jīng)典舞蹈動(dòng)作，還是比薩斜塔，都給我們帶來(lái)一種不安定、危險(xiǎn)、不平衡的視覺(jué)沖擊。通過(guò)這種不平衡感從而產(chǎn)生動(dòng)感。
我們觀(guān)察這些線(xiàn)，會(huì)發(fā)現(xiàn) 45° 時(shí)的斜線(xiàn)相對(duì)于橫線(xiàn)和豎線(xiàn)的傾斜角度最大，所以 45° 傾斜時(shí)不平衡感最強(qiáng)，動(dòng)感也最強(qiáng)烈。
漫畫(huà)中的傾斜構(gòu)圖
在漫畫(huà)作品中經(jīng)常會(huì)將劇情畫(huà)在傾斜的格子中，目的是為了彌補(bǔ)漫畫(huà)紙質(zhì)作品的缺陷，強(qiáng)化漫畫(huà)內(nèi)容的動(dòng)感。
電影中的傾斜鏡頭
在電影中也會(huì)故意用到傾斜的鏡頭，由于電影本身就是動(dòng)態(tài)的，所以運(yùn)用傾斜鏡頭一般是用來(lái)強(qiáng)調(diào)危機(jī)感、動(dòng)蕩不安的漂泊感等等。
攝影中的傾斜鏡頭
攝影作品中也會(huì)用到傾斜視角，這兩張都是通過(guò)傾斜視角強(qiáng)化速度感的例子。
文字傾斜
那么我們看看傾斜在設(shè)計(jì)中是如何使用的，首先可以是文字傾斜，這兩個(gè)海報(bào)的人物主體都是豎直的，通過(guò)文字傾斜來(lái)增加動(dòng)感。
主體傾斜
這兩張海報(bào)則是保持文字水平排列，將主體進(jìn)行傾斜處理從而帶出動(dòng)感。
疊加傾斜色塊
我們也可以將文字和主體都水平或者豎直放置，然后添加傾斜的色塊強(qiáng)化動(dòng)感。
畫(huà)面整體傾斜
這種是將包括主體和文字在內(nèi)的畫(huà)面整體進(jìn)行同一角度傾斜處理。
多角度傾斜
最后這種是難度比較高的，畫(huà)面中出現(xiàn)了多個(gè)角度的傾斜對(duì)比，畫(huà)面十分靈活且動(dòng)感十足。
3. 錯(cuò)位
接下來(lái)看看第三種傾斜技巧，錯(cuò)位。什么是錯(cuò)位呢？就像這輛小車(chē)一樣，他在運(yùn)動(dòng)的過(guò)程中，身后會(huì)產(chǎn)生的一些虛影錯(cuò)位，使得畫(huà)面中的一部分被破壞了，視覺(jué)需要在腦子里想象補(bǔ)充這一被破壞的部分，使畫(huà)面還原為原本的樣貌，從而產(chǎn)生運(yùn)動(dòng)感。
重復(fù)
錯(cuò)位這種技巧我們也可以分為幾種類(lèi)型，首先第一種就是重復(fù)，通過(guò)重復(fù)的手法去模擬物體的運(yùn)動(dòng)軌跡，讓人腦補(bǔ)運(yùn)動(dòng)的過(guò)程，從而產(chǎn)生動(dòng)感。
模糊
第二種就是通過(guò)將背景或者是主體進(jìn)行模糊，從而傳達(dá)動(dòng)感。第一張圖片是通過(guò)模糊主體身后的背景去產(chǎn)生動(dòng)感，而第二張則是通過(guò)模糊文字的外輪廓從而產(chǎn)生一種收放的動(dòng)感。
錯(cuò)開(kāi)
第三種是錯(cuò)開(kāi)，就是將畫(huà)面的某一個(gè)部分進(jìn)行錯(cuò)開(kāi)處理，讓畫(huà)面遭到破壞，需要人腦去修補(bǔ)這部分的破壞，從而產(chǎn)生運(yùn)動(dòng)感。
其他
除了上面三種還有許多別的類(lèi)型，例如通過(guò)車(chē)輛行駛濺起的水花，融化往下低落的液體等等，都可以造成對(duì)畫(huà)面的破壞，從而制造動(dòng)感。
4. 集中與發(fā)散
對(duì)于集中與發(fā)散我們可以分為兩種，第一種是這種通過(guò)線(xiàn)條繪制的發(fā)射或是集中圖案，從一個(gè)中心向某一方向或四周擴(kuò)展，或者是四周向一個(gè)中心集中的線(xiàn)條圖案，盯著看會(huì)出現(xiàn)一種光耀感，通過(guò)光學(xué)效果產(chǎn)生視覺(jué)幻想，從而產(chǎn)生視覺(jué)動(dòng)感。
而第二種則是通過(guò)物體或圖形的疏密節(jié)奏變化，從而產(chǎn)生出類(lèi)似擴(kuò)散或是集中的效果，這種效果會(huì)令我們聯(lián)想到河流或是煙霧擴(kuò)散的情形，從而產(chǎn)生了動(dòng)感。
當(dāng)擴(kuò)散的圖案配合上透視的效果，會(huì)使得動(dòng)感變得更加的強(qiáng)烈。
背景
對(duì)于這種集中發(fā)散的圖形，我們可以將它作為背景來(lái)烘托動(dòng)感和氛圍。
文字
也可以將文字編排成發(fā)射狀，模擬出那種噴口而出的效果。
主體
或者是將圖形作為主體去表達(dá)特殊的主題。
以透視作為發(fā)散
這兩個(gè)海報(bào)是比較特別的例子，將放射狀與透視相結(jié)合，體現(xiàn)了很強(qiáng)烈的動(dòng)感。
5. 螺旋曲線(xiàn)
接下來(lái)講講關(guān)于螺旋的技巧，因螺旋發(fā)展或內(nèi)收形成的曲線(xiàn)，會(huì)讓人聯(lián)想到水的旋渦形，視覺(jué)上就形成動(dòng)感，且螺旋曲線(xiàn)的旋轉(zhuǎn)曲度越大，動(dòng)感就會(huì)越強(qiáng)。
另外，密集的螺旋曲線(xiàn)也能給人帶來(lái)一種集中或者是發(fā)散的效果，從而也能帶來(lái)一定的動(dòng)感。
這兩張海報(bào)是將螺旋曲線(xiàn)作為主體使用，來(lái)表達(dá)其特定主題。
這張海報(bào)個(gè)人比較喜歡，非常靈活地將畫(huà)面中的文字和圖片沿著螺旋曲線(xiàn)排布，加上大小的變化，讓畫(huà)面產(chǎn)生了一種集中的動(dòng)感。
這張海報(bào)則是將螺旋線(xiàn)作為背景，并將文字放在螺旋曲線(xiàn)間排列。
6. 波狀曲線(xiàn)
第六種技巧是波狀曲線(xiàn)的使用。因?yàn)榍€(xiàn)的來(lái)回反復(fù)扭曲，會(huì)令人聯(lián)想起翻滾的海浪。
而且由于曲線(xiàn)本身就具有不平衡的張力，他會(huì)有一種向直線(xiàn)轉(zhuǎn)變的趨勢(shì)，所以波狀曲線(xiàn)特別適合用來(lái)表達(dá)動(dòng)感。
波狀曲線(xiàn)的曲度越大，他所產(chǎn)生的動(dòng)感就會(huì)越強(qiáng)烈。
對(duì)于波狀曲線(xiàn)，我們可以將其用來(lái)作為主體或者是背景進(jìn)而表達(dá)動(dòng)感。
也可以通過(guò)將文字做成這種扭曲的效果，從而產(chǎn)生一種文字在扭動(dòng)的動(dòng)態(tài)感。
7. 色彩
第七種技巧則是對(duì)色彩的使用。因?yàn)樯视星斑M(jìn)感和后退感，所以我們可以利用這一點(diǎn)來(lái)制造動(dòng)感。其中最容易理解的就是使用色彩的漸變，沿著色彩逐漸變化的方向，來(lái)誘導(dǎo)人們的視線(xiàn)移動(dòng)，從而產(chǎn)生視覺(jué)上的動(dòng)感。
這兩個(gè)都是利用不同色彩的漸變來(lái)引導(dǎo)視線(xiàn)移動(dòng)，從而產(chǎn)生動(dòng)感。
我們?cè)谇懊嬷v過(guò)運(yùn)動(dòng)是需要能量的，而象征高溫的暖色調(diào)比象征低溫的冷色調(diào)更具備能量感，所以暖色調(diào)比冷色調(diào)更適合表達(dá)動(dòng)感。
這是一張日本新干線(xiàn)的海報(bào)，雖然用的是靜止的列車(chē)作為主體，可是鮮紅的背景卻能很好地傳達(dá)出列車(chē)的能量感。如果我們將紅色的畫(huà)面換成藍(lán)色的話(huà)，那種能量感瞬間就沒(méi)了，多了些科技的屬性，畫(huà)面變得冷靜克制了。
8. 重心偏移
接下來(lái)是重心偏移。一般我們編排版面時(shí)都會(huì)注意版面重心的均衡，將畫(huà)面整體的重心放在畫(huà)面中間。可是在塑造動(dòng)感畫(huà)面時(shí)，我們卻可以將畫(huà)面的重心偏離視覺(jué)中心，使畫(huà)面形成一種不平衡感，從而產(chǎn)生動(dòng)感。
我們來(lái)看看這兩個(gè)海報(bào)，都是通過(guò)將畫(huà)面的重心全都放在畫(huà)面的一側(cè)，從而產(chǎn)生了一種很強(qiáng)烈的不平衡感。
另外，由于視覺(jué)重力的原因，當(dāng)畫(huà)面重心偏上時(shí)，能很好地塑造出往下墜的動(dòng)感?，F(xiàn)在畫(huà)面中的這兩個(gè)作品都是將重心放在了畫(huà)面的上方，我們能感受到畫(huà)面中的主體會(huì)有一種往下掉的趨勢(shì)。
9. 蒙太奇
最后一種是蒙太奇的手法。前面我們說(shuō)過(guò)人類(lèi)天生具有一種組織傾向，當(dāng)我們看到運(yùn)動(dòng)的瞬間狀態(tài)時(shí)，我們便能腦補(bǔ)出運(yùn)動(dòng)的過(guò)程。所以通過(guò)蒙太奇的手法，將一些不同時(shí)刻或狀態(tài)的圖片放在一起，便能使畫(huà)面產(chǎn)生動(dòng)感。蒙太奇手法比起單純使用一張運(yùn)動(dòng)瞬間圖片，能承載更長(zhǎng)時(shí)間的運(yùn)動(dòng)和更多的運(yùn)動(dòng)內(nèi)容。例如畫(huà)面中的這兩個(gè)動(dòng)作，把他們放一起之后我們就可以聯(lián)想到這個(gè)小哥從熱身到起跑的過(guò)程。
其實(shí)漫畫(huà)運(yùn)用的就是蒙太奇原理，通過(guò)幾個(gè)關(guān)鍵的情景，去傳達(dá)一個(gè)完整的劇情。
這些都是運(yùn)用蒙太奇手法的作品。
以上就是今天的理論部分，接下來(lái)我們進(jìn)入案例實(shí)操的環(huán)節(jié)，這次我給大家?guī)?lái)了四個(gè)案例，分別運(yùn)用到了傾斜、重心偏移、發(fā)散與集中，以及蒙太奇的手法去塑造動(dòng)感。希望通過(guò)這些案例的演示，能夠讓大家更好地理解今天的內(nèi)容，下面我們就來(lái)進(jìn)入案例的部分。
案例一
首先確定好畫(huà)面的頁(yè)邊距，并且將畫(huà)面橫向分為 6 份。
然后將主體，也就是科比的形象，放在畫(huà)面正中間，橫向占中間四欄。
接著在科比的下方疊加一個(gè)紅色的傾斜色塊，強(qiáng)化科比傾斜的體態(tài)和動(dòng)感。
從球鞋的名字中提取出關(guān)鍵詞疊在科比下層，并將球鞋的中文名放在英文下方。
將球鞋與介紹性文字做成文字組的形式放在畫(huà)面下方 。
由于主標(biāo)題英文被遮擋了一部分，缺失了一些可讀性，所以我們將球鞋的英文名做一個(gè)重復(fù)放在左上角，并在右上角添加 logo。接下來(lái)我們?cè)诒尘吧席B加一個(gè)籃球場(chǎng)的場(chǎng)景。
并將畫(huà)面的四周涂上黑色的漸變，強(qiáng)化主體形象。
由于現(xiàn)在畫(huà)面和主體都有一些偏暗了，所以我們對(duì)整體畫(huà)面進(jìn)行稍微調(diào)亮，那么這個(gè)案例就完成了。
案例二
這個(gè)案例同樣也是一雙運(yùn)動(dòng)鞋，但是我們這次利用重心偏移的技巧去塑造動(dòng)感。
同樣的確定頁(yè)邊距，并將畫(huà)面橫向分為四欄，將主體放在畫(huà)面左上角占上方兩欄。
然后從球鞋的名字中提取出相關(guān)英文放到版面頂部，并置于主體下方。
因?yàn)槲覀円鲆粋€(gè)重心偏移的版面，所以我們接下來(lái)將所有的介紹性文字按照主體的負(fù)空間排列在版面上方。
為了防止重心的過(guò)度偏移，同時(shí)和左上角的球鞋做一個(gè)對(duì)角線(xiàn)的呼應(yīng)，所以我們?cè)诎婷娴挠蚁路椒胖脙r(jià)格以及球鞋的型號(hào)等信息。
然后吸取球鞋的顏色做一個(gè)色彩上的呼應(yīng)。這一張球鞋的海報(bào)就完成了。
案例三
這個(gè)案例我們來(lái)做一個(gè)放射光線(xiàn)的海報(bào)，這個(gè)海報(bào)內(nèi)容是一款果汁軟糖的促銷(xiāo)海報(bào)。
首先確定好頁(yè)邊距。
然后我們從這款軟糖的包裝上提取出一個(gè)圖形作為畫(huà)面主體。然后將軟糖的名字和介紹文案放到這個(gè)圖形中。
把圖形按照黃金比例和網(wǎng)格放到畫(huà)面中間。
在主體圖形后面疊加放射線(xiàn)條，底下留出一部分空間放置產(chǎn)品圖片及其他信息。
將產(chǎn)品圖片和促銷(xiāo)信息以居中對(duì)齊形式排列在畫(huà)面下方。
然后我們可以在放射線(xiàn)上添加一些表情愉悅的人物圖片，去強(qiáng)化吃了這款軟糖會(huì)很開(kāi)心的這個(gè)動(dòng)態(tài)過(guò)程。
還可以在畫(huà)面周?chē)砑右恍┛蓯?ài)的小圖形去烘托氛圍。
最后加上 logo，這個(gè)軟糖的促銷(xiāo)海報(bào)就完成了。
我們也可以將這個(gè)海報(bào)做成不同的配色，每一款產(chǎn)品對(duì)應(yīng)一個(gè)配色。
案例四
這是一個(gè)藝術(shù)展的海報(bào)，我們通過(guò)蒙太奇的手法來(lái)表現(xiàn)。
由于展覽主題是過(guò)去、現(xiàn)在和中間的一切，所以我們將畫(huà)面分成三份，并用運(yùn)動(dòng)過(guò)程中的三個(gè)不同動(dòng)作來(lái)代表著三個(gè)階段。
由于第一張圖片的底色偏亮了，所以我們將它摳出來(lái)，做一個(gè)與另外兩個(gè)圖片的相同背景。
將主題和時(shí)間這兩個(gè)比較重要的信息放在畫(huà)面的左上角。
其余信息排列在右下角。那么這個(gè)案例就完成了，也是非常簡(jiǎn)單的，利用的就是蒙太奇的手法。
本期教程到這里就結(jié)束了，我們來(lái)簡(jiǎn)單地總結(jié)一下今天的內(nèi)容。首先我們了解了動(dòng)感是畫(huà)面張力不平衡所造成的，以及強(qiáng)調(diào)速度感和強(qiáng)調(diào)能量感的兩種動(dòng)勢(shì)。接下來(lái)我們講解了三種產(chǎn)生動(dòng)感的原因，分別為基于生活經(jīng)驗(yàn)與心理認(rèn)知、引導(dǎo)視線(xiàn)移動(dòng)以及不平衡狀態(tài)下帶來(lái)的視覺(jué)沖擊。最后我們總結(jié)了 9 點(diǎn)實(shí)用的小技巧，分別為捕捉動(dòng)態(tài)瞬間、傾斜、錯(cuò)位、集中與發(fā)散、螺旋、波狀曲線(xiàn)、色彩、重心偏移、蒙太奇。希望大家能夠掌握好這些方法，讓原本靜態(tài)的畫(huà)面也能帶來(lái)全新的動(dòng)感。
文章來(lái)源：優(yōu)設(shè)
