ETH官方钱包

切換
舊版
前往
大廳
主題

[PS教學(xué)] 運(yùn)用「畫面錯位」繪製無接縫之「四方連續(xù)」圖

微微地 | 2013-03-28 18:30:52 | 巴幣 2968 | 人氣 69730

一張圖以無接縫的方式

不斷的朝上下左右四方重複延伸

就是所謂的「四方連續(xù)

在photoshop中有個很方便的濾鏡叫做「畫面錯位

用來製作四方連續(xù)圖是再適合不過。


--

舉個簡單的例子:



例如把上圖做成無接縫的背景素材




使用畫面錯位濾鏡後
即可將原圖樣移動至四個角落
簡單花樣的範(fàn)圍並不大
因此圖片尺寸不需要太大張




為了不讓中間有太大的空白
就在中央再放上一個圖樣
無接縫素材就這樣完成了




向左、向右、向上、向下.....無限延伸




一張簡單的四方連續(xù)圖就完成啦!


--

畫面錯位這個濾鏡只要是有在玩PS的玩家一定不陌生

此功能經(jīng)常會用在製作3D所需的貼圖

或者是網(wǎng)頁背景....等等需要用到無接縫素材的地方。


今天來分享一個比較不一樣的使用方式



就如標(biāo)題所寫
直接以"繪製"的方式來製作。
(其實(shí)標(biāo)題兩個「」中的"繪製"才是重點(diǎn)....)






總而言之先畫一張圖
尺寸隨意高興就好
盡量畫到整張滿版但不要超出範(fàn)圍
(還是畫了張莫名其妙圖XD)






選取準(zhǔn)備要移動畫面的圖層
並且按下 濾鏡其他畫面錯位

濾鏡一次只能編輯一個圖層
所以記得只要是用到畫面錯位的步驟都必須在同一圖層中進(jìn)行。




調(diào)整水平垂直位置
我是把原圖分別移動到四個角落
"未定義區(qū)域"點(diǎn)選折回重複(預(yù)設(shè))。




雖然說原圖已經(jīng)畫到滿
但錯位移動後原圖"邊緣"與"邊緣"相接觸的部分沒辦法顧及到
所以在中央才會出現(xiàn)許多空白處

這時就是發(fā)揮畫面錯位濾鏡的長處
也是四方連續(xù)最好玩的地方。




直接將空白處畫到滿
看起來充實(shí)許多
四方連續(xù)素材就這樣完成囉。


--

接著來試試看效果吧
把畫好的圖轉(zhuǎn)換成圖樣



全選畫面 ( 熱鍵 ctrl+A )






按下編輯中的「定義圖樣」
名稱隨意只要認(rèn)得出來就行。


「定義圖樣」
有個特性在這邊特別提一下



只要是在檔案畫面中看得到的東西
都可以直接將它定義成圖樣
這個部分就不一定都要在同個圖層中完成
因此在畫完四方連續(xù)圖案後
要填上怎樣的背景色
或者是中間還要穿插怎樣的圖層都沒問題。




接著新增一個填滿顏色的圖層,顏色隨便
並點(diǎn)選該圖層後按下下方的"fx"(新增圖層樣式)
選擇「圖樣覆蓋




進(jìn)入圖層樣式選單中的圖樣覆蓋樣式選項
會看到剛才定義成圖樣的"四方連續(xù)01"追加在最下方。




選好剛畫好的圖
尺寸縮小至50%左右
畢竟圖太大會看不出效果。




差不多就是這樣囉
看起來好像很熱鬧的樣子

比照製作小屋佈景編輯背景圖片來舉例的話
圖樣覆蓋的效果就如同"重複"選單中的"填滿整頁"一樣
會自動將圖樣以無接縫的方式無限延伸。




放到小屋背景就像這種感覺
當(dāng)然黑白對比色看久可能會眼花...
雖然我自己很喜歡




換個配色就好多啦
這種四方連續(xù)圖樣最適合拿來做背景
或是印出來做成筆記本封面
甚至是弄成壁貼效果應(yīng)該都都很不錯XD。


差不多就是這麼回事
步驟非常簡單
只需要一邊用濾鏡再一邊畫圖就行
自己是覺得很有意思。




