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

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

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

我們開始今天的教程吧

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我們看看給它們換換色是什么樣的感覺?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

TIPS:

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

● 好看的文字編排

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

● 文字組自由組合

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

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

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

色塊分割版面

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

● 置入處理過的文字組

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

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

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

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

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

標(biāo)簽:illustrator排版

相關(guān)文章

隨機(jī)推薦