本教程是向大家介紹利用AI創(chuàng)建漂亮的無縫拼貼圖案背景樣式，教程制作出來的圖案樣式非常漂亮，教程難度不是很大，推薦給腳本之家的朋友，喜歡的朋友可以跟著一起來學(xué)習(xí)制作！

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

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

我這里有幾個小竅門，可以讓創(chuàng)建無縫拼貼圖案的過程變得更加容易。像素圖案不同于其他圖案，圖案中的每個邊緣都十分銳利，沒有模糊的邊緣，這就要求圖案中的像素?cái)?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ù)。

上一頁12 3 4 下一頁 閱讀全文

總結(jié)

以上是生活随笔為你收集整理的html5 背景拼贴,AI创建漂亮的无缝拼贴图案背景样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。