圖樣製作更簡單 | 偏移自動動作

5,004

101057

101057

2025年6月8日 - 公告

很遺憾,如果您的CSP語言設定不同,自動動作將會出現故障

我對此真的無能為力,我實際上不明白發生了什麼。

我在筆記型電腦、手機和平板電腦上嘗試過這個自動動作,但我沒有遇到任何問題。

 

如果您遇到問題,希望您可以將您的.clip檔案發送給我,或者錄製螢幕影片並上傳到Youtube(設為不公開),這樣我就可以幫助您找出問題所在。

對於自動動作的問題,我深感抱歉

但就目前的問題而言,請將本文作為圖樣製作的參考。


1. 繪製一個圓形。對齊中心

2. 複製該圓形。如果您想,可以更改顏色。

3. 然後點擊完全偏移自動動作

 

我們剛剛為自己製作了一個點點圖樣

就這麼簡單~!


今天我將討論如何使用我製作的偏移自動動作在Clip Studio Paint中製作無縫圖樣。我還將分享一些常見的圖樣重複方式,這些可以指導您製作圖樣。

 

偏移自動動作的工作方式與Photoshop中的偏移濾鏡相同。

只需一鍵,它將偏移您的設計,讓您在幾秒鐘內創建無縫紋理。

 

————————

 

另外,英語不是我的主要語言,我提前表示歉意。

讓我們開始吧。

 

影片版本在這裡:

此外,這是自動動作的連結,如果您願意,可以跟著操作:

⭐ 製作您的圖樣設計

思考您想要創作的藝術風格。

可愛的藝術風格可以意味著有趣和可愛。細緻的風格可以意味著正式、優雅,甚至是浪漫。

在這個範例中,我選擇了我的最愛早餐,因為它們大多是棕色調,所以我選擇了田園風格(cottage core)作為色彩主題。

 

既然我已經選擇了田園風格作為我的調色板,我將添加花朵和其他適合主題的溫馨細節。

 

免責聲明:這些範例中我將使用的所有筆刷均由我製作。

除了點狀和虛線緞帶,

⭐ 偏移自動動作

在數位藝術和設計中,偏移是指我們將圖像的邊緣移到畫布的對面。

 

圖像的一部分,有時甚至是一半,會移到另一邊。

可以是水平、垂直或同時兩者。

 

這在圖樣創建中非常有幫助,因為我們可以確保圖像,特別是邊緣,是無縫的。

我製作了一個可以實現此偏移濾鏡的自動動作。

自動動作會記錄我為實現某種效果或更改所做的所有步驟。

 

有關自動動作的更多資訊請見此處:

我的偏移自動動作連結在這裡:

下載後,打開您的Clip Studio Paint,然後前往「自動動作」選項卡。

注意:如果您找不到它,請前往「視窗」,尋找「自動動作」。

 

點擊右上角的小按鈕,

新增自動動作集 > 尋找我的偏移濾鏡。

 

現在您就有了自己的偏移濾鏡了。

 

只需點擊您想要偏移的圖層,然後雙擊您想要的偏移自動動作,就完成了。

 

那麼偏移濾鏡有什麼作用呢?

讓我們使用這張圖片:


⭐ 圖層完全偏移 (LayerFullOffset) – 它同時水平和垂直移動圖像。上半部分向下,下半部分向上。右半部分向左,左半部分向右。


圖層上下偏移 (LayerUpDown) – 它垂直移動圖像。下半部分向上,上半部分向下。


圖層左右偏移 (LayerLeftRight) – 它水平移動圖像。圖像的右半部分向左,左半部分向右。


還有資料夾上下偏移 (FolderUpDown)資料夾左右偏移 (FolderLeftRight)

這些是專為資料夾製作的,它們的工作方式與圖層版本相同,但這次您選擇資料夾來偏移。

 

資料夾將被複製,例如;一個資料夾是上半部分,而另一個資料夾是下半部分。

這裡的缺點是您必須自己合併圖層。

 

我無法製作一個能合併所有圖層的指令,因為我不知道您可能有多少個圖層。

 

同樣,它們的工作方式與圖層偏移版本相同。

如果您不想使用資料夾版本,也沒關係。

如果您的設計是分層的,您可以逐層使用圖層版本。

 

‼️ 這個自動動作也適用於任何畫布尺寸,除了畫布像素以奇數結尾的情況。

 

這裡的範例,畫布像素以奇數結尾。

偏移以奇數結尾的畫布會導致中心出現間隙。

 

如果可能,請確保您的畫布像素以偶數結尾。

當您偏移該畫布時,應該不會有間隙。

再次強調,畫布像素以奇數結尾(例如1, 3, 5, 7, 9)將會出錯。

請確保您的畫布像素以偶數結尾(0, 2, 4, 6, 8)。

 

❗ 這個自動動作不適用於向量圖層。 ❗


❗ 補間選擇

這是可選的!

只是個小提醒,您可以更改偏移的補間方式。

 

1. 打開任何圖像或選擇一支筆刷,畫一筆 — 然後按下 CTRL T 進行變形

2. 在工具屬性中,找到補間方法,請根據您的喜好更改那裡的補間方式。

我會選擇任何補間方式,除了硬邊緣。

3. 選擇完成後,點擊「確定」。

 

現在您可以使用您選擇的補間方式進行偏移了。

⭐ 設定您的畫布

選擇一個畫布,最常見的是正方形,但您可以自由選擇最適合您的尺寸。

 

在此範例中,我將使用1000x1000像素,但如果可以,請使用更高的解析度。

 

如果您是為了印刷,可以選擇300 dpi或更高。這個僅用於網路和範例,所以我選擇了200 dpi。

⭐ 製作無縫圖樣

我將向您展示一些基本的常見圖樣重複方式,它們種類繁多,但這些是我非常常用且效果很好的方式。

 

我還將向您展示多種使用我的偏移自動動作製作圖樣的方法。


✨ 隨機/散落圖樣

讓我們快速製作一個無縫圖樣,將您的元素放在畫布上 – 盡可能避開邊緣。

 

確保圖層已選中,前往您的「自動動作」並雙擊「完全偏移 (FULL OFFSET)」

圖像已水平和垂直偏移,然後我們可以添加更多元素。

 

只需雙擊偏移菜單,然後添加元素直到您認為足夠為止

就這樣。我們有了一個簡單的無縫圖樣。

 

要將其轉換為素材,請前往編輯 > 註冊素材 > 圖像。

填寫您的素材詳細資訊,並確保啟用平鋪 (Tiling)。

完成後點擊「確定」。

 

我們剛剛製作的這個是隨機或散落圖樣重複。

隨機圖樣是我們隨機放置圖樣,創造非線性設計。

 

我在製作布料圖樣時使用這種重複方式。

偏移並繪製,重複此動作直到您認為足夠為止。

 


只需放下您的設計或元素,偏移然後設計。

時不時地進行偏移以檢查接縫。


✦ 隨機 - 彩繪岩石

*我強烈建議觀看上面的影片版本,以便查看工作進度。

 

這也適用於創建彩繪圖樣。例如,讓我們製作一些岩石。

準備您的陰影、高光和兩種中間色。

提示:您可以先從中間色開始,然後慢慢添加陰影,或者先從陰影開始,然後慢慢添加中間色。

 

我選擇了中間色,然後慢慢添加了陰影。


首先,用您最淺的中間色為畫布上色,然後使用陰影色勾勒岩石的輪廓。

 

根據需要多次偏移畫布,直到完成岩石的輪廓。


勾勒好輪廓後,開始添加陰影。

 

使用您的第二種中間色(最暗的中間色),我們要做的是為每塊岩石添加輪廓(或實際上是添加陰影)。

使用更粗的筆刷進一步勾勒岩石的形狀。


慢慢地使用您最暗的顏色添加陰影。

時不時地進行偏移以檢查接縫。


添加鬆散、低透明度的陰影顏色以增加一些漸變,使用最淺的顏色也做同樣的事情。

繼續描繪陰影。


上方區域尚未渲染,如果我現在渲染,可能會冒著無法為此創建無縫陰影的風險。

 

所以我只需點擊偏移圖層上下偏移 (LayerUpDown),現在該上方區域已移至中心。

 


🌟 提示!

 

⋆ 使用您習慣的筆刷。

我正在使用基本的Gouache筆刷,並下載了一個FLUPPY軟平油畫筆刷用於陰影。

對於更深的陰影和渲染的高光,我只使用柔和噴槍。

⋆ 始終查看您的導航器,這樣您就可以看到是否有什麼地方看起來不對勁。

 

⋆ 除非必要,盡量不要工作得太近。

 

⋆ 相信過程,不要急躁!

 

⋆ 持續偏移,這樣您就可以檢查您的陰影和高光是否無縫。


另外,在石頭的上方和下方都添加高光,這樣一來,當我們旋轉圖樣時,總會有高光存在。


完成後,請前往編輯 > 點擊註冊素材 > 選擇圖像。

 

為您的素材重新命名,這樣如果放錯地方也能找到它。

將其放入資料夾中。

請務必點擊「平鋪 (TILING)」。


那塊岩石現在將會顯示在您的素材選項卡中。

 

一個可以隨時拖放到畫布上的無縫石頭圖樣。

您可以使用自由變形隨意扭曲它。

🌟 小提示

 

盡量不要添加充當光源的顏色。添加高光是可以的,但請避免添加風景光或環境光。

 

您可以在將素材添加到繪圖並在那裡渲染光照時添加這些光源。

 


✨ 全塊圖樣

最基本的圖樣。

這就是您的實際磁磚。無需偏移任何東西。

您只需將圖樣放置在畫布或磁磚內部,這樣的好處是圖樣將始終是無縫的。

 

它大膽而簡單。


✦ 彩繪磁磚

讓我們製作一個彩繪的全塊圖樣。

 

如果選擇正確的顏色對您來說是個問題,我有一個我這個色盲者非常常用的技巧。

 

讓我們只使用一種顏色來製作磁磚

 

1.      製作一個正方形畫布,並選擇您喜歡的中間色。

2.      拿起您的橡皮擦,擦除磁磚的一些邊緣,使其呈現磨損的外觀。



3.      按住鍵盤上的CTRL鍵,然後點擊圖層的縮圖以建立選區。


4.      接下來,建立一個新的點陣圖層。將其設定為相乘 (multiply)

請務必勾選「剪裁到下方圖層」。將該圖層重新命名為「陰影」。


*請確保您在陰影圖層上!!

 

5.      現在前往編輯 > 框線選取範圍 > 選擇內部描繪。

根據您的喜好更改線條寬度。我在這裡選擇了35。

 

完成後點擊「確定」。


6.      讓我們添加更多效果。

建立一個新的點陣圖層,剪裁到下方圖層

將該新圖層重新命名為漸變。將混合模式設定為相乘 (multiply)。


7.      拿起您的筆刷,開始使用低透明度筆刷在磁磚底部繪製一些鬆散的筆觸。只需繪製一些模仿漸變的筆觸,並使用您的混合筆刷來幫助您。


8.     讓我們添加一些高光。

建立一個新的點陣圖層,剪裁到下方圖層。

將新圖層重新命名為「發光」或「高光」。將混合模式設定為覆蓋 (Overlay)濾色 (Screen)

 


9.      然後拿起您的低透明度筆刷,開始繪製輕柔的筆觸,就像我們在漸變圖層上所做的那樣,但這次是在磁磚的上方。


10.  仍在「發光」圖層上,將您的筆刷透明度更改為100%並製作高光。 最好是在磁磚的上方和下方角落都製作高光,這樣當我們旋轉它時,仍然會有高光。

 

*我在這裡將混合模式更改為「濾色 (Screen)」

 


就這樣,您完成了。如果您想,可以將「發光」圖層的混合模式更改為其他光照模式。

 

同時將畫布的主要背景更改為比陰影更深的顏色。

將所有內容合併到一個新圖層中,然後將該磁磚註冊為素材,請務必啟用平鋪。

 

現在我們只使用一種顏色就製作出了一個磁磚,嚴格來說。

混合模式幫助了我們,但我們從未改變過顏色!


✨ 半落圖樣

半落圖樣是一種設計,其中圖樣的半邊垂直偏移或下移。

 

