之前偶我們分享過一組很火的頂級紋理，都是頂尖設(shè)計師經(jīng)常在界面設(shè)計中用到的。很多同學(xué)怒贊的同時紛紛表示臣妾做不到?？紤]到授人以魚不如授人以漁，今天直接上教程，教你用Illustrator創(chuàng)建大氣典雅的無縫拼貼圖案。

來讓我們開始教程吧!無縫拼貼圖案樣式一直都是設(shè)計師的寵兒，現(xiàn)在也十分受歡迎，在很多領(lǐng)域都有應(yīng)用，我相信在很久很久的以后，無縫拼貼圖案還是會繼續(xù)流行下去。

我這里有幾個小竅門，可以讓創(chuàng)建無縫拼貼圖案的過程變得更加容易。像素圖案不同于其他圖案，圖案中的每個邊緣都十分銳利，沒有模糊的邊緣，這就要求圖案中的像素數(shù)是整數(shù)。在AI中，額可以打開像素預(yù)覽模式(預(yù)覽 > 像素預(yù)覽)。在這個模式下，我們可以清楚地看到工作區(qū)里的像素格子。在這個模式下，我們也可以創(chuàng)建整數(shù)的像素圖案。我們用矩形工具(M)創(chuàng)建一個方形吧!具體大小如下圖所示。

在對角線上，新建更多的像素。

無縫拼接圖案的顏色變化十分微妙，我們可以使用不同灰度的顏色，將剛剛創(chuàng)建的圖案拖進(jìn)色板。

現(xiàn)在，你可以將圖案填充到任一你想應(yīng)用的地方，比如網(wǎng)站的背景。

我們看過了無縫拼貼圖案中最簡單的一個案例，我們可以發(fā)揮自己的想象力，創(chuàng)建出更有趣的圖案。

但是并不是所有的圖案都是看起來那么簡單的!讓我們來考慮更多的案例吧!使用矩形工具(M)創(chuàng)建一個像下圖一樣的圖案。

現(xiàn)在將它拖進(jìn)色板，然后應(yīng)用到任何你想應(yīng)用的地方。

放大上面的圖案，如你所見的，在圖案與圖案相接的地方，我們得到了二倍的寬度。

這不是我想要的，所以我們要根據(jù)自己的需要重新編輯圖案。

創(chuàng)建一個矩形，不需要填充也不用描邊，并且將它放在所有圖案的下面。如圖：

這個矩形將我們之前做出的圖形進(jìn)行了裁剪，去掉了一些我們不需要的像素。將色板中的圖案轉(zhuǎn)換成裁剪后的圖案，然后再應(yīng)用到對象中，就變成了如下圖所示的，我們想要的效果。

很多時候當(dāng)我們圍繞像素進(jìn)行工作，很難想象出這些像素?zé)o縫拼貼制后的樣子。現(xiàn)在我將告訴你一個可以提前知道這些圖案拼貼到一起后是什么樣的方法。我們先創(chuàng)建一個如下圖所示的圖案，圖案中都是1 x 1的像素塊兒。

將所有的像素打組(Cmd/ctrl+G)，現(xiàn)在，這組像素的尺寸為16 x 16 px，你可以在控制面板或轉(zhuǎn)換面板看到這組數(shù)據(jù)。

選中組，然后找到特效 > 扭曲和變形，然后設(shè)置垂直和水平的數(shù)值，轉(zhuǎn)換的大小要小于組的大小，副本的數(shù)量為0

再來一次扭曲和變形，但是參數(shù)設(shè)置和原來不同，具體如下：

將變形特效再應(yīng)用到新的圖案上。

現(xiàn)在，我們可以同時看到九組我們做出的圖案了!

我們給這個圖案添加一些其他的元素，再創(chuàng)建一組新的圖案。

將新建的一組圖案拖動到應(yīng)用了轉(zhuǎn)換特效的圖層中，這一步操作要在圖層面板中進(jìn)行。

如你所見，新建的圖案也跟之前的圖案一起變形、復(fù)制了九組。

關(guān)注設(shè)計帝國微信公眾號

新建元素，然后拖回瓷磚紋理中。

現(xiàn)在，我們已經(jīng)做好了圖案，找到對象 > 擴(kuò)展外觀。

我們需要的圖案必須得是一個矩形，而且還得是最初那個16 * 16 px的矩形，我們選擇圖案中如下圖所示的部分。

其他多余的部分我們刪掉不要。

照舊將圖案拖進(jìn)色板，然后應(yīng)用到你想要應(yīng)用的地方，效果如下圖所示。