來製作郵戳風格的浮水印吧!

117

CHYEE

CHYEE

《來製作郵戳風格的浮水印吧!》

這次的主題是創作出符合插圖風格的浮水印設計。

 

一直以來,我都在思考怎麼樣的浮水印設計能同時使用於不同風格的插畫上。

最近,我從日本地區中「蓋印章=簽名」的「印章文化」獲得靈感,想要設計一個屬於自己的印章來用作浮水印。但由於浮水印中想包括的資料比一般日式印章的多,所以這次我想嘗試以郵戳風格來設計看看。

 

以下我將詳細講解各個步驟,歡迎您跟著一起試試看!

【不同郵戳的設計】

雖然在示範圖中,我選擇了以最傳統的「圓形」郵戳,但實際上您還有更多的選擇!這部份將會簡單的說明常見郵戳的形狀,您在設計時可以組合不同的元素來創造屬於自己的浮水印!

 

我把一般郵戳設計分拆成三個部份:

 

1. 基本形狀

最常見的是圓形。此外,橢圓形、多邊形(如方形、菱形、六角形等)也是常見的形狀。可以進一步加上粗幼不同的雙線或填色作變化。還有複合形,例如圓形加長方形等。

 

2. 圖示

通常是一些簡單的圖案,例如圓點、星形、平行線等。亦有一些常常被添加的圖形,例如波浪平行線等。您可以加入自己喜歡的圖形,主要是外形要比較簡單,沒有很複雜的線條。

 

3. 文字(將在之後的部份進一步講解)


1.【決定浮水印中包含的字樣】

我們開始吧!

 

首先,請決定浮水印上包括什麼字樣。字詞跟圖像的數量將會成反比。

您亦可以先決定內容,之後在起稿時再根據構圖而改變字句的寫法(為了改變字句的長短)。

 

以下是一些浮水印中常見的字詞例子,可作參考:

  • 個人筆名

  • 個人SNS帳號或網站資料

  • 繪畫年份

  • 「請勿轉載」

  • 「禁止AI學習」

  • 「委託」

  • 「範例」

  • 其他…


2. 【起稿、準備工作】

在新建立檔案後,請先用畫筆自由地起稿。

 

由於我們之後會使用向量圖層來完成,而向量圖層在操作上對於不熟練的創作者來說,操作不是很直觀。所以我會建議先自由繪畫出設計作為藍圖,再依照藍圖創建出浮水印檔案。

檔案大小方面,雖然理論上向量圖層是即使放大也不會失真,但因為依照個人設計的不同而有機會會使用到點陣圖層。為了不讓點陣圖被放大時失真,所以我會建議還是建立一個A4大小、300dpi的檔案以作開始。

背景知識補充】雖然對本篇文章的實際操作沒有很大的影響,但如果是對有關「點陣」及「向量」的分別有興趣的讀者,可以參考以下官方講解:


在正式開始前,請先打開柵格功能

 

🔧做法

軟件頂部功能列→檢視→柵格(同一位置打開或關閉)

打開柵格後,在之後的繪製過程中,您會發現某些筆刷和工具在使用時會偏移。這是因為工具屬性設定成「可以對齊」。您可按照自己的需要在筆刷或工具的屬性欄中打開或關閉它。

 

我會建議在創製過程中把這功能保持打開的狀態。

 

如果需要自由描繪時,則請把它關閉,否則就會變成下圖的樣子:


3. 【繪畫浮水印外形】

讓我們正式開始吧!

以下示範將會基於這幅草稿來創作:


✧向量圖層的基本用法

🔧新增向量圖層方法

在圖層面版上點擊以下圖示:

🔧繪畫基本圓形

選取圓形圖形工具→ 選擇黑色→ 設定工具為「從中間開始」→ 在畫面上拉出一個圓形。

🔧繪畫正圓形方法

方法①:繪製時同時按著【Shift鍵】。

方法②:繪製前設定「指定長寬」、「指定比例」,數值為1:1。

(如果您找不到這個設定,可以點擊右下的扳手圖示再尋找。)

 

 


💡TIPS——如何看起來更具郵戳的風格?

使用不同粗幼度的同心圓能組合出更具郵戳風格的設計!

除了在繪製圓形時就設定不同的筆刷尺寸,您還可以利用向量圖層的功能來調整。

 

 

✧調整圖形的線寬、位置

🔧改變線寬——做法

使用「物件」選擇工具→ 選取畫面上的圖形→ 在工具面版上改變筆刷尺寸。

🔧改變圖形位置——做法

使用「物件」選擇工具→ 選取畫面上的圖形→ 拖拉藍色邊框。

  • 拖拉時請同時按著【Shift鍵】(保持圖形比例)及【Alt鍵】(保持從中心位置開始變形)。

  • 操作次序為:點擊藍點(並保持)→【Shift鍵】+【Alt鍵】→拖拉。


✧利用圖形工具來獲得設計

接下來是製作外框的圓點。

 

🔧製作外框圓點——做法