您可以按照本指南創建半落圖樣..

1. 將您的設計放在每個方塊上

2. 對於右上角和右下角的間隙,將分配給該區域的設計放在單獨的圖層上,將其放在畫布的右中邊緣

3. 點擊偏移自動動作,圖層上下偏移 (LayerUpDown)。

 

就這樣,這就是我們的半落圖樣。


✨ 磚塊圖樣

磚塊圖樣與半落圖樣相同,唯一的區別是我們水平偏移。


例如,讓我們創建兩個矩形。

點擊其中一個矩形,然後選擇左右偏移 (LeftRight offset)

就這樣,這就是為什麼這被稱為磚塊,它看起來幾乎就像磚塊圖樣本身。

 

如果您將其註冊為素材,請啟用平鋪。

這幾乎看起來就像磚塊圖樣本身。


✦ 彩繪磚塊

既然我們在這裡,您也可以使用磚塊圖樣(上面那個)作為我們的指南,製作一個實際的彩繪磚塊。

 

1.      按照我們的指南製作一個矩形。然後拿起您的橡皮擦,開始擦除矩形的一些邊緣,使其呈現磨損的外觀。

 


2.      首先通過勾勒磚塊的形狀來繪製陰影,使用較深的顏色作為您的陰影。


3.      添加一些輕柔的筆觸以創建一些漸變。

同時在這裡渲染一些陰影。


4.      對於高光,創建一個新的點陣圖層,將混合模式設定為「添加發光 (Add Glow)」並開始添加一些高光。

可選:在上方添加一些輕柔的筆觸以創建模仿光線的漸變。


5.      之後複製磚塊。

如果您使用多個圖層,請將圖層放入資料夾並複製該資料夾。

對第二塊磚塊磁磚進行一些調整,使其看起來與第一塊磚塊不同。

6.      完成後,如果您在多個圖層上工作,請將第二個磚塊資料夾合併到一個新圖層中,使其成為單一圖層。

*或者您可以使用資料夾左右偏移。


7.      之後只需點擊左右偏移。


我們完成了。只需進行一些調整以適應磚塊,並將主要背景更改為我們陰影的較深色調。


將其註冊為素材,請務必勾選平鋪 (tiling),就完成了。


✨ 菱形圖樣

菱形重複圖樣是一種創造斜向外觀的圖樣。

 

例如,讓我們將此圖樣變成菱形。


複製圖樣資料夾。

 

確保已選中複製的資料夾,按下鍵盤上的CTRL T

旋轉角度 45

完成後點擊「確定」。


再次按下CTRL T,尋找「調整位置」,將其設定為畫布

現在這已適合我們的畫布。


修正您的圖樣的對齊和旋轉。

 

完成後,右鍵點擊資料夾,將選定圖層合併到新圖層


現在點擊新合併的圖層,點擊「圖層完全偏移 (LayerFullOffset)」

我們完成了,現在我們有了菱形圖樣。


✦ 菱形圖樣 - 花朵

您也可以使用菱形指南製作彩繪圖樣。

 

1.      請製作一個菱形作為您的指南

確保菱形適合正方形畫布 — 或確保它接觸畫布的邊緣。


2.      創建一個對稱尺規

線條數量:2。

在畫布上垂直點擊。


3.      現在前往操作工具 > 物件子工具。

點擊該尺規,然後點擊水平置中和垂直置中

 

或者查看工具屬性。

中心X和Y應該是您畫布一半的值。


4.      現在開始繪製,拿起您最喜歡的筆刷,製作您的設計。

 

我在這裡畫了一些花朵,請務必注意邊緣,盡量不要超出您的指南,否則當我們偏移時,圖樣會互相重疊。

您可以使用液化工具將繪圖推入指南內。


5.      完成後,複製您的圖樣圖層。

請同時刪除尺規。

 

6.      選中複製的圖層後,只需點擊完全偏移。

隱藏菱形指南,我們就完成了。

 

請務必將可見圖層合併到新圖層,以完成我們的圖樣。

 

將其註冊為素材,啟用平鋪。完成後點擊「確定」。

我們剛剛製作了我們的菱形磁磚。

