AI教程:超級火的幾何紋理圖案背景

編按:當我們為圖片添加上紋理時,在視覺上,你會感受到明顯的變化。而好的紋理更是會提高設計感。讓你的設計事半功倍。今天直接上教程,教你用Illustrator創建大氣典雅的無縫拼貼圖案。

效果圖:

AI教程:超級火的幾何紋理圖案背景

來讓我們開始教程吧!無縫拼貼圖案樣式一直都是設計師的寵兒,現在也十分受歡迎,在很多領域都有應用,我相信在很久很久的以後,無縫拼貼圖案還是會繼續流行下去。

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

AI教程:超級火的幾何紋理圖案背景

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

AI教程:超級火的幾何紋理圖案背景

無縫拼接圖案的顏色變化十分微妙,我們可以使用不同灰度的顏色,將剛剛創建的圖案拖進色板。

AI教程:超級火的幾何紋理圖案背景

現在,你可以將圖案填充到任一你想應用的地方,比如網站的背景。

AI教程:超級火的幾何紋理圖案背景

我們看過了無縫拼貼圖案中最簡單的一個案例,我們可以發揮自己的想象力,創建出更有趣的圖案。

AI教程:超級火的幾何紋理圖案背景

AI教程:超級火的幾何紋理圖案背景

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

AI教程:超級火的幾何紋理圖案背景

現在將它拖進色板,然後應用到任何你想應用的地方。

AI教程:超級火的幾何紋理圖案背景

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

AI教程:超級火的幾何紋理圖案背景

這不是我想要的,所以我們要根據自己的需要重新編輯圖案。

創建一個矩形,不需要填充也不用描邊,並且將它放在所有圖案的下面。如圖:

AI教程:超級火的幾何紋理圖案背景

這個矩形將我們之前做出的圖形進行了裁剪,去掉了一些我們不需要的像素。將色板中的圖案轉換成裁剪後的圖案,然後再應用到對象中,就變成了如下圖所示的,我們想要的效果。

AI教程:超級火的幾何紋理圖案背景

很多時候當我們圍繞像素進行工作,很難想象出這些像素無縫拼貼制後的樣子。現在我將告訴你一個可以提前知道這些圖案拼貼到一起後是什麼樣的方法。我們先創建一個如下圖所示的圖案,圖案中都是1 x 1的像素塊兒。

AI教程:超級火的幾何紋理圖案背景

將所有的像素打組(Cmd/ctrl+G),現在,這組像素的尺寸為16 x 16 px,你可以在控制面板或轉換面板看到這組數據。

AI教程:超級火的幾何紋理圖案背景

選中組,然後找到特效 > 扭曲和變形,然後設置垂直和水平的數值,轉換的大小要小於組的大小,副本的數量為0

AI教程:超級火的幾何紋理圖案背景

再來一次扭曲和變形,但是參數設置和原來不同,具體如下:

AI教程:超級火的幾何紋理圖案背景

將變形特效再應用到新的圖案上。

AI教程:超級火的幾何紋理圖案背景

現在,我們可以同時看到九組我們做出的圖案了!

AI教程:超級火的幾何紋理圖案背景

我們給這個圖案添加一些其他的元素,再創建一組新的圖案。

AI教程:超級火的幾何紋理圖案背景

將新建的一組圖案拖動到應用了轉換特效的圖層中,這一步操作要在圖層面板中進行。

AI教程:超級火的幾何紋理圖案背景

如你所見,新建的圖案也跟之前的圖案一起變形、複製了九組。

AI教程:超級火的幾何紋理圖案背景

新建元素,然後拖回瓷磚紋理中。

AI教程:超級火的幾何紋理圖案背景

現在,我們已經做好了圖案,找到對象 > 擴展外觀。

AI教程:超級火的幾何紋理圖案背景

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

AI教程:超級火的幾何紋理圖案背景

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

AI教程:超級火的幾何紋理圖案背景

照舊將圖案拖進色板,然後應用到你想要應用的地方,效果如下圖所示。

AI教程:超級火的幾何紋理圖案背景

除了上述的紋理,還可以應用光柵模式的像素圖案,我們做一個簡單的紋理,選中元素,然後找到對象 > 模糊 > 高斯模糊,然後在彈出的對話框中設置相關參數。

AI教程:超級火的幾何紋理圖案背景

具體參數如下圖所示:

AI教程:超級火的幾何紋理圖案背景

然後是對象 > 模糊 > 放射模糊,然後設置相關參數。

AI教程:超級火的幾何紋理圖案背景

如果想要一個光柵效果的紋理,需要創建一個沒有填充和描邊的矩形,然後把它放在所有元素的下面。

AI教程:超級火的幾何紋理圖案背景

否則,將會在最終的拼貼中出現空隙,影響視覺效果。在色板中保存圖案並應用到任意對象上測試一下。

AI教程:超級火的幾何紋理圖案背景

給自己鼓鼓掌吧,看起來還不錯!

在AI cs6以後的版本中,創建無縫拼貼圖案變得更容易了!這個版本中很多步驟可以交給軟件,讓軟件自動完成。現在我們來創建一個填充了深灰色的矩形。

AI教程:超級火的幾何紋理圖案背景

在外觀面板(窗口 > 外觀)中添加新的填充。

AI教程:超級火的幾何紋理圖案背景

選中這個填充效果,然後找到特效 > 紋理 > 膠片,具體參數設置如下圖所示:

AI教程:超級火的幾何紋理圖案背景

AI教程:超級火的幾何紋理圖案背景

圖層模式選擇正片疊底,透明度調整為20%。

AI教程:超級火的幾何紋理圖案背景

如前所說,為了有光柵模式的像素圖案,我們要創建一個沒有填充和描邊的矩形。

AI教程:超級火的幾何紋理圖案背景

選中所有的對象,然後找到對象 > 定義圖案 > 製造。

AI教程:超級火的幾何紋理圖案背景

用這個方式,我們可以找到創建圖案模式。

AI教程:超級火的幾何紋理圖案背景

使用文字工具(T),創建不同的字幕和符號,將它們隨機擺放。

AI教程:超級火的幾何紋理圖案背景

將文字設置成不同的字號和字體,使用文字面板(窗口 > 文字 > 字符)可以很輕鬆地做這件事兒。鍵盤上沒有的一些符號也可以放上去,使用符號面板即可(文字 > 符號)。

AI教程:超級火的幾何紋理圖案背景

如果樣式讓你覺得ok了,點擊工作區上面的“Done”按鈕,就可以了。

AI教程:超級火的幾何紋理圖案背景

樣式做好了!現在,可以把它應用到任何需要填充的對象中了!

AI教程:超級火的幾何紋理圖案背景

總結

我們小而美的實用型教程到此就結束了,希望在看了教程的內容後,親們能動手自己做一做,也希望能在教程裡找到一些有趣和有用的東西,最後謝謝各位觀眾的耐心觀看!


分享到:


相關文章: