當前位置:首頁>ps入門教程>ps基礎教程>工具教程>教程內容

ps無縫重復圖案的制作和使用方法(4)

來源:PS學堂 作者:太妮翻譯 學習:75467人次

先看看效果圖

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

第一步:創(chuàng)建一個新文件:

首先讓我們來創(chuàng)建一個100px*100px的,分辨率是72像素/每英寸,RGB格式的透明文件。(見下圖1)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

由于100*100 文件很小,我要把它放大,按ctrl鍵和“+”號鍵將圖像放大到500倍(見下圖2)。

放大了500倍后的文件:

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

你在制作圖案的板片/片段(tile)時,可能需要更小的像素(1個~幾個)的文件,所以你要根據自己的實踐和需要來決定你的原始文件的大小。

第二步:我們需要知道文件的中心點在哪里,執(zhí)行“視圖→新建參考線”,(見下圖)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

在彈出的對話框里,取向的橫,直都填上50,(見下圖)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

現(xiàn)在我們的文件上有兩條參考線,相交在中心點。(見下圖)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

第三步:在文件的中心畫個圖形:

在photoshop里你可以畫很復雜的圖形,當然也可以畫很簡單的:一個點或是一個圓,我們從最簡單的入手。 讓我們來畫個圓。選取“橢圓選擇工具”,

在文件中心點,同時按住shift和alt鍵向外拖畫出一個小的正圓。(見下圖8)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

第四步:用黑色填充小圓:(見下圖) 然后按ctrl+D取消選擇。

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

第五步:復制圖層:

我們的文件中心已經有一個小黑圓了,這樣就已經可以把它存貯為圖案了。但我們最好把它做的更有趣些。那么,首先要復制一個圖層,執(zhí)行“圖層→

通過拷貝的圖層”或者用快捷鍵ctrl+J。(見下圖10)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

在工作區(qū)的圖像里看不到什么變化,但是圖層面板上,我們看到復制出的圖層: 圖層1副本。(見下圖)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

第六步:使用“位移”濾鏡:

我們現(xiàn)在制作的這樣文件叫著圖案的瓦板/片段(tile)文件, 當你設計制作循環(huán)的圖案片段(tile)時,

經常要用到的就是“位移”濾鏡。所以執(zhí)行“濾鏡→其它→位移”(見下圖)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

在彈出的對話框里填上如圖的參數(見下圖)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

點確定關閉對話框。我們得到如下的圖形(見下圖14)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

第七步:把片段文件定義為圖案:

執(zhí)行“編輯→定義圖案”,(見下圖15-1)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

在彈出的對話框里要你給這新圖案起個文件名,這理我取名叫“圓(100*100)”(你也可以不取名,PS會為你起個名字的)(見下圖)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

現(xiàn)在我們來看看新圖案的應用效果。

第八步:新建一個文件:

我們已經創(chuàng)建了一個叫“圓”新圖案,這意味著可以用它來填充整個圖層。讓我們新建一個文件。在“新建文件”對話框里,填上如圖的數據:(見下圖)

我們建起了一個1000像素*1000像素的RGB、白色的新文件(見下圖)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

第九步:新建一層

我們是可以直接用我們的新圖案填充新文件的,但是為了我們下節(jié)課即將學習到怎樣給圖案填加顏色和添加漸變。最好把它放在它自己的獨立層上

我現(xiàn)在在這文件上新建一層。(見下圖)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

第十步:用新圖案填充新建的圖層:

執(zhí)行“編輯→填充”或者用快捷鍵:shift+F5,在彈出的對話框里選擇“圖案”(見下圖23)

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

這會展開圖案選擇器,里面的小縮略圖都是我們當前可選的圖案。你可看到我們剛才做的“圓”也在里面(最后的那個)(見下圖)選上它,點確定,關閉對話框。

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

這時我們的新層上已經填充了“圓”的圖案,PS按需求重復地使用圖案直到把整個圖層布滿(見下圖)。

Photoshop無縫重復圖案的制作和使用方法,PS教程,16xx8.com教程網

好啦,這節(jié)課我們學完了,小小的圓圖案也并不很起眼,但是我們學的是制作方法,自己制作圖案就是要先構思圖案的片段(tile),制作出來后把它存貯為圖案,再用它填充整個圖層。

下節(jié)課我們將學習怎樣給圖案填加顏色和添加漸變。

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!