實(shí)操 | 字體、版式和動(dòng)效結(jié)合,設(shè)計(jì)動(dòng)態(tài)字體海報(bào)

資訊頻道 - 設(shè)計(jì)技 來(lái)源:胡曉波工作室 作者:cdo 2020-07-08

好久不見(jiàn)~又到了每周的教程時(shí)間了,logo和版式教程大家都看了很多。這次咱們做一個(gè)不一樣的嘗試!把字體、版式和動(dòng)效進(jìn)行結(jié)合,做幾個(gè)動(dòng)態(tài)字體海報(bào),順帶著把字體在版式中應(yīng)用的可能性和常用思路分享一下~咱們這次用大家最喜歡的方式來(lái)分享,上來(lái)就是實(shí)操!!

 

在開(kāi)始正式動(dòng)手前,咱們先把思路大概屢一下。既然是字體海報(bào),首先咱們肯定得有字體設(shè)計(jì),我們?cè)?a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計(jì)字體部分的需要適當(dāng)?shù)目剂康皆诎婷鎽?yīng)用時(shí)候的可能性,在案例中咱們會(huì)詳細(xì)解析;第二個(gè)步驟通常是對(duì)字體的效果進(jìn)行調(diào)整或者增加形式感,主要是考慮到字體作為主體在海報(bào)的表現(xiàn)度問(wèn)題;最后一步才真正落到如何將字體通過(guò)結(jié)合文字組以合適的構(gòu)圖呈現(xiàn)版面。

咱們直接開(kāi)始第一個(gè)案例實(shí)操,先來(lái)看一下基本信息。

這個(gè)海報(bào)是以“空間”作為主題,藝術(shù)家更多的想表達(dá)“假如空間是張白紙”這么一個(gè)概念。我們以這個(gè)概念為基礎(chǔ),嘗試字體部分的設(shè)計(jì)。

第一個(gè)我們嘗試簡(jiǎn)單一些的基礎(chǔ)字形,基于白紙的概念也是比較正常入手方式,不加修飾直白表達(dá)。所以做了相對(duì)規(guī)整秩序的基礎(chǔ)字形,另外就是規(guī)整字形在版面編排的時(shí)候更加容易入手;A(chǔ)較差的同學(xué)可以考慮參考常用的標(biāo)題字,墊底也無(wú)妨,注意合理即可。

在做基礎(chǔ)字形的時(shí)候,我們一般需要注意兩個(gè)部分的問(wèn)題,一,就是筆畫(huà)的粗細(xì)設(shè)定。常規(guī)的是基于視覺(jué)平衡,我們把豎筆設(shè)定稍粗一些,橫筆相對(duì)細(xì)一些;如果有傾斜角度的筆畫(huà)我們需要適當(dāng)調(diào)整粗細(xì),讓整體協(xié)調(diào)。

第二個(gè)問(wèn)題就是結(jié)構(gòu)問(wèn)題,在這邊我們做的是完全的秩序化處理,將字體筆畫(huà)四周物理對(duì)齊。筆畫(huà)之間間距盡量秩序化,能對(duì)齊的盡可能對(duì)齊!至于筆畫(huà)的位置擺放,零基礎(chǔ)的同學(xué)可以多參考字庫(kù)的處理。

基礎(chǔ)字形總覺(jué)得少了些設(shè)計(jì)感,我們嘗試將空字做了部分的筆畫(huà)變形。在做筆畫(huà)變形時(shí)候,我們可以先從筆畫(huà)內(nèi)部的小部分設(shè)計(jì)變化,比如空字中撇捺的處理方式,在整體結(jié)構(gòu)不變化的基礎(chǔ)上增加了設(shè)計(jì)感。

我們也可以做更大的結(jié)構(gòu)變化,這種類型的相對(duì)整體難度較大,會(huì)涉及到結(jié)構(gòu)與筆畫(huà)的協(xié)調(diào)。一般是先從手稿嘗試開(kāi)始,選定方向后優(yōu)化細(xì)節(jié),咱們不做展開(kāi)。

