《來製作郵戳風格的浮水印吧！》
這次的主題是創作出符合插圖風格的浮水印設計。
一直以來，我都在思考怎麼樣的浮水印設計能同時使用於不同風格的插畫上。
最近，我從日本地區中「蓋印章=簽名」的「印章文化」獲得靈感，想要設計一個屬於自己的印章來用作浮水印。但由於浮水印中想包括的資料比一般日式印章的多，所以這次我想嘗試以郵戳風格來設計看看。
以下我將詳細講解各個步驟，歡迎您跟著一起試試看！
【不同郵戳的設計】
雖然在示範圖中，我選擇了以最傳統的「圓形」郵戳，但實際上您還有很多其他的選擇！這部份將會簡單的說明常見郵戳的形狀，您在設計時可以組合不同的元素來創造屬於自己的浮水印！
我把一般郵戳設計分拆成三個部份：
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亦有在寫出檔案時添加浮水印的功能，請參考以下官方教學：
謝謝您讀到這裡！
對於這個教學，您覺得如何呢？
歡迎留言讓我知道！希望這個教學對您有幫助。
Users who liked this post
Comment