发信人: brightwang (古越钱塘·洋葱头~), 信区: ASCIIArt
标 题: ASCIIart短期培训第八讲
发信站: 南京大学小百合站 (Wed Sep 21 15:00:22 2005)
第八讲 色块画制作
色块画,顾名思意就是用色块为基本要素来构成的asc画作。有别于线条作品可
以使用的字符数量众多,色块画可用的字符几乎可以说是少的可怜,仅有以下几个:
▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ︳ ▏ ▎ ▍ ▌ ▋ ▊ ▉ ◢ ◣ ◥ ◤
然而,这也正是色块画的魅力所在,以如此少的字符创作出各式各样的动人的
作品,实在是一件很具有挑战性的事。
在这一讲中,我们就谈谈色块画的制作,主要着重介绍bmp2asc软件的使用。
让我来讲这次课其实真觉得有点惭愧,因为我做的色块画实在非常有限,今天
我就简单的讲讲我在做色块画中积累下来的一点经验的感受。
☆space☆
色块画的一些基本概念
我们常说的色块图主要构成就是下面的 20 个字符再配合上前景背景颜色的变化。
▁ ▂ ▃ ▄ ▅ ▆ ▇ █
︳ ▏ ▎ ▍ ▌ ▋ ▊ ▉
◢ ◣ ◥ ◤
前景背景的颜色变化,可以使“部件”多上一倍。如:
▃ ▃
前景:暗紫 ─→ 前景:黑色
背景:黑色 背景:暗紫
可以看到,通过前景背景的颜色变化,一个基本字符就可以变化出一个与之对应的
另一个部件,通过这样的变化,可用与色块画制作的部件就多了一倍。但要注意的
是背景色是不能使用高亮色的,所以使用这种变化时要注意高亮低亮色的选择。
☆space☆
bmp2asc的使用
bmp2asc是dntx@zixia所写的一个可以讲bmp图片转化为asc作品的软件,可以使
人们方便的将你所中意的bmp图片转化为asc作品,大大方便了色块画的创作。
flubber写过一个非常详尽的新手教程,而我也实在没有什么需要补充的地方了,
这里就直接转贴flubber的教程了。
┅┅┅┅┅┅┅┅┅ flubber 《Bmp2Ascii新手教程》┅┅┅┅┅┅┅┅┅┅┅
零、 选择素材
磨刀不误砍柴功。没做图前,先要和大家磨一磨。
① 选择什么样的图片适合软件转换?
对于新手,应从简单些的图片学起。色块较大,形状单纯的图片较为容易。避免选
颜色多,形状复杂,有非常细的尖端或线条,光影变化繁复的图片。
题材上由易到难大约是:标志、卡通、静物、真实风景,真人。
这里选择了上海银行的标志做例子,请下载jpg原始图片:
http://bbs1.nju.edu.cn/file/B/brightwang/11272853667-1.JPG
一、 修改原图
① 为什么要修改原图?
首先图片要转换成bmp格式才可以用,
更重要的是,原始图片有很多不利于转换的因素,修改以后可以使后期修改更容易
比如去除背景和杂色,这很重要。
② 为什么要去除背景
一个原因是,BBS上大家习惯黑色背景,而一般图片都是白色背景,大幅面的白色
在BBS上看起来很刺眼。
另一个更重要的原因,涉及到高亮色做画的限制问题,后面再说。
③ 如何去除背景和杂色
软件用windows自带的画图板就可以了,打开gif,单纯的背景只要用油漆桶点一下
即可,如果图片上有一些凌乱的杂色块,可以手工去掉,我们这幅图很干净,很好
处理。点过油漆桶以后,还剩下一些亮边,没有太大关系,因为转换的精度很低,
这些细小的杂色没有太大影响,手工修改的时候很方便可以去掉。
修改后的图片见: http://bbs1.nju.edu.cn/file/B/brightwang/7-2.JPG
二、 转换图片
▁◣ 难看的 ◣
① 为什么转换时须慎用高亮色 ◢ ◣ 锯齿 ↘ ██◣
◢ ◣ ▁████◣
BBS中一个重要规则就是 ◢ ◣ ██████◣
高亮色不能用作背景色。 ◢ ◣ ████████◣
而色块画最核心的秘密, ◢ ▁▃▃▃▃▃▃▁ ◣ ◢██◤◥◥◥◤◥██
就是用背景色来构图。 ▆▇ ↑ ▂▄▄▄▄▄▅ ↗ ▂▄▄▄▄▄▄
相对 ▎ ◤ 难看的▕██████◤
比较右边两个相同参数下 平滑 ◥ ◤ 锯齿 ◥████◤
转出来的图,低亮色显然 ▁◢ ◤ ▂▇███◤
更接近原图,高亮色最容 ◥ ◤ ▕████◤
易在图片的下边缘弄出很 ◥ ◤ ▕██◤
难看的锯齿!这样的图, ▇◢ ◤
只能用不堪入目来形容。
用低亮色转换的图 用高亮色转换的图
同样的原因,我们必须在
转换图片之前修改图片的
背景,也是为了避免用高亮白色来铺大面积的背景。
(高亮色不是不可以用,只能在不造成大的变形的情况下用,新手建议从低亮色开始)
▂ ② 仔细调节转换参数
◢ ◣ x-rate, y-rate是放大倍数,这里我们想要放大4倍
◢ ◣ 的图,点击Go!得到左图,这样就可以了吗?No!这
◢ ◣ 样粗略的结果中有很多瑕疵。而经过精确调节得到
◢ ◣ 的右图要好得多。
◢ ◣ ◤ ◥
◢ ◣ ◤ ◥
◢ ▁▁▁▁▁▁▁ ◣ ↙瑕疵 ◤ ◥
▊▂▄▆▇ ▇▇▅▂▂ ◤ ◥ 无
▁▅▆▆▆ ◤ ◤ ◥ 瑕
▊ ◤ ◤ ◥ 疵
◣ ◤ ◤ ◥ ↓
◤ ◤ ◤▂▄▆▆ ▆▆▄ ◥
▅ ◤ ▃▅▇▅▇▇▇▇▇◤
◥ ◤ x-rate=4 ▕▏ ◤
◥ ◤ y-rate=4 ◣ ◤
◥ ◤ ◤ ◤
如何调节? ▆ ◤▆ ◤ x-rate=3.9
记住转换图是由色块构成的,边界的顶点应该尽量 ◣ ◤ y-rate=3.9
调到格线边缘(点格线图看格线),x,y-rate至少要 ◣ ◤ dx=-1
精确到小数点后一位,dx,dy可以平移图片。 ◣ ◤ dy=1
▇
↙ 秃顶 四、 手工修改
◤ ◥
◤ ◥ 这是非常重要,不可跳过的一步。手工修改
◤ ◥ 有很多技巧,需要大量练习积累经验。
◤ ◥
◤ ◥ ◤◥
◤ ◥ ◤ ◥
◤ ◥ ◤ ◥
◤▂▄▆▆ ▆▆▄ ◥ 修 ◤ ◥
▃▅▇▅▇▇▇▇▇◤ ╲ 改 ◤ ◥
▕▏ ◤ ↘ ◤ ◥
◣ ◤ ◤ ◥
◤ ◤ ◤▂▄▆▆ ▆▆▄ ◥
◤▆ ◤ ▃▅▇▅▇▇▇▇▇◤
◣ ◤ ▕▏ ◤
◣ ◤ ◣ ◤
◣ ◤ ◤ ◤
▇ ↖瑕疵 ◤▆ ◤
① 外形轮廓 ◣ ◤
顶端和底端都不够尖,正好有一个空格 ◣ ◤
的空隙,我们手工把右半边向左挪一位 ◣◤
◤◥ ② 修改上半部分的圆弧
◤ ◥
◤ ◥ 先看看黄色部分下缘的弧线,利用各种高度的横
◤ ◥ 向色块,可以修得更加平滑。注意曲线的弧度。
◤ ◥
◤ ◥ ◤◥
◤ ◥ ◤ ◥
◤▂▄▆▆ ▆▆▄ ◥ ◤ ◥
↑ ▃▅▇▅▇▇▇▇▇◤ 修 ◤ ◥
不够光滑 ▕▏ ◤ ╲ 改 ◤ ◥
◣ ◤ ↘ ◤ ◥
◤ ◤ ◤ ◥
◤▆ ◤ ◤▂▄▅▆▇▇ ▇▆▅▄▂◥
◣ ◤ ↑ ▃▅▇▅▇▇▇▇▇◤
◣ ◤ 更加光滑 ▕▏ ◤
◣◤ ◣ ◤
◤ ◤
这里的圆弧是用黑色前景,黄色背景的色块构成, ◤▆ ◤
如果用高亮色作画的话,在这里就无法进行了, ◣ ◤
因为高亮色不能用作背景色。高亮作画易受限制。 ◣ ◤
(窍门:修改可以选择透明色,不改变当前颜色) ◣◤
◤◥ ③ 修改下半部分的弧线
◤ ◥
◤ ◥ 蓝色部分毛病很多,首先去掉杂色块,然后处理
◤ ◥ 尖刺,这里用三角色块 ◥ 来覆盖尖刺。
◤ ◥
◤ ◥ ◤◥
◤ ◥ ◤ ◥
◤▂▄▅▆▇▇ ▇▇▆▅▄▂◥ ◤ ◥
▃▅▇▅▇▇▇▇▇◤ 修 ◤ ◥
杂色块 →▕▏ ◤ ╲ 改 ◤ ◥
◣ ◤ ↘ ◤ ◥
不圆滑 →◤ ◤ ◤ ◥
◤▆ ◤ ◤▂▄▅▆▇▇ ▇▇▆▅▄▂◥
↗ ◣ ◤ ▂▅▆▇▇▇▇▇▇◤
尖刺 ◣ ◤ ▊ ◤
◣◤ ◣ ◤
◤ ◤
三角色块有两种画法,一种是蓝色前景,黑色背 ◣ ◤
景的◥,另一种是黑前景,蓝背景的◣,两种效果 ◣ ◤
有细微的差别,看谁能说出来。 ◣ ◤
圆滑的处理是最难的,除了多试多练,没什么好说。 ◣◤
╔── 上 海 银 行 ──╗
│┌ ┐│
│ ◤◥ │
◤ ◥
◤ ◥
◤ ◥
四、 大功告成 !!! ◤ ◥
◤ ◥
◤ ◥
我们再加上文字和边框修饰一下, ◤▂▄▅▆▇▇ ▇▇▆▅▄▂◥
就完成了上海银行标志的最终稿! ▂▅▆▇▇▇▇▇▇◤
▊ ◤
注意修饰不要喧宾夺主。 ◣ ◤
◤ ◤
◣ ◤
◣ ◤
◣ ◤
│ ◣◤ │
│└ ┘│
╚── Bank of Shanghai ──╝
☆space☆
色块画我做的并不多,但在制作里,也积累了一些感受和经验,来同大家分享一
下,希望能对大家的asc的创作有所助益。但这些纯然是我的个人感受,每个人的创作
风格、习惯都各不相同,而asc的创作风格与方法也没有优劣只分,因此我也希望我所
说的不会成为一种阻碍大家自由发挥与创作的限制,而反而影响大家的创作。
1、bmp2asc毕竟只是一种软件,不可能如人脑一样灵活,所以不能过分依赖它,
就象中国结是三分盘七分整一样,一幅作品色块的好坏的关键还是在参数选择和转换
好后的调整。细心和耐心是做色块画所必须的。
2、色块画要自然,特别是曲线的“光滑”,总结起来关键是“匀称”两字,匀称
的色块过度才不会产生折线的感觉。当然,你若追求某些特殊效果就另当别论了。
3、bmp2asc除了做色块画外,有时同样也可以方便其他类作品的制作。比如没有
足够书法基础而要写行楷或者新魏字体的线条字时,可以用bmp2asc转出色块字(不用
修的太过精细),然后用线条勾出字体既可,就不会有把握不好字型的问题了。
讨论了很多用bmp2asc制作色块画,大家不要忘了还有纯手工这种制作方法,当然
这个的难度相对较高,在大家能熟练运用bmp2asc之后,大家也不妨可以试试徒手画,
复杂的作品是bmp2asc转不出来的。
Sender: brightwang Guyue Qiantang Oniontou, letter area: ASCIIArt
Title: Lecture 8 of ASCIIart short-term training
Sending station: Nanjing University Sayuri Station Wed Sep 21 15:00:22 2005
Lecture 8: Color Block Painting Production
Color block painting, as the name implies, is an ASC painting composed of color blocks as basic elements. It is different from line works.
Due to the large number of characters used, the characters available for color block painting are almost pitiful. There are only the following ones:
However, this is also the charm of color block painting. It can create a variety of touching images with so few characters.
The work is really a very challenging thing
In this lecture, we will talk about the production of color block paintings, mainly focusing on the use of bmp2asc software.
I actually feel a bit ashamed to be teaching this class because the color block paintings I have done are very limited today.
I will simply talk about my experience and feelings accumulated in doing color block paintings.
space
Some basic concepts of color block painting
The main component of the color block diagram we often talk about is the following 20 characters combined with the changes in the foreground and background colors.
Color changes in the foreground and background can double the number of widgets, such as
Foreground dark purple Foreground black
background black background dark purple
It can be seen that through the color change of the foreground and background, a basic character can be transformed into a corresponding
Another part. With this change, the number of parts that can be made with color block painting will be doubled. But be careful.
Highlight colors cannot be used for the background color, so when using this change, pay attention to the choice of highlight and low-light colors.
space
Use of bmp2asc
bmp2asc is a software written by dntx@zixia that can convert bmp pictures into asc works. It can be used
People can easily convert your favorite bmp pictures into asc works, which greatly facilitates the creation of color block paintings.
Flubber has written a very detailed novice tutorial, and I really don’t have anything to add.
I will directly repost flubber’s tutorial here.
Flubber Bmp2Ascii Beginner Tutorial
Zero Select material
The skill of sharpening a knife and chopping firewood before making mistakes. Before making a picture, I need to sharpen it with everyone.
① Choose what kind of pictures are suitable for software conversion
For novices, you should start with simpler pictures. Pictures with larger color blocks and simple shapes are easier to avoid.
Pictures with many colors, complex shapes, very thin tips or lines, and complex changes in light and shadow
The themes range from easy to difficult: logos, cartoons, still lifes, real landscapes, and real people.
The logo of Shanghai Bank is chosen as an example. Please download the original jpg picture.
http: bbs1.nju.edu.cn file B brightwang 11272853667 1.JPG
1 Modify the original image
① Why modify the original image?
First, the image must be converted into bmp format before it can be used.
More importantly, the original image has many factors that are not conducive to conversion. Modification can make subsequent modifications easier.
For example, removing background and noise is very important.
② Why should we remove the background?
One reason is that people on BBS are used to black backgrounds, while most pictures have white backgrounds, large-format white ones.
It looks irritating on BBS
Another more important reason involves the limitations of highlighting colors for painting, which will be discussed later.
③ How to remove background and noise
Just use the drawing board that comes with Windows. To open the gif, just click with a paint bucket to create a simple background.
That’s it. If there are some messy colored blocks on the picture, you can remove them manually. Our picture is very clean, very good.
Processing: After clicking the paint bucket, there are still some bright edges left. It doesn’t matter much because the conversion accuracy is very low.
These small noises do not have much impact and are easy to remove during manual modification.
The modified picture can be found at http: bbs1.nju.edu.cn file B brightwang 7 2.JPG
2. Convert pictures
ugly
① Why you must use highlight colors with caution when converting sawtooth
An important rule in BBS is
Highlight color cannot be used as background color
The core secret of color block painting
Just use the background color to compose the picture
relatively ugly
Compare the smoothing and aliasing of the two same parameters on the right
The transferred picture clearly shows low brightness.
Closer to the original image, the highlighted color is the easiest
It is easy to make a lot of noise on the lower edge of the picture.
Ugly jagged pictures like this
It can only be described as unsightly.
Image converted with low light color Image converted with high light color
For the same reason we must
Modify the image before converting it
The background is also to avoid using bright white to cover a large area of the background.
It’s not that high-gloss colors cannot be used. They can only be used without causing major deformation. Newbies are advised to start with low-gloss colors.
② Carefully adjust the conversion parameters
x rate, y rate is the magnification factor. Here we want to magnify 4 times
Click Go! to get the picture on the left. Is this enough? No this
There are many flaws in such rough results, but after precise adjustments,
The picture on the right is much better
flaw
none
flaw
defect
x rate 4
y rate 4
How to adjust x rate 3.9
Remember that the transformation graph is composed of color blocks. The vertices of the boundary should try to have a y rate of 3.9
Adjust to the edge of the grid and look at the grid in the dotted grid diagram. The x, y rate must be at least dx 1.
Accurate to one decimal place dx,dy can translate the picture dy 1
Baldness 4 Manual Modification
This is a very important step that cannot be skipped. Manual modification
There are many techniques that require a lot of practice and experience
build
change
flaw
① Outline
The top and bottom are not sharp enough and there is exactly one space.
We manually move the right half of the gap one position to the left
② Modify the upper half of the arc
First look at the arc at the lower edge of the yellow part. Use horizontal lines of various heights to
The color block can be smoothed. Pay attention to the curvature of the curve.
build
Not smooth enough. Change
smoother
The arc here is composed of color blocks with black foreground and yellow background.
If you paint with highlight colors, you won't be able to do it here.
Because highlight colors cannot be used as background colors, highlight painting is easily restricted.
Tips: You can select a transparent color for modification without changing the current color.
③ Modify the arc in the lower half
There are a lot of problems with the blue part. First remove the noise and then deal with it.
Spikes. Three character blocks are used here to cover the spikes.
build
Variegated block change
Not tactful
spikes
There are two ways to draw the three-character block. One is blue foreground and black back.
The other one is black foreground and blue background, two effects
There are subtle differences. Let's see who can tell.
Smooth processing is the most difficult. There is nothing to say except try more and practice more.
Shanghai Bank
Four Done
Let’s add text and borders to modify it
The final draft of the Shanghai Bank logo was completed.
Pay attention to the decoration and don’t overwhelm the guest.
Bank of Shanghai
space
I haven’t done much color block painting, but I have accumulated some feelings and experiences in the process, which I would like to share with you.
Next, I hope it will be helpful to everyone's asc creations, but these are purely my personal feelings and everyone's creations.
Everyone has different styles and habits, and there are no pros and cons in ASC’s creative styles and methods. Therefore, I also hope that my
What I said will not become a restriction that hinders everyone's free expression and creation, but will instead affect everyone's creation.
1 bmp2asc is just a piece of software after all. It cannot be as flexible as the human brain, so you cannot rely too much on it.
Just like the Chinese knot is three points and seven points of a plate, the key to the quality of the color blocks in a work lies in parameter selection and conversion.
Adjustments after completion: Care and patience are necessary for color block painting.
2. The color block painting should be natural, especially the smooth curves. To sum up, the key is the word "symmetry".
Excessive color blocks will not create the feeling of broken lines. Of course, if you are pursuing some special effects, it is a different matter.
3 In addition to making color block paintings, bmp2asc can sometimes also facilitate the production of other types of works. For example, there is no
If you have enough calligraphy foundation and want to write line characters in Xingkai or New Wei fonts, you can use bmp2asc to convert color block characters. No need.
If you edit it too finely and then use lines to outline the font, you won't have the problem of not being able to grasp the font properly.
There has been a lot of discussion about using bmp2asc to make color block paintings. Don’t forget that there is also a purely manual production method. Of course
This is relatively difficult. After you become proficient in using bmp2asc, you might as well try freehand drawing.
Complex works cannot be transferred by bmp2asc