切換
舊版
前往
大廳
主題

[PS教學] 運用「畫面錯位」繪製無接縫之「四方連續」圖

微微地 | 2013-03-28 18:30:52 | 巴幣 2756 | 人氣 68437

一張圖以無接縫的方式

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

就是所謂的「四方連續

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

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


--

舉個簡單的例子:



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




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




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




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




一張簡單的四方連續圖就完成啦!


--

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

此功能經常會用在製作3D所需的貼圖

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


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



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






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






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

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




調整水平垂直位置
我是把原圖分別移動到四個角落
"未定義區域"點選折回重複(預設)。




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

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




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


--

接著來試試看效果吧
把畫好的圖轉換成圖樣



全選畫面 ( 熱鍵 ctrl+A )






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


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



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




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




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




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




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

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




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




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


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




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

--

接下來就來畫點不一樣的吧
主題是ib與恐怖美術館XD



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




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




將空白處畫滿。

畫比較複雜一點的圖會比較沒把握
所以我會習慣再新增一個圖層來畫
確認完成之後再向下合併。




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




再次畫滿空白處!

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






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






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




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


--

來看看完成後的效果吧





縮小至50%左右




20%

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


--





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




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








加上一點材質也不錯
這個看起來有點像印了圖案的牛皮紙袋






也可試試看不一樣的配色
黑白反轉效果也不錯。




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

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

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



--

最後....



完成品有興趣請按此



--

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

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

哈啦板進板圖製作:一些效果&製作過程分享

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

創作回應

村松
XDD有些畫畫教學的惡搞常常都說:教你如何畫OO
結果途中的教學過程刻意省略很多步驟~讓人有看和沒看是一樣的XDD
只是很高興有這麼詳細的教學^ ^
2015-02-03 23:43:56
微微地
這篇要講的東西比較多,才想說就盡量寫仔細一點
有時候寫教學文我也是會偷懶的XD...
總之謝謝啦!
2015-02-08 12:32:47
絕零
這種事我都是直接裁圖做的說
畢竟小牙籤不懂這麼多功能@w@

感謝大宗師開班授課
小牙籤受益良多<(_ _)>
2015-03-24 11:01:10
微微地
不敢不敢..
希望這篇對你有幫助喔XD!
2015-04-12 00:06:13
腹黑米奇
請問,一開始畫圖的時候背景要弄成透明的讓線條變成有去背的狀態嗎,我畫好之後發現有白底不是很好去掉呢...
2017-09-09 15:41:36
as6914692
好感謝呦!終於會了感動
2022-08-31 16:44:38
as6914692
可以借分享嗎?
2022-08-31 16:45:38

更多創作