《使用CSP設計生日卡片：活用素材及文字設計》

這次的主題是「生日卡片的製作方法」。

 

說實話，雖然CSP的文字處理功能仍有相當大的進步空間，但它的強大素材庫且自由的繪畫、後製功能，足以讓我選擇這個軟件去設計生日卡片！

 

在這篇文章裡，我將介紹如何使用素材設計生日卡片。在最後的部份我會集中推薦各種的素材，這會同時包含了免費和收費的素材。

在示範圖中，則會完全使用免費素材。歡迎您跟著步驟一起試試看，製作出自己喜歡的設計吧！

 

**TIPS: 由於本文說明的部份較長，尤其是文字設計部份中有提供幾種做法，請善用目錄功能以方便閱讀！

【卡片上各部份的簡介】

首先，這裡將簡單說明卡片中不同的部件。

 

• 1.文字：如「HappyBirthday(toyou)」等

• 2.文字框(TextHolder)：用來放置文字的框框

• 3.角色/主題：可以放置不同角色作為卡片的主題。例如，生日主角喜歡的動物、喜歡的動漫人物、甚至是他本人的相片！

• 4.裝飾：通常在生日卡上會用到的裝飾，例如，生日蛋糕、甜點、花朵、氣球、彩帶、彩色紙屑、蠟燭、禮物等。

這些都是為了讓初學者能容易掌握而劃分的，並不是一成不變的設計。你隨時可以根據自己的喜好而有所增減。

有時候也可以不以「角色」為主題，而只加入裝飾物，例如以一個很大的生日蛋糕作為畫面的主題等。這完全是可以自由決定的事情！

 

接下來，讓我們正式開始吧！

【步驟說明】

1. 設定卡片大小（圖像檔案大小）

首先，這張生日卡片是在線上發布，還是會打印出來？

這兩個目的對文件設定的要求有所不同，你可以在【新建檔案】後設定。

 

• 打印：解像度300dpi或以上

• 線上發布：解像度72dpi或以上

至於圖像比例，一般來說生日卡片的設計會較自由，所以選擇自己喜歡的就可以了。

在新建檔案時你可以設定「單位」後再輸入數值。

 

仍然不知道要怎樣決定？先在「寬度」右邊，選擇「B5」、「A5」或「明信片」的默認設定就好！你可以之後隨時在【編輯】>【變更畫布尺寸】去改變圖像大小。

**TIPS: 如果需要把卡片打印出來，一般來說，只是「個人用」的話，就不需要其他設定了。

但如果您想進行一些專業設定，例如設定更準確的打印顏色和設定裁切位置的話，請務必在Clip Studio Tips 裡搜索「打印」，以了解有關「CMYK色彩模式」、「出血」、「裁切」、適合打印的檔案類型等資訊。

 

另外，如果需要打印出來然後摺成對折的卡片的話，也需要注意只在畫面一半位置加入圖像。至於是在上半部/下半部/左半部/右半部，則是視乎你的卡面是如何對摺而定。

 

 

---

2. 挑選喜歡的文字框

然後，來製作喜歡的文字框框吧！

這裡將提供兩種方法以供參考。

 

 

✧2a. 使用CSP 預設的圖像工具

首先介紹CSP預設的圖像工具。

你可以使用這些工具來繪製簡單形狀，如長方形、圓角長方形（如圖示）、多邊形、圓形等。

---

✧2b. 使用素材

嫌上面的圖形過於簡單？沒問題，到素材庫裡尋找吧！

 

在CSP素材庫中輸入「Frame」，並於詳細設定選擇「圖像素材」以縮窄搜尋結果。

（您亦可以據要求而設定尋找素材的價格）

由於搜尋結果有點多，我通常會用「人氣」作排列。

（並不是說多人下載的素材就一定比少下載數的素材好，但當素材量太多而同時自己能花在搜尋的時間有限時，就只能如此取捨。）

 

另外，您亦可以輸入一些設計元素作為關鍵字，例如「Ribbon」、「Flower」等，進一步縮窄範圍。

這次我使用了這個免費的草莓框架素材，非常可愛！

 

素材庫中還有很多其他漂亮的框架素材可供選擇，我會在最後的部份集中推薦。

下載素材後，可以素材庫在「Download」裡找到它們。

 

圖像素材可以直接把它拉到畫面上使用。

然後，可使用自由變形功能（Crtl+T）來調整圖像至合適的大小和位置。

---

3. 加入文字

加入文字的方法有好幾種，這裡將詳細介紹其中四種不同的做法。

 

如果想先集中處理圖像部份，不妨先跳過此部份而直接到下一個標題，最後才回來挑選看看哪種做法最適合自己設計的生日卡片。

---

✧3a. 簡單加入文字：CSP預設文字功能

