寄信人: aqua (Wing On Clouds·我心似海洋)
标 题: ﹤—— 第四讲 色块字 ——﹥
发信站: 四川大学蓝色星空站 (Thu Oct 13 20:49:24 2005)
来 源: 202.205.10.10
第四讲 色块字
除了线条画,ASCII的另一个重要领域是色块画。色块表现力丰富,色彩斑斓
充实,和线条画清秀淡雅的风格明显不同,展现了一种浓墨重彩的境界,颇有
水墨、油画的效果。色块画的基本符号如下:
▁▂▃▄▅▆▇█ ︳▏▎▍▌▋▊▉▕ ◢ ◣ ◥ ◤ ▼ ▲
我们首先窥豹一斑,来看看这个圆,介绍基本技法:
▁▂▁
◤ ◣
▎ ▊
▊ ▎
反色→ ▋ ▍←正色
▊ ▎
▎ ▊
◣ ◤
▆▅▆
☆ 色块有两种基本技法:“正色”和“反色”,请看上面的标注。“正”是直
接将色块上色,作为画面的一个部分,勾勒出物体的轮廓。“反”是将色块上
成黑色(或者邻近的颜色),利用它遮挡所留出的背景色组成画面的一个部分,
则是衬托的手法。利用反色技法的部分一般只能上成暗色。如果全部使用正色
画法,可以组成全高亮的画面,拼起来比较容易、简约,但是局限性会比较大,
变化较少,看下面的例子:
▁▂▃▄▃▂▁
◢███████◣
◢█████████▏
██████████▎
██████████▍
██████████▌
██████████▍
██████████▎
◥█████████▏
◥███████◤
可以看出西和南两个方位变化很少,只能画出45度线和水平、竖直线。但是
全高亮画也是一个很重要、很流行的方向,只要扬长避短,创作出的画面有
一种很简约、可爱、亮丽的感觉。
正色和反色可以用ae上的反色按钮转换,可以节省时间。
下面我们从色块字体进入这块天地。
一、高亮字体
1、徒手拼
◢ ◢▆▅
◢ ◥█◣ ◢◤ ◤ ▄▆◣ ◢
◥█◣ ◤ ◤ ◥▇◣ ▍▄ ▍ ◢███◣
◤ ◢◤ ▋▌◤ ███ ◥ ◣ ◤
▍▋▃▄◥ █◤ ◥◤▆█▄ ◢◤ ◥◤
█▋▌█◢ ◥◤ ▅█◢▏ ▅▃
◥████◤ ◥▇█◤ ◥█▆◤
▄█▄▄█▄ ◢▄▄ ▄▄▄▄▄ ▄▄█▄▄
▆ ◢▂▂ ◢◤ ◤ █▆▆▆█ █ ▊▊ █
▊█◢◤◥◣ █▄▄▄▆ █▆▆▆█ ▅◤ ◥▅
▂▂▂▂▂ █▃█▃█ ◢◤▆▆▆ ▆▆▆▆
█ ▊▊ █ █ ◣ ▆▅█▅ █
█▇▇▇▇▇█ ◥▆▆▆▆◤ █▆▆█▆█ ██████
◢◤◥◣ □ ◢◤▂▂
□ ◢◤▄▄◥◣ □ □ ◢◤ ◥█
◢◤ ▅█▅▅ ▃▃▃▃ ◤◤ ▃▃▃
◤ ▃█▃ ◢◤◥◣ ◢◤▌▃▃█▄
■ ◥◣█ ◢◤ ▌ ◥◣ ▌ ◥ █ 舍不得□□■□
■□ ◥◤ ▌ ◥█ ■□■■
▃▅▁▄ ◣ ▄▁
▕████▅ ◢█▅▃ ▕██▆▄ ▄
▋◢█▄ █◤ █◤ █ ▃█◤ ▇▆▅█▄▂
▎ ▋▄▂ ▇▆▅▄ ▕█▅▊ ◥◥▆◤▉◥▎
▆▅▅▃ █▍▌ ▊ ◢▆█▅▄ ▄▂ ◥◤
▉ ▋▌█ ▕█▇▅◤ ▆█▄ ◥██◤
▆█ ▍▎█▎ ▕█▅▂◢ ▆▄█▃▁ ▄▃▊
◥████◤ ◥██◤ ◥████◤ ◥███▇◤
看看下面的dntx生日体,这种字体增加了倾斜度和笔锋,看上去有书法的特点,
也很简洁明了。
◢◣
█ ◣ ◣ ◢█◤
█◣ ◢█◣ █ █◢◣ █◤ ◣
◢ ◢█◤ ◣ █ ◣█▃◢█◤█ █ █▅
██◤█ █ █ ██◤ █◢◤ █◢█◤
◢█▄ █◢▉ █ ◥█ ◢██◤ ██◤█
◥██◤ █ █ █◥◤█ ◥◤ █ ◥◣
◢█ █ ▃ █ █ ◢◤ ◥◣ ◢█◤ █ ◥█
◢████◣ ◥◤ ◥█ █ ◤ ◥█ ◥ ◥█
▼ ▼ ▼ designed by dntx ▼
☆色块字徒手拼感觉比线条简单,没线条那么多变化,拼出来的字体基本上
是横细竖粗,看上去比较敦实。因为竖是向左偏的,如果不用最大的方块█
填充,看上去就会和横线产生缝隙,效果不是特别好。横线则是可以用各种
粗细的线去连接:
▁▁▁ ▂▂▂ ▃▃▃ ▄▄▄ ▇▇▇
撇捺点可以用三角形去拼制:
◢ ◣
◢◤ ◥◣
◢◤ ◥◣
☆高亮字体不是说只能上成亮色,而是指没有利用背景色成为画面(即反色
技法)的方式。通常的上色效果还是明暗色结合。
来欣赏一幅很优秀的高亮作品by kingboy@飘渺水云间:
╦╩╦╩╦╩╦ ╦╩╦╩╦╩
╦╩╦╩╦╩▅▅▅▅╦╩╦╩╦╩ ╩╦╩ ╩╦ ╩╦╩╦╩╦╩
╦╩╦╩╦╩╦◥◥█▌▁▂▃▄▅╦╩╦ ◣ ╩ ◣ ╦╩╦╩╦╩╦
╦╩╦╩ ◣▃▄ ◥▊▁▂▄▅◣◣╦╩ ◣▄ ◣ ▁▂◣ ╩╦╩╦╩
╩╦╩╦╩╦ ◣▅▆███████▊ ╩╦ █▆▇ ███◣◣ ╩╦╩
╦╩ █▌ ▃▃▃▃▃▃ █ ╦╩ ◤ ◥ ◤ ▊ ▃▃ ╦╩╦
╩╦ █▋ ▅▄▃▂▁╦ ◤◤╩╦ ◣ ▊◤ ▅ ◣ ╦╩╦
╩╦╩ █▊ ▆▅▄▃▂ ◤╩╦ ◢◢█ ▃▄ ◥▋▁ ╦╩╦
╦╩╦╩╦ █▍ ◥███◤◤ ╩╦ ◢◢█◤ ▅▆▇██◤ ◤ ╦╩╦
╩╦╩╦╩ ◥▌ ◥▃ ◤▁▅▅═◢◢██ ▂▁ █ ╩╦╩╦
╩╦╩╦╩╦╩◥ ▄▅▆██◤ ╩ ▃▃ █▍▊ ◥█ █▎╦╩╦╩
╦╩╦╩╦╩╦ ◥◥██◤◣ ▃╦╦╩╦╩ █▎╩◥◥▎█▍╩╦╩╦╩
╦╩╦╩╦ ╦ ◥ █◣◣ ╩╦╩╦ █▍╦ ▃▂ █▎╦╩╦╩╦╩
╦╩ ◣╩ ╦╩ ◥◥█◤◤ ╦ ╩ ◥▌╩◥◥█◤◤╩╦╩╦╩
╩ ⊙⊙` ╦ ╩ ◥ ◤ ╦ ╩◥ ╦ ◥ ◤╩╦╩╦╩
╦ ﹏▲ ╦╩ ╩╦╩╦ ╩╦╩ ╩╦╩╦╩ by KingBoy
还有一种流行自tw站点的字体,类似于广告体,比较Q:
▄ ▂▂
▉ ◢▏ ▃█▋ █▅▂ ▌ █◤█◣
██▄◢██◢███▇▆ ◥██▇ ▂▂ ▋ ▂ ██ ▋ ▌
◥████◤◥█◤▄▃▌ ▄▆▆ ◥█◤ ██▇█▄▅▅ █◣ ◥█◤
▊ ███◣ ◥█◤▄▁ ◥█████◤ ◥█ ◢█◣
████▇ ███◤ ◢███▇▌ ◥███◤ █▇ ▉ ▋█
◥███◤ ▋ ▊ ██◤◥██◤ ◢▋▉ ◥█ ███▍
▃▄█▃▄ ▄█▄▊▂ ◥█ ▋ █ ▉ ▊ ◥◣█
◥███◤ ◥████ ▋ ▌ ◢◤ ▉ ◢◤ ▅█▄
▌ ◥██◤ ▌ ◣ ▊ ◤ ◥◣ ◥█◣ ▋
▍ ▌ ◥█ ◥██◤
2、工具辅助
辅助工具依然是软件bmp2ascii,和前面讲过的的使用步骤是一样的,我们先
在word选好字体,做好bmp图片,在软件中打开,记得选上任一种亮色。尝试
调整不同转化比例,找到最合适的毛坯,然后对毛坯进行修改。
比如这两个字:我后来把毛坯改小了。
▁ ▁
▂▃ ▕▌ ▃ █◢▅ ▃ ▋ ▄▂▋▂
◥█▋ █◢ █▊▉ █▋ ◥█ █▆▂ ██▌█◣
◥█▅ ██▉███▇▇ ▄▂▁ ▉ █▏ ◤ ▌ ███▇▏
◢█▇◤▕▏█▌ ▊ ◤▉▊█▎ -> ◥██▆▋ █ ▊ ▋▌▉
▕█▕▍ ▎ ▉ ▃▉ ▌▌█ ▊ ▋ ▋ ▋ ▆█▌ ▍▍▋
▕▊◢▋▌ ▌ ◥▍▕▕▎▊ ◥◤ ▌ ▍ ◥▌▕▕ ▉
▕▏ ▍ ▕▍ ▍◥▎ ▏ ▕
二、暗色字体
暗色字体还是应该借助软件bmp2ascii,然后进行细致的修改。在修改的过程
中,要记得经常按F11键,是无缝查看快捷键,这是画色块很重要的一个经验。
修改过程主要是抗锯齿的问题,使得曲线光滑,变化平缓。
首先介绍一下锯齿(毛刺)问题:
锯齿 较平滑
↓ ↓
▂█▂◣▃◢ ▄▆▇█▇▆▄
如何消除锯齿,绝招就是──均匀!
对毛坯需要做的是:
1)删掉多余的色块
2)精简色块,将一些大量█并且是暗色的色块用大幅的后景色来表达。
能用背景的地方尽量用背景色,这可以节省空间,更利于发挥。
3)平滑色块,修理毛刺。三角一般是引起毛刺的最大原因合理的利用三角
色块,并且尽量避免直接连接的色块大小差异太大,做到均匀过渡,经
常按F11检查。
4)适当利用线条字符代替一些色块难于表达的部分。
☆在色块画中,抗锯齿是很重要的,否则画出的作品转化痕迹太重,归咎的
是作者的态度和站点形象问题。
在软件bmp2ascii中,任选一种暗色,关闭所有的高亮色,进行转化。
看几个例子:
▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▌ ▅ ▁ ▁
▌ ▂▄▆██▇▆▆▄▃ █◣ ▁█▎
▌ ▅█▄▅▇ ▃▃▃▁ ▕▊ ▄▆██████▇
▌ ▄▆█▃▄▂█▌ ▕█ ◥◤▁▂█◣ ▄
▌ ▕▊ ▂▃▄▅▊▁ ▕▊ ▆██▉◥█▆◤
▌ ▂▄██▁▂▅▄█▃▂ ◢▊ ◢◤ ▂██◣
▌ ▃▄▉ ▁▃▃▃▍ ◢█▌ ▆◤▕█ ◤◥█▆▃
▌ █ █◤◥▉ ◥█▉▃▃▄▅▅▅▄▃▁◥◤
▌ ◢▍ ◢█▏ ███▃▄█▃█▉
▌ ◢█▏◢◤◥█▃ ▕▊ ▕▊ ▕▊ ▕▊
▌ ▁▅◤ ▋ ◤ ██◣▁ ▁▂▅█▇████▆▊
▌ █ ◤ ▕█▄▅▆▊◥███▆ ▕███▃▅▆▇▅▃██▇▆▇◤
▌ █◤ ██◤ ▆▇ ◥█ ◤
▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▂◤ ▎
◢ ◣ ▂◤◣ ▏
▏ ▇ ▂ ▊ ▁▂▄▅▂
▍ ▃▅ ▎ ▊ ◥
◤▅▅▇▄ ▎ ◣ ▂◢
◤ ▁▁ ▉ ▊ ▅▄ ▁▃▅◥
▊ ▂▅▂▏ ▊ ◤ ◥ ▏ ▏
▊ ▏▏ ◢ ▃▆ ▁ ▎
▍ ▋▎ ▍ ▋▋ ▉ ▂ ◢ ▊ ▍
▏ ▋ ▄ ▍ ◢▁ ▏ ▌
▉▇▏ ▎ ▎ ▊ ▏◢ ▎ ▎▏ ▕▆ ◣▄
▎ ▎ ◣ ▋▊ ▄ ▁ ▍ ▕◥ ▏
◣ ▂ ▉ ▎ ◣ ▎ ◣ ▎▏ ▉ ▅
◥◢ ▊▁ ◣ ▎▋▎ ◢ ▆▊ ▁◢ ▃▄▃
◥ ◤ ▂▂ ▎ ▂ ▏
◣ ◤ ▏ ▃ ▅
▄▅▄ ◢▂ ▎
YAHOO@TJU ▎
▍ ▂▂▉
by yahoo@TJU
▁▄ ◤▃
◥▂ ▍▄▍ ◢◥ ▕▇◣▂◤ ▋
▍◥▋▊▎ ▅◤ ◥▅▄▅▂▆ ▅▄▄◢◣
▉◥ ▊▍ ▋▍ ▃▃▆ ◢▍
◤ ▄ ▏ ▕▃▁▉▄ ▆◥ /◢ ▋
▉ ◢▆▂ ▉▌ ▊ ▄◥▂▂ ◢ ◤ ◢ ▕
▊◥ ▂ ▅▎ ▂▁ ◣ ◤◢ ◢◢ ▎ ◥ ▕
▊▋▋◤▄▆▂ ▄◤▅◣ ◢ ▕◣ ▍ ▃ ▊◢◣▋
▉ ◤◢▍ ◤ ▆ ▇▄▅ ▋▍◥▍▎ ▆ ▏▇ ◤ ▕
▉ ▏▏▋◢▃▄▄▃▄▄▅◥ ▕ ▎ ▏▏ ◤ ▕▉ ▉ ▕
▋▊ ◢▋▁▁▁ ▁▁ ▁▊ ▋ ▏ ▕▎ ▉ ▏▊
▉▎▋ ▆▇ ▂ ▍ ▏ ▋ ▉▎▍▊ ◤ ◣ ▇ ▍
▋ ▍▎▂▂▃▃▅▆ ▆ ▍ ▲◣▊ ▅ ▄▍▍▊ ▍
▊ ▋_ ▄▃▂▂▄▃▄ ▆ ▍▍▍ ◣◥◤▇▄▋◤▃▎ ▎
▎▋ ▍▆▅▄▅▅▆▇ ▕ ▋▍ ▆ ▇ ▋ ▎
◣ ▏◥ ▋▍ ▎ ▋ ▎
▋▏ ▆▍ ▋ ▍▎ ▋▋▍
▏ / ▏ ▕◣◢◤ ▋▋
▋▎︳ ▎ ▇ ▋▋
▉ | ▊▍ ▋▊▍
▉ ▊◥▏▍ YAHOO@TJU ▋ |▎
◣▄ ▍▎ ▏▊▍
▆▄▆ ◣▄▍
by yahoo@TJU
☆ 另外还有这种以背景色直接作为笔画的字体,看上去很可爱,适合写偏小、
方方正正的字:
┘└ - - ││ ┘└ ┘└ - - ▅▅ █ ◥ ▌◤
││ ┐┌ ┘└ ┐○ - - -┐┌ ┌┬┬────┐ ▅ ██▌ █▌
┐┌ ││ │ ││ - ┌ ││ │││ __ __ │ ▄ ▄█ ▅▅ ▌
中秋快乐 │││ __ __ │ ▆ ▅ ▄ █
│││ │ fashionable decoration
┌───┐ ___★____ ││├────┤ ▄▄ ▄ ▄ ▄ ▄
├─ ─┤ ├-┘ └─ ├┘│ ─ │ ▅▅▅▌ ▄ ▄_▄
├─ ─★ ├─ ┌─ ├─┼────┤ ◢ ◤ ▄▄ ̄ ▄
└───┘ │ │ 国庆 └─┴────┘福 _╱ ▌ ◢╱ ◤
by lstar ◢ ◢ ┃
by aqua
☆明暗技法不是绝对的,经常在一幅画里看到明暗技法结合的风格,一幅优
秀的作品通常是这样。下面这幅出自yahoo@TJU,暗红的背景与高亮的字体融
合一体,和谐壮观,非常有气势。关键是搭配要合理。
▏ ▅▁◢ ▏ ● ▄ ▍
◢ ▄ ▄▃▃ ▁ ▏
▎ ◢▏▇◣ ◢█◣ ▆
▎ ◤ ▕██▋ ◥ ██▉
▏◣ ▇███◤ ◣ ▅▅ ▆◥ ◢▂▅███◤
▆▋▕██◤▂▄▂ ◣ ▂▅▅◣◥ ◤ ◢███◤▆ ●
▁ ◢▄◢████▍ ▉ ▎ ◤██████◣
▊▆ █▆██▄▅◤▇ ◥▂ ▎ ◤ ▅████▍ ▄▅▅
█▊ ▉██◢██▉ ▃▄ ◥▊ ██◤▅ ◢ ▂▅▅
▕█▊ ◢█◤███▎ ◥ ▍ ◢ ▄ █ ◥▍▃ ▅▅▆███◤
██▍◢▕█▃◢█◤▇◣ ▊ ◣ ▊ _▂▅▇██◤▆▇▇
▕██▏▋▎ ̄▄◥█▆█▊▆ ▍ ▍ ▁▅██◤▆ █▍ ●
▕██▊ ▍▅◢▆█◤◥█▁▃▄▅◣ ▁▅ ▁▂▄▆█◤▉ ▁▄▅█▍
███▏ ▋▕▄▂█▆▇██████▎▂ ◢███◤▇▕▊◢◤ ██▍
◥█▌_▃▄▅█◤▄ █▍▃▃▃▁▏ ▕██◤▁▃▅▕█◤ ◢▌█▍
▕█▍◤ ̄ ◣◥◣ █▍▂▁ █◤ ▅ █▎◢█▎█▏
▕█▌ ▄ ▅◥ ◥▏ █▍ ▄▁ ▋◣ ▂▕▊ ██◤ ▉
◥▉▏◥ ◤ █▍ ◥ ▆ ◤ ▆● ▉██◤▆▕▉
▇ ▇ █▍ ◣▂▄ ▇▆ █▎
● ▕█▍ ▄◥ ◢ ▎ █▌
YAHOO@TJU ◢█▏ ▎ ▅▅ ▄◢█◤ ●
作业:
任选几个字,先徒手拼制,再用高亮和暗色分别转图,进行修改。
Sender: aqua Wing On Clouds My heart is like the ocean
Title: ﹤ Lecture 4 Color Block Characters ﹥
Sending station: Sichuan University Blue Star Station Thu Oct 13 20:49:24 2005
Source: 202.205.10.10
Lecture 4 Color Block Characters
In addition to line drawing, another important field of ASCII is color block painting. Color blocks are rich in expression and colorful.
It is obviously different from the elegant and elegant style of line drawings, showing a state of thick ink and heavy colors, which is quite interesting.
The effect of ink and oil painting. The basic symbols of color block painting are as follows
Let’s first take a peek at the circle and introduce the basic techniques.
reverse color normal color
There are two basic techniques for color blocks, direct color and reverse color. Please see the label above. Positive color is straight color.
Then paint the color block as a part of the picture to outline the outline of the object. On the other hand, paint the color block on
Turn it into black or a neighboring color, and use it to block the background color to form a part of the picture.
It is a foil technique. Parts that use reverse color techniques can generally only be painted in dark colors. If all positive colors are used
The painting method can form a fully highlighted picture. It is easier to put together and simple, but the limitations are relatively large.
Less changes See the example below:
It can be seen that the west and south directions change very little. Only the 45-degree line and horizontal and vertical lines can be drawn. However,
Full-highlight painting is also a very important and popular direction. As long as you use your strengths and avoid weaknesses, you can create pictures with
A very simple, cute and bright feeling
You can use the reverse color button on ae to switch between normal colors and reverse colors, which saves time.
Next we enter this world from the color block font
1 Highlight font
1 fight with bare hands
Reluctant to part with it
Take a look at the dntx birthday font below. This font adds slope and strokes, which looks like calligraphy.
Also very concise and clear
designed by dntx
Freehand spelling of color block characters feels simpler than lines. There are not as many changes as lines. The spelled fonts are basically
It is horizontally thin and vertically thick, and looks relatively solid because the vertical direction is to the left. If the largest square is not used,
Filling seems to create gaps with the horizontal lines, and the effect is not particularly good. The horizontal lines can be filled with various
Thick and thin wires to connect
The points can be spelled out using triangles
Highlighting the font does not mean that it can only be made into a bright color, but it means that the background color is not used to become the picture, that is, the inverted color
Techniques: The usual coloring effect is still a combination of light and dark colors
Come and enjoy an excellent highlight work by kingboy@窭冱水云间
by KingBoy
There is also a popular font from the tw website, which is similar to the advertising font, more Q
2 Tool assistance
The auxiliary tool is still the software bmp2ascii. The usage steps are the same as mentioned before. Let’s first
Select the font in word, make a bmp picture, open it in the software, remember to choose any bright color, try it
Adjust different conversion ratios to find the most suitable blank and then modify the blank.
For example, these two words, I later made the blank smaller.
>
2 dark fonts
Dark fonts should still use the software bmp2ascii and make detailed modifications during the modification process.
Remember to press the F11 key frequently, which is the shortcut key for seamless viewing. This is a very important experience for painting color blocks.
The modification process is mainly about anti-aliasing, making the curves smooth and the changes gentle.
First, let’s introduce the problem of sawtooth and burrs.
Saw teeth are smoother
How to eliminate aliasing? The trick is to make it uniform
What needs to be done for the blank is
1 Delete redundant color blocks
2. Streamline the color blocks. Use large background colors to express some large and dark color blocks.
Use background color wherever possible. This saves space and is more conducive to performance.
3 Smooth color blocks and repair burrs. Triangles are generally the biggest cause of burrs. Use triangles reasonably.
color blocks and try to avoid directly connected color blocks with too large a difference in size to achieve an even transition.
Always press F11 to check
4 Appropriate use of line characters to replace some difficult-to-express parts of color blocks
In color block painting, anti-aliasing is very important, otherwise the painted work will have too many transformation marks.
It’s a matter of the author’s attitude and the site’s image.
In the software bmp2ascii, select any dark color and turn off all highlight colors for conversion.
Look at some examples
YAHOO@TJU
by yahoo@TJU
YAHOO@TJU
by yahoo@TJU
There is also this font that uses the background color directly as the stroke. It looks very cute and is suitable for small writing.
Square and straight characters
Happy Mid-Autumn Festival
fashionable decoration
national day blessing
by lstar
by aqua
The techniques of light and dark are not absolute. We often see the combination of light and dark techniques in a painting. A good picture
Show works usually look like this. The picture below is from yahoo@TJU. The dark red background and highlighted fonts blend together.
Integrated, harmonious and spectacular, very impressive. The key is that the combination must be reasonable.
YAHOO@TJU
Operation
Select any few words, spell them out with your own hands, and then use highlight and dark colors to transfer them to the image and modify them.