我們先嘗試一個(gè)基礎(chǔ)效果,做一個(gè)類似漸變的效果,實(shí)現(xiàn)方法及其簡(jiǎn)單。直接復(fù)制,然后用剪切蒙版選取保留的部分即可。

字效搞定后,我們接下來(lái)進(jìn)入版面的編排。我們先把文字組部分,劃分好層級(jí)關(guān)系,搭配合適的中西文字體,并嘗試加入顏色和在版面編排中豐富細(xì)節(jié)的小元素。

最后我們將文字組與字體在版面中嘗試以雙欄構(gòu)圖的形式,左右兩部分秩序化編排。適當(dāng)增加一些小元素豐富細(xì)節(jié),這樣咱們第一個(gè)案例基本完成。

咱們把空間再來(lái)嘗試一個(gè)方案(主要是對(duì)一個(gè)方案不夠滿意)。咱們還是選擇跟前面一樣的基礎(chǔ)字形,再來(lái)嘗試一個(gè)不一樣的字體效果。

我們用“路徑查找器工具”把局部進(jìn)行切割,然后做一個(gè)錯(cuò)落的處理。增強(qiáng)字體的視覺(jué)形式。

同樣的,我們先嘗試把文字組編排好,并且結(jié)合配色和增加的不同元素。這版我們稍微做潮流一些的視覺(jué)方向。

基于前面定下的元素和文字組,我們放置于整個(gè)海報(bào)版面中進(jìn)行編排。我們依舊嘗試用一個(gè)雙欄左右排版的基礎(chǔ)構(gòu)圖,將“空間”作為文字主體放大置于右側(cè),其他文字信息弱化,秩序化規(guī)整排版。而小的放射性元素則是烘托潮流調(diào)性常用的手法。

再來(lái)一版!我們看看能不能把“空間”做出更好的效果,嘗試一下~

我們嘗試用混合工具來(lái)增強(qiáng)一下字體的立體層次。將“空間”復(fù)制一個(gè)縮小,顏色調(diào)整為跟底色相同,放置于中間。雙擊“混合工具”調(diào)整步數(shù),之后分別單擊大的字體與小的字體。

關(guān)于混合工具在這種類型的是如何具體操作的,感興趣的同學(xué)可以翻看一下以前寫(xiě)的這篇文章,有詳細(xì)的解析。

我們嘗試加入顏色和文字組編排的形式感嘗試,文字信息層級(jí)劃分后,我們以色塊組合文字組的形式。

整體編排的方式并不難,居中構(gòu)圖的方式,將字體設(shè)計(jì)放置于版面正中心。主要提一下三個(gè)點(diǎn),為了增加整體的層次感。先是把四周的配色調(diào)整為紅藍(lán)撞色;第二步是把灰色的底色增加了白色的線框;最后導(dǎo)出圖片之前,把整體又疊加了一個(gè)傾斜的線條紋理。

乏了~咱們換一個(gè)題目來(lái)做。“物相”,藝術(shù)家想表達(dá)的是“關(guān)于存在與感知的哲學(xué)思考”。所以這版字形,我們可以稍微靈活一些,對(duì)結(jié)構(gòu)筆畫(huà)不必太拘泥。

結(jié)構(gòu)相對(duì)靈活的字形,每個(gè)人都有不同的習(xí)慣。我一般是習(xí)慣以手稿嘗試的方式,或者是參考古籍書(shū)法的來(lái)源變形。盡量讓結(jié)構(gòu)筆畫(huà)的變形是相對(duì)符合手寫(xiě)感,避免連接生硬違和之類的問(wèn)題即可。

