今天我們學(xué)習(xí)一下日常設(shè)計(jì)中及其常見的一種技巧：漸變。我們先來看幾個(gè)案例。

可以看到無論是海報(bào)、banner、書籍等都會用到漸變的技法。接下來我們會詳細(xì)介紹用到的工具和操作。

01.Ai的網(wǎng)格工具

首先嘗試一下AI的網(wǎng)格工具，在工具欄中找到類似漁網(wǎng)圖標(biāo)的工具，即是網(wǎng)格工具。

我們先建一個(gè)矩形塊，使用網(wǎng)格工具在矩形塊中隨機(jī)左擊鼠標(biāo)。將矩形劃分成不同的模塊。

然后用直接選擇工具選中模塊中的錨點(diǎn)，直接修改配色即可。根據(jù)你自己的喜好進(jìn)行配色，將所有錨點(diǎn)都修改顏色后得到右圖。將配好顏色的圖形復(fù)制進(jìn)PS中。

置入PS后，我們使用快捷鍵Ctrl+T，右擊鼠標(biāo)后選擇變形工具。

使用變形工具隨意拖動錨桿，調(diào)整至自己想要的色彩以及造型即可。

02.Ai的混合工具

在AI的工具面板中找到混合工具圖標(biāo)，實(shí)際上混合工具能夠?qū)崿F(xiàn)非常多有趣的效果。我們以后有機(jī)會再講。

使用混合工具依次點(diǎn)擊不同配色的圓形，AI自動生成了漸變配色。

我們還可以使用直接選擇工具拖動圓形，使圖形發(fā)生形態(tài)上的變化，當(dāng)然你也可以繼續(xù)跟PS結(jié)合去做更多的造型。

03.Ps的畫筆工具

PS相對而言塑造漸變會更加自然柔和，直接使用羽化的畫筆模式調(diào)整大小去畫即可，非常容易上手，主要說一下右邊的效果是如何實(shí)現(xiàn)的，也是非常多同學(xué)問的問題。

選中柔邊的羽化畫筆后直接將混合模式改為溶解，就可以得到類似自然漸變的波點(diǎn)效果。工具介紹完啦，接下來我們開始案例實(shí)操。

我們以書封的形式來實(shí)操一下如何靈活的運(yùn)用漸變技巧結(jié)合設(shè)計(jì)。第一個(gè)書名是《69個(gè)訓(xùn)練讓你成為攝影師》，一般來說無論是做海報(bào)或是書封，第一步我們都是處理文字信息。

我們將文字信息按重要程度分好大小層級，選擇合適的字體，稍微調(diào)整一下字距、行距，分組一下。這個(gè)時(shí)候我們不需要調(diào)整特別細(xì)致，因?yàn)槲覀兒竺娼Y(jié)合圖片或者圖形后還需要根據(jù)實(shí)際情況進(jìn)行調(diào)整。

我們運(yùn)用前面的漸變技法設(shè)計(jì)一個(gè)能表達(dá)攝影中的光影感覺的造型，我這邊用的是AI的網(wǎng)格工具結(jié)合變形做的漸變造型。當(dāng)然你可以根據(jù)自己的想法去嘗試。

基本的文字組和圖形元素我們都有了，接下來是考慮如何將二者編排到一個(gè)版面中。實(shí)際上我排版大部分時(shí)間都在基于一定的邏輯和想法嘗試，比如這個(gè)案例，一開始我想突出69這個(gè)數(shù)字，所以我基于英文副標(biāo)題直接放大。放大后想做一個(gè)層次的變化，于是做了上下的層次錯(cuò)落。之后將文字放置于較空的部分。

那大的英文之所以做切割，是為了讓整體更加秩序化，橫向交錯(cuò)變化的秩序。最后我們用網(wǎng)格對整體進(jìn)行規(guī)范，以及細(xì)致的調(diào)整文字組。如何調(diào)整文字組這個(gè)在我們往期的教程中有，感興趣的同學(xué)可以翻閱。

然后貼個(gè)效果樣機(jī)就OK啦。

第二個(gè)書名是《暗淡藍(lán)點(diǎn)》，同樣的我們需要將文字信息處理好。這次我們稍微加大難度，需要讓畫面元素更加契合主題。

文字組信息基本處理后，我們需要考慮如何去表達(dá)這個(gè)主題。從數(shù)據(jù)簡介和概要中我們可以了解到這是一本關(guān)于人類和地球家園的故事。所以我打算用兩個(gè)圓形剪切藍(lán)色漸變的形式來做主畫面，一個(gè)代表地球人類現(xiàn)有家園另一個(gè)則代表太空中的新家園，新舊交織。

左邊的是主畫面，右邊是將文字組和圖形結(jié)合的完稿。當(dāng)然最后我們需要用網(wǎng)格規(guī)范，然后做效果圖。

這個(gè)案例相對而言文字信息就比較少了，書名叫《流星之絆》是東野圭吾的作品。所以我們的畫面會做的比較簡潔，以傳達(dá)氛圍為主。

我們來看一下其中用到的技巧，實(shí)際上都是我們前面講到的。流星中的光感噪點(diǎn)就是用的筆畫溶解模式來實(shí)現(xiàn)的。左下角的光環(huán)則是用了黑白漸變結(jié)合液化和變形來做。技巧和想法了解后，其實(shí)并不難實(shí)現(xiàn)。

最后這個(gè)案例是使用了PS的畫筆結(jié)合變形工具得到畫面后，做了一個(gè)正方形的剪切蒙版。

最后這個(gè)案例是使用了PS的畫筆結(jié)合變形工具得到畫面后，做了一個(gè)正方形的剪切蒙版。