字型 動畫

[字型] 看幾次哭幾次的未聞花名part2-LOGO製作方法

凌晨2:21test

上一篇介紹的是官方提供的「面麻手寫字型」,這次要介紹的是標題LOGO文字的製作方法。本篇需要使用到Adobe illustrator (Ai)的繪圖工具,和一點點的Ai基礎來完成。其實這種效果在Photoshop中也能夠完成,不過本篇教學目的在於能快速完成,而且成果會是向量圖檔,可以任意縮放輸出製各種尺寸。(本文為了讓不常使用Ai的人可以看懂,文字稍微囉嗦了點,其實步驟都相當得簡單!)

圖片來源:blog-imgs-47.fc2.com
根據日本網友的判斷,未聞花名劇場版的字型是使用Morisawa(モリサワ)的「A1明朝」,但這個字型並不是免費字型,所以本篇介紹將用「花園明朝」作替代,沒有特別喜歡的明體也可以用Adobe內建的字型來試試。

圖片來源:ylcl.net
那麼就準備開始吧,首先先打開Ai建立一個不小於直式A4的文件,並用文字工具輸入想打的文字,這裡要注意一點,因為這個教學要用到的效果文字必須夠大才能成功,因此最好在100pt左右,等完成之後再來縮小。

接著先將文字外框化(全選起來右鍵建立外框,或是ctrl+shift+O),這時候文字就會被轉換成圖形方便作各種特效。接著一樣先全選所有物件後再選擇『效果→扭曲與變形→粗糙效果』。

接著會出現粗糙效果個視窗,如果你有將文字設定在100pt左右的話,可以參考下面的數據將尺寸設在1%(相對),細部設定在80/英吋,點選擇尖角。

按下確定後就可以看到文字似乎有在紙上暈開的效果。
接著因為文字的線條還太粗,不容易作出一節一節的效果,所以全選所有文字後將他們加上0.5~1pt左右的白色邊線,粗細可以依照自己選擇的字型和文字尺寸作調整。完成後可以看到文字線條變得比上一張圖來的細,筆畫看起來有一點點斷斷續續的感覺。

接著按下鍵盤上的PrintScreen(PrtScn;OSX=Command+Shift+3)來擷取螢幕畫面,並直接Ctrl+V貼上在文件中。忘了日本網友的笨方法吧(笑),全選後按物件→點陣化。接著選取貼上的圖片,上方會出現影像描圖的選項,按下按鈕右方箭頭後選擇高保真度相片,電腦就會開始將貼上的圖片再轉成向量圖。

電腦描繪完後,可以看到文字看起來變得比較像印章的效果,而不是原本墨汁暈開的感覺。
描圖完成後記得按下展開的按鈕將描圖的結果轉成路徑,並在物件上右鍵→解散群組,將物件分離開來,並且將旁邊不需要的物件和白色背景刪除,只留下文字以便進行個個文字的細部調整。

接著仔細看文字的細不可以發現因為描圖時較細的區塊會被判斷成是灰色,所以這個步驟就是要將不需要的雜點刪除,並全選物件將顏色調回黑色。如果有封閉的文字可能會遇到整個變黑的情況,這時候只要將封閉的部分再調回白色即可。(當然也可以在描圖選項中就選擇黑白且忽略背景色,但是高保真度相片的選項可以保留比較多細節,也比較多變)

接著只要再加上一些小裝飾和調整幾個文字的粗細大小就可以仿造出原本LOGO的感覺了。例如圖中的「前、僕、達、知」等字就有稍微錯位和調整大小,讓文字變得更加活潑。
如果你覺得整體文字的效果還不夠滿意,這時候可以在重複一次擷取螢幕畫面再描一次圖,也可以讓整個LOGO的風格和細節更統一。
以上就是這次的教學,如果有不懂的地方可以在本文下或是FB粉絲團留言提問。原本想要用錄影的來呈現,但是因為感冒了聲音很恐怖就算了,如果大家真的看不懂的話我再考慮看看要不要再補個錄影吧,謝謝大家!

引用來源:
http://ylcl.net/archives/713

You Might Also Like

0 意見

Popular Posts

Flickr Images

聯絡表單