無縫圖案，怎大家怎么制作無縫拼接圖案背景教程(6)

無縫拼接的圖案做背景通常用于可愛風(fēng)格的圖片裝飾，這類圖片簡(jiǎn)單實(shí)用，本教程還用到了位移濾鏡來處理，大家一起學(xué)習(xí)一下這個(gè)技巧吧。
先看看效果：

我們的素材包中，包含一個(gè)紙張PSD，一個(gè)圣誕圖案PSD，一個(gè)圣誕圖案PAT，一張紙張紋理。

素材打包鏈接：http://pan.baidu.com/s/1c1rP1Gs 密碼：os0n

首先，我們說說位移，位移濾鏡用的比較少，其實(shí)，不管什么工具，其存在，必定有其道理，只是視乎我們會(huì)不會(huì)用。在這里，我們會(huì)詳細(xì)的解釋位移的操作。

位移（offset）濾鏡的位置是濾鏡——其他——位移。位移或許大家并不經(jīng)常用到，但是，負(fù)責(zé)任的說，位移其實(shí)挺強(qiáng)大的，尤其是用來制作一些無縫圖案，好用程度五顆星。下面，我們先來看看位移的對(duì)話框。

看對(duì)話框，我們可以很直觀的理解位移。首先，水平是什么意思，水平就是，設(shè)置水平向右移動(dòng)的距離，垂直則是設(shè)置垂直向下移動(dòng)的距離，其單位為像素。

接下來的未定義區(qū)域擁有三個(gè)子選項(xiàng)。未定義區(qū)域什么意思呢，從字面上，我們就可以理解，那就是我們沒有選擇的區(qū)域即為未定義區(qū)域。

第一個(gè)，設(shè)置為透明。意思就是將未定義的區(qū)域，在選區(qū)的原來的位置填充為透明。

第二個(gè)，重復(fù)邊緣像素。意思是使用原圖邊緣的像素填充原來的位置。

第三個(gè)，折回。使用圖像的另一部分填充空白區(qū)域。

聽了是不是一頭霧水，感覺無從下手，沒關(guān)系，下面，我們會(huì)用幾張圖片來詳細(xì)的解釋一下。

首先，我建了一個(gè)300*300像素的文檔，并填充了一個(gè)綠色。

執(zhí)行位移濾鏡，設(shè)置水平位移+150像素，垂直位移+150像素，未定義區(qū)域設(shè)置為透明，得到如下的效果。

剛才我們說了，設(shè)置為透明的意思是將未定義的區(qū)域以透明來填充，現(xiàn)在我們可以看到，綠色的圖像，已經(jīng)向右和向下移動(dòng)了150像素，而其圖像原來所在的位置則變成透明了，簡(jiǎn)單的理解就是，設(shè)置為透明，就是圖像移動(dòng)，而移動(dòng)過后，其原來位置變成透明。

友情提示，位移設(shè)置為負(fù)數(shù)時(shí)，則是向左和向上移動(dòng)。

下面，我們?cè)囋囍貜?fù)邊緣像素，執(zhí)行位移濾鏡，設(shè)置水平位移+150像素，垂直位移+150像素，未定義區(qū)域設(shè)置為重復(fù)邊緣像素。

從上圖中，我們可以看出，重復(fù)邊緣像素的意思是，使用原圖邊緣的像素來填充原圖所在的位置，或者純色的背景，大家看不清楚，下面，我用一個(gè)漸變的圖層來演示一下。

下面，我們就來看一下，重復(fù)邊緣像素具體是怎么一回事。

我們未執(zhí)行位移時(shí)的圖像是下面這個(gè)圖像的左邊部分，水平向右、垂直向下移動(dòng)了150像素，則得到如下圖像中的右邊部分。

當(dāng)我們?cè)O(shè)置了未定義區(qū)域?yàn)橹貜?fù)邊緣像素之后，我們得到的是下面這個(gè)圖像。

我們剛才說過，重復(fù)邊緣像素的作用是使用原圖邊緣的像素填充原來的位置，我們現(xiàn)在就通過下面這個(gè)圖片，來直觀的了解一下。

我們把圖像原來所處位置標(biāo)注為A，圖像位移后的位置標(biāo)注為B，使用原圖邊緣的像素填充原來的位置，就是說把B部分的邊緣像素來填充A部分，我們把B部分中用紅色方框框住的部分CTRL+T，向上拉伸，得到3部分的效果，再把3部分中用紅色方框框住的部分CTRL+T，向左拉伸，得到4部分的效果。大家可以檢驗(yàn)一下，看現(xiàn)在我們得到的4部分的效果，跟我們直接執(zhí)行位移，設(shè)置未定義區(qū)域?yàn)橹貜?fù)邊緣像素的效果是不是一樣。

