══════════════════════════════════════金◎《鳴蟬ASCII Art入門 卷二》 習 字 手 帖
════════════════════════════════2004.07.17═
Outline: Ⅰ 水管工 Ⅱ 幾何排列 Ⅲ 創意字體 Origin from: Tolo Note
◤─────╮
│Ⅰ 水管工 │
╰─────╯
在學習用特殊符號〔寫字〕之前，我們先回顧一個以前遇到的益智遊戲。
§題 目 請試著用八根火柴棒〔˙══〕，排出三個正方形。
˙║˙══ ˙ 當我們遇到這類問題的時候，
║║ ══˙║ 如果身邊有火柴或牙籤之類的東西，通常都直接拿出來排啦，
║˙ ˙══ ║ 直接動手實驗，比在腦海裡面模擬來得容易。
══˙ ˙══ 嘗試一陣子之後，便可以找到答案了。
◆ 阿拉伯數字
那麼，在想答案的同時，我們也順便開始討論正題吧。
記不記得早期陽春的calculator螢幕，它是如何顯示阿拉伯數字的？
很像火柴棒排字對吧？至多只用到七根火柴棒，是很簡單的〔寫字〕方式。
═ ═ ═ ═ ═ ═ ═ ═ ═ ═
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║
═ ═ ═ ═ ═ ═ ═ ═ ═ ═
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║
═ ═ ═ ═ ═ ═ ═ ═ ═ ═
1234567890
我們只使用到了橫〔═〕與豎〔║〕兩個零件，
利用copy & paste，便能著手寫最簡單的阿拉伯數字。
現在，我們再多加一些材料，試著修飾這些數字。〔╗ ╝ ╔ ╚〕
拿它們將中間未銜接的部分補起來。
這樣的動作，很像把許多不同方向的水管一段段接起來。
═╗ ╔═╗ ╔═╗ ═ ╔═╗ ╔═╗ ╔═╗ ╔═╗ ╔═╗ ╔═╗
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║
═║ ╔═╝ ═ ╚═ ╚═╗ ═╗ ═║ ═ ╚═ ║═║
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║
═ ╚═╝ ╚═╝ ═ ╚═╝ ╚═╝ ═ ╚═╝ ╚═╝ ╚═╝
1234567890
好像還不夠完整？好！再拿出更高級的材料出來。:p 〔╠ ╣〕
═╗ ╔═╗ ╔═╗ ═ ╔═╗ ╔═╗ ╔═╗ ╔═╗ ╔═╗ ╔═╗
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║
═║ ╔═╝ ═╣ ╚═╣ ╚═╗ ╠═╗ ═║ ╠═╣ ╚═╣ ║═║
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║
═ ╚═╝ ╚═╝ ═ ╚═╝ ╚═╝ ═ ╚═╝ ╚═╝ ╚═╝
1234567890
補完了，如此一來，一套簡單的阿拉伯數字字體就完成了。 ^^
◆ 英文字母
解決最簡單的阿拉伯數字之後，可以開始挑戰難度稍高的英文字母，
稍後，筆者會逐步示範最簡單的寫法，
在寫英文字母之前，我們先準備特別的弧線材料：〔╮ ╯╭ ╰〕
然後，為了美觀，之前的〔水管〕也都換成細的：〔┌ ┬ ┐├ ┤└ ┴ ┘│─〕
嗯，那我們開始吧：
┌┐ ┌╮╭╮ ┌╮┌─ ┌─ ╭╮ ┐┌ ┬ ┬ ┐ ┌ ┐ ┌┬┐
├┤ ├┤│ ││├─ ├ │╮ ├┤ │ │ ├┬┘ │ │││
┘└ └╯╰╯ └╯└─ ┘ ╰╯ ┘└ ┴ ╯ ┘└─ └─ ┘ └
在這過程中，讀者應該會發現：有些字很好寫，既輕鬆又逼真。
反之，有些字就會帶來困難，寫起來很彆扭。
如何利用有限的材料，排出最〔像〕的樣子，就是寫ASCII字的挑戰了。
知道筆者為什麼要多抓一些材料備用了吧？
沒有弧線幫忙的話，BCDGHJ等字就沒辦法寫得很逼真。
可是寫到M又出狀況啦～只好再找救兵了：〔／ ＼〕
┌ ┐ ┬ ┬ ╭╮┬╮╭╮┬─╮╭╮┌┬┐┬ ┬ ╮ ╭ ┬ ┬
│＼／│ │＼│ ││├╯││├┬╯╰╮ │ │ │ │ │ │││
┘ └ ┴ ┴ ╰╯┘ ╰＼┘╰─╰╯ ┴ ╰─╯ ＼／ ╰┴╯
這是什麼V跟什麼W嘛～長得真奇怪！
知道問題癥結所在嗎？
對！寫一個字並不難，但是寫一套字體很困難！
每個字都有它先天上的特性，把許多不同特性的字擺在一起，
我得遷就你、你也要顧慮我，彼此互相牽制，無法施展個人的優點。
＼ ／＼ ／ 這才比較像W，可是它的寬度已經塞得下四個O了。
＼／ ＼／ 好像在畫Cassiopeia（仙后座）的連線。 ^^"
\ /\ / 如果不勉強用全形特殊符號的話，
\/ \/ 半形符號的slash與backslash可以讓它變得自然一點。
像KMR等字，它就是非得長得這麼肥不可，不可能叫它們縮得像COS那麼迷你，
至於QV，如果不限制它們垂直方向的突破，其實它們也能更好看。
XYZ還沒寫呢，寫X之前，得再拿一個東西；〔 ╳ 〕
┐┌ ┐ ┌ ┌┐ 如此一來，完成了一套大寫英文字體。
╳ └┬┘ ／ 可以將它們存放在適當的地方，
┘└ ┴ └┘ 以後需要的時候再一字一字地取用。
這套大寫英文字體不算精緻，因為我盡所能地簡化它們的筆劃，線條很單純。
接下來就不打算示範小寫的a到z了，改放一些實際例子給各位參考，
這些字母相較之前的，就沒那麼規矩，設計的時候以創意、特殊風格優先。
╭┬─╮ ╮
│ / │ │
├─ ╭─╮╭─┤ ┬┬╮ ˙ ┬╮ ┼ ╭─╮┬╮
│ \ │ ││ │ │││ │ ││ │ │ │││
┴─╯╰─╰╰─╰ ╰╰╰ ╰ ╰╰ ╰ ╰─╯╰╰ Badminton
★ ╭ ★ ╮ ★
╭╮╭╮ ┼ ┼ ├╮╭╮ │ │
╰╮││ │ │ ││╭┤ │ │
╰╯╰╯ ★ ╰ ╰╯╰★ ╰ ╰ softball
╔╗ ╦ ╔╗╔╗ ╦╗╔╗ ╔╗
║ ║ ║ ╠╣ ║║╠╣ ╠
╚╝ ╩ ╚╝╝╚ ╩╝╝╚ ╚╝ CICADAE
╔══
╠═ ╭─╮╭─╮ ┼ ˙ ╮╭ ╭─╮ │
║ ├─╯╰─╮ │ │ ││ ╭─┤ │
╩ ╰─╯╰─╯ ╰╯╰ ╰┘ ╰─┴ ╰ Festival
稍微提醒一下，〔沒有粗線條的弧線〕，在設計的時候要注意這一點。
關於英文單字的設計，筆者個人的建議是：
設計之前，先把所有〔需要寫〕的英文字母寫下來（紙上），
想一下它們共同的特性是什麼，把最大公約數找出來，
再選擇設計風格，最後才是〔動手〕寫字。
最後，把所有的〔水管〕整理一份給各位參考：
╔ ╦ ╗ ╒ ╤ ╕ ╓ ╥ ╖ ┌ ┬ ┐╭ ╮
╠ ╬ ╣ ╞ ╪ ╡ ╟ ╫ ╢ ├ ┼ ┤╰ ╯ ˙
╚ ╩ ╝ ╘ ╧ ╛ ╙ ╨ ╜ └ ┴ ┘ ║ ═ ─ │
◆ 中文字
中文字有什麼難的？一筆一劃寫就好啦？
不過，有些字如果一筆一劃寫，我看會寫到哭吧。 -.-"
─ ├┬┐├┬ ├┬ ˙┌───┐
─ ／＼ ╰ ╰ ┐│─┼─│
┌─┐ ┌─┴─┐ ││─┴─│
├─┤ ┌─┐ ││┌─┐│
├─┤ ├─┘ ││└─┘│
└─┘ ├─┐ │┌┐ ╯
╯╰─ └─┘ ┴┘└───╯ 資管週
在這樣的大小之下，有辦法寫〔鬱 繼 體〕之類的中文字嗎？
我想，一筆一劃寫是無解的，除非寫到整個畫面那麼大。
對於這個問題，解決方法有三種：
第一種 不寫！筆劃太多的字，是無解的，不要試著寫筆劃太多的ASCII中文字，
寧可寫相對應的英文（設計網宣、進板畫面的時候）。
第二種 改寫簡體字，例如：〔体〕。
第三種 精簡筆劃，在不影響整體感的情況下，將一些筆劃省略不寫，
省略之後所留下的〔形狀〕，依舊可以讓讀者認出是哪個中文字。
精簡筆劃的部分，很遺憾筆者沒有經驗，而它也沒有通則可循。
只能建議大家多觀察一些高手設計的〔藝術字體〕，
看他們如何巧妙地改造中文字，達到期盼的效果。
§答 案 火柴棒的問題，如果讀者還沒想出來的話，以下是答案。
˙══
˙ ˙ 先各用四根火柴棒排成正方形，
║ ═╬˙ 再將兩正方形如左圖般重疊就行了。
║ ║ ║ ║
˙╬═ ║ 有時候，把一個困難的字寫出來的那一刻，
˙ ˙ 就像找到一個答案一樣，很有成就感的。 ^_<
══˙
◤──────╮
│Ⅱ 幾何排列 │
╰──────╯
不同於接水管的方式，這是另外一種設計風格，
它的難度稍高，因為不是手寫字的感覺，而是把字當作〔圖〕看待。
◆ 堆積木
■ ■■■ ■■■ ■ ■■■■ ■■ ■■■■
■ ■ ■ ■ ■ ■■ ■ ■ ■ ■
■ ■ ■■ ■ ■ ■■■ ■■■ ■
■ ■ ■ ■ ■■■■ ■ ■ ■ ■
■ ■■■■ ■■■ ■ ■■■ ■■ ■
■■■ ■■ ■■■ 用普通的實心方塊，
■ ■ ■ ■ ■ ■ 以堆疊的方式寫出數字，
■■■ ■■■ ■ ■ 記得巧妙地利用半形空間，
■ ■ ■ ■ ■ 讓筆劃銜接的部分更平順一點。
■■■ ■■ ■■■
同理，在寫英文字的時候也很受用。 ▓ ▓ ▓▓▓ ▓ ▓ ▓▓ ▓ ▓
堆積木的另外一個優點是， ▓▓ ▓ ▓ ▓ ▓ ▓ ▓▓▓▓
當你複製一個材料之後， ▓ ▓▓ ▓ ▓ ▓ ▓ ▓ ▓ ▓
接著就一直貼同一種材料，很方便。 ▓ ▓ ▓ ▓▓ ▓▓ ▓ ▓
還可以很輕易的變成斜體字哦! ▓ ▓ ▓▓▓ ▓ ▓ ▓▓ ▓ ▓
這是水管工做不到的。 ▓▓ ▓ ▓ ▓ ▓ ▓ ▓▓▓▓
要說，堆積木有什麼缺點嘛， ▓ ▓▓ ▓ ▓ ▓ ▓ ▓ ▓ ▓
大概也只有不容易寫中文而已。 ▓ ▓ ▓ ▓▓ ▓▓ ▓ ▓
其實也不用侷限一定要堆同一種積木，
只要看起來舒服，給它多一點變化也沒關係，以下是個有趣的寫法。
▓ ▓ ● ●● ●●
▓◆ ▓ ◆ ● ●
▓ ◆▓ ▓ ◆ ●●
▓ ▓ ▓▓ ●● ●●● Nice
◆ 長方形活用
▁ ▂ ▃ ▄ ▅ ▆ ▇ █
▄▄ ▄▄ ▄▄
這一套由下往上、 ▊ █ █ █
由左往右延伸的長方形系列， █ ▄█ ▄█
也可以用在寫ASCII字上面。 ▋ █ █▄ ▄█
至於一些先天上的限制， 123
例如製造方向反過來的長方形，▌
要等學會顏色碼以後， ▄▄▄ ▄▄▄ ▄ ▄ ▄▄▄ ▄
才能設法突破這個限制。 ▍ ▌█ ▌█ █ █ █ ▌ ▌█ █ ██ ▌
█ █▄█ █ █ ▌ ▌█▄█ █ █ ▌
筆者在右邊寫了一些範例： ▎ ▂█▂ █ █ █ ███▌█ █ █ █▌
TAIWAN
▏
◆ 直角三角形活用
這四塊直角三角形，在做ASCII字的時候，也有發揮的空間。 〔 ◥ ◤◢ ◣ 〕
組合範例 ◢◣ ◥◤ ◢◤ ◥◣ // 等腰三角形與平行四邊形
斜線效果 ◥◣ ◢◤ // 45度的斜線
◥◣ ◢◤
◥◣ ◢◤
交叉效果 ◥◣◢◤ ◥◣◢◤ // 用在英文的X x，或是中文的交叉部分
██ ◥◣
◢◤◥◣ ◢◤◥◣
嗯，愈來愈奇特了，在三角形參與進來之後，
可以做出更有趣的字體，以下就是一個簡單的排列方式：
◢
◢◤ ◥█◤ ◥◣ █◤
◥◣ █ ◢█ █
◢◤ ◥◣ ◥█◣ █ star
當其中一個字母不是很清楚的時候，可以靠前後文的幫忙，
讓讀者快速推論出比較不清楚的字。 :)
◣ ◢
◥◣ ◢◤ █◣ ◢◣ ◥◣
◥◣◢◤ █◤ ◥█ ◢█
◥◤ ◥◣ █ ◥█◣ Vega
◥◤
◤──────╮
│Ⅲ 創意字體 │
╰──────╯
◆ 正方字
很特別的字體，這種字體主要是耍可愛吧？ ^^"
可是很不好設計，因為要顧慮它們〔外框〕的完整，
然後在方形裡面進行切割的動作。
┌──┐ ┌──┐ ┌──┐ ┌┬┬┐
│ │ │ ─┤ │┌┐│ ││││
││││ │ ─┤ │└┘│ │ │
└┴┴┘ └──┘ └──┘ └──┘ MEOW =^.^=
◆ 輪廓字
用特殊符號圍繞在文字的外圍，文字裡面才是真正的筆劃，
以下是個不錯的範例，來源取自 http://www.chris.com/ascii/ 。
_ ____ ____ ___ ___ _ _
/ \ / ___| / ___|_ _|_ _| / \ _ __| |_
/ _ \ \___ \| | | | | | / _ \ | '__| __|
/ ___ \ ___) | |___ | | | | / ___ \| | | |_
/_/ \_\____/ \____|___|___| /_/ \_\_| \__|
____ _ _ _ _
/ ___|___ | | | ___ ___| |_(_) ___ _ __
| | / _ \| | |/ _ \/ __| __| |/ _ \| '_ \
| |__| (_) | | | __/ (__| |_| | (_) | | | |
\____\___/|_|_|\___|\___|\__|_|\___/|_| |_| ASCII Art Collection
◆ 懸浮字
先用 █ 以堆積木方法堆成本體，再用接水管的方式畫出它的陰影。 █
感覺就像是浮出來的字一樣。本體不要有半形寬度的銜接，像是這樣： █ X
███┐ ███┐ ███┐ ███┐
└█┌┘ █┌█│ █┌─┘ █┌█│
█│ ███│ █│ █│█│
█│ █┌█│ ███┐ ███│
└┘ └┘└┘ └──┘ └──┘ TACO
◆ 立體字
同樣的，請先用 █ 堆出積木字，也一樣不要有半形寬度銜接，
接著，利用 〔／〕〔▁〕〔▏〕進行立體雕琢。
▁▁▁ ▁▁▁
／ ／▏ ／ ／▏ // 這個D有靠顏色碼幫忙修飾
███ ▏ ▁▁▁ ███／／▏// 加了兩條底線
／ █ ▏ ／ ／▏ █ ▏█ ▏
███ ▏ ███／ █ ▏█ ▏
／ █ ▏ █／ █／
███／ ███／ 3-D
OK！字體的介紹就在這邊告個段落囉～ :)
══════════════════════════════════════金 ∫ 台大資管鳴蟬小站 90級美工 黃舒淳