今天的illustrator的教程對(duì)于做海報(bào)沒(méi)有靈感的小伙伴特別有用,而且也不復(fù)雜,大家可以一起來(lái)學(xué)習(xí)。01:偽立體字;02:文字路徑偏移;03:半調(diào)網(wǎng)屏;04:色塊拼接/分割。

先看看這幾個(gè)使用illustrator做的效果圖設(shè)計(jì),設(shè)計(jì)感還是不錯(cuò)的呢,對(duì)嗎?推薦大家收藏學(xué)習(xí)起來(lái)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

我們開(kāi)始今天的教程吧

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

今天我們來(lái)學(xué)習(xí)一下日常設(shè)計(jì)中及其常見(jiàn)的海報(bào)形式之一:偽立體字海報(bào)。先來(lái)看看網(wǎng)上類似的案例。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

這是很早之前做的一個(gè)字體用到的,也是偽立體字的視覺(jué)呈現(xiàn)。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

可以看到偽立體充當(dāng)視覺(jué)主體非常的出效果,接下來(lái)詳細(xì)介紹下用到的工具和操作。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

這個(gè)案例用到的是 AI 的 3D 工具,我們先看下海報(bào)的一個(gè)雛形。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

我們先簡(jiǎn)單的給偽立體字簡(jiǎn)單的上個(gè)色。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

重點(diǎn)部分:偽立體字體效果步驟解析。

這是一個(gè)二維的平面效果,我們選出合適的英文字體轉(zhuǎn)曲 (Ctrl+Shift+O),由于其他英文的制作方法一樣,

這里就單獨(dú)舉例 2022。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

最后再到 PS 調(diào)色,以及雜色的添加,豐富畫(huà)面。具體步驟:菜單欄-圖像-調(diào)整-色相/飽和度

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

到此這個(gè)偽立體字海報(bào)就完成了,是不是灰常的簡(jiǎn)單!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

先看看大致的一個(gè)海報(bào)編排效果。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

上面的縮略圖可能看的不是很清楚,我們放大看一下并為其添加黑色背景。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

我們看看給它們換換色是什么樣的感覺(jué)?

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

可以看到我們不管是換填充色還是換描邊的顏色給人的感覺(jué)都是不一樣的,亦或者是增加描邊的粗細(xì)程度。

下圖是我把描邊增加到 4pt 可以明顯的看到缺失的細(xì)節(jié)比較嚴(yán)重,所以此處不建議大家把描邊的粗細(xì)增大。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

我們換個(gè)宋體和楷體試試。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

不同氣質(zhì)的字體做出來(lái)的感覺(jué)各不相同,最終還是建議用黑體比較好,更加的干凈簡(jiǎn)潔。

好了這樣的嘗試還有很多種,后面大家多去嘗試吧,動(dòng)動(dòng)手操作起來(lái)。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

還是先看看大致的一個(gè)海報(bào)編排效果。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

簡(jiǎn)單的看看這種效果的呈現(xiàn)方式,就是密集的波點(diǎn)有種類似像素化的趕腳,這里我拿人物做了個(gè)簡(jiǎn)單的示范。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

拿之前做的舉個(gè)栗子,再看看圖形加上這種效果是不是別有一番風(fēng)趣,形式感足足。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

這是未做半調(diào)效果處理的,我感覺(jué)一般,于是我打開(kāi)了 PS。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

對(duì)圖片進(jìn)行后期處理。

● 半調(diào)效果步驟示范

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

看到這里你學(xué)會(huì)了嗎?

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

先看看大致的一個(gè)海報(bào)編排效果~

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

先看看幾組網(wǎng)上的案例,是不是還不錯(cuò),大多數(shù)是色塊緊湊的相連或者相互疊壓,以下我總結(jié)了幾點(diǎn)做這類的思路。

TIPS:

● 配色一定要好看,看起來(lái)不能臟(冷暖對(duì)比居多)

● 好看的文字編排

● 與色塊相結(jié)合要構(gòu)成某一種構(gòu)圖

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

先從配色開(kāi)始吧!首先是版面色彩的設(shè)定。

● 3 種顏色自由組合(根據(jù)個(gè)人喜好看整體的配色感覺(jué))

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

接著是構(gòu)圖部分,這個(gè)案例我們大致可以看做色塊分割或者緊密的拼接形成的分欄式構(gòu)圖即下圖的 #01。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

然后就是文字編排部分與裝飾圖形以及線條的置入,版面文字組組合與字體搭配。

● 中文思源黑體、英文 Acid Grotesk

● 文字組斷行左對(duì)齊(常規(guī))到簡(jiǎn)單的移位處理(靈活)

● 文字的粗細(xì)關(guān)系(主標(biāo)題的中英文搭配,視覺(jué)上粗細(xì)一致即可)

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

● 文字組自由組合

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

● 隨意裝飾的線條、點(diǎn)元素、裝飾圖形

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

色塊分割版面

● 拼接分割的同時(shí)也相對(duì)應(yīng)的產(chǎn)生構(gòu)圖

● 置入處理過(guò)的文字組

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

到這我們的海報(bào)就編排完成了。

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

沒(méi)靈感? 用illustrator做這幾種效果排版很不錯(cuò)!

作者:NDS丨阿貴
鏈接:https://www.zcool.com.cn/article/ZMTQ4NzEyOA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

標(biāo)簽:illustrator排版

相關(guān)文章

隨機(jī)推薦