CSP預設的文字功能，在左邊的工具列選擇「文字」後，可直接輸入文字。

在ver3.0或以上的版本，更有「圓形文字」工具可選擇。

在工具設定中，可設定文字大小、字體、對齊方法等。

如果在視窗上找不到的話，可以按右下的扳手圖案選擇。

**TIPS: 在決定使用哪款字體時有困難？

可以在選取了字體圖層時，把滑鼠移到字體上（不需要左鍵），使用滾輪上下移動來快速改變字體！

亦可以只選取某字母再調整個別字體大小。

如果需要把字詞旋轉至不同角度，則需要分開圖層個別編輯。

在選取文字圖層後，把滑鼠移向選取框的角落，在滑鼠圖示變成旋轉圖示後，就可以輕鬆旋轉文字。

亦可加入對方歲數等。

 

完成！

---

✧3b. 製作繞排文字：利用筆刷工具

雖然CSP的文字工具暫時還沒有文字繞排的功能，但我們可以利用自製筆刷工具來達到類似的效果。

 

首先，我預備了一個已經設定好的筆刷供下載：

裡面的文字都是本人手寫的。

您亦可以在筆刷設定裡將這些文字替換成自己手寫、或是已下載可供免費使用的字體。

 

安裝筆刷後，在工具設定中的「筆刷前端」，可按下圖的圖示更換字母：

注意需先把所需的字母圖像登記成素材，這樣才能供選擇。

登記的方法請參考以下官方教學中【2】和【3】部份。

**TIPS: 如果希望筆刷能以描繪色使用，請記緊把登記素材的圖層的顯示顏色設定成「灰色」。

在獲得滿意的字母後，您就可以隨意的使用筆刷畫出繞排的文字了！

如果想繪製出特定形狀，亦可使用尺規輔助。

 

在建立尺規工具選擇適用的尺規，文字繞排通常會用到「直線尺規」、「曲線尺規」或「圖形尺規」，然後就可以畫出自己想要的形狀。

完成！

---

✧3c. 製作特別字型：利用向量圖層

另一個方法，是活用CSP向量圖層不會讓圖形降低品質的性質，讓用家可以對字型進行個別微調。

 

首先，在以文字工具輸入需要字體後，右鍵圖層，按【圖層轉換】。

選擇種類為「向量圖層」，並按下「向量設定」。

在向量設定中，可控制線寬。另外，建議不要選取「全部以黑色輸出」，消除鋸齒則選擇「弱」或以上。

這樣會得出以下結果：

選擇向量用的「線修正」工具，在「控制點」裡選擇「移動控制點」。

然後滑鼠移身文字時，會出現向量線和控制點。移動控制點則可以改變字體形狀。

使用「向量線捏手」則可以較大範圍地快速改變線條形狀。

（使用上類似「歪斜」，在畫面上直接拉就可以）

如果想改變線條顏色，則使用「物件選取工具」，在點選向量線條後，在工具視窗中調整。可以調整顏色、線條粗幼、筆刷等。

如果想放大某些字母，可以以「物件選取工具」，在工具視窗中選擇「變形方法」為「放大、縮小、旋轉」。然後選擇點選向量線條（按著「shift」來點選的話則可以同時選取多線條），就會出現變形框。滑鼠移身框上的控制點時就可以進行調整。

 

**TIPS: 直接按“Ctrl+T”的話只能同時改變整個圖層上所有的線條。所以請務必使用物件選取工具來進行個別線條變形。

在向量化的過程，可能會產生出顫抖的線條，這是因為線條上有太多的控制點。我們可以使用「向量線簡單化」來改善這種狀況。

 

使用時，建議使用細筆刷，不然線條的變化會過大。

這樣就完成了風格化的文字了！

---

✧3d. 手寫文字

仍然選擇不到合意的字型嗎？沒關係！使用筆刷手寫文字一樣很棒！

這裡介紹兩個專為寫字而設的筆刷：

使用範例：

**TIPS: 在這裡亦可使用向量圖層作手寫文字，方便使用向量控制工具來微調筆劃。

 

 

---

文字設計先到這裡。

我選擇了《3a》中使用文字工具輸入文字並調整了個別字母的大小和角度。

 

另外，我習慣放入大部份設計元素後，最後才調整文字的顏色。

因為文字的顏色使用非常自由，這樣就可以配合其他物件（如不能更改顏色的草莓等），調和整體畫面的用色。

（文字顏色風格調整的部份將在下面的【第6步】介紹。）

 

 

---

4. 加入主要設計

除了文字框上的草莓，我還想加入可愛的動物作為卡片的主題。

 

所以，我在CSP素材庫裡搜尋了「貓」，然後就找到這個可愛的貓咪筆刷了！

由於這個素材是「筆刷」，所以使用前需要安裝到筆刷工具。

