使用CSP設計生日卡片:活用素材及文字設計

877

CHYEE

CHYEE

《使用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素材庫完成;而文字則是使用了上面提及過的設計:


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

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

コメント

新着

公式 新着