发信人: soulfox (小o&灵狐～以华丽之名), 信区: ANSI
标 题: 第七章
发信站: 日月光华 (2007年08月20日21:57:08 星期一), 站内信件
───────────────────────────────────────
__ ___
╱█ __ __ ______ ______ ╱∠-╲
╱__█ █ █ █__￣ ￣█￣ /╱︵╲\\
__╱ ￣█ █╲█ ▁ █ __█__ (╱⌒ \\│
￣ ￣ ￣ ￣ ￣￣￣ ￣￣￣ ╱_ / _)_/
日月光华ANSI版短期培训班 /__ /__
▏ ╱/╱
____ /▏╱╱ ╲
╱◣●\ /\︶╱ \
第 七 章: bmp2ascii的使用 /◆ _ / │ ~╲ │
▕▲ ╰)/─│ ☉│ │ │
▕◢ ^ \─│ │ │ │
主讲教师： goldbean ╲▼■/ │ ☉│ │_│
时间安排： 2008年08月20日 ▔▔ │ │ | |
当班教师： goldbean，MssCmm等 │ ︵___／ ＼_
│ (～──||||-'
───────────────────────────────────────
──|软件简介|────────────────────────────────
一 bmp2ascii的原理
b2a转图的原理比较简单，将bmp图片划分为14*7像素的单元格，将单元格与选
择填充的字符逐一比较，得到相对最贴近单元格的字符，双字节填充的情况下
将配比相邻几个单元格。其实际就是求图片在最小二乘意义下用字符填充的最
优解，因此一般用色块来转比较多，用单字节来转时效果不如色块效果好，但
也可以发挥一定的作用，后面我们将提到一些拓展的应用。对于编程比较擅长
的朋友也可以自己尝试写一个转图软件，可能会更符合自己的需求。
二 bmp2ascii的作用
作为一款ANSI转图软件，b2a 的作用是相对有限的，我们只能将其作为一种辅
助手段。在构画一幅图，尤其是色块图时，可以使用转图来得到一个大体的轮
廓，或是帮助自己分清色彩的层次，这样可以节省大量的时间和精力，我们就
可以把功夫画在细节的勾勒上去。现在有一些人转完图也不修改就拿来用，经
常看见一些充斥着三角毛刺的色块字被用作进版，这样是很不负责任的，我们
在转完图之后还是需要进行手工的修正，这样才能使ANSI图案更为美观。
────────────────────────────────────|⑴|─
──|使用说明|────────────────────────────────
一 软件界面
软件采用标准VC编写，界面注重实用，比较朴实。下图给出的是界面上方的工
具栏，下方省略的是图片的显示内容。手头已经有软件的同学可以打开软件对
比看一下，还没有下载软件的同学请到日月光华主页下载。无法连接日月光华
主页的同学也可到 http://www.ansiart.org/viewsoftware.aspx?sid=5 进行
下载。 ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
◆无标题 - Bmp2Ascii ▁□×
_文件(F)_查看(V)_帮助(H)____________________________________________________
|__________ ___ ___ ___ ___ 所用字符集:_________|
|___Open___| x-rate:|1__|y-rate:|1__|dx:|0__|dy:|0__| |█◢◣◥◤▏▎▍▌▋|
|_Save_Bmp_| √■√■√■√■√■√■√■√□| GO! | |▊▉▇▆▅▄▃▂▁▕|
|Save_Ascii| □■□■□■□■□■□■□■□■|______| ____________________|
| ○原图 ○格线图 ⊙Ascii图 |COPY|FtermCOPY|ANSI| |单.︱三.|色.︱更.|清|
|__________________________________________________________________________|
│ │
────────────────────────────────────|⑵|─
──|使用说明|────────────────────────────────
二 参数详解
Open按扭：默认可使用状态，打开一幅bmp格式的图片。
x-rate，y-rate：转出后图像的比例，范围在0至100之间，可用小数。
dx，dy：转出后图象的偏移，范围为所有整数。
16个颜色方块：转换中所用的颜色（颜色选择越多，转换速度越慢）。
GO按扭：所有参数设定好后按下GO按扭自动将图片文件转为ANSI。
Save Bmp和Save Ascii按扭：转换后在程序bmp2ascii.exe 所在目录下自动生成
ascii.bmp 与ascii.ans 两个结果文件。按SaveBmp, SaveAscii两个按扭可分别
将这两个文件另存为别的文件名。一般情况下我们只保存ascii.ans文件。
原图、格线图和Ascii 图：分别显示原图片文件、在AnsiEditor中对应的网格比
例以及转成ANSI后的预览图。
────────────────────────────────────|⑶|─
──|使用说明|────────────────────────────────
三 字符集说明
系统预定了四套字符集用于转换，分别是单字节字符、三角形字符、色块字符
和更多色块。
单字节字符：转换过程只使用单字节的字符，如a,/?等。
三角形字符：转换过程中主要使用█◢◣◥◤色块
色块字符： 转换过程使用█◢◣◥◤▏▎▍▌▋▊▉▇▆▅▄▃▂▁▕
更多色块： 转换过程中出上面的常用色块字符外还使用▲▼◆●★色块。
以上的四套字符，根据个人的要求可以分别使用也可以自行设定，只要在所有
字符集的框中自行填加。注意：框内字符的输入只可使用键盘直接输入以及鼠
标右键进行粘贴和复制。选择的字符种类越多，转换的速度就越慢。
软件并没有设置常用字符记忆功能，这是一个遗憾，不过一般我们使用软件自
设的字符集就已经足够了，每次使用需要额外添加的字符不多。大家在选择色
块集合时可加入“/|\-_"”等常用单字节进行补充。
────────────────────────────────────|⑷|─
──|转图技巧|────────────────────────────────
一 选择合适的原图
好的开始是成功的一半，转图的开始就是选择原图。一张优秀的原图往往能直
接转出非常理想的效果，有时甚至无需多少修改，而一张不理想的原图，就算
你变换各种颜色组合，使用不同的放缩比例，出来还是那么乱七八糟。那么，
怎样的原图才算一张好的原图呢？我们归纳了几点：
1.轮廓鲜明，没有过多的波浪型或锯齿型边际。
2.层次感强，图形内部的颜色分层对比明显。
3.远离灰色，没有过多与灰色系相近的颜色互相搀杂的现象。
4.细节不多，没有过多需要转后处理的细节部分。
一般而言，真人脸像是比较难转的图，即使转出比较好的效果，也很难做到与
真人相似。卡通图与类色块字体是比较合适用来转图的。卡通图一般颜色比较
鲜明，而且可以作适当的夸张处理，类色块字体指的是笔画较粗的实心或空心
字体，可以用色块直接拼写。这两类是我们讲解的重点，除了这两类，我们有
时还可以自己用绘图软件画出图案再进行转图。
────────────────────────────────────|⑸|─
──|转图技巧|────────────────────────────────
二 图片预处理技巧
要找到合适的原图往往比较难，那么我们可以通过另一种手段来得到相对比较
适合的图，那就是对原图进行预处理。
处理图片的软件因人而异，这里推荐windows自带的mspaint，因为几乎所有机
器上都有，所以比较灵便。下面列一下通常的处理过程。
1.勾出轮廓，背景尽量采用黑色，遇到图案内部有黑色边界时用ansieditor中
几种暗色系，原则以明晰边界为上。
2.去除枝节，将无用的细枝末节进行适当删除，保留重要或较大篇幅的图案。
3.划分层次，使用不同颜色对画面分层进行加深。
4.保存图案，将图案保存为小于800*600像素的bmp图，可保存为16色或24色。
在处理图的时候我们大可不必花太多精力，毕竟转出来的图也只需要一个或几
个轮廓而已。初学者应当选择结构简单的图片进行预处理尝试，并对比图片处
理前后直接转出的效果。
────────────────────────────────────|⑹|─
──|转图技巧|────────────────────────────────
三 开始作图
我们以一个简单的图片来做例子，初始图片。的使用。初始图片如下所示：
http://bbs.fudan.edu.cn/upload/PIC/1187614039-5951.JPG
利用windows 的画图工具修改过后，存为16色位图，图片如下：
http://bbs.fudan.edu.cn/upload/PIC/1187614175-3993.JPG
（由于光华只能上传jpg文件，请大家下载后自己转存为bmp格式）
打开bmp2ascii ，点击open，打开修改后的位图，先选择需要的颜色，这一副
图中主要用 到的颜色有：▆ ▆ ▆ 还要选中底色的黑色。之后选择所需的形
状，这里选择色块，一般大面积的色块图很少使用▲▼◆●★这些符号。最后
调整x－rate和y－rate，开控制图片和ANSI之间的放缩倍数，通过格线图看出
转成ANSI后的图形大小，这里x－rate和y－rate均输入 2。所有的选项都选择
好之后点击GO!按钮，bmp2ascii中会显示出转好的ANSI图，如果不满意还可以
继续调整所需色块、颜色和xy轴的值。
────────────────────────────────────|⑺|─
──|转图技巧|────────────────────────────────
◤ ◣
▎ ▕▏
右图是直接用bmp2ascii 转好的 ▂ ▊▆▅
ANSI图，只能看到刀刀大体的轮 ◤ ▏ ▊
廓，十分不精确，颜色也很杂乱 ▊ ▅▋▋▃▁
，不能够当作一副已经完成的作 ◣◤ ▏ ▆▄▂▁
品，还需要大家自己动手修改。 ▏ ◢██◣ ▆◥
因此，可以看出bmp2ascii 只是 ▍ ◤▇◤▁▄ ◥ ▁ ▅▂▁
一个辅助的软件，能够减少大家 ▎◤◤◤◢◤◤▇▎ ▆ ◥◥
的工作量，但是转好的图还需要 ◤ ▂▅ ◢ ◤ ◤
修改，这就要求大家具有一定的 ▂▆▁▄ ◤ ▊ ▕
制作ANSI的基础和技巧。由于转 ▇ ▁▃▅ ◥ ◢
图后一般是色块图，需要大家对 ▊
色块的使用比较熟悉，当然许多 ▊ ◢
“菜鸟”都是从转图起步，不断 ▋ ▃ ◤
的提高使用色块的能力和技巧。 ◤█ ▍▁ ▁ ◤
所以大家从简单的图开始做起， ▎▊ ▅ ▎▄▄▄▆
循序渐进逐步提高。 ▁ ▍ ▆▋
▊▁◤ ◥◣▅
────────────────────────────────────|⑻|─
──|转图技巧|────────────────────────────────
◤ ◣ ◤▇◥
↘ → ▎ ▕▏← ↘ →◤ ←对于耳部进行修改
▂ ▊▆▅ ◤ ◥▉ ◢▂◢
◤ ▏ ▊ ↖ ▊ ◥◢ ↖
▊ ▅▋▋▃▁ ◣ ◢ ◣◥▄▂
◣◤ ▏ ▆▄▂▁ ▆ ▏ ▆▄▂▁
▏ ◢██◣ ▆◥ ↑ ▏ ◢██◣ ▆◥
↑ ▍ ◤▇◤▁▄ ◥ ▁ ▅▂▁ ▍ ◤▇◤▁▄ ◥ ▁ ▅▂▁
▎◤◤◤◢◤◤▇▎ ▆ ◥◥ ▎◤◤◤◢◤◤▇▎ ▆ ◥◥
◢ ▂▅ ◢ ◤ ◤ ◢ ▂▅ ◢ ◤ ◤
▂▆▁▄ ◤ ▊ ▕ ▂▆▁▄ ◤ ▊ ▕
▇ ▁▃▅ ◥ ◢ ▇ ▁▃▅ ◥ ◢
▊ ▊
▊ ◢ ▊ ◢
▋ ▃ ◤ ▋ ▃ ◤
◤█ ▍▁ ▁ ◤ ◤█ ▍▁ ▁ ◤
▎▊ ▅ ▎▄▄▄▆ ▎▊ ▅ ▎▄▄▄▆
▁ ▍ ▆▋ ▁ ▍ ▆▋
▊▁◤ ◥◣▅ ▊▁◤ ◥◣▅
────────────────────────────────────|⑼|─
──|转图技巧|────────────────────────────────
◤▇◥ ◤▇◥
◤ ◤
◤ ◥▉ ◢▂◢ ◤ ◥▉ ◢▂◢ 修改脸部轮廓
◥◢ ↓ ▊ ◥◢ ↓
◣ ◢ ◣◥▄▂ ▌ ◢ ◣◥▄▂
▆ ▏ ▆▄▂▁ ▆ ▏ ▆▄▂ ↓ ↙
▏ ◢██◣ ▆◥ ← ↙ ▏ ◢██◣ ▆▅▄▂▁
▍ ◤▇◤▁▄ ◥ ▁ ▅▂▁ ▍ ◤▇◤▁▄ ◥ ▁ ◥
▎◤◤◤◢◤◤▇▎ ▆ ◥◥ ▎◤◤◤◢◤◤▇▎ ▆ ◥◥
◢ ▂▅ ◢ ◤ ◤ ◢ ▂▅ ◢ ◤ ◤
▂▆▁▄ ◤ ▊ ▕ ▂▆▁▄ ◤ ▊ ▕
▇ ▁▃▅ ◥ ◢ ▇ ▁▃▅ ◥ ◢
▊ ▊
▊ ◢ ▉ ◢
▋ ▃ ◤ ◣ ▃ ◢
◤█ ▍▁ ▁ ◤ ↖ ◤█ ▍ ▄￣ ↖
▎▊ ▅ ▎▄▄▄▆ ↖ ▎▊ ▅ ▆▄▂▂▅ ↖
▁ ▍ ▆▋ ▁ ▍ ▆▋
▊▁◤ ◥◣▅ ▊▁◤ ◥◣▅
────────────────────────────────────|⑽|─
──|转图技巧|────────────────────────────────
◤▇◥ ◤▇◥
◤ ◤
◤ ◥▉ ◢▂◢ ◤ ◥▉ ◢▂◢ 修改眼睛和鼻子
▊ ◥◢ ▊ ◥◢
▌ ◢ ◣◥▄▂ ▌ ◢ ◣◥▄▂
▆ ▏ ▆▄▂ ↓ ▆ ▏ ▆▄▂ ↓
▏ ◢██◣ ▆▅▄▂▁ ▏ ▁▅▆▄ ▆▅▄▂▁
▍ ◤▇◤▁▄ ◥ ▁ ◥ ▍ ◢▇█◤◣ ▁ ◥
▎◤◤◤◢◤◤▇▎ ▆ ◥◥ ▎ ◢██◤ ▉ ▁▄◥
→ ◢ ▂▅ ◢ ◤ ◤ →▍◢█◤ ●◢◤ ◤ ▊
▂▆▁▄ ◤ ▊ ▕ ◢█▇ ▄█◤ ◢
▇ ▁▃▅ ◥ ◢ ◥▆▇█◤￣ ◥ ◢
▊ ↑ ▊ ↑
▉ ◢ ▉ ◢
◣ ▃ ◢ ◣ ▃ ◢
◤█ ▍ ▄￣ ◤█ ▍ ╮ ▄￣
▎▊ | ▆▄▂▂▅ ▎▊ ▅ ▆▄▂▂▅
▁ ▍ }▋ ▁ ▍ ▆▋
▊▁◤ ◥◣▅ ▊▁◤ ◥◣▅
────────────────────────────────────|⑾|─
──|转图技巧|────────────────────────────────
◤▇◥ ◤▇◥
◤ ◤
◤ ◥▉ ◢▂◢ ◤ ◥▉ ◢▂◢ 修改身体
▊ ◥◢ ▊ ◥◢
▌ ◢ ◣◥▄▂ ▌ ◢ ◣◥▄▂
▆ ▏ ▆▄▂ ▆ ▏ ▆▄▂
▏ ▁▅▆▄ ▆▅▄▂▁ ▏ ▁▅▆▄ ▆▅▄▂▁
▍ ◢▇█◤◣ ▁ ◥ ▍ ◢▇█◤◣ ▁ ◥
▎ ◢██◤ ▉ ▁▄◥ ▎ ◢██◤ ▉ ▁▄◥
▍◢█◤ ●◢◤ ◤ ▊ ▍◢█◤ ●◢◤ ◤ ▊
◢█▇ ▄█◤ ◢◢█▇ ▄█◤ ◢
◥▆▇█◤￣ ◥ ◢ ◥▆▇█◤￣ ◥ ◢
▊ ▊
▉ ◢ ▉ ◢
↘ ◣ ▃ ◢ ↘ ◣ ▃ ◢
◤█ ▍ ╮ ▄￣ ◤◣▍ ╮ ▄￣
↓ ▎▊ ▅ ▆▄▂▂▅ ◤╭◥▄◤▄▂▂▅
▁ ▍ ▆▋ ↓ ▎（◢▆▅
▊▁◤ ◥◣▅ ← ▃▂▁◣▆▄▅ ◣◥▃▁ ← 完图
────────────────────────────────────|⑿|─
──|转图技巧|────────────────────────────────
四 修改的一些技巧
修改的过程主要是利用色块的各种组合将原本参差不齐的线和面修改的较光
滑。在第四章中我们讨论过斜线的画法，有人用色块的形式表达斜线，其实
光滑的曲线就是它的一个扩展。利用色块本身的颜色以及反色等效果来表达，
经常用到的几种效果如下：
◢ ◢ ▅ ▅ ▌▌ ▕ ▕ ￣ ￣ ▁ ▁
▂ ▂ ▃ ▃ ▄ ▄ ▎ ▎ ▍ ▍ ▊ ▊
利用这些色块的效果把原本粗糙的边变得光滑。去掉图中多余的颜色，在转
图的过程中由于图片的原本的明暗效果没有经过处理，bmp2ascii 尽可能智
能的转图反而造成了麻烦，在修改的过程中和原图比较，不用受转好的图的
影响。
这些处理方法在之前的章节中，用色块画多边形一题中也有所了解。
────────────────────────────────────|⒀|─
──|转图技巧|────────────────────────────────
五 利用b2a制作色块字体
用转图来做色块字是非常使用的方法。我们将以KingBoy体为例子进行讲解。
我们用到KingBoy@freecity的《思念》一作为例子，例子在下一页。具体的制
作过程归纳如下：
1.使用绘图软件将某一个或几个中文字保存为图片格式，推荐白底黑字。
2.将图片进行转换，普通色块字使用暗色转，KB体使用高亮转换。
3.进行图片的修改，修平不必要的三角毛刺，对字体进行适当变化处理，笔划
作到尽量连贯。
4.KB体中对于字进行勾黑边处理，紧贴字的边际进行勾画，注意三角块的衔接
作用，部分笔划集中区域可将黑边放宽。
5.加入背景图案。
KB体的制作是色块字中比较特别的，全部使用高亮前景，因此处理需要一定技
巧，初学者可先用全暗色进行处理，比较制作的区别。
────────────────────────────────────|⒁|─
──|转图技巧|────────────────────────────────
╦╩╦╩╦╩╦╩╦╩ ╦╩╦╩╦╩ ╩╦
╦╩╦╩╦╩▄▄╦╩╦╩╦╩ ╦╩╦◤◥╩╦╩ ╩╦╩╦╩
╩╦╩╦╩╦╩ ▅▂▁▁ ▄╩╦ ╦╩╦◤◢▍╦╩╦╩ ╦╩
╩╦╩╦ █████▆▄◥ ╦╩╦◤◢◤◣◥╦╩╦╩╦╩╦╩╦╩╦╩
╦╩ █ ▊ ◥◣ ╩╦◤◢◤ █◣◥╦╩╦╩╦╩
╩╦ ██▇█▆▅▄◤◢ ◤◢◤ ▁ ◥█◣◥╦╩╦╩ ◣◢
╩╦ ╩╦╩ █◥███◤ ▊ ◤◢◤◢ ◥▊ ◥█◣◥╦╩ ◥█◢◤
╩╦╩╦╩╦ █ ▊ ◢◤◢▄▄ ▅▄ ◥ ◥█◣◥╦╩ ╱█◣
╦╩╦◤ ◥◣▁ ▋◢◤ ◥╩╦◣◥██▆◣ ▄▄▄╩╦╩ ╩ ◥
╦◤◢ ◣◥██◤ ◢ ◣ ▅ ◢◤ ▄◥ ╩╦╩╦ ╦╩
╩ █ ▁ ◥◣◥ █▎▊ ◥◣ ◥◤◣◥▆ ╦╩╦╩╦╩╦
╩╦╩╦◣◥◤◥▆▄▁ ◣ ◤ ◥ ◣◥▇▄ ▁ ◥▍╩╦╩╦╩╦╩╦╩
╦╩╦◣◢◣◥███▆◤◢╩◣ ◣◥██◤ ◣ ╦╩╦╩╦╩╦╩╦
╩╦╩╦╩╦◣◥██◤◢╩╦╩╦╩ ◣◥◤◢ ╩╦╩╦╩╦╩╦╩
╩╦╩╦╩ ╩╦◣ ◢╩╦ ╩╦╩ ◣◢ ╩╦╩ ╦╩╦╩╦╩
╦╩ ╩╦╩╦╩╦ ╩╦╩╦╩╦╩ ╩ By:KingBoy
────────────────────────────────────|⒂|─
──|本次作业|────────────────────────────────
一 初级班作业
1. 从下面两幅中选择一副图片进行修改，并转存为bmp格式。(上传修改后的图片)
2. 将修改后的图片用bmp2ascii 转为ANSI。(书面提交，形式不限)
3. 修改第二题。(书面提交，形式不限)
http://bbs.fudan.edu.cn/upload/PIC/1187613212-7516.JPG
http://bbs.fudan.edu.cn/upload/PIC/1187613364-0774.JPG
二 提高班作业(同时供学有余力的初级班学员选做)
1. 利用bmp2ascii 从下面几幅图中选择一幅图片，修改原图，转存为bmp格，
式，并利用bmp2ascii 转为ANSI图，并做修改，成为最终作品。（上传修改
后的原图，未修改过的ANSI图，和最终成图）
2. 利用bmp2ascii 尝试制作KingBoy字体。(书面提交，形式不限)
3. 谈谈bmp2ascii 转图对ANSI技巧的提高是否有益。(书面提交，形式不限)
http://bbs.fudan.edu.cn/upload/PIC/1187616395-2684.JPG
http://bbs.fudan.edu.cn/upload/PIC/1187616404-0690.JPG
http://bbs.fudan.edu.cn/upload/PIC/1187613874-4042.JPG
────────────────────────────────────|⒀|─
※ 转寄:·日月光华 bbs.fudan.edu.cn·[FROM: 218.78.238.52]
--
※ 转载:·日月光华 bbs.fudan.edu.cn·[FROM: 218.78.238.52]
--
※ 转载:·日月光华 bbs.fudan.edu.cn·[FROM: 218.78.238.52]
※ 修改:·soulfox 於 08月20日21:57:16 修改本文·[FROM: 218.78.238.52]