Board logo

標題: [教學] 如何製作【宰相肚裡能撐船】的字型(1) [打印本頁]

作者: yen956    時間: 2014-3-6 16:26     標題: 如何製作【宰相肚裡能撐船】的字型(1)

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

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

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

請看下面列動畫的示範:

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

本帖最後由 yen956 於 2014-3-7 04:27 編輯

(教學)如何製作【宰相肚裡能撐船】的字型(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    時間: 2014-3-7 13:44

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

其實在 "A4數學講義4張" 文中所看到的圖形,
大部分是字型. 可參考看看.
至於工具, 你是指 Fontxx?, 很抱歉自己Google看看!!
作者: yen956    時間: 2014-3-7 16:09

本帖最後由 yen956 於 2014-3-7 16:11 編輯

(教學)如何製作【宰相肚裡能撐船】的字型(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    時間: 2014-3-8 04:55

本帖最後由 yen956 於 2014-3-8 04:57 編輯

(教學)如何製作【宰相肚裡能撐船】的字型(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    時間: 2014-3-8 05:06

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

回復 9# yen956

請問你是用什麼軟體來錄製熒幕gif動畫?
作者: yen956    時間: 2014-3-8 10:26

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

(教學)如何製作【宰相肚裡能撐船】的字型(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    時間: 2014-3-9 04:34

本帖最後由 yen956 於 2014-3-9 04:46 編輯

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

(未完)
作者: yen956    時間: 2014-3-9 15:15

補充說明(上回忘了交待):
(e)【大豬】動完刀之後,要再縫回去
【選取整隻】→【Edit】→【Join Contours】→【Union】
補【大豬】的動畫:

作者: yen956    時間: 2014-3-10 10:28

(教學)如何製作【宰相肚裡能撐船】的字型(完)
14.調整每一字型的游標起點及終點
(a) 將字型【0】…【9】游標起點及終點全部調成一樣
(1)先看下圖的說明:

並非每個字的游標起點及終點都相同,
通常游標起點均位於0,但游標終點則大不一樣,
比如【i】的游標終點比【m】的游標終點小很多,
但也有少數字型,26個字母的游標起點及終點都相同的,
例如【標楷體】,這種字型我們稱之為【定寛字型】,
由於這次所示範的字型,定位在二位數上,故宜採【定寛字型】處理。
(2)將黑色的【右輔助線】調到上圖右紅線(游標終點)的地方,
並將黑色【輔助線】Lock起來。
(紅色的游標起點及終點標示線,永遠是變動的,不能【Lock】起來)
(3)將字型【0】…【9】游標起點及終點全部調成一樣。
(b)分別調整每一個【肚裡能撐船】字型的游標起點及終點
(1) 重要觀念:這個字的【游標終點】,就是下一個字的【游標起點】。
請看下圖的說明:

(2)Double Click【大豬】
(3)將有這個標誌◥的紅線(【游標起點】線),向左移至【大豬】的最前端
(每個【肚裡能撐船】的字型的游標起點,均不一樣)
(4)將有這個標誌◤的紅線(【游標終點】線),向左移至0的位置
(每個【肚裡能撐船】的字型的游標終點,均一樣)
忙了半天,終於大功告成,接下來只要安裝新字型,就可以測試去囉!!
不想自己動手的朋友,這裡有幾個現成的字型可用。
(test.ttf,【A】…【M】)
請自行更名,自行測試。
test.7z

自問自答:
【問】:可不可以在同一字型中(例如在test.ttf中),
同時包括可輸入【二位數】及【三位數】的字?
【答】:當然可以。例如你已創造了可輸入【二位數】的字【A】…【H】,
那麼你只要複製【A】…【H】到【a】…【h】,再將【a】…【h】的肚子拉長就ok了。

註:如果你對本篇感到興趣,或許你對這幾篇也會感到興趣:
(以下三篇也是專為國小數學而寫的)
1.A4數學講義4張
(內附雜亂的自製字型50幾個,專供國小一二年級數學使用,請自行重新整理)
http://forum.twbts.com/thread-11305-1-1.html
2.免費字型:製作「重量比比看」教學素材
http://www.youtube.com/watch?v=eyEIiRn-snE
3. 教學:如何製作「按1~10的順序連連看」的圖片
http://www.youtube.com/watch?v=RfsyhWjCXvI
作者: yen956    時間: 2014-3-10 10:35

回復 8# sunnyso
大大你好:
請問如何跨主題回覆,或如何同時回覆兩個不同樓層?
有時很需要, 謝謝!!
作者: sunnyso    時間: 2014-3-10 11:20

只是嘗試把版大的用戶名放在回復中, 不知他是否可收到

你可以用我的來做試驗, 在回覆其它帖子時改成我的用戶名
作者: sunnyso    時間: 2014-3-10 12:25

收不到其它貼子回覆的提示
作者: sunnyso    時間: 2014-3-13 23:29

回復 1# yen956

大大請問華康cute字型哪堨i以下?
作者: yen956    時間: 2014-3-14 12:36

回復 16# sunnyso
大大你好, 一般學校都會有
作者: sunnyso    時間: 2014-3-14 13:37

回復 16# sunnyso

請問是免費使用嗎? 若是哪堨i下載? 謝(我不在臺灣)
作者: yen956    時間: 2014-3-14 13:51

是有版權的軟體, 你那裡離大陸很近囉
作者: sunnyso    時間: 2014-3-14 16:06

回復 19# yen956


    澳門算近吧. 既然有版權就不必給link啦. 尊重版權人人有責
作者: yen956    時間: 2014-5-18 10:00

突然發現test.ttf 的連結不見了, 補上
http://www.mediafire.com/download/kpb3xa5rq54b9bp/test.7z
作者: yen956    時間: 2014-5-18 10:29

更正test.ttf 的連結:
http://www.mediafire.com/download/hy78a8ptuvf39ep/test.7z
作者: yen956    時間: 2014-5-18 12:43

回復 22# yen956

test.ttf 字型更新:
http://www.mediafire.com/download/g0sf9bfoo4fla52/test.7z
作者: lucylucy3124    時間: 2015-3-23 15:27

感謝分享~~




歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)