完美無縫拼接圖案制作教程
現(xiàn)在我們對使用位移濾鏡制作連續(xù)平鋪圖案的注意事項作一個總結:
1:初期的圖案應大體繪制于圖像的中央部分。這樣使用位移濾鏡時,取寬高一半的數值,即可令對邊圖案互相銜接。否則需要依靠視覺判斷位移距離。
2:初期繪制的圖案不能超出畫布,否則一定產生斷接。特別是使用具有隨機動態(tài)效果(直徑、圓度、散布等)的筆刷時尤為注意。
3:位移濾鏡中需要移動的距離為圖像尺寸的一半(以上第1點成立時)。不必過分精確,只要對邊互有圖案即可。如果圖像非正方形,則要分別取其寬度和高度一半的數值。
4:分層制作可產生多重圖案,位移濾鏡只對目前所選圖層有效。但如果有選區(qū)存在,則位移濾鏡只會改變選區(qū)內的圖象。
常用無縫拼接圖案的制作方法
下面我們來學習一些常用圖案的制作方法,首先是掃描線(也稱電視掃描線或TV掃描線)。如下左圖是原圖,下中圖是添加了掃描線后的效果。掃描線實際上就是由若干條橫線組成的,那么我們所定義的圖案就要能夠產生如下右圖這樣的直線平鋪效果。
這樣的圖案該如何去定義呢?如下左圖,新建一個1×2的透明圖像,將其放大到最大,然后通過選區(qū)將其下方(或上方)填為黑色。這個圖案就制作完成了。注意在定義為圖案的時候要取消選區(qū)〖CTRL
D〗。是不是覺得很簡單?大家在腦中模擬一下這個圖案的平鋪效果就會明白這樣做是正確的。
那么,如果我們將圖案繪制成如下右圖那樣,會有什么區(qū)別呢?沒有區(qū)別,在使用定義圖案功能的時候,Photoshop會自動檢測圖案中的重復區(qū)域并將其刪除,我們最終將得到與下左圖一樣的圖案。
利用這個圖案建立一個圖案填充層,將不透明度設為20%左右,混合模式改為“疊加”就可以得到前面的掃描線效果了。如果增大調整圖案填充層中的縮放比例,就可以得到較粗的掃描線。但記住,由于圖案屬于點陣圖像,因此這樣放大后會產生模糊。
如果要得到清晰的較粗線條,可以按照如下中圖那樣定義圖案,建立1×3的透明圖像,并將其中的2/3填為黑色,這樣就得到2倍粗的線條了。如果想增加線條的間隔,就將1×3透明圖像的1/3填為黑色,如下中圖。更粗或間隔更大的掃描線都可參照這個方法制作。
也可以嘗試使用其他灰度色或彩色來制作掃描線,如下右圖。看看會有怎樣的效果。在應用具有灰度色或彩色圖案的時候,可以嘗試其他的圖層混合模式。
如果要制作豎直線條,定義的方法和上面是基本相同的,這里就不再介紹。
如果是定義斜線,可參照如下左圖和右圖(均放大為1600%,實際每一個方塊為1像素)。左邊的斜線平鋪后較密集而右方的相對疏松。為什么不使用2×2的圖像來定義斜線呢?因為2×2的尺寸太小,制作出來的斜線實際上成了網點效果,大家可以想象并自己動手做做看。
下左是將最初的定義的掃描線放大為400%的效果。下中圖是使用了彩色線條圖案并更改混合模式為“顏色”的效果。下右圖是斜線圖案的效果。
除了線條以外,網格與網點也是經常需要使用到的,對于網格掌握一個訣竅:十字形:十字越小網格越密集,十字越大網格越疏松;而十字的粗細影響網格邊緣的粗細。掌握了這些就很容易定義均勻的網格圖案。如下左圖和中圖(1600%)。下右圖的網格不透明度為20%,使用了“變亮”混合模式。
如果要定義不均勻的網格,那就是一種干字形(或土字形)??梢詤⒄障伦髨D(1600%)。按照這種思路擴展出去,可以將任意的水平和垂直線段作為圖案,如下右圖(1600%)。
定義網點圖案實際上和網格差不多。區(qū)別在于網格的線條是連續(xù)的,而網點是不連續(xù)的。如下左圖和中圖(1600%)是最典型的網格圖案。制作這類網點的訣竅就在于:定義奇數寬度的正方形圖案,在中間區(qū)域填充黑色。如果定義非正方形的圖案,則可以在水平和垂直方向形成不均勻的平鋪。
如果有時候需要圖案的第一個網點精確對應圖像的左上角,可將位于正方形的左上角的那個像素填上黑色,如下右圖(1600%)。它的平鋪效果與第2圖是相同的。
網點與網格僅一步之遙,如下左圖和中圖(500%),它就綜合了網格與網點的特征。當然我們也可以定義如下右圖(500%)的斜線網格。
大家會看到我們所定義的掃描線、網點和網格大都是黑色的,那如果有時候需要改變它們的顏色該如何做呢?難道都要用新顏色重新定義圖案?在這里考察一下大家對色彩調整部分的掌握程度:如何將灰度色變?yōu)椴噬?br style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;" />
雖然我們知道了方法,但在這里操作起來會發(fā)現(xiàn)問題:無法對圖案填充層進行色相調整。這是由于這類特殊圖層是無法應用色彩調整的。解決的方法有兩個:
一是將圖案填充層柵格化,即點陣化。方法是【圖層>柵格化>圖層】或在圖層調板中右鍵單擊填充圖層選擇“柵格化”。柵格化后的圖層就可以直接應用各種色彩調整了。這種方法雖然簡單,但弊端也是顯而易見的,那就是失去了特殊圖層靈活的可編輯性。
再就是使用“專屬色彩調整圖層”來改變顏色。如下圖,原先黑色的線條被色相/飽和度調整為了綠色。如果不指定為專屬調整層的話,色相調整就會對之下的背景層也造成影響。“專屬色彩調整層”實際上就是建立剪貼蒙版。
此外,也可以使用純色填充層來改變線條的顏色。相比使用色相調整層來,使用純色填充層在選色上更直觀。將其與圖案層組成將貼蒙版后填充效果就只對圖案層有效。如下圖。
注意使用這種顏色填充方式有一個前提,那就是所使用的圖案必須是背景透明的,這樣顏色填充就只會針對圖案中有像素存在的部分有效。否則顏色填充將充滿整個畫面。
圖案層也可以配合蒙版來使用,如下圖使用了兩個圖案填充層,并用畫筆涂抹蒙版以控制圖案在畫面上的分布。此外,在圖層樣式中使用圖案也是很經常的。
隨手將知識分享給愛學習的小伙伴們吧!
上一篇:UI知識,尺寸對UI設計的影響
下一篇:ps字體加粗的方法