使用CSP設計生日卡片:活用素材及文字設計
《使用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素材庫完成;而文字則是使用了上面提及過的設計:
對於這個教學,您覺得如何呢?
歡迎留言讓我知道!希望這個教學對您有所幫助。
Comentario