使用「物件」選擇工具→ 選取畫面上的圖形→ 在工具面版上改變筆刷形狀成「點狀形」

🔧調整外框圓點

  • 調整圓點大小:增加或減小「筆刷尺寸」。

  • 調整圓點位置:調整「筆刷」面版上的「間隔」數值。


✧製作同心圖形①——使用柵欄功能

然後來到如何讓圖形們的中心位置一致的部份了。

 

從一開始,我們就已經打開柵欄,並把圖形工具設定成「從中間開始」以及「可以對齊」。

所以只要您在繪製圖形時,從同一個位置開始,圖形們就會是「同心」的了。

✧製作同心圖形②——使用對齊功能

雖然我們以柵格作輔助畫出了多個圓形,可是在調整時仍有機會發生不小心移位的情況。這時候可以利用「對齊」功能來確保它們的位置仍是同心的。

 

🔧做法

使用物件選擇功能→ 選取畫面上的所有物件(選取時請同時按著【Shift鍵】)→ 在「對齊」面版上點擊以下兩個圖示。

 

*「對齊」面版可以在軟件頂部「視窗」中打開。


✧製作波浪平行線

在草圖中,我加入了一段波浪平行線來模擬郵戳的設計。

以下將來說明怎樣用向量圖層來繪製出來。

 

🔧做法

1. 選擇「連續曲線」工具,在畫面上被標起來的點*上點擊。在最後的位置上,不需要點擊,而是把滑鼠移到該位置後直接按 【Enter鍵】。

 

*利用柵欄,在固定的位置標上相關的參考點。例如下圖的示範中,是橫向每兩格一點;縱向每一格或兩格一點。曲線的開始和結束點也可以是波浪高低的中間點。

2. 將曲線放在另一個向量圖層的話,可以直接以「自由變形」功能調整形狀、旋轉等。

3. 複製曲線並垂直移動至下方。

方法①:複製圖層。選擇被複製的圖層以移動圖層工具向下拉。

方法②:選取物件後按 Ctrl+C,再按Ctrl+V。把它以滑鼠向下拉。

4. 選取所有波浪線 → 在「對齊」面版上點擊以下圖示。

5. 調整線條粗幼。我把最上及最下的線條調整成比較粗的樣子。

(因為覺得多幾條平行線的話會比較漂亮,也順便重覆了上面的步驟而獲得了第五和第六條線)

6. 如果希望線條的開端和尾部不是弧形,可以以物件選擇線條後,在「筆刷前端」中,「厚度」調整成「1」。

水平的線,套用方向為「水平」;垂直的線,套用方向為「垂直」。


4. 【加入文字】

💭字體選擇

  • 建議不要使用太幼的字體,因為印章本來就不能做到太細緻的線條。

  • 如果是使用筆劃較複雜的文字(例如繁體中文或日文漢字),由於文字不能過細,請確保在設計上預留足夠位置給文字部份。

  • 使用字體前,請確認該字體的授權是否能讓您個人使用或商業使用。

🔧會使用到的功能示範

  • 字距調整

  • 對齊功能/均勻對齊功能

📝TIPS

  • 一行文字新建一個文字圖層會更方便於調整位置。

  • 選擇字體時,可以在輪入文字後選取字體圖層,把滑鼠移到字體上(不需要左鍵),使用滾輪上下移動來達到快速檢視效果喔!

背景知識補充

如果是從來沒有用過文字工具的讀者,可以參考以下官方文字工具教學:


✧加入圓形文字①

圓形文字功能為Clip Studio Paint Ver 3.0 後加入的新功能。我們來試試把文字打進浮水印設計吧!

 

🔧做法

1. 選取「圓形文字」功能→ 在畫布上輕點一下,文字框就會出現。

2. 利用框上的控製點來調整大小,然後 輸入文字。

3. 利用旋轉文字框來控製文字位置。

4. 使用物件選取功能,調整文字顯示開始點及結束點,以顯示全部文字。

5. 設定成「均勻配置」。

6. 調整文字大小及字距,讓文字形成一個圓形。

7. 使用上面提及的對齊功能,選擇同時文字及圖形圖層,令文字及圖形的中心位置統一。


✧加入圓形文字②

雖然現在看起來不錯,可是要讀懂圖形文字的下半部份還是有點困難。所以我決定對此作出調整。

 

🔧做法

1. 複製該圖形文字圖層。

2. 把新的圖層的文字配置方向改成「逆時針」。

3. 同時按著【Shift鍵】及【Alt鍵】,把新的圓形文字框拉大到合適位置。

4. 隱藏原本的文字圖層。

5. 調整新文字圖層的文字位置及間距。(請保持字體大小一致)

6. 建立圖層蒙版,把上半部份的文字用橡皮擦擦掉。

7. 顯示原有文字圖層,建立圖層蒙版,把下半部份的文字用橡皮擦擦掉。

完成加入文字!

5.【文字工具的其他用法】

✧使用文字工具來獲得放射形設計

加入文字後,來製作中間的圖案吧!

 