上面算是簡單的畫法
當(dāng)然也可以把內(nèi)容搞得再複雜一點(diǎn)
亂中有序的四方連續(xù)感覺也是很不錯的(?)

--

接下來就來畫點(diǎn)不一樣的吧
主題是ib與恐怖美術(shù)館XD



我刻意留了一些空白處
等等會在用畫面錯位的方式來補(bǔ)上
因此構(gòu)圖方面暫時看起來有些空洞。




開啟畫面錯位濾鏡
將畫面往下移動
一樣把原圖的"邊緣"移到中央。




將空白處畫滿。

畫比較複雜一點(diǎn)的圖會比較沒把握
所以我會習(xí)慣再新增一個圖層來畫
確認(rèn)完成之後再向下合併。




接著再把左右兩側(cè)的邊緣處移到中央。




再次畫滿空白處!

恐怖美術(shù)館裡頭很多東西可以拿來畫阿XD
特別喜歡那張藍(lán)色笑臉w






錯位、畫、錯位、畫....
一直重複這個動作畫到滿意為止。






差不多就是要這種感覺
畫好之後再把三位主角移回畫面中央吧。
(實(shí)際上回不回中央都無所謂,單純好看)




再次定義圖樣
ib的四方連續(xù)素材就此完成!


--

來看看完成後的效果吧





縮小至50%左右




20%

建議是縮到30%~50%之間就行了XD
太小真的會眼花。


--





我在上面有提到過定義圖樣的特性
畫面中所呈現(xiàn)的任何樣式外觀皆可直接定義成圖樣
因此只要把背景圖層給關(guān)掉
定義出來的就會是無背景的透明圖樣




方便往後可隨意修改背景配色與樣式。








加上一點(diǎn)材質(zhì)也不錯
這個看起來有點(diǎn)像印了圖案的牛皮紙袋






也可試試看不一樣的配色
黑白反轉(zhuǎn)效果也不錯。




  前陣子發(fā)的那篇手繪帆布鞋也差不多是這種風(fēng)格;該怎麼說...,個人就是很喜歡這種密密麻麻,看似複雜又亂中有序的感覺,每次畫完後的成就感真的很棒啊XD。

  其實(shí)這篇比較接近繪圖過程分享才對(?),畢竟基本的PS步驟也只有簡單兩三個,其餘就是畫圖畫圖畫圖....;是個人最近電繪常在玩的一個小東西,用來製作小屋背景素材,或者是印出來做成包裝、紙袋、筆記本封面之類的應(yīng)該都不錯;真的還很有意思,分享給各位!

以上是這次的教學(xué)文(?)
感謝各位的觀賞!



--

最後....



完成品有興趣請按此



--

之前發(fā)過的幾篇,有興趣的朋友可以看看。

[PS教學(xué)] 運(yùn)用「圖層樣式」簡單製作小屋按鈕效果
[繪圖] 手繪帆布鞋 (N年前的作品...

哈啦板進(jìn)板圖製作:一些效果&製作過程分享

哈啦板進(jìn)板圖製作#2:簡單外框&一些效果 製作過程分享

創(chuàng)作回應(yīng)

絕零
這種事我都是直接裁圖做的說
畢竟小牙籤不懂這麼多功能@w@

感謝大宗師開班授課
小牙籤受益良多<(_ _)>
2015-03-24 11:01:10
微微地
不敢不敢..
希望這篇對你有幫助喔XD!
2015-04-12 00:06:13
腹黑米奇
請問,一開始畫圖的時候背景要弄成透明的讓線條變成有去背的狀態(tài)嗎,我畫好之後發(fā)現(xiàn)有白底不是很好去掉呢...
2017-09-09 15:41:36
as6914692
好感謝呦!終於會了感動
2022-08-31 16:44:38
as6914692
可以借分享嗎?
2022-08-31 16:45:38
Dorachiang
感謝教學(xué),需要一塊絕版的布樣,買不到正需要這樣自己畫來印,太感謝了!
2024-06-02 23:49:13

相關(guān)創(chuàng)作

更多創(chuàng)作