您還可以製作不同形狀的圖樣。

這些圖樣的工作方式與菱形圖樣相似,有扇形(scallop)、尖拱形(ogee),甚至摩洛哥磁磚。


✦ 扇貝圖樣

扇貝圖樣 (Scallop patterns) 也可稱為貝殼 (shell),如果您垂直旋轉它,它也可以是鱗片 (scale)

 

我將教您如何製作扇貝指南,這將確保我們偏移時圖樣是無縫的。

 

要製作扇貝,首先製作一個帶有一條水平和一條垂直參考線的畫布。

確保它們居中。


然後繪製一個圓形

 

按下CTRL T,在工具屬性 > 調整位置下,將其更改為畫布。現在我們的圓形符合整個畫布。


拿起您的選取工具 > 矩形刪除圓形的一半


現在我們只剩下半個圓形,選取它的下半部分。

按下CTRL T > 垂直翻轉水平翻轉

 

完成後點擊「確定」。


現在複製您的圖層。

 

選取該複製圖層並按下CTRL T > 水平翻轉

 

前往您的對齊與分佈,點擊右邊對齊


❗ 請記住!!

設計完成後,將您的設計複製到新圖層 > 然後點擊「圖層完全偏移 (LayerFullOffset)」

 

然後將可見圖層合併到新圖層 > 將其註冊為素材



我不會將尖拱形圖樣(Ogee)放入這篇文章中,否則會太長了。

其過程與菱形和扇貝圖樣非常相似 — 只是形狀不同。

 

但請觀看影片!


✦ 摩洛哥磁磚

1. 繼續使用指南,但這次,再添加兩條參考線

 

2. 由於我們的畫布只有1000像素,因此象限內的這兩條線應該位於250處


3. 現在製作您的中等大小圓形。

我在這裡使用「氣球」工具,而不是常規的「圖形」工具

確保它不會觸及象限內的中心參考線。

將其按水平左邊緣和垂直中心對齊。


4. 現在製作一個正方形,確保它位於象限的中心參考線旁。


5. 完成後,點陣化圖層

您也可以移除白色填充。前往「編輯 > 將亮度轉換為不透明度」

*以移除白色。

6. 拿起您的選取工具,選取我們正在工作的左上象限,點擊刪除選區外部分


7. 接下來拿起您的橡皮擦,擦除我們不需要的部分。


8. 完成後,複製該圖層。

 

9. 然後CTRL T > 水平翻轉和垂直翻轉。

10. 然後將翻轉後的複製圖層移動到該象限的右上角

注意邊緣,確保它位於參考線旁。然後合併這兩個圖層

 

11. 如果兩邊沒有正確對齊,您可以在另一邊繪製一些細節。


12. 複製該四分之一圖層,CTRL T > 水平翻轉。右邊對齊。

13. 將兩者合併,再複製一次。

CTRL T > 垂直翻轉。底部對齊。     


就這樣,這就是我們的摩洛哥磁磚。

您現在可以將其註冊為素材,或者將其作為您設計的指南。


我上面教的是如何製作指南。

該指南將幫助我們在偏移時創建無縫圖樣

 

製作您的設計,然後 > 偏移該設計

現在會出現一個空白區域,您可以放置相同的設計或在空白區域製作一個新的設計。


✨ 幾何圖樣

我們還可以使用偏移自動動作更輕鬆地製作幾何圖樣。

 

1.      使用您的多邊形工具,將邊數設定為6,並關閉消除鋸齒或將其設定為無。

 

2.      在此時製作您的多邊形或六邊形按住Shift鍵使其均勻


3.      複製該六邊形圖層按住鍵盤上的Shift鍵並將該形狀向上拖曳

 

向上拖曳直到您製作出那個正方形。


4.      將這兩個圖層合併

現在按住鍵盤上的CTRL鍵點擊圖層的縮圖,點擊裁切 (CROP)


5.      複製圖層,在選中複製圖層的同時,點擊「圖層完全偏移 (LayerFullOffset)」

就這樣,只需將可見圖層合併到新圖層

 

將其註冊為素材,請務必啟用平鋪 (tiling)

完成後點擊「確定」。

您可以隨心所欲地設計它

