
- 類型:圖像處理大。1.7M語(yǔ)言:英文 評(píng)分:5.0
- 標(biāo)簽:
無縫拼貼圖案是很多設(shè)計(jì)師喜歡在界面中用到的圖案,并且在很多領(lǐng)域都有應(yīng)用,那么這個(gè)很有前景的圖案紋理該怎么制作呢,下面西西就給大家詳細(xì)講解下怎么用Illustrator制作出大氣典雅的無縫拼貼圖案。
Illustrator下載:http://www.innovatechautomation.com/soft/73130.html
具體步驟:
像素圖案不同于其他圖案,圖案中的每個(gè)邊緣都十分銳利,沒有模糊的邊緣,這就要求圖案中的像素?cái)?shù)是整數(shù)。在AI中,額可以打開像素預(yù)覽模式(預(yù)覽 > 像素預(yù)覽)。在這個(gè)模式下,我們可以清楚地看到工作區(qū)里的像素格子。在這個(gè)模式下,我們也可以創(chuàng)建整數(shù)的像素圖案。我們用矩形工具(M)創(chuàng)建一個(gè)方形吧!具體大小如下圖所示。
在對(duì)角線上,新建更多的像素。
無縫拼接圖案的顏色變化十分微妙,我們可以使用不同灰度的顏色,將剛剛創(chuàng)建的圖案拖進(jìn)色板。
現(xiàn)在,你可以將圖案填充到任一你想應(yīng)用的地方,比如網(wǎng)站的背景。
我們看過了無縫拼貼圖案中最簡(jiǎn)單的一個(gè)案例,我們可以發(fā)揮自己的想象力,創(chuàng)建出更有趣的圖案。
但是并不是所有的圖案都是看起來那么簡(jiǎn)單的!讓我們來考慮更多的案例吧!使用矩形工具(M)創(chuàng)建一個(gè)像下圖一樣的圖案。
現(xiàn)在將它拖進(jìn)色板,然后應(yīng)用到任何你想應(yīng)用的地方。
放大上面的圖案,如你所見的,在圖案與圖案相接的地方,我們得到了二倍的寬度。
這不是我想要的,所以我們要根據(jù)自己的需要重新編輯圖案。
創(chuàng)建一個(gè)矩形,不需要填充也不用描邊,并且將它放在所有圖案的下面。如圖:
這個(gè)矩形將我們之前做出的圖形進(jìn)行了裁剪,去掉了一些我們不需要的像素。將色板中的圖案轉(zhuǎn)換成裁剪后的圖案,然后再應(yīng)用到對(duì)象中,就變成了如下圖所示的,我們想要的效果。
很多時(shí)候當(dāng)我們圍繞像素進(jìn)行工作,很難想象出這些像素?zé)o縫拼貼制后的樣子。現(xiàn)在我將告訴你一個(gè)可以提前知道這些圖案拼貼到一起后是什么樣的方法。我們先創(chuàng)建一個(gè)如下圖所示的圖案,圖案中都是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)在,我們可以同時(shí)看到九組我們做出的圖案了!
我們給這個(gè)圖案添加一些其他的元素,再創(chuàng)建一組新的圖案。
將新建的一組圖案拖動(dòng)到應(yīng)用了轉(zhuǎn)換特效的圖層中,這一步操作要在圖層面板中進(jìn)行。
如你所見,新建的圖案也跟之前的圖案一起變形、復(fù)制了九組。
新建元素,然后拖回瓷磚紋理中。
現(xiàn)在,我們已經(jīng)做好了圖案,找到對(duì)象 > 擴(kuò)展外觀。
我們需要的圖案必須得是一個(gè)矩形,而且還得是最初那個(gè)16 * 16 px的矩形,我們選擇圖案中如下圖所示的部分。
其他多余的部分我們刪掉不要。
照舊將圖案拖進(jìn)色板,然后應(yīng)用到你想要應(yīng)用的地方,效果如下圖所示。
除了上述的紋理,還可以應(yīng)用光柵模式的像素圖案,我們做一個(gè)簡(jiǎn)單的紋理,選中元素,然后找到對(duì)象 > 模糊 > 高斯模糊,然后在彈出的對(duì)話框中設(shè)置相關(guān)參數(shù)。
具體參數(shù)如下圖所示:
然后是對(duì)象 > 模糊 > 放射模糊,然后設(shè)置相關(guān)參數(shù)。
如果想要一個(gè)光柵效果的紋理,需要?jiǎng)?chuàng)建一個(gè)沒有填充和描邊的矩形,然后把它放在所有元素的下面。
否則,將會(huì)在最終的拼貼中出現(xiàn)空隙,影響視覺效果。在色板中保存圖案并應(yīng)用到任意對(duì)象上測(cè)試一下。
給自己鼓鼓掌吧,看起來還不錯(cuò)!
在AI cs6以后的版本中,創(chuàng)建無縫拼貼圖案變得更容易了!這個(gè)版本中很多步驟可以交給軟件,讓軟件自動(dòng)完成,F(xiàn)在我們來創(chuàng)建一個(gè)填充了深灰色的矩形。
在外觀面板(窗口 > 外觀)中添加新的填充。
選中這個(gè)填充效果,然后找到特效 > 紋理 > 膠片,具體參數(shù)設(shè)置如下圖所示:
圖層模式選擇正片疊底,透明度調(diào)整為20%。
如前所說,為了有光柵模式的像素圖案,我們要?jiǎng)?chuàng)建一個(gè)沒有填充和描邊的矩形。
選中所有的對(duì)象,然后找到對(duì)象 > 定義圖案 > 制造。
用這個(gè)方式,我們可以找到創(chuàng)建圖案模式。
使用文字工具(T),創(chuàng)建不同的字幕和符號(hào),將它們隨機(jī)擺放。
將文字設(shè)置成不同的字號(hào)和字體,使用文字面板(窗口 > 文字 > 字符)可以很輕松地做這件事兒。鍵盤上沒有的一些符號(hào)也可以放上去,使用符號(hào)面板即可(文字 > 符號(hào))。
如果樣式讓你覺得ok了,點(diǎn)擊工作區(qū)上面的“Done”按鈕,就可以了。
樣式做好了!現(xiàn)在,可以把它應(yīng)用到任何需要填充的對(duì)象中了!