BBS繪圖教學
出自KMU Wiki
轉自作者: flylitlig (小光．飛) 看板: M96
標題: 【教學】小光的簡單畫圖教學
時間: Wed Feb 27 21:24:30 2008
有沒有熱帶魚如此不穩的八卦？
害我重打了兩次，現在正要開始第三次，真的很想罵髒話 ＝ ＝
於是我決定拋棄那不值錢的魚幣，把內文先打在ANSI編輯裡面 補個＊
[編輯] =================================================================
話說，上次預告要教雙色字，但是我想到雙色字的原理也常常運用在畫圖上，
所以今天就來教一下畫圖，我想太複雜大家也沒興趣，所以就教大家作簽名檔吧…
應該還算是有機會用到∼
首先先來介紹工具：
如果你使用PCMAN，請到工具列中找到工具(T)再找標點符號輸入(S)
如果你使用KKMAN，請到工具列中找到編輯(S)再找特殊符號表(S)
這時你會看到下拉選單中有很多符號
不過我們用來畫圖最常用的大概還是單線框、雙線框、填色(方塊)
有一些特殊圖形符號偶爾會用來輔助
再來講講簽名檔，在批踢踢簽名檔的上限是六行，雖然在熱帶魚沒有限制，
但是簽名檔太…高(應該是高吧)也不好看，所以還是建議能壓在六行以內。
最後，講解製作簽名檔的一些小撇步∼就是務必先畫圖再上色！
因為一邊畫一邊上色很可能對不準而要一直按Ctrl+V切換！
一、線條字
基本上，線條字是最簡單的。因為只要把他給頭對頭、尾對尾拼起來就好了∼
可以在轉角處選擇圓滑轉折或是直角轉折，各有各的感覺。
附上我用線條字作的簽名檔(見例一、二)：
例一：
╭ ╮ ╮ ╮ I can do everything through
│ │ │ ． │ ．
┼ │ ││ │ ╮ ┼ │ ╮ ╭╮ him who give me strength.
│ │ ╰┤ │ │ │ │ │ ╰┤
�[1;33;42m ╯ ╰ │ ╰ ╰ ╰ ╰ ╰ │ 《Phil 4:13》
╰╯ ╰╯
例二：
�[;37;43m ∵�[;37;43m ．�[;37;43m
· [BIG5?]?bsp;[BIG5?]?IG5?]?[BIG5?]?bsp; [BIG5?]?bsp; [BIG5?]? ˙
˙ [BIG5?]?bsp;[BIG5?]?IG5?]?[BIG5?]?? [BIG5?]?IG5?]?IG5?]?D? ◢
。 [BIG5?]?bsp;[BIG5?]?bsp; [BIG5?]?IG5?]?IG5?]?IG5?]?IG5?]?IG5?]?bsp;[BIG5?]?bsp; █◤
﹢�[;37;43m [BIG5?]?Û[;37;43m [BIG5?]?Û[;37;43m [BIG5?]?\??43m
但是用線條字的缺點就是他占的面積真的不大，所以如果你不像例一那樣在旁邊寫字，
就會像例二那樣只占一點點空間，當然你可以把他置中(見例三)，看起來會好一點。
例三：
�[;37;43m ∵�[;37;43m ．�[;37;43m
· [BIG5?]?bsp;[BIG5?]?IG5?]?[BIG5?]?bsp; [BIG5?]?bsp; [BIG5?]? ˙
˙ [BIG5?]?bsp;[BIG5?]?IG5?]?[BIG5?]?? [BIG5?]?IG5?]?IG5?]?D? ◢
。 [BIG5?]?bsp;[BIG5?]?bsp; [BIG5?]?IG5?]?IG5?]?IG5?]?IG5?]?IG5?]?bsp;[BIG5?]?bsp; █◤
﹢�[;37;43m [BIG5?]?Û[;37;43m [BIG5?]?Û[;37;43m [BIG5?]?\??43m
二、填色字：
這個就比較困難一點，基本上，簡單一點的作法是用方塊像堆積木那樣把它堆起來。
可以用很規則的方塊來作堆疊(見例四、五)，也可以運用圓點、三角型等等(見例六)。
當然也可以跳脫框架，直接很大氣的把字作五行或六行(見例七)。
例四： BIG5?]::::?i?i?i:?i [BIG5?]:?i [BIG5?]?i:?i [BIG5?]:?i?i?i:?i?i?i:?i [BIG5?]:?i?i?i:?i?i?i::::
[BIG5?]::::?i?i?h:?i [BIG5?]:?i?i?i:?i : █ : █ [BIG5?]:?i : █ [BIG5?]:?i�[;30;40m?h?h::::
[BIG5?]::::?i?i [BIG5?]:?i?i?i: █ [BIG5?]:?i?i?i:?i?i?i: █ [BIG5?]:?i?i?i:?i?i?i:?i?h?i:::: <br
例五：
╭───╮﹏﹏﹏╭─┬─╮﹏﹏﹏╭───╮﹏﹏﹏╭─╮﹏﹏﹏﹏﹏╭───╮
[BIG5?]?x?�[;30;40mi?i?i???w?w?w???�[;30;40mi █╰─╮ [BIG5?]?x?�[;30;40mi?i?i???w?w?w???�[;30;40mi???w?w?w?w?w???�[;30;40mi?i?i?x
[BIG5?]?x?�[;30mi?i?h [BIG5?]?�[;30mi [BIG5?]?�[;30mi?i?i [BIG5?]?�[;30mi?x ├ █ [BIG5?]?�[;30mi?i?i [BIG5?]?�[;30mi [BIG5?]?�[;30mi?i?i [BIG5?]?�[;30mi?h?h?x
[BIG5?]?x?�[;30;40mi?i?~???�[;30;40mi [BIG5?]?~???i?~???�[;30;40mi???w???�[;30;40mi?i?i?~???i?~???�[;30;40mi?i?i █ [BIG5?]?�[;30;40mi?h?i?x
[BIG5?]???w?w???x?�[;30;40mi?i?i?x???w???x?�[;30;40mi?i?i?~?w?w?w???x?i?x???w?w?w???�[;30;40mi?i?i?~?w?w?w??
﹌﹌﹌﹌╰───╯﹋﹋﹋╰───╯﹌﹌﹌﹌╰─╯﹋﹋﹋﹋╰───╯﹌﹌﹌﹌
例六：
█ ● █ █ ▃ ▃
█◢◤ █ █ █ ◢�[30;41m˙ █◤◢�[30;41m▄ [BIG5?]?e █◤ [BIG5?]?i�[30;41m?e
█◥◣ █ ◤ ◤ ◥▅ █ [BIG5?]???f�[30;41m?i?f █ [BIG5?]?i?f
→ diwai �[;31;40m█
例七：
◢███★ ◢█ █★ ◢█◣█★ ◢███★
█████ ██ ██ █████ ███▂▂
██▌ ██ ██ █████ █████
██▌ █████ █████ ███▂▂
◥██◤ ◥███◤ ███◥█ █████
三、其他字：
就是讓大家發揮創意的意思，不過靈感也不是這麼容易來，在此推薦大家兩個板：
PTT的asciiart板跟ascii_wanted板，這裡常會有神人出沒
也就是偷偷把他們的技巧學起來的好機會啦！
P.S. 因為有些圖我找不到作者，所以就不方便轉 XD
請大家有空自己去看看吧∼應該是可以激發出不少靈感的。
發現篇幅好像不太夠，可能講不到雙色字了XD
所以就講一下一些畫圖的技巧
就是別忘記可以把背景跟前景的顏色互換，有時候會有意想不到的結果∼
例如：
[BIG5?]?b?ЂI?Ÿ??�?????趴?u???ġŢb?c?d?e?f?g?o?إѤU???WŜ????
那如果我要作由上往下變矮的怎麼辦呢？
很簡單，只要把背景變成綠色，前景變成黑色問題不就解決了嗎？
就像這樣∼ [BIG5?]�[30;42m?h?g?f?e?d?c?b?šĠ
(由左而右的填色方塊也可以依樣畫葫蘆變成由右而左)
另外像上面的 ◢�[30;41m˙ 中間那個黑色洞洞，也就是用˙這個符號
◥▅
然後把前景用黑色，背景用紅色作出來的！
或許少了雙色字，還有一些技法不能用…
像是 [BIG5?]?i █ 左邊的那條亮白色作不出來，不過近期內我會努力把它寫出來的∼
[BIG5?]?i?i?i
█ 就請大家努力嘗試、激發靈感吧！
--
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
[BIG5?]::::?i?i?i:?i [BIG5?]:?i [BIG5?]?i:?i [BIG5?]:?i?i?i:?i?i?i:?i [BIG5?]:?i?i?i:?i?i?i::::
[BIG5?]::::?i?i?h:?i [BIG5?]:?i?i?i:?i : █ : █ [BIG5?]:?i : █ [BIG5?]:?i�[;30;40m?h?h::::
[BIG5?]::::?i?i [BIG5?]:?i?i?i: █ [BIG5?]:?i?i?i:?i?i?i: █ [BIG5?]:?i?i?i:?i?i?i:?i?h?i::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
