酷播亮新聞
最棒的知識補給站

AI教程/打造拼貼圖案背景

圖/文designmodo 譯 木草彌生

本教程是向大家介紹利用AI創建漂亮的無縫拼貼圖案背景樣式,教程製作出來的圖案樣式非常漂亮,教程難度不是很大,推薦給腳本之家的朋友,喜歡的朋友可以跟著一起來學習製作!分享過一組紋理:https://pan.baidu.com/s/1slDR5oT

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

具體參數如下圖所示:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:
如有侵權請來信告知:酷播亮新聞 » AI教程/打造拼貼圖案背景