門外漢的暴力Logo製作方法
本文非教學文，僅記錄筆者製作過程。
門外漢
前言
是這樣的，之前一時興起用平板的繪圖軟體幫自己的小說畫了一個logo。需要封面圖時就全用那個logo上了，不得不說真的非常方便呢(笑)
然而現在回頭看當初的logo，覺得瑕疵頗多，所以決定下手修改。
舊版
工具：愛筆思畫
1.0版
用平板電腦畫的最初版
這個最初版本存在幾個問題：
- 冰被換成菱形圖樣的部分超過原筆劃長度，看上去不協調。
- 筆劃被切成碎片的部分太過細碎。
- 字體太細。
- 畫質不佳。
2.0版
２.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圖後的樣子。因為是看網路教學手把手做的，不用動腦，０基礎也完全沒問題！
因為ｐ過這張圖，所以這次做水彩效果我第一個想到的是蓋一層雲狀效果上去。但是不管怎麼調都不滿意，試了老半天最後還是去網路上找人家做好的筆刷直接用畫的。
但！是！
以為這樣就萬事大吉了嗎？
並沒有！
這次重製除了更改字體外，最大目的是改成向量圖檔，可PS是點陣圖！
（五）痛苦的點陣轉向量
試了很久，不管怎麼樣都沒辦法把PS裡的智慧型物件弄到AI，就算直接把檔案存成AI也一樣。也是過存成svg檔的影像資產，但出來的一樣是點陣圖。
浪費了人生大把光陰後，只好認命把上好色的傢伙扔進AI做影像描圖。渲染效果不用高保真度相片弄不出，但用了邊緣線又會坑坑巴巴。
糾結苦惱了很久，才突然想到一個很簡單的方法。
（六）遮色片
為什麼我不單獨輸出水彩渲染的圖層，再製作遮色片就好？
開啟水彩圖、把做完的logo扔上去，然後裁剪遮色片，這樣一來我就能同時擁有平滑的邊緣和漂亮的渲染了。
被自己笨死
所以說自己摸索真的會走很多冤枉路。有心想學的話還是乖乖看教學，摸索完基本功能再開工，不要和我一樣硬上。
不過一開始我也不是沒按過遮色片，但是按下去之後整個東西都不見了，我還以為是我做的東西有什麼問題，所以就放棄了。後來走投無路回頭仔細看了遮色片的教學，不對呀，東西明明沒問題。
結果一樣的步驟，開一個全新檔案用又可以了，好謎。
3.0版誕生🎉
雖然製作過程崎嶇難行，但最終好歹把東西生出來了 ✿*｡ ٩(ˊᗜˋ*)و✿*｡
嘔心瀝血
最後雖然用遮色片完成上色，不過因為影像描圖是用高保真度相片，所以會有一大堆密密麻麻的路徑，造成有些地方有破洞。
後來是在描完的圖底下再疊一層白底才沒有出現破洞。
與舊版的不同
- 字體從思源宋體換成
源流明體。 - 字體加粗至H。
- 調整「冰」字菱形圖樣的位置以修正不協調感。
- 修正過細的破碎效果。
- 改成向量模式。
三版本比較
舊圖重製
《冰魂司》3.0版的預覽圖
Ep新書封
方格子專題新頭像
這樣看下來您可能發現，上面三張圖存有色差。就讓我來告訴您為什麼會發生這種事——
事情是這樣的，藍色背景是我用平板畫的（金花是素材），平板、手機和電腦之間的顯示會有色差，而且我當初好像還忘了關掉藍光過濾。因此那時在平板看起來正常的顏色，到電腦就變得超亮。
所以做Ep封面圖的時候就用PS調了一下，但調完後忘了單獨存圖，製作預覽圖時又重調了一次，才會導致兩者出現色差。
這陣子做logo已經把我的科技能量燃燒完了，雖然調背景很簡單，但我暫時不想再開PS，所以就這樣繼續用吧。
感謝閱讀，也請支持我燃燒生命燃燒愛的作品《冰魂司》❤️
分類：#奇幻 #冒險 #校園 #魔法
👉全新推出◆超濃縮精華版◇
👉兩篇文章，十分鐘帶您看完一回！
【超濃縮精華版】
【正文+設定集】
你可能也想看
