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::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::