最后，我們來看看最后一個(gè)選項(xiàng)折回，同樣，我們還是建一個(gè)300X30像素的文檔，用矩形工具填充一個(gè)綠色圖層，設(shè)置水平、垂直居中，這個(gè)圖層的大小要小于300像素，不然看不出效果。

我們執(zhí)行位移濾鏡，設(shè)置水平向右、垂直向下各150像素，未定義區(qū)域?yàn)檎刍�，效果如下�?/p>

這個(gè)折回，大概的意思就是說，把圖案分成四份，分別填充在四個(gè)角，四個(gè)角的圖案合起來就是圖案本身。如果圖案太小，不足以超出畫布，折回對(duì)其就不起作用，因?yàn)樘�，移�?dòng)后壓根超不出畫布，如何折回，其效果就跟設(shè)置為透明的效果是一樣的。示例如下圖。

順便說一句，位移是可互的，比如說，你向右向下位移了150像素，你參數(shù)不變，再位移一次，圖案就又回來了。

位移的大概操作基本就是這樣了，實(shí)戰(zhàn)開始。

新建個(gè)文檔，這里我用的還是300*300像素，不知為何特別喜歡用這個(gè)尺寸。設(shè)置前景色為#7aa61d，填充背景。用鋼筆工具畫一株圣誕樹出來，這里樹的顏色我用的是#035702。

復(fù)制一層圣誕樹圖層，選擇住兩個(gè)圣誕樹圖層，CTRL+G創(chuàng)建圖層組，為頂層的圣誕樹執(zhí)行位移濾鏡設(shè)置水平向右、垂直向下各150像素，未定義區(qū)域?yàn)檎刍�，效果如下�?/p>

下面，我們繼續(xù)添加圣誕樹圖案。復(fù)制圣誕樹形狀，置于頂層，CTRL+T調(diào)整大小，并更改形狀顏色 為#bfe866，同樣的，為了方便操作，我也是用了一個(gè)新的圖層組，建議大家養(yǎng)成良好的圖層編組和命名習(xí)慣。

接下來，我們復(fù)制這個(gè)淡黃色的圣誕樹，執(zhí)行位移濾鏡，設(shè)置水平向右、垂直向下各150像素，未定義區(qū)域設(shè)置為透明。

接下來，一樣的操作手法，重復(fù)的添加圣誕樹，我的最終效果如下：

到這里，感覺圖案整體略顯單調(diào)，我們繼續(xù)添加一些其他元素，豐富圖案。在這里我用橢圓工具添加了一些圓點(diǎn)，顏色為#f3f83a，重復(fù)復(fù)制同心圓，使其在圖案上適當(dāng)?shù)纳⒉�，效果如下�?/p>

下面，我又添加了一些實(shí)心圓，顏色為#fcff81。

最后，我又添加了一些五角星，顏色設(shè)置為#b6c890。

圖案基本完成，但是好像質(zhì)感不強(qiáng)，完善一下吧。新建一層，置于最頂層，填充白色，執(zhí)行添加雜色濾鏡，設(shè)置數(shù)量為10%，高斯分布，勾選單色，設(shè)置圖層混合模式為正片疊底，不透明度為40%。

接下來，是激動(dòng)人心的時(shí)刻，執(zhí)行編輯——自定圖案。

下面，在素材包中，找到我們所提供的紙張素材，雙擊解鎖，新建一個(gè)圖層將其置于底層，填充我們剛才所制作的圖案，將紙張圖層的圖層混合模式更改為線性光。

保存我們的文檔，重新打開紙張素材，切換到通道，復(fù)制藍(lán)通道。

選擇藍(lán)拷貝通道，CTRL+M調(diào)出曲線，拉一個(gè)S曲線。

選擇藍(lán)拷貝通道，右鍵，復(fù)制通道，并將目標(biāo)選項(xiàng)中的文檔設(shè)置為新建，將這個(gè)新建的文件保存，等會(huì)我們將要用這個(gè)文件來進(jìn)行置換。友情提示，置換文件必須為PSD文件。

現(xiàn)在回到我們的文檔，對(duì)我們填充的圣誕樹圖案圖層執(zhí)行一個(gè)置換濾鏡設(shè)置如下圖，置換文件就是我們上一步做的那個(gè)文件。

做到現(xiàn)在基本就完工了，當(dāng)然你可以更改顏色，增加劃痕，甚至是二次加工，我們的最終效果如下。