本文非教學文,僅記錄筆者製作過程。

門外漢
前言
是這樣的,之前一時興起用平板的繪圖軟體幫自己的小說畫了一個logo。需要封面圖時就全用那個logo上了,不得不說真的非常方便呢(笑)
然而現在回頭看當初的logo,覺得瑕疵頗多,所以決定下手修改。
舊版
工具:愛筆思畫
1.0版

用平板電腦畫的最初版
這個最初版本存在幾個問題:
- 冰被換成菱形圖樣的部分超過原筆劃長度,看上去不協調。
- 筆劃被切成碎片的部分太過細碎。
- 字體太細。
- 畫質不佳。
2.0版

2.0版本,只修正了過於細碎的碎片
字體選用錯誤
第一和第二點就不多說了,直接從第三點字體說起。因為繪圖軟體中提供的字體名稱全是英文,因此當初也不確定自己用了什麼字體,覺得感覺還行、授權沒問題就用了。
打算著手製做3.0版本前去查了一下,當初使用的是思源宋體,而且還是日文字體。
即使是同一個字,日文和中文字體看上去還是會有些許不同。毫無疑問,字體必須更換。
選用點陣圖檔
因為是使用行動版的繪圖軟體,想當然爾格式一定是點陣。眾所周知,點陣圖放大之後會看見一格格小方塊,縮放時畫質會變差,這就是點陣圖最大的缺陷。

點陣圖於photoshop中放大後,明顯能看見格子

在illustrator中開啟的向量圖檔,左為原圖,右為放大500%後
logo因為常常要配合圖片尺寸放大縮小,因此向量圖才是最好的選擇,所以這次製作3.0版本的時候,決定使用AI(Adobe Illustrator)製作向量圖。
其實還有一個原因是平板長期借人用了,如果繼續用繪圖軟體日後想調整也很難,所以乾脆直接全用電腦做。
製作新版
工具:Adobe Illustrator、Adobe Photoshop
標題就寫了,阿耘我是個徹頭徹尾的外行人,只能邊查資料邊製作。AI和PS功能雖齊全,但對於新手來說無法像繪圖軟體一樣直觀操作,因此製作過程絕大部分的時間都是不斷進行實驗。
設計元素
冰魂司的logo大致組成如下
- 菱形的針貫穿字。
- 筆畫切割及破碎效果。
- 白字,上面有黑色水彩渲染的紋路。

2.0版本
以上三點在繪圖軟體很好搞定,第一、二點要切的時候橡皮擦直接擼過去就是了;第三點勾選保護不透明度,渲染筆刷畫下去就完事。簡單粗暴又直觀。
那麼在AI和PS該怎麼做呢?
門外漢的策略
(一)打字
先輸入需要的字,然後按右鍵選「建立外框」,這樣文字就會出現錨,可以自由拖曳調整形狀。

藍色方框即是錨
(二)繪製菱形針
在AI用鋼筆工具畫菱形外框,將筆刷轉換成外框,之後畫兩個三角形填滿菱形的左上和右下角,聯集所有物件。

繪製完的菱形針
小說主人公有一冰針的招式,算是故事的重點,因此繪製了這個形象放在標題logo中👉點我看故事片段
(三)筆畫切割
這對我來說真的是一個大工程,在AI當然不適合直接用橡皮擦擼,所以我想到的是用差集解決。
- 讓位給菱形針通過的部分,我是用等比放大的菱形去差集
- 兩筆劃銜接之處則畫長方形差集,以確保每處切開的間隙大小皆相同

像這樣把橘色區塊和文字差集
熟悉AI的可能會想,不是有剪刀工具嗎?是的,但我還沒摸透剪刀該怎麼用,常常會出現不受控的情況,所以乾脆直接用差集切了。
不過「冰」和「司」的碎片效果就是用剪刀工具做的,經歷了無數次嘗試,我好像終於搞懂了一些。
別看這兩點只有這麼點文字敘述,光是這兩部分我就做了整整兩天。因為很多工具不清楚該怎麼用,有時候效果是有了,但後製卻又出問題,只能全部打掉重來。
搞清楚該怎麼做之後,又試了好幾種排版,看哪種比較好看。