方法很簡單，只要在素材庫把它拉到筆刷工具視窗就可以了。

由於筆刷屬性會連續畫出貓咪，但我想在設計上更靈活地把貓咪們放在不同的位置。所以，我會先新增一個圖層，預先繪畫出各個貓咪的圖像，再圈選出想要的貓咪放進去。

（如果畫布不夠大，也可以新增一個新畫布，在上面預先畫出各種貓咪）

 

**TIPS: 如果貓咪們因手繪畫出而受影響變形，可以在畫布上點一下後，再按著「shift」來畫出直線。這樣貓咪們就不會變形了！

使用套索工具選取貓咪後進行複製：

放進卡片並調整位置：

**TIPS: 略為疊上的圖像可以使貓咪們更有交流感和令畫面更具整體感。

在分別複製貼上貓咪時就已經分成不同的圖層，能透過調整圖層次序來控制上下關係，不需要在此階段急著把圖層合併。

---

5. 加入裝飾

接著，來加入其他裝飾素材以豐富畫面！

 

 

---

✧5a. 加入底色/圖案

首先，我填滿了文字框的底色。

於文字框圖層的下面新增一個圖層，然後同時選取這兩個圖層，使用「圍住塗抹」。

因為好像有點單調，所以我在上面加入淺色的貓咪連續圖案。

把圖像素材拉進去畫布，然後稍為旋轉令圖案不會顯得太死板。

因為素材原本的顏色太深了，所以我在上方新增一個圖層，填滿成淡黃色，並設定成剪裁圖層。這樣就可以更改素材的顏色。

---

✧5b. 增加慶祝的氣氛

為了增加慶祝的氣氛，我決定在設計中加入氣球和彩旗。

繪畫氣球後，需要另行畫上綁著氣球的繩和蝶結。

 

**TIPS: 可以用淺色畫完簡單形狀後，設定「圖層屬性」，開啟「邊界效果」，就能輕鬆獲得外框線。

---

在氣球圖層的下方，新增一個繪製彩旗的圖層。

我使用了不同顏色和大小的筆刷，令畫面更加生動。

 

然而，彩旗的加入似乎令文字部份變得凌亂。

所以我建立了一個圖層蒙版，並擦掉中間的部份，令彩旗不會干擾到中間文字框的部份。

---

✧5c. 加入其他效果

雖然現在的畫面設計已經不錯，但我仍想這張卡片風格更活潑一點。

所以我決定在彩旗圖層的下方再新增一個集中線圖案。

安裝工具後，在按滑鼠左鍵同時按著「shift」向外拉，就可以得到一個正圓形。

接著使用「物件操作工具」，就可以微調圖案的大小、位置與角度。

---

6. 調整文字設計

最後，來調整文字的設計吧！

 

 

最簡單的，當然是改變文字顏色和加上邊框。

（加上邊框方法可參考上面氣球的部份）

---

另外，也可以利用素材庫的自動動作素材，快速獲得不同的設計效果。

下載素材後，有關自動動作的安裝方法，請參考官方的幫助：

使用範例：

選擇文字圖層後，左鍵按下想用的自動動作。

由於這個自動動作有設定成固定顏色，所以之後可自行使用「圖層屬性」中的「圖層顏色」來更改顏色。

其他自動動作的範例（有額外更改顏色）：

這樣就可以得到更特別的文字設計了！

 

在示範圖中，我選擇了上面第一個的示範「立體化」作為卡片上文字的設計，並更改了顏色及加入外框線以配合整體畫面。

---

7. 其他微調

當然，你亦可以視乎整體設計再進行任何地方的微調。

 

例如，我覺得現在貓咪的顏色看起來比其他地方暗淡。

所以我在貓咪的圖層上方新增一個「色調補償圖層」並調整了它的彩度和明度。

另外，我亦微調了背景的貓咪圖案和氣球的顏色。

還有加入一塊蛋糕填補文字下面略空的位置：

---

8. 完成！

---

【素材推薦】

最後，來到素材推薦的部份！

 

除了以上示範圖用到的素材外，CSP也有很多適合生日主題的素材。亦由於CSP的素材庫有太多優秀的素材了，所以這裡遺憾地未能盡錄。

 

有時間的話，請務必在素材庫尋找看看適合自己風格的素材，發掘驚喜！

 

 

---

✧文字框框推薦

---

✧手寫字筆刷推薦

---

✧可愛動物推薦

---

✧派對相關素材推薦

---

✧文字風格自動動作推薦

---

【結語】

謝謝您看到這裡！

 

作為附送的額外參考，以下兩幅簡單的設計也是使用CSP素材庫完成；而文字則是使用了上面提及過的設計：

---

對於這個教學，您覺得如何呢？

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