其實這種字體,相信在視覺設計師、美術人員、或一般年輕人眼裡,一定是覺得很醜XDD

但情人總是老的好,遊戲也是老的好,
放在回憶裡想像的到但永遠得不到的東西,就是特別美好...

想成為8bit系嗎?本篇教您如何做出8bit效果的字體後製方法,是8bit喔,不是16bit
差別在哪呢?

 

其實16bit時期,因為解析度及畫面處理能力提升,所以遊戲的字體允許放大一些,中文點陣字也普及許多...
如SFC雖然原生解析度跟FC一樣只有256x224,但Final Fantasy 5(太空戰士5/最終幻想5)己經有了許多漢字,字體大小約為現今的14px

 

同期DOS年代的VGA時期也是差不多,雖然256色的解析度基本只有320x200或320x240,那時普遍使用的中文字體大約是15px或16px

 

最常見的16px,也是在DOS下一般畫面時,倚天中文的預設字體大小(16x15保留1px的間距)

回到主題,16bit時期的字體在現代的windows下,看起來就只是預設字體,所以比較沒有懷舊的感覺, 如果想要明顯有"很復古" "很懷舊"的字體感,就得選擇更低的8bit,所以8bit又是如何?

如鍵人在下舊文裡提到的字體大小差異,8bit就是每一個bit都錙銖計較的年代


簡單總結,要有8bit感,那中文的字體大小就得是12px以下,最佳為11px

所以如要在現在的圖片上,做出8bit感的字體,要怎麼做呢?

 

首先您要準備的東西如下:

  • 一套繪圖軟體,本教學以photoshop為例 *註
  • 正體中文輸入法,如ㄅ半
  • 細明體或新細明體的正體中文字體

*註: 因為photoshop軟體版本有許多差異,界面可能會有不同

 

step1. 在photoshop中開啟新檔,解析度不用高,背景可以用黑色

 

 

step2. 使用文字工具,將字體選為細明體,大小為11px,字體就白色,字體消除鋸齒要改為"無"(很重要)

 

step3. 然後輸入你要的中文,字很小是正常的

 

step4. 接著在圖層的字元上按右鍵或右上角的功能,選擇"點陣化文字"(很重要)

 

step5. 然後點擊功能列上的影像,前往影像尺寸

 

step6. 尺寸大小用百分比,並以百為單位增加效果最佳,如200或300,可依你的需求調整大小,
保持比例,並且在取樣的地方點選"最接近像素(保留硬邊)"(很重要)

 

step7. 字放大後,成功應為左邊的效果,若忘了"點陣化文字"會是中間的樣子,若忘了"保留硬邊"會是右邊的樣子

 

step8. 最後疊到圖片上時,無論是什麼高畫質的真人圖還是風景圖,字體就會是懷舊8bit點陣效果

 

打完收工,其實是很簡單就做的到的效果,運用的當會很有感,但並非所有東西都適合,如鍵人在下我就有點走火入魔XDDD

 

PS.至於本站網頁字體,請見 本站公告


發表自: 九五二七九五二七
愛漫畫愛遊戲愛上網愛星爺,小時摸到阿羅士與AppleII後註定宅一輩子,從紅白機玩到PS4,從386打到Xeon,沒日沒夜的打電動;待過所有宅產業,從光華混到NOVA,從遊戲滾到動漫,從攝影器材爬到網路電信,喜愛學習多於睡覺,無時無刻散發一股宅味,但號稱長的像梁朝偉XD

覺得讚想推薦或分享嗎?