本教程是向大家介紹利用Illustrator創(chuàng)建精美無縫拼貼圖案方法，教程制作出來的圖案非常漂亮，難度也不是那么大，推薦給腳本之家的朋友，喜歡的朋友可以跟著一起來學(xué)習(xí)：！

將某個(gè)場景的圖案，按照隨機(jī)的方式羅列整個(gè)畫布上，這就形成一種紋理式樣的圖案。而這類紋理圖案有兩種表現(xiàn)，第一種是細(xì)微的質(zhì)感紋理，這類紋理大部分運(yùn)用到網(wǎng)頁的背景上，它顯得比較低調(diào)，主要色調(diào)為黑白灰；第二種就是以圖案為獨(dú)立細(xì)節(jié)進(jìn)行隨機(jī)散布的圖案紋理，如下圖。

此類圖案紋理能鋪開整個(gè)畫布，直接強(qiáng)調(diào)主題，雖然直接運(yùn)用網(wǎng)頁布局的很少見，但也能在制作某個(gè)廣告圖或者某個(gè)特別修飾的場景里使用。

今天我們要學(xué)習(xí)的就是第二種以圖案為獨(dú)立細(xì)節(jié)的圖案紋理，早已有類似thepatternlibrary 這樣的網(wǎng)站給你提供了精美的圖案紋理下載，但是設(shè)計(jì)時(shí)與實(shí)際需要的細(xì)節(jié)還是差之毫厘，那么，自己動手打造一張無縫的圖案紋理就顯得至關(guān)重要。

一、制作準(zhǔn)備

1、AI軟件；

2、已完成的手稿圖；

3、配色方案；

二、畫上細(xì)節(jié)圖

1、梳理細(xì)節(jié)

這里細(xì)節(jié)圖是隨機(jī)圖案組成的"細(xì)胞"或"肌理"，那么，肌理的美感度會很大程度上影響到最終效果。所以，我們在這里會要求大家先完成手稿。

手稿可以任意發(fā)揮，根據(jù)你要創(chuàng)作的主題來畫出你認(rèn)為最適合"出場"的細(xì)節(jié)。手稿可以用鉛筆在紙上繪畫，也可以自己用wacom畫。這里我用的方式是利用wacom直接繪畫。

注：wacom是手繪數(shù)位板的別稱

這里要強(qiáng)調(diào)的是配色方案，因?yàn)榧?xì)節(jié)圖是由多個(gè)物件所組成，因此，會涉及到多種顏色，而色彩的搭配就十分重要，因此充分的準(zhǔn)備工作需要的是一份配色方案，在繪畫時(shí)就能輕松運(yùn)用上適合的顏色，也不會因?yàn)樯实牧鑱y而頭痛了。

給大家先看看我準(zhǔn)備的配色方案：

這里我要做的是日式古典的紋理，那么無論是配色還是物件的選擇都會傾向日本古典的風(fēng)格。

2、繪制圖案

從日本旅行的照片中，選擇了幾個(gè)作為典型的日本印象的物件構(gòu)圖：櫻花、燈籠、矮竹、扇子、石頭。

下面我將一一采用AI軟件進(jìn)行繪制。關(guān)于物件的繪制，這里相信大家會采用各自喜歡的畫法，我將省略實(shí)際繪制的過程，以保證每個(gè)讀者創(chuàng)作時(shí)更加開放自由。AI矢量軟件對于幾何圖形的構(gòu)造有足夠的優(yōu)勢，因此繪畫時(shí)可以盡量選擇運(yùn)用幾何圖案進(jìn)行巧妙的組合、裁切等方式。

我對于AI軟件繪制圖形的使用感受是，這就像我們小時(shí)候做過的剪紙手工作業(yè)一樣，運(yùn)用基本的幾何圖形，手腦并用，可以拼貼出任何具形的圖案。而軟件的精細(xì)程度和各種效果的運(yùn)用就可以讓整個(gè)圖案達(dá)到出彩的效果。

在繪制的過程中可以先暫時(shí)用隨機(jī)的顏色搭配，待所有物件都繪制完成組合在一起時(shí)，再重新根據(jù)配色方案調(diào)色。

櫻花的繪制過程：

日本扇子繪制過程：

燈籠的繪制過程：

矮竹的繪制過程：

石頭的繪制過程：

 三、構(gòu)圖與無縫處理

將所有物件都繪制完成后，我們開始進(jìn)行組合構(gòu)圖，最好玩的時(shí)候到了！

AI新建一個(gè)大小適宜的文檔，將剛剛畫好的物件都放置于畫布上。因?yàn)槔L制時(shí)我們并沒有考慮色彩的整齊搭配，而現(xiàn)在需要做的就是根據(jù)我們的配色方案調(diào)整色彩。

這是調(diào)色前：

根據(jù)配色方案調(diào)色后：

然后選中所有的物件，點(diǎn)擊對象>圖案>建立。這時(shí)會出現(xiàn)圖案創(chuàng)建選項(xiàng)面板，你可以在這個(gè)面板中進(jìn)行選擇調(diào)試，做出你最想要的紋理圖案。比如復(fù)制新的櫻花，增加圓點(diǎn)裝飾，降低某些細(xì)節(jié)的透明度，重新上色等。

這里需要注意的要點(diǎn)是：

1）你的圖案創(chuàng)建面板設(shè)置中，為了保持圖案為無縫，這里的拼貼類型要選擇"網(wǎng)格"
2）我在這里設(shè)置的圖案大小是300px*300px,以確保每個(gè)物件都能完美地展示出來
3）盡量不要留有空白，這樣能使整個(gè)圖案顯得飽滿豐富

你將在這里馬上看到整個(gè)圖案的最終效果。完成后點(diǎn)擊左上角的完成后。你將在色彩面板中看到你剛剛創(chuàng)作的無縫紋理圖案，雙擊它會彈出設(shè)置面板，你還可以繼續(xù)修改。

這時(shí)，那么這個(gè)無縫紋理圖案就做好了。

 四、運(yùn)用

你可以試著畫上一個(gè)300px*300px矩形，這個(gè)矩形的大小與剛剛設(shè)置的圖案大小一致。然后選擇圖案填充后，導(dǎo)出為一個(gè)png格式的圖片。

保存PNG圖片有個(gè)好處是保留了透明背景，那么這個(gè)圖案的運(yùn)用將會更加靈活，因?yàn)榈咨梢愿鶕?jù)不同的情況而做出改變。在PS軟件中定義好該圖案，實(shí)際運(yùn)用時(shí)增加漸變背景或其他純色背景，如下圖。

 五、結(jié)語

制作紋理圖案的過程中，你要訓(xùn)練的是自己對整個(gè)畫面的美感平衡的能力，設(shè)計(jì)是對每個(gè)素材之間關(guān)系的平衡，包括它們的色彩、距離、結(jié)構(gòu)……而這些都需要你步驟三中通過嘗試而獲得一個(gè)最佳點(diǎn)。教程里我沒有再進(jìn)一步美化這個(gè)圖案，但你要記得設(shè)計(jì)是沒有終點(diǎn)。希望你能做得更好！

最新評論