當(dāng)前位置:首頁(yè)>ps實(shí)例教程>ps制作實(shí)例>背景壁紙>教程內(nèi)容

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

來(lái)源:pdadians 作者:P大點(diǎn)S 學(xué)習(xí):41670人次

無(wú)縫拼接的圖案做背景通常用于可愛(ài)風(fēng)格的圖片裝飾,這類圖片簡(jiǎn)單實(shí)用,本教程還用到了位移濾鏡來(lái)處理,大家一起學(xué)習(xí)一下這個(gè)技巧吧。
先看看效果:
無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

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

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

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

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

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

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

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

聽(tīng)了是不是一頭霧水,感覺(jué)無(wú)從下手,沒(méi)關(guān)系,下面,我們會(huì)用幾張圖片來(lái)詳細(xì)的解釋一下。

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

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

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

我們執(zhí)行位移濾鏡,設(shè)置水平向右、垂直向下各150像素,未定義區(qū)域?yàn)檎刍兀Ч缦隆?/p>

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

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

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

接下來(lái),一樣的操作手法,重復(fù)的添加圣誕樹(shù),我的最終效果如下:

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

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

無(wú)縫圖案,怎大家怎么制作無(wú)縫拼接圖案背景教程_theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
七號(hào)2019-01-09 02:37
大神
黑玫瑰調(diào)零2019-01-09 10:01
學(xué)習(xí)了
泡堂號(hào)2018-04-02 11:42
收益
V2015-12-29 11:12
為什么要拷貝藍(lán)通道呢?只為了保存psd?
V2015-12-29 11:01
為什么要拷貝藍(lán)通道呢?只為了保存psd?
像是一如既往2015-12-27 11:29
回復(fù)一下
像是一如既往2015-12-27 11:29
回復(fù)一下
門(mén)口看美女2015-12-27 11:05
支持,支持
門(mén)口看美女2015-12-27 11:05
支持,支持
學(xué)海無(wú)鴨2015-12-27 09:34
好東西啊啊啊啊啊
學(xué)海無(wú)鴨2015-12-27 09:34
好東西啊啊啊啊啊
木禾子夕2015-12-27 07:50
謝謝分享
木禾子夕2015-12-27 07:50
謝謝分享
倩影迷魂玉闌珊2015-12-27 07:16
學(xué)習(xí)學(xué)習(xí)!!
倩影迷魂玉闌珊2015-12-27 07:16
學(xué)習(xí)學(xué)習(xí)。!

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!