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