20px - +

wrap

zh en

↑ BDWM ascii training Chapter 2 reading materials zz

发信人: linzhihuan (此人已死，有事烧纸), 信区: ANSI 标题: BDWM ascii培训第二章阅读材料(zz) 发信站: 日月光华 (2008年02月29日22:08:10 星期五), 站内信件 ──────────────────────────────────────── ︵ ,... ╭ˊ )∷ら ∵ ╱\ ╱ ╱ ` ` ╱\ \╱\ \╱ ( ( ( )╮︳ ∵. \╱\ \╱\ \ \ \ \╱\ \ ╱\╱ .. ) )丿( /ㄒ .. \ ╱ \╱ \ \ \ ∴∵( ╯灬⺁ / ..∵ .∷ / ╱ .∷ 北大未名ASCIIArt假期培训班 .∴∷ \ \ ㄧ .∷ │/ │ \ ∴ ╱ / \ 第二章：Bmp2Ascii的使用说明 ∵ / __ ︵︳ ∴ │,ー ▕╯ 教程作者：onlyone ∴. ▏ ㄚㄧ带班老师：ark、justify、Hades等 ∴ \ │ / 时间安排：08年1月18日 - 08年1月20日∴. (\(| │ 丿│ ASCIIArt 特别感谢：日月光华教程编写组 '∵.∷... ( ) \︹|_/ .BDWM ( 6 ) ││| ──────────────────────────────────────── ──|软件简介|──────────────────────────────── 一 bmp2ascii的原理 b2a转图的原理比较简单，将bmp图片划分为14*7像素的单元格，将单元格与选择填充的字符逐一比较，得到相对最贴近单元格的字符，双字节填充的情况下将配比相邻几个单元格。其实际就是求图片在最小二乘意义下用字符填充的最优解，因此一般用色块来转比较多，用单字节来转时效果不如色块效果好，但也可以发挥一定的作用，后面我们将提到一些拓展的应用。对于编程比较擅长的朋友也可以自己尝试写一个转图软件，可能会更符合自己的需求。二 bmp2ascii的作用作为一款ANSI转图软件，b2a 的作用是相对有限的，我们只能将其作为一种辅助手段。在构画一幅图，尤其是色块图时，可以使用转图来得到一个大体的轮廓，或是帮助自己分清色彩的层次，这样可以节省大量的时间和精力，我们就可以把功夫画在细节的勾勒上去。现在有一些人转完图也不修改就拿来用，经常看见一些充斥着三角毛刺的色块字被用作进版，这样是很不负责任的，我们在转完图之后还是需要进行手工的修正，这样才能使ANSI图案更为美观。 ────────────────────────────────────|⑴|─ ──|使用说明|──────────────────────────────── 一软件界面软件采用标准VC编写，界面注重实用，比较朴实。下图给出的是界面上方的工具栏，下方省略的是图片的显示内容。手头已经有软件的同学可以打开软件对比看一下，还没有下载软件的同学请到版面上下载。也可到ansiart.org 处下载。 ◆无标题 - 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按扭自动将图片文件转为字符。 Save Bmp和Save Ascii按扭：转换后在程序bmp2ascii.exe 所在目录下自动生成 ascii.bmp 与ascii.ans 两个结果文件。按SaveBmp, SaveAscii两个按扭可分别将这两个文件另存为别的文件名。一般情况下我们只保存ascii.ans文件。原图、格线图和Ascii 图：分别显示原图片文件、在AnsiEditor中对应的网格比例以及转成ANSI后的预览图。 ────────────────────────────────────|⑶|─ ──|使用说明|──────────────────────────────── 三字符集说明系统预定了四套字符集用于转换，分别是单字节字符、三角形字符、色块字符和更多色块。单字节字符：转换过程只使用单字节的字符，如a,/?等。三角形字符：转换过程中主要使用█◢◣◥◤色块色块字符：转换过程使用█◢◣◥◤▏▎▍▌▋▊▉▇▆▅▄▃▂▁▕ 更多色块：转换过程中出上面的常用色块字符外还使用▲▼◆●★色块。以上的四套字符，根据个人的要求可以分别使用也可以自行设定，只要在所有字符集的框中自行填加。注意：框内字符的输入只可使用键盘直接输入以及鼠标右键进行粘贴和复制。选择的字符种类越多，转换的速度就越慢。软件并没有设置常用字符记忆功能，这是一个遗憾，不过一般我们使用软件自设的字符集就已经足够了，每次使用需要额外添加的字符不多。大家在选择色块集合时可加入“/|\-_"”等常用单字节或者双字节进行补充。 ────────────────────────────────────|⑷|─ ──|转图技巧|──────────────────────────────── 一选择合适的原图好的开始是成功的一半，转图的开始就是选择原图。一张优秀的原图往往能直接转出非常理想的效果，有时甚至无需多少修改，而一张不理想的原图，就算你变换各种颜色组合，使用不同的放缩比例，出来还是那么乱七八糟。那么，怎样的原图才算一张好的原图呢？我们归纳了几点： 1.轮廓鲜明，没有过多的波浪型或锯齿型边际。 2.层次感强，图形内部的颜色分层对比明显。 3.远离灰色，没有过多与灰色系相近的颜色互相搀杂的现象。 4.细节不多，没有过多需要转后处理的细节部分。一般而言，真人脸像是比较难转的图，即使转出比较好的效果，也很难做到与真人相似。卡通图与类色块字体是比较合适用来转图的。卡通图一般颜色比较鲜明，而且可以作适当的夸张处理，类色块字体指的是笔画较粗的实心或空心字体，可以用色块直接拼写。这两类是我们讲解的重点，除了这两类，我们有时还可以自己用绘图软件画出图案再进行转图。 ────────────────────────────────────|⑸|─ ──|转图技巧|──────────────────────────────── 二作图和修改我们以一个简单的图片来做例子，初始图片如下所示： http://pkubbs.net/P/O/onlyone/DB5A873A0/A824E7725/pic.jpg 利用photoshop，我们把图片大小改成560*420(这个是个人习惯问题)，并保存成.bmp文件，这就是我们的材料啦。打开bmp2ascii ，点击open，打开修改后的位图，先选择需要的颜色，这一副图中主要用到的颜色有：■■ 还要选中底色的黑色。之后选择所需的形状，这里选择色块，一般大面积的色块图很少使用▲▼◆●★这些符号。最后调整 x－rate和y－rate，开控制图片和ANSI之间的放缩倍数，通过格线图看出转成字符后的图形大小，这里x－rate和y－rate均输入0.6 。所有的选项都选择好之后点击GO!按钮，bmp2ascii中会显示出转好的ANSI图，如果不满意还可以继续调整所需色块、颜色和xy轴的值。 ────────────────────────────────────|⑹|─ ──|转图技巧|──────────────────────────────── ▆▆▆▆▆▆▆▆▆▆▆▆◤▅▅◥◥▆◥▆▆▆▆▆ 转好的图效果如右所示， ◤ ▍ ▂ ▕█▎ 可是说是惨不忍睹啊，我 ▎▁▅▍▃ ▉█▍ 们大概只能看清出人物的 ▎ ▆◥ ▊ █▌ 大体轮廓和图片中明暗的 ◣ ▏ ▏ ▕█▎ 配置——这时候的字符不 ◥ ◤▋▏ ◥█◣ 能够说的上是一幅作品。 ▄▅▄▄▄▃ ▄▄▄◢ ◢▇▊▅▕▄▄▌ ◤ ▕◥ ◢ ◤ ◤ ▕▏▉▉▄◣ 可以说Bmp2Ascii 只能算 ◢ ◥▍ ▉◢ ▕ █▄██ 是一个辅助工具，它可以 ◢◢▇▄ ▋▄▅▃▅ ▁ ▃▕▎██▊ 提供我们图片中的构图比 ▍▊ ◥ ◢ ▂▄ ▍◥ ▇ ▄ ◥███▄ 例和明暗分布，而真正需 ◥▊▁ ▉ █▅▆█▍ ▎▉▍◢◥████ 要下功夫的改图步骤还是 ▉◥▎ ▆▅ ◥◤◤◥▍ ▉ ▉▆▄◢█◥██ 要我们自己来的。 ██▆▄▄▄ ▂▂▃▅ ◥ ▂ ◣◤ ▃▃ ◥◤ █ ▕▇ ▎◥▄ ◥▍ █▉▄▍ ▕▁▁▕▇ ▏▂ 下面截取右边人物部分讲 █◢ ▇◣▎ ▕▎ ▊▃█▉▋▄▄ ▅▍◥▄ ▍ 解改图的过程。 ◤ ▕◥ █◣▕▎◢███▍ ▏ ▉▏ ▁▇▇ ▕ ▂▂◢▂▂◢▆▇███▊▃▃▃▊▂▎▅▃▄▊▃▃ ────────────────────────────────────|⑺|─ ──|转图技巧|──────────────────────────────── ▆◤▅▅◥◥▆◥▆▆▆▆▆ ◤ ◥◣ ▍ ▂ ▕█▎ 第一步：修改画面 ▍ ▂ █ ▎▁▅▍▃ ▉█▍ 中人物的轮廓，去 ▎▁▅▍▃ █ ▎ ▆◥ ▊ █▌ 初画面中干扰轮廓 ▎ ▆◥ ▊ █▌ ◣ ▏ ▏ ▕█▎ 的所有细节。 ◣ ▏ ▏ ◥◣ ◥ ◤▋▏ ◥█◣ ◥ ◤▋▏ ◢◤ ▄◢ ◢▇▊▅▕▄▄▌ 这一步是之后所有 ◢ ◢▇▊▅ ◥◣ ◢ ◤ ◤ ▕▏▉▉▄◣ 步骤的基础，只有 ◥◤ ◤ ◤ █◣ ▉◢ ▕ █▄██ 在轮廓清晰的情况 ◢ ██ ▄▅▃▅ ▁ ▃▕▎██▊ 下，细节的修正和 ◢ ██ ▂▄ ▍◥ ▇ ▄ ◥███▄ 改动才能有章可循 ██ ▆█▍ ▎▉▍◢◥████ ▍ ◥█◣ ◤◥▍ ▉ ▉▆▄◢█◥██ 值得注意的是在描 ▎ ◥█◣ ▃▅ ◥ ▂ ◣◤ ▃▃ ◥◤ 轮廓的过程中尽量 ▏ ◥◤ █▉▄▍ ▕▁▁▕▇ ▏▂ 使得三角和方块， █▉▋▄▄ ▅▍◥▄ ▍ 使边缘清晰。 ◢ █▍ ▏ ▉▏ ▁▇▇ ▕ ◥ ▊▃▃▃▊▂▎▅▃▄▊▃▃ ────────────────────────────────────|⑻|─ ──|转图技巧|──────────────────────────────── ◤ ◥◣ ◤ ◥◣ ▍ ▂ █ 第二步：修正人物 ▍ ◥ █ ▎▁▅▍▃ █ 面部的色块，描出 ▎ ◥◥◥ █ ▎ ▆◥ ▊ █▌ 脖子处的轮廓，为 ▎ ▎ █▌ ◣ ▏ ▏ ◥◣ 进一步修改细节做 ◣ ◤ ◥◣ ◥ ◤▋▏ ◢◤ 准备。 ◥ ◤ \ ◢◤ ◢ ◢▇▊▅ ◥◣ ◢ ◢◤\ \ ◥◣ ◥◤ ◤ ◤ █◣ 仔细对比两幅图会 ◥◤ ◤ ◤ █◣ ◢ ██ 发现，人物脸部的 ◢ ██ ◢ ██ 角度已经有所变化 ◢ ██ ██ ，这是为了适应色 ██ ▍ ◥█◣ 块安排所做的牺牲 ▍ ◥█◣ ▎ ◥█◣ ▎ ◥█◣ ▏ ◥◤ 在修改时也会遇到 ▏ ◥◤ 色块很难处理的细 ◢ 节，大胆而准确的 ◢ ◥ 变形是关键 ◥ ────────────────────────────────────|⑼|─ ──|转图技巧|──────────────────────────────── ◤ ◥◣ ◤ ◥◣ ▍ ◥ █ 第三步：利用线条 ▍ █ ▎ ◥◥◥ █ 勾勒脸部的细节， ▎ ◥ ◥ █ ▎ ▎ █▌ 修正脖子的细节， ▎ ▎/◥◥ █ ◣ ◤ ◥◣ 进一步调整比例， ◥ `_ ◤ ◥◣ ◥ ◤ \ ◢◤ 增加装饰和新颜色 ◥﹉ __ ◢◤ ◢ ◢◤\ \ ◥◣ ，完成修改。 ◤ ◤ ◢◤ ◥◣ ◥◤ ◤ ◤ █◣ ◥ ◤ ◤ █◣ ◢ ██ 修改过程中会发现 ◢ ██ ◢ ██ 脖子出的色块不好 ██ ██ 搭配，于是适当的 ▍ ██◣ ▍ ◥█◣ 延长人物的头发遮 ▎__ ◥██◣ ▎ ◥█◣ 住部分的脖子，增 ▏| \ ◥██ ▏ ◥◤ 加蓝色的背景色是 | / | __ _◥◤ 为了避免和脖子处 | \ | |_ /|| |_| ◢ 的前景色冲撞。 ◢ | / |_ |_ / ||_ | | ◥ ◥ ￣ ────────────────────────────────────|⑽|─ ──|转图技巧|──────────────────────────────── 最后来谈一下这幅改好的图，其实整个过程 ◤ ◥◣ 相当于一个反面教材，怎么说呢？ ▍ █ ▎ ◥ ◥ █ 色块的魅力有三： ▎ ▎/◥◥ █ 1.利用色彩的冲突来表现画面中的物体； ◥ `_ ◤ ◥◣ 2.利用色彩的搭配来突出立体感； ◥﹉ __ ◢◤ 3.配合线条勾勒细节。 ◤ ◤ ◢◤ ◥◣ ◥ ◤ ◤ █◣ 对于描绘人物的转图，无论是色彩方面还是 ◢ ██ 细节方面(比如人物面部器官等)都是相当重 ██ 要的，这幅作品在修改的时候都无法顾及上 ▍ ██◣ 这两个方面。 ▎__ ◥██◣ ▏| \ ◥██ 读者们可以继续思考这幅图的失败之处和原 | / | __ _◥◤ 图正确的转图方法，思考时请接合画面大小 | \ | |_ /|| |_| 配置以及构图角度等因素，这一讲就此结束。 ◢ | / |_ |_ / ||_ | | ◥ ￣ ────────────────────────────────────|⑾|─ -- 在最深重的苦难中，没有呻吟，没有哭泣，沉默是绝望者最后的尊严。在最可怕的屈辱中，没有诅咒，没有叹息，沉默是复仇者最高的轻蔑。 ※ 来源:·日月光华 bbs.fudan.edu.cn·[FROM: 218.78.234.161]

发信人: linzhihuan 此人已死有事烧纸 , 信区: ANSI 标题: BDWM ascii培训第二章阅读材料 zz 发信站: 日月光华 2008年02月29日22:08:10 星期五 , 站内信件 ,... ら . .. 丿ㄒ .. 灬⺁ .. . . 北大未名ASCIIArt假期培训班 . ㄧ . 第二章 Bmp2Ascii的使用说明 ,ー教程作者 onlyone . ㄚㄧ带班老师 ark justify Hades等时间安排 08年1月18日 08年1月20日 . 丿 ASCIIArt 特别感谢日月光华教程编写组 ' . ... .BDWM 6 软件简介一 bmp2ascii的原理 b2a转图的原理比较简单将bmp图片划分为14*7像素的单元格将单元格与选择填充的字符逐一比较得到相对最贴近单元格的字符双字节填充的情况下将配比相邻几个单元格其实际就是求图片在最小二乘意义下用字符填充的最优解因此一般用色块来转比较多用单字节来转时效果不如色块效果好但也可以发挥一定的作用后面我们将提到一些拓展的应用对于编程比较擅长的朋友也可以自己尝试写一个转图软件可能会更符合自己的需求二 bmp2ascii的作用作为一款ANSI转图软件 b2a 的作用是相对有限的我们只能将其作为一种辅助手段在构画一幅图尤其是色块图时可以使用转图来得到一个大体的轮廓或是帮助自己分清色彩的层次这样可以节省大量的时间和精力我们就可以把功夫画在细节的勾勒上去现在有一些人转完图也不修改就拿来用经常看见一些充斥着三角毛刺的色块字被用作进版这样是很不负责任的我们在转完图之后还是需要进行手工的修正这样才能使ANSI图案更为美观 ⑴ 使用说明一软件界面软件采用标准VC编写界面注重实用比较朴实下图给出的是界面上方的工具栏下方省略的是图片的显示内容手头已经有软件的同学可以打开软件对比看一下还没有下载软件的同学请到版面上下载也可到ansiart.org 处下载无标题 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按扭自动将图片文件转为字符 Save Bmp和Save Ascii按扭转换后在程序bmp2ascii.exe 所在目录下自动生成 ascii.bmp 与ascii.ans 两个结果文件按SaveBmp, SaveAscii两个按扭可分别将这两个文件另存为别的文件名一般情况下我们只保存ascii.ans文件原图格线图和Ascii 图分别显示原图片文件在AnsiEditor中对应的网格比例以及转成ANSI后的预览图 ⑶ 使用说明三字符集说明系统预定了四套字符集用于转换分别是单字节字符三角形字符色块字符和更多色块单字节字符转换过程只使用单字节的字符如a, ?等三角形字符转换过程中主要使用色块色块字符转换过程使用更多色块转换过程中出上面的常用色块字符外还使用色块以上的四套字符根据个人的要求可以分别使用也可以自行设定只要在所有字符集的框中自行填加注意框内字符的输入只可使用键盘直接输入以及鼠标右键进行粘贴和复制选择的字符种类越多转换的速度就越慢软件并没有设置常用字符记忆功能这是一个遗憾不过一般我们使用软件自设的字符集就已经足够了每次使用需要额外添加的字符不多大家在选择色块集合时可加入 " 等常用单字节或者双字节进行补充 ⑷ 转图技巧一选择合适的原图好的开始是成功的一半转图的开始就是选择原图一张优秀的原图往往能直接转出非常理想的效果有时甚至无需多少修改而一张不理想的原图就算你变换各种颜色组合使用不同的放缩比例出来还是那么乱七八糟那么怎样的原图才算一张好的原图呢我们归纳了几点 1.轮廓鲜明没有过多的波浪型或锯齿型边际 2.层次感强图形内部的颜色分层对比明显 3.远离灰色没有过多与灰色系相近的颜色互相搀杂的现象 4.细节不多没有过多需要转后处理的细节部分一般而言真人脸像是比较难转的图即使转出比较好的效果也很难做到与真人相似卡通图与类色块字体是比较合适用来转图的卡通图一般颜色比较鲜明而且可以作适当的夸张处理类色块字体指的是笔画较粗的实心或空心字体可以用色块直接拼写这两类是我们讲解的重点除了这两类我们有时还可以自己用绘图软件画出图案再进行转图 ⑸ 转图技巧二作图和修改我们以一个简单的图片来做例子初始图片如下所示 http: pkubbs.net P O onlyone DB5A873A0 A824E7725 pic.jpg 利用photoshop 我们把图片大小改成560*420 这个是个人习惯问题并保存成.bmp文件这就是我们的材料啦打开bmp2ascii 点击open 打开修改后的位图先选择需要的颜色这一副图中主要用到的颜色有还要选中底色的黑色之后选择所需的形状这里选择色块一般大面积的色块图很少使用这些符号最后调整 x rate和y rate 开控制图片和ANSI之间的放缩倍数通过格线图看出转成字符后的图形大小这里x rate和y rate均输入0.6 所有的选项都选择好之后点击GO!按钮 bmp2ascii中会显示出转好的ANSI图如果不满意还可以继续调整所需色块颜色和xy轴的值 ⑹ 转图技巧转好的图效果如右所示可是说是惨不忍睹啊我们大概只能看清出人物的大体轮廓和图片中明暗的配置这时候的字符不能够说的上是一幅作品可以说Bmp2Ascii 只能算是一个辅助工具它可以提供我们图片中的构图比例和明暗分布而真正需要下功夫的改图步骤还是要我们自己来的下面截取右边人物部分讲解改图的过程 ⑺ 转图技巧第一步修改画面中人物的轮廓去初画面中干扰轮廓的所有细节这一步是之后所有步骤的基础只有在轮廓清晰的情况下细节的修正和改动才能有章可循值得注意的是在描轮廓的过程中尽量使得三角和方块使边缘清晰 ⑻ 转图技巧 Step 2: Modify the character Outline the color patches on the face The outline of the neck is Make further modifications to the details Prepare Compare the two pictures carefully Discover the person’s face The angle has changed This is to adapt to the color sacrifices made by block scheduling You will also encounter it when modifying Color blocks are difficult to deal with bold and accurate Deformation is the key ⑼ Image transfer skills Step 3: Use lines Outline the details of the face Correct neck details Adjust the ratio further Added decorations and new colors finished editing During the modification process, you will find The color patch on the neck is not good collocation so appropriate Extend the character’s hair live part of the neck increase The background color with blue is In order to avoid contact with the neck The foreground color clashes ⑽ Image transfer skills Finally, let’s talk about this improved picture. In fact, the whole process It's equivalent to a negative teaching material. How should I put it? There are three charms of color blocks 1. Use the conflict of colors to express the objects in the picture 2. Use color matching to highlight the three-dimensional effect 3. Outline details with lines For renderings depicting characters, both in terms of color and In terms of details, such as the characters’ facial organs, etc., they are quite important. I can't even take this into consideration when revising this work. these two aspects Readers can continue to ponder the failure and originality of this picture. The correct way to transfer pictures. Please adjust the screen size when thinking. Factors such as configuration and composition angle. This concludes this lecture. ⑾ in the deepest suffering No moaning, no crying Silence is the last dignity of the desperate in the most terrible humiliation No curse, no sigh Silence is the highest contempt for an avenger Source: Sun and Moon Guanghua bbs.fudan.edu.cn [FROM: 218.78.234.161]