前一個(gè)版本考慮到后面版式的調(diào)性是想做偏文雅一些的,以及想做一個(gè)文字上下錯(cuò)落作為主體的形式。于是我把字體的編排方式改為上下,并且將筆畫(huà)調(diào)細(xì)。圓形筆畫(huà)的加入也是考慮到后面編排中可以作為元素的輔助使用而增加。

我們將文字信息層級(jí)劃分清楚后,在基礎(chǔ)編排的時(shí)候嘗試結(jié)合元素以及排版調(diào)性的嘗試。當(dāng)我們基本定下文字組以及調(diào)性后,咱們就可以嘗試整個(gè)版面的搭建了。(實(shí)際在執(zhí)行中,我們經(jīng)常是構(gòu)圖方式與調(diào)性同時(shí)交叉進(jìn)行)

最后版面的搭建,我們以上下的橫向四欄作為構(gòu)圖基礎(chǔ)。文字組合交叉秩序化編排的形式來(lái)做。在整體版面搭建中,為了與字形和主題呼應(yīng)而引入了兩個(gè)紅色圓圈的結(jié)合,以及印章元素的加入。實(shí)際上都是為了豐富版面的細(xì)節(jié)和整體層次關(guān)系。

作為良心教程必須再來(lái)一個(gè)案例!~我們?cè)賮?lái)做一個(gè)新的案例,主題是“聲音棱鏡”,是一個(gè)感官實(shí)驗(yàn)室的藝術(shù)項(xiàng)目。

我們先來(lái)搭建一個(gè)基礎(chǔ)字形,這個(gè)時(shí)候并沒(méi)有考慮太多關(guān)于主題的表達(dá)。主要是處理好整體的結(jié)構(gòu)以及筆畫(huà)的曲線空間結(jié)構(gòu)。

為了跟主題結(jié)合,表達(dá)棱鏡散射的視覺(jué)觀感。于是將筆畫(huà)做了鋒利的穿插和切割,我們?cè)谧鲞@種效果的時(shí)候,只需要在合適的地方增加錨點(diǎn),直接拖動(dòng)錨點(diǎn)就能得到類似的效果。

考慮到排版,筆畫(huà)變形過(guò)于尖銳復(fù)雜的字形在編排中的難度和形式相對(duì)難協(xié)調(diào)。于是我將筆畫(huà)的撇捺之類的涉及到傾斜的筆畫(huà)統(tǒng)一角度并且做了大角度切割。在保持鋒利特征的同時(shí)盡量讓整體結(jié)構(gòu)利落干凈。

咱們還是得把字體做一下效果,這邊我們做一個(gè)漸變形式結(jié)合的效果,大體效果如上圖。我們來(lái)看一下其中涉及到到操作關(guān)鍵點(diǎn)。

在做漸變的時(shí)候一定要把一邊的顏色調(diào)整為跟底色一致后,將不透明度改成0%。如果想要有兩層的變化,就再?gòu)?fù)制一個(gè),操作方式還是一樣的。

咱們配色就定紅黑搭配,文字排版方式與前面的做同樣的色塊組合。

構(gòu)圖和版面搭建的方式其實(shí)與第三個(gè)方案是一樣的,字體設(shè)計(jì)作為主體,放置于版面中間。其他的信息以色塊結(jié)合的形式擺放。這邊為了增強(qiáng)整體的表現(xiàn)度和質(zhì)感做了字形的四周漸變,以及疊壓了一層質(zhì)感。

綜合以上幾個(gè)案例,我們可以很清晰的得到做字體海報(bào)的邏輯方法。實(shí)際上我們?cè)?a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計(jì)的過(guò)程中主要需要把握好兩個(gè)大點(diǎn), 一是字體形象作為海報(bào)主體是否合適,有足夠的表現(xiàn)力;二是整體版面構(gòu)圖搭建的調(diào)性是否合理,信息傳達(dá)是否清晰準(zhǔn)確。


來(lái)源:胡曉波工作室

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見(jiàn)及觀點(diǎn)。

全部評(píng)論

暫無(wú)相關(guān)推薦