嘗試最多排版的字。AI最方便的就是可以透過錨點控制形狀,不像繪圖軟體,雖然可以拉透視,但效果不好。
把目標物凍結並且碎裂成冰屑是《冰魂司》主人公慣用的手法(👉點我看故事片段),因此我把碎片和冰針結合,做出像是被針射穿的圖案。
(四)渲染圖樣
最後這個渲染效果,我花了一整天嘗試。
AI裡面雖然有水彩筆刷,但是AI沒辦法做細緻的處理,水彩的效果也不符合我的理想,只能轉用PS做。
會想到PS主要是因為之前製作《歡迎光臨事事如意商店》的封面時,想在圖片裡加點小彩蛋,所以把《冰魂司》的某張圖P成水彩風格給繪師用。

商店牆上的海報是冰魂司的封面

左是原圖,右是p圖後的樣子。因為是看網路教學手把手做的,不用動腦,0基礎也完全沒問題!
因為p過這張圖,所以這次做水彩效果我第一個想到的是蓋一層雲狀效果上去。但是不管怎麼調都不滿意,試了老半天最後還是去網路上找人家做好的筆刷直接用畫的。
但!是!
以為這樣就萬事大吉了嗎?
並沒有!
這次重製除了更改字體外,最大目的是改成向量圖檔,可PS是點陣圖!
(五)痛苦的點陣轉向量
試了很久,不管怎麼樣都沒辦法把PS裡的智慧型物件弄到AI,就算直接把檔案存成AI也一樣。也是過存成svg檔的影像資產,但出來的一樣是點陣圖。
浪費了人生大把光陰後,只好認命把上好色的傢伙扔進AI做影像描圖。渲染效果不用高保真度相片弄不出,但用了邊緣線又會坑坑巴巴。
糾結苦惱了很久,才突然想到一個很簡單的方法。
(六)遮色片
為什麼我不單獨輸出水彩渲染的圖層,再製作遮色片就好?
開啟水彩圖、把做完的logo扔上去,然後裁剪遮色片,這樣一來我就能同時擁有平滑的邊緣和漂亮的渲染了。
被自己笨死
所以說自己摸索真的會走很多冤枉路。有心想學的話還是乖乖看教學,摸索完基本功能再開工,不要和我一樣硬上。
不過一開始我也不是沒按過遮色片,但是按下去之後整個東西都不見了,我還以為是我做的東西有什麼問題,所以就放棄了。後來走投無路回頭仔細看了遮色片的教學,不對呀,東西明明沒問題。
結果一樣的步驟,開一個全新檔案用又可以了,好謎。
3.0版誕生🎉
雖然製作過程崎嶇難行,但最終好歹把東西生出來了 ✿*。 ٩(ˊᗜˋ*)و✿*。

嘔心瀝血
最後雖然用遮色片完成上色,不過因為影像描圖是用高保真度相片,所以會有一大堆密密麻麻的路徑,造成有些地方有破洞。
後來是在描完的圖底下再疊一層白底才沒有出現破洞。
與舊版的不同
- 字體從思源宋體換成
源流明體。 - 字體加粗至H。
- 調整「冰」字菱形圖樣的位置以修正不協調感。
- 修正過細的破碎效果。
- 改成向量模式。

三版本比較
舊圖重製

《冰魂司》3.0版的預覽圖

Ep新書封

方格子專題新頭像
這樣看下來您可能發現,上面三張圖存有色差。就讓我來告訴您為什麼會發生這種事——
事情是這樣的,藍色背景是我用平板畫的(金花是素材),平板、手機和電腦之間的顯示會有色差,而且我當初好像還忘了關掉藍光過濾。因此那時在平板看起來正常的顏色,到電腦就變得超亮。
所以做Ep封面圖的時候就用PS調了一下,但調完後忘了單獨存圖,製作預覽圖時又重調了一次,才會導致兩者出現色差。
這陣子做logo已經把我的科技能量燃燒完了,雖然調背景很簡單,但我暫時不想再開PS,所以就這樣繼續用吧。
感謝閱讀,也請支持我燃燒生命燃燒愛的作品《冰魂司》❤️
分類:#奇幻 #冒險 #校園 #魔法
👉全新推出◆超濃縮精華版◇
👉兩篇文章,十分鐘帶您看完一回!
【超濃縮精華版】
【正文+設定集】

















