[教學] 如何製作【宰相肚裡能撐船】的字型(1)

yen956

聲明：本教學對象是國小低年級教師, 不是諸位電腦高手, 故步驟較詳細,
尚請包涵。等全部寫完成後, 尚請諸位先進, 多多告訴大家, 謝謝。

在談到主題之前, 讓我們先看看這一道數學題:

一般教師在命這道題目時, 通常會先抓圖, 再利用【文字方塊】修改數字,
但若要 增加/減少 上圖中方塊的數量, 就有點困難了(除非配合繪圖軟體).
事實上, 除了用【圖形】+【文字方塊】外, 我們也可以利用 將數字寫在【圖形文字】中的方法, 逹到上題的效果。

請看下面列動畫的示範：

上列動畫中的【豬】、【羊】不是圖形, 而是字型,
如果你對華康cute字型不陌生的話,
一定發現它改造自【華康cute字型】, 沒錯,
它改造自【華康cute字型】。
而動畫顯示：把數字寫在華康cute字型內,
你是不是覺得【把數字寫在華康cute字型內】,
比用繪圖的方法來處理這類問題更具彈性?
如何辦到的?這就是本教學的重點。
(未完)

yen956

(教學)如何製作【宰相肚裡能撐船】的字型(2)
一、準備軟體：
(1)Font Creator (試用版不能存檔, 會白作工)
(2)華康cute字型
二、詳細步驟：
1、開啓Font Creator, 並開啓新檔
(1)開啓新檔：File →New→隨便給個名稱(以下以test.ttf為例)
(2)更換部份字型(非必要)
通常我會將0~9換成Arial字型(非必要)
如下圖：

2、開啓華康cute字型：
以下以華康可愛動1(ANIMALS1.TTF)為例說明：
現在應有兩張字型表在Font Creator 的工作視內。
3、將部份【華康cute字型】複製到【新字型表】
(1)挑選【宰相肚裡能撐船】的字型(配合Ctrl鍵),
(2)然後copy→paste到新字型表的【A】上,
如下圖：

4、關閉華康cute字型, 只剩新字型表
5、(可繼續華康其他cute字型) (未完)

yen956

回復 3# sunnyso
大大你好:
大肚字型在 "A4數學講義4張"
一文的附件 10to1000.ttf 中有有數個(三位數用),
http://forum.twbts.com/thread-11305-1-1.html
這次準備弄4個二位數專用, 到時一定奉上.

其實在 "A4數學講義4張" 文中所看到的圖形,
大部分是字型. 可參考看看.
至於工具, 你是指 Fontxx?, 很抱歉自己Google看看!!

yen956

(教學)如何製作【宰相肚裡能撐船】的字型(3)
6. 加大test.ttf 的字型
Format→Setting→Metrics
將Win Ascent 的值調高、Win Descent的值調低。例如各調為2000 及 -2000。

7. 將所有華康cute字型調到最大
(1) Double ckick 某一華康cute字型,
(2) 在【字型編輯視窗】中,用【縮小鏡】工具, 將圖形拉遠(縮小)
(3) 用【矩形選擇】工具, 將圖形(字型)全部圈起來.
(4) 利用四個角落的箭頭, 將字型調到最大
(必須在WinAscent 及WinDescent 這兩條水平紅線之間, 超出部份Windows不認帳, 可超出左右兩條垂直紅線)
(5) 關閉【字型編輯視窗】
(6) 重覆(1)~(5), 直到【所有華字型】均調完
注意：其他字型暫時不要動。(未完)

yen956

(教學)如何製作【宰相肚裡能撐船】的字型(4)
8. 整調【兔子】和【老鼠】的方向
(因為【兔子】和【老鼠】是蹲著的方向, 將來要寫入兩位數有點困難,
如果只要輸入一位數, 就不用整調)
注意(1)：用【選取框】選取整隻老鼠後, 還要在老鼠中間【按一下】,
才可利用四個的【旋轉鈕】, 旋轉老鼠。
注意(2)：下列動畫，第一次操作時, 出現軀殼與內臟分離，
加了一個【還原】的動作。因為第一次選取時, 並未選取【整隻老鼠】。
注意(3)：旋轉後，可能出現【整隻老鼠】超出上下水平紅線禁區,
這時要微調老鼠的大小。
結果如下：

9. 雙擊【大豬】，標示出將來要寫入【數字】的上下界線
如下圖：

(1)請抄下上圖中的數字，假定是 800和-800。
(2)Tools→Guidelines Options
(注意：將Lock打勾)
(3)Double Click 【y=xxxx】(如果沒有y=xxxx, 請按【New】)
(4)將y=xxxx 改成 y=800及y=-800
如下圖：

10將全部【阿拉伯數字】整調到上下兩條【黑色輔助線】之間。
必要時請縮小。
如下動畫：(未完)

yen956

回復 7# sunnyso
多謝謝褒獎, 可能你對編姐妹作感到興趣, 請參考看看:
免費字型：製作「重量比比看」教學素材
http://www.youtube.com/watch?v=eyEIiRn-snE

sunnyso

回復 9# yen956

請問你是用什麼軟體來錄製熒幕gif動畫？

yen956

回復 11# sunnyso
大大你好:
如果需要錄游標→用Gifgifgif.exe(在這裡抓的),
如果不需要錄游標→用Gifcam.exe(解析度較高),
兩者均為免費綠色軟體, 兩者所錄的檔案都很小(後者略大),
後者外框明顯, 且可邊錄邊移動 錄影視窗, 很方便.
但如要錄給 初學者, 還是前者較佳.
對了, fxxx, 耐心google就有了

yen956

(教學)如何製作【宰相肚裡能撐船】的字型(5)
11. 決定將來要寫入【大豬】肚子是幾位數.
(以下以要寫入二位數為例說明)
12. 標示將來要寫入【數字】的左右【輔助線】
(a) 將【2】複製到任一空白字型上, 例如字型表上最後一個字型【fl】。
(以下以【fl】為例說明)
(b) 雙擊【fl】作為【暫時工作區】.
(c) 選取【圖形2】→複製→貼上(此時兩個【圖形2】會重在一起)
(d) 選取【圖形2】→將【圖形2】向右拉, 直到看起像【22】
(以下將改稱字型【fl】為字型【22】)
如下圖：

(e) 再度打開【輔助線】設定視窗
(Tools→Guidelines Options)
這次將介紹另一種設定方式
(1)將Lock的勾勾取消
(2)檢查【設定視窗】是否有兩個以上的x=xxxx,
如果不足,請按【New】→
在彈出的視窗中勾選【Vertical】→【OK】
(f) 關閉【輔助線】設定視窗，回到字型【22】視窗，
調整【數字寫入區】的左右【輔助線】(手動)。
(g) 再度打開【輔助線】設定視窗，將【Lock】打勾。
如下動畫：(未完)
?size_id=5

yen956

(教學)如何製作【宰相肚裡能撐船】的字型(6)
13.搞大【華康字型】的肚子：
以下以【大豬】為例說明：
(a)雙擊【大豬】→選取整隻大豬
(b)將大豬各向左右拉，直到【數字寫入區】完全在大豬的肚子裡
(c)用【小刀】沿【左垂直輔助線】畫一刀(請配合【Shift鍵】)，
現在【大豬】已被切成兩半
(d)選取左半部，按住選取區左邊界中間點，向右拖曳，
使【大豬】的左半變扁一點。(將來才不會變得太龎大)。
如下動畫：
抱歉!!【大豬】的動畫有點問題(太相信動畫軟體了),
改用【兔子】動畫代替:

(未完)