這次設計中的集中線圖形,除了使用現成素材和放射線特殊尺規繪畫外,我將提供一個使用文字工具才獲得圖案!

 

🔧做法

1. 新增一個圓形文字圖層。

2. 輸入多個「i」字直到填滿圓形。

3. 調整文字大小、字距等設定,開啟「均勻配置」。

4. 除此之外,還可以改變設定,例如斜體(Italic)、水平及垂直比例、順時針或逆時針的配置等來切合自己的需要。

5. 其他文字符號例如「*」、「-」、「]」也可以一試!

 

好處

  • 方便直觀,只要懂得使用文字工具就能輕鬆掌握。

  • 不需要額外花時間尋找素材。

  • 即使放大也不會劣化,不需要因素材的解像度不足而煩惱。

🆖短處

  • 文字符號選擇有限。

  • 有時挑選字體也會不知不覺地花了很多時間。

  • 不能製作相連著的圖案(見下圖補充)。

 

 


✧使用文字工具來獲得圖形

除了放射圖案外,我們亦可以利用文字工具來獲得其他圖形。

 

🔧做法

1. 新增一個普通文字圖層。

2. 在文字工具屬性面板裡,點擊「文字一覽」。

3. 視乎您選擇的字體,會出現各種可支援的符號。

4. 「©」、「®」等能在「拉丁文補充」找到;其他符號如「★」、「☆」則可以在「幾何圖形」找到。

 

好處

  • 不需要額外搜索「©」等符號。

  • 即使放大也不會劣化。

🆖短處

  • 各字體支援的符號數量差異很大。

  • 文字一覽很長,要花時間尋找合適的符號。

在加入星星圖案後,設計就差不多完成了。

接下來將說明一些補充步驟。

6.【加入圖案】

如果想加入的圖案不能以文字工具輸入,那該怎樣辦呢?這部份將講解其他加入圖案的步驟。

✧繪製直線向量圖形

🔧做法

1. 新增一個向量圖層。

2. 選擇「折線」工具。

3. 關閉柵欄或關閉工具的對齊功能。

4. 依照草稿描繪。

5. 最後一筆請確定鼠標上有個「o」形狀,以連結向量路徑。


✧繪製曲線向量圖形

🔧做法

1. 新增一個向量圖層。

2. 選擇「萬能筆」或其他不含筆壓設定的筆刷。

3. 關閉柵欄或關閉工具的對齊功能。

4. 依照草稿描繪。

5. 可按照需要,加入對稱尺規或其他特殊尺規予以輔助。

6. 亦可以以組合不同圖形的方法來獲得圖案,例如下圖的兔子頭部是以圖形工具繪製的。


✧為圖形填色

然而,截至CSP Ver3.0為止,向量圖層並不支援填色功能。所以我們需要另外新增一個點陣圖層作為填色之用。但是,不用擔心,由於圖形的外框是向量路徑,所以在放大設計時,仍然不會劣化導致鋸齒形的圖像出現。

 

🔧做法

1. 於向量圖形圖層的下方新增一個點陣圖層。

2. 將圖形圖層設定成「參照圖層」。

3. 選擇「圍住塗抹」工具。

4. 設定「縮放區域」為「-1」、「多圖層參照」設定則點選第二個圖示。

5. 在點陣圖層上圍住圖形,完成。


✧畫上反白形狀、最後對齊檢查

您亦可以依照設計需要,為圖形加入白色線條。

除了把顏色設定成白色外,其他步驟與上面無異。

 

最後,可以再檢查圖案是否置中:

 

🔧做法

將兔子的相關圖層放在同一圖層資料夾(可同時選擇圖層後按Ctrl+G)→ 一同選取文字圖層及圖形外框的向量圖層→ 使用對齊功能。

獲得兔子圖案!

7.【印紋加工】

來作最後的加工吧!

為了讓浮水印更像印章,我加入了一些白點來模擬墨水不足的情況。

 

🔧做法

1. 把現有的圖層放進同一資料夾。

2. 在資料夾上方新增一個點陣圖層,並「用下一個圖層剪裁」。

3. 使用以下的筆刷塗上白色的污點。

4. 視情況可以擦掉過多的白點。

8.【輸出】

完成!接下來我們可以輸出圖檔了。

 

🔧做法

1. 隱藏紙張圖層。

2. 右鍵任一圖層,點選【組合顯示圖層的複製】。

3. 點選【編輯】→ 【將輝度變成透明度】。

4. 選取新圖層(同時按著【Ctrl鍵】點擊圖層縮圖)。

5. 點擊【使畫布尺寸符合選擇範圍】。

6. 隱藏原本的向量圖層。

7. 另存新檔為png,完成。


結語

在獲得png圖檔後,您就可以在完成其他插圖後,把浮水印加進去!

 

此外,CSP亦有在寫出檔案時添加浮水印的功能,請參考以下官方教學:


謝謝您讀到這裡!

對於這個教學,您覺得如何呢?

歡迎留言讓我知道!希望這個教學對您有幫助。

留言

最新

最新官方