或者您可以製作無邊框版本


✦ 無邊框幾何圖樣

這裡您無需偏移任何東西。

 

如果您想製作無邊框幾何圖樣,步驟非常相似,但這次,將六邊形變成填充

 

1.      製作一個只有填充顏色的六邊形。請確保您的消除鋸齒設定為無


*可選;使用色相/飽和度/亮度 [CTRL U],改變亮度或將六邊形更改為較淺的顏色,這在以後會很有幫助。

2.      複製該六邊形圖層,將複製的圖層設定為相乘 (multiply)

將該複製圖層向上拖曳,直到我們製作出那個正方形。


3.      將這兩個圖層合併在一起

按住鍵盤上的CTRL鍵並點擊圖層的縮圖以建立選區,然後點擊裁切 (CROP)


4.      這是可選的,但請在畫布中心製作一個垂直參考線。

將其對齊中心。

製作此參考線是可選的,但這將使我們稍後的選取更容易。

這是可選的,但會讓您稍後的選取更容易。


5.      現在只需為它們上色。

使用您的魔術棒工具選取上方邊緣、中心磁磚和下方邊緣 — 將它們塗成白色或較淺的顏色。


6.      現在使用您的選取工具 > 矩形;選取此圖樣的半邊,按下CTRL T > 垂直翻轉

 

完成後點擊「確定」。


現在我們有了無邊框幾何圖樣。

 

另外,在製作此圖樣時,您的畫布可能會變成奇數,這沒關係。

 

幾何圖樣的步驟在我們偏移時不會顯示任何間隙。


✨ 條紋

最後,讓我們來做一些條紋。

 

條紋是線條的重複圖樣。

這可以是垂直、水平甚至對角的。

 

要製作一個簡單的條紋圖樣,打開一個畫布,它可以是小畫布。

將畫布的一半變成黃色,另一半變成白色。

就這樣。這就是我們的條紋。

將其註冊為素材打開平鋪,我們就有了條紋。

 

我們可以旋轉它使其水平甚至對角。我們可以自由變形它使其變厚或變薄。

您還可以製作鋸齒形或任何您想要的形狀。

 

讓我們嘗試製作裝飾性條紋


✦ 裝飾性條紋

1.      建立一個新畫布,大小不拘。

拿起您的筆刷,開始繪製一些藤蔓。

藤蔓不一定要很長,兩筆就足夠了。

如果您想,可以添加一些花朵。


2.      為了使其無縫,拿起您的選取工具 > 矩形;選取底部的一部分。

 

它可以是圖樣的一半,甚至只是圖樣的¼。

點擊剪下並貼上


3.      剪下的部分將在不同的圖層上,將該部分拖曳到您的圖樣上方按住Shift鍵使其直線移動。


4.      如果您想,可以添加更多細節。

完成後,請將這兩個圖層合併。現在您有一個圖樣了。

 

您現在可以將其註冊為素材,但您可以在這裡看到:

*請查看素材圖像預覽

如果我們繼續平鋪,圖樣會靠得太近。

 

假設您希望每條條紋之間至少有一些距離。

 

取消註冊並返回您的畫布。

再次拿起您的選取工具,確保您在矩形模式下。

選取您的圖樣的左半邊。點擊剪下並貼上


現在點擊剪下的那一半,按住Shift鍵並將其拖曳到畫布的右側

 

您所製作的距離將是條紋的間隙。

請將這兩個圖樣合併,然後再次將其註冊為素材。

現在條紋之間有間隙了。


最終想法

我只用田園風格和麵包主題就成功製作了這麼多圖樣。


這篇教學很長,我為其長度致歉。

這些是我能想到最基本和最常見的圖樣。

 

外面還有很多其他的圖樣重複方式,但這些是我記得最簡單且對初學者友好的。

 

圖樣有助於講述角色甚至環境本身的故事和個性。

我希望大家嘗試圖樣製作。並試試我的偏移自動動作,只需一鍵,它將偏移您的設計,讓您在幾秒鐘內創建無縫圖樣!

 

希望這些能為您提供一些製作圖樣的靈感。

 

感謝您的閱讀~!

留言

最新

最新官方