當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>新手教程>教程內(nèi)容

9-11 制作適用于連續(xù)平鋪的圖案(2)

來源:網(wǎng)絡(luò) 作者:趙鵬 學(xué)習(xí):35260人次

9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案

在制作這個圖案的時候,大家最感到?jīng)]有把握的就是讓菱形在邊界正好保留一半大小,這個過程中稍有誤差就會造成平鋪圖案斷接。所幸菱形具有很明顯的棱邊可提供視覺參考。但對于一些其他的形狀就未必能夠準(zhǔn)確把握了。
為了準(zhǔn)確和快捷地制作平鋪圖案,可以使用Photoshop的位移濾鏡。讓我們先制作出早先的那個大菱形并柵格化,確保選擇該層,然后【濾鏡>其他>位移】,設(shè)置如下左圖,注意要選擇“折回”,就會在圖像中看到我們之前手動復(fù)制圖層并移動到邊界的效果。那這個位移濾鏡是什么原理呢?
位移濾鏡在“折回”方式下就是假定圖像已經(jīng)作為圖案并進行了平鋪,如下右圖,以平鋪中心的原圖案(下右圖紅框內(nèi))為基準(zhǔn)點,向四周移動一定的距離后,用該處的圖像替換原先的圖像。
我們這個圖像的尺寸是120×120,那么按照左圖的設(shè)置水平移動60(或-60)像素,就相當(dāng)于橫向移動一半,應(yīng)該停留在下右圖的藍色區(qū)域內(nèi),正好是左右各端露出菱形的一半?梢灶A(yù)見,如果垂直也設(shè)為60(或-60)像素的話,所得到的應(yīng)該是下右圖綠色區(qū)域內(nèi)的圖像。
在完成大菱形的水平位移后,再建立并柵格化一個小菱形漸變層,然后進行60(或-60)像素垂直位移,就可以得到與之前相同的效果。使用濾鏡前注意正確選擇圖層。

9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案

掌握了位移濾鏡的使用后,我們就可以很容易地制作無縫平鋪圖案。新建一個60×60的圖像,新建一個圖層,使用自定義形狀工具〖U/SHIFT U〗在其中繪制“草2”形狀(如找不到可復(fù)位形狀),將其與背景層上下居中、左右居中對齊(要以背景層作為基準(zhǔn)層,方法可參考操作速查0516),然后復(fù)制該層(選擇圖層后〖CTRL J〗),對復(fù)制出來的圖層(或原圖層)使用位移濾鏡,水平及垂直方向均設(shè)為圖像大小的一半(30或-30像素)。得到如下左圖的效果,可將圖案的名字起為“紫色小草”之類的。填充效果如下右圖。

9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案

我們知道平鋪的效果關(guān)鍵取決于圖案邊界,因此首先要保證圖案邊界的連續(xù)性,F(xiàn)在我們來制作較為雜亂的可平鋪背景,設(shè)定如下筆刷:散布楓葉形狀、直徑30像素、間距80%、大小抖動100%、角度抖動100%、色相抖動100%。
選一個彩色前景色(不能選擇黑、白或灰度,否則沒有色相抖動效果),在一個150×150的圖像中繪制一個十字形,注意楓葉不能超出邊界,原則上是越貼緊邊界越好,但這里先不用強求,后面有辦法來彌補。
然后將圖案垂直位移一半(也就是75像素),這樣就會露出原先在上下邊界留下的空白。用相同的筆刷填補空白處。
接著水平位移、垂直位移一半,就會露出原先在左右邊界留下的空白,同畫筆填補。最后再垂直位移一半,即可得到可作為無縫平鋪圖案的邊緣。
以上步驟如下左圖所示。其中的步驟2和步驟6可以替換,也就是說可以先填補水平方向再填補垂直方向。
在得到具有可無縫平鋪邊緣的圖案后,最重要的步驟就完成了。接下來可在中間的空白區(qū)域隨意添加一些圖像,但必須保證添加的圖像不能超出邊界。如下右圖。

9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案

濾鏡是作用于單個圖層的,可以利用這個特性來添加更多的平鋪效果。如下左圖,將前景色設(shè)為黑,將筆尖形狀改為“沙丘草”,取消色相抖動(由于前景色為純黑,屬于灰度色,而改變色相對灰度色是無效的,因此即使不取消這一項目也不會造成色彩的偏離),適當(dāng)增大直徑,其余筆刷設(shè)定不變。
新建圖層,在中間畫一些草(不要超出邊界),然后進行水平與垂直位移(各50%)。再在中間空余出來的地方隨手畫幾下(不要超出邊界),完成后效果如下左圖(隱藏了其他圖層)。
為什么這里不采用之前“紫色小草”那樣,將復(fù)制出來的圖層進行位移呢?這是因為“紫色小草”需要圖案的一致性。而我們這里要避免一致性。
將新的沙丘草圖案層反相〖CTRL I〗以得到白色,然后置于原先圖案的上層,就可以形成如下中圖的效果。平鋪效果如下右圖。
可能有的人會問,那為什么一開始不使用白色去畫沙丘草呢?這是因為對這個圖像的背景而言,用白色繪制沙丘草不容易辨別邊界是否超出,因此先使用黑色。

9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案

做到這里,特別是看到上左圖的透明沙丘草層時,大家有沒有想到一個問題:能不能定義半透明的圖案呢?
答案是肯定的,Photoshop支持帶有Alpha通道的圖案,如果大家在前面的制作中都是將圖案繪制在新建圖層上,那么隱藏背景層后定義圖案就可以得到透明的效果。如下左圖。還可以將沙丘草圖案層作為選區(qū),給現(xiàn)有的楓葉層再添加一個蒙版。方法是〖CTRL 單擊圖層縮覽圖〗將沙丘草層轉(zhuǎn)為選區(qū),然后選擇楓葉層,【圖層>添加圖層蒙版>隱藏選區(qū)】則可做出如下右圖的效果。大家可以自己找張圖片來看看半透明圖案的平鋪效果。

