发信人: flubber (跳跳马), 信区: ANSI
标 题: Bmp2Ascii新手教程(by flubber)
发信站: 日月光华 (2003年09月19日11:34:56 星期五), 站内信件
请连续按空格翻页……
零、 选择素材
磨刀不误砍柴功。没做图前,先要和大家磨一磨。
① 选择什么样的图片适合软件转换?
对于新手,应从简单些的图片学起。色块较大,形状单纯的图片较为容易。避免选
颜色多,形状复杂,有非常细的尖端或线条,光影变化繁复的图片。
题材上由易到难大约是:标志、卡通、静物、真实风景,真人。
这里选择了上海银行的标志做例子,请下载gif原始图片:
http://bbs.sjtu.edu.cn/showfile?name=ShBank.gif
一、 修改原图
① 为什么要修改原图?
首先图片要转换成bmp格式才可以用,
更重要的是,原始图片有很多不利于转换的因素,修改以后可以使后期修改更容易。
比如去除背景和杂色,这很重要。
② 为什么要去除背景
一个原因是,BBS上大家习惯黑色背景,而一般图片都是白色背景,大幅面的白色
在BBS上看起来很刺眼。
另一个更重要的原因,涉及到高亮色做画的限制问题,后面再说。
③ 如何去除背景和杂色
软件用windows自带的画图板就可以了,打开gif,单纯的背景只要用油漆桶点一下
即可,如果图片上有一些凌乱的杂色块,可以手工去掉,我们这幅图很干净,很好
处理。点过油漆桶以后,还剩下一些亮边,没有太大关系,因为转换的精度很低,
这些细小的杂色没有太大影响,手工修改的时候很方便可以去掉。
修改后的图片见:http://bbs.sjtu.edu.cn/showfile?name=ShBank.bmp
二、 转换图片
▁◣ 难看的 ◣
① 为什么转换时须慎用高亮色 ◢ ◣ 锯齿 ↘ ██◣
◢ ◣ ▁████◣
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
↙ 秃顶 四、 手工修改
◤ ◥
◤ ◥ 这是非常重要,不可跳过的一步。手工修改
◤ ◥ 有很多技巧,需要大量练习积累经验。
◤ ◥
◤ ◥ ◤◥
◤ ◥ ◤ ◥
◤ ◥ ◤ ◥
◤▂▄▆▆ ▆▆▄ ◥ 修 ◤ ◥
▃▅▇▅▇▇▇▇▇◤ ╲ 改 ◤ ◥
▕▏ ◤ ↘ ◤ ◥
◣ ◤ ◤ ◥
◤ ◤ ◤▂▄▆▆ ▆▆▄ ◥
◤▆ ◤ ▃▅▇▅▇▇▇▇▇◤
◣ ◤ ▕▏ ◤
◣ ◤ ◣ ◤
◣ ◤ ◤ ◤
▇ ↖瑕疵 ◤▆ ◤
① 外形轮廓 ◣ ◤
顶端和底端都不够尖,正好有一个空格 ◣ ◤
的空隙,我们手工把右半边向左挪一位 ◣◤
◤◥ ② 修改上半部分的圆弧
◤ ◥
◤ ◥ 先看看黄色部分下缘的弧线,利用各种高度的横
◤ ◥ 向色块,可以修得更加平滑。注意曲线的弧度。
◤ ◥
◤ ◥ ◤◥
◤ ◥ ◤ ◥
◤▂▄▆▆ ▆▆▄ ◥ ◤ ◥
↑ ▃▅▇▅▇▇▇▇▇◤ 修 ◤ ◥
不够光滑 ▕▏ ◤ ╲ 改 ◤ ◥
◣ ◤ ↘ ◤ ◥
◤ ◤ ◤ ◥
◤▆ ◤ ◤▂▄▅▆▇▇ ▇▆▅▄▂◥
◣ ◤ ↑ ▃▅▇▅▇▇▇▇▇◤
◣ ◤ 更加光滑 ▕▏ ◤
◣◤ ◣ ◤
◤ ◤
这里的圆弧是用黑色前景,黄色背景的色块构成, ◤▆ ◤
如果用高亮色作画的话,在这里就无法进行了, ◣ ◤
因为高亮色不能用作背景色。高亮作画易受限制。 ◣ ◤
(窍门:修改可以选择透明色,不改变当前颜色) ◣◤
◤◥ ③ 修改下半部分的弧线
◤ ◥
◤ ◥ 蓝色部分毛病很多,首先去掉杂色块,然后处理
◤ ◥ 尖刺,这里用三角色块 ◥ 来覆盖尖刺。
◤ ◥
◤ ◥ ◤◥
◤ ◥ ◤ ◥
◤▂▄▅▆▇▇ ▇▆▅▄▂◥ ◤ ◥
▃▅▇▅▇▇▇▇▇◤ 修 ◤ ◥
杂色块 →▕▏ ◤ ╲ 改 ◤ ◥
◣ ◤ ↘ ◤ ◥
不圆滑 →◤ ◤ ◤ ◥
◤▆ ◤ ◤▂▄▅▆▇▇ ▇▆▅▄▂◥
↗ ◣ ◤ ▂▅▆▇▇▇▇▇▇◤
尖刺 ◣ ◤ ▊ ◤
◣◤ ◣ ◤
◤ ◤
三角色块有两种画法,一种是蓝色前景,黑色背 ◣ ◤
景的◥,另一种是黑前景,蓝背景的◣,两种效果 ◣ ◤
有细微的差别,看谁能说出来。 ◣ ◤
圆滑的处理是最难的,除了多试多练,没什么好说。 ◣◤
四、 大功告成 !!! ╔── 上 海 银 行 ──╗
│┌ ┐│
│ ◤◥ │
我们再加上文字和边框修饰一下, ◤ ◥
就完成了上海银行标志的最终稿! ◤ ◥
◤ ◥
注意修饰不要喧宾夺主。 ◤ ◥
◤ ◥
◤ ◥
◤▂▄▅▆▇▇ ▇▆▅▄▂◥
▂▅▆▇▇▇▇▇▇◤
▊ ◤
◣ ◤
五、 作业 ◤ ◤
◣ ◤
1、用同一张图,画一个 ◣ ◤
放大5倍左右的上海银行标志 ◣ ◤
│ ◣◤ │
2、画一个上海浦东发展银行 │└ ┘│
的标志,图片自己上网找。 ╚── Bank of Shanghai ──╝
wan
--
※ 来源:·日月光华 bbs.fudan.edu.cn·[FROM: 159.226.116.241]
Sender: flubber hopping vault horse, message area: ANSI
Title: Bmp2Ascii Beginner Tutorial by flubber
Sending site: Sun and Moon Guanghua Friday, September 19, 2003 11:34:56, site mail
Please press space continuously to turn pages
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 gif image.
http: bbs.sjtu.edu.cn showfile?name ShBank.gif
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: bbs.sjtu.edu.cn showfile?name ShBank.bmp
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.
Four, you’re done Shanghai Bank
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.
Five homework
1 Use the same picture to draw one
The Shanghai Bank logo magnified about 5 times
2 Draw a Shanghai Pudong Development Bank
Find the picture of the logo of Bank of Shanghai online.
wan
Source: Sun and Moon Guanghua bbs.fudan.edu.cn [FROM: 159.226.116.241]