9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案

現(xiàn)在我們對使用位移濾鏡制作連續(xù)平鋪圖案的注意事項作一個總結(jié):
1:初期的圖案應(yīng)大體繪制于圖像的中央部分。這樣使用位移濾鏡時,取寬高一半的數(shù)值,即可令對邊圖案互相銜接。否則需要依靠視覺判斷位移距離。
2:初期繪制的圖案不能超出畫布,否則一定產(chǎn)生斷接。特別是使用具有隨機動態(tài)效果(直徑、圓度、散布等)的筆刷時尤為注意。
3:位移濾鏡中需要移動的距離為圖像尺寸的一半(以上第1點成立時)。不必過分精確,只要對邊互有圖案即可。如果圖像非正方形,則要分別取其寬度和高度一半的數(shù)值。
4:分層制作可產(chǎn)生多重圖案,位移濾鏡只對目前所選圖層有效。但如果有選區(qū)存在,則位移濾鏡只會改變選區(qū)內(nèi)的圖象。

0952下面我們來學(xué)習(xí)一些常用圖案的制作方法,首先是掃描線(也稱電視掃描線或TV掃描線)。如下左圖是原圖,下中圖是添加了掃描線后的效果。掃描線實際上就是由若干條橫線組成的,那么我們所定義的圖案就要能夠產(chǎn)生如下右圖這樣的直線平鋪效果。

9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案

這樣的圖案該如何去定義呢?如下左圖,新建一個1×2的透明圖像,將其放大到最大,然后通過選區(qū)將其下方(或上方)填為黑色。這個圖案就制作完成了。注意在定義為圖案的時候要取消選區(qū)〖CTRL D〗。是不是覺得很簡單?大家在腦中模擬一下這個圖案的平鋪效果就會明白這樣做是正確的。
那么,如果我們將圖案繪制成如下右圖那樣,會有什么區(qū)別呢?沒有區(qū)別,在使用定義圖案功能的時候,Photoshop會自動檢測圖案中的重復(fù)區(qū)域并將其刪除,我們最終將得到與下左圖一樣的圖案。

9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案

利用這個圖案建立一個圖案填充層,將不透明度設(shè)為20%左右,混合模式改為“疊加”就可以得到前面的掃描線效果了。如果增大調(diào)整圖案填充層中的縮放比例,就可以得到較粗的掃描線。但記住,由于圖案屬于點陣圖像,因此這樣放大后會產(chǎn)生模糊。
如果要得到清晰的較粗線條,可以按照如下左圖那樣定義圖案,建立1×3的透明圖像,并將其中的2/3填為黑色,這樣就得到2倍粗的線條了。如果想增加線條的間隔,就將1×3透明圖像的1/3填為黑色,如下中圖。更粗或間隔更大的掃描線都可參照這個方法制作。
也可以嘗試使用其他灰度色或彩色來制作掃描線,如下右圖?纯磿性鯓拥男ЧT趹(yīng)用具有灰度色或彩色圖案的時候,可以嘗試其他的圖層混合模式。
如果要制作豎直線條,定義的方法和上面是基本相同的,這里就不再介紹。

9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案9-11 制作適用于連續(xù)平鋪的圖案

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
qinyaxing2021-11-27 01:44
我的作業(yè):

阿菜愛唱歌2021-11-18 01:40
我的作業(yè):

yf9428354112021-08-04 05:14
這里定義圖案的時候是哪一個圖層?我試過最后一層,或者合并,定義好的圖案是這樣,但是平鋪后也是這樣,沒有滿屏的菱形,哪里出問題了呢?
追電少年2020-06-10 12:15
作業(yè)

來看看原因2020-05-18 04:01
a5605842 發(fā)表于 2020-5-17 21:26
卡在這一節(jié)了,看了一個下午,卡在菱形這一節(jié)了,平鋪是一個個圖層復(fù)制,然后平鋪嗎?
不清楚你哪步不懂。 這叫平鋪:畫布寬6.5個樹木圖片大小,高5.5個樹木圖片大小,然后把樹木圖片鋪滿整個畫布。 http://pic.16xx8.com/allimg/141215/021U55337-4.jpg 上面平鋪后,圖片明顯看出是分割并不是一個整體的。按教程的方法處理,可以做出如下的一個整體的連續(xù)平鋪圖片 http://pic.16xx8.com/allimg/141215/021U51F8-36.jpg
a56058422020-05-17 09:33
a56058422020-05-17 09:26
卡在這一節(jié)了,看了一個下午,卡在菱形這一節(jié)了,平鋪是一個個圖層復(fù)制,然后平鋪嗎?
從前從前h2019-10-15 06:52
我的作業(yè):




自學(xué)PS20192019-09-01 01:47
我的作業(yè):



陪你度過漫長歲月2019-04-02 10:09
這一節(jié)好復(fù)雜,但是挺實用的
??2019-02-13 02:26
我的作業(yè):<img src=http://bbs.16xx8.com/data/attachment/album/201712/13/204124gckkhekfk8ec1ii1.gif>
簫竹女2019-02-10 02:15
定義圖案,然后填充
斑馬尤文atSohu2018-09-15 07:01
很繁瑣啊
狐狐網(wǎng)友2018-08-11 11:20
9-11制作適用于連續(xù)平鋪的圖案我的作業(yè):我的作業(yè):我的作業(yè):我的作業(yè):
狐狐網(wǎng)友2018-08-11 11:16
學(xué)習(xí)打卡

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

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