发信人: aday (我爱小熊), 信区: ASCIIart 
标  题: 手把手教你画色块图              
发信站: 瀚海星云 (2004年03月10日19:11:12 星期三), 转信 
                                                       
 
htm版本: 
http://home.ustc.edu.cn/~adayhxj/temp/ASCIIart/b2a_newcomers.htm 
                                                                 
那天金鱼mm让我写一个介绍怎样作色块图的东东,其实我也只是刚刚开始学习 
所以不一定说的都合理,这里只是就我的做法和一点经验来给大家作一个简单 
的介绍。至于进一步的发展,大家可以看看一些大侠的作品,仔细研究研究:) 
                                                                     
好了,不说废话了,现在就开始吧. 
                                
我这次想画一个机器猫。原因很简单:卡通人物的线条简单,容易上手。 
                                                                 
1,先找一张机器猫的照片。                                                  
google到一张不错的http://www.tryptonfell.com.au/JETAA/images/doraemon.jpg  
(机器猫的图片有很多,但是要找很像的也得花些功夫)这张画简单,并且背景    
颜色单一,易于处理。找到图片后就将它保存在本地机器上(最好直接选择保存为 
bmp格式,方便后面的处理)。                                              
                            
2,选择图片中自己感兴趣的区域单独剪出来。                                  
我选了头那部分。选择的时候最好选一块长宽比和BBS上一屏差不多的,这样不至于  
压缩拉升的时候失真变形。选择完以后直接拉升一下,拉的时候也注意一下比例。  
我是直接用windows自带的画图工具作的,如果你会photoshop就更好了:)。     
下面是我选择的图片:http://home.ustc.edu.cn/~adayhxj/temp/jqm.bmp    
                                                                  
3,用Bmp2ascii对图片进行转化。                                               
Bmp2ascii是一个可以将bmp图片转成ascii图的小软件,虽然有些地方还有些不足,    
但是可以简化很多人的劳动:)。                                            
Bmp2ascii的下载地址在:http://202.38.64.10/~monq/soft/bmp2ascii.zip 
好了,打开以后点Open,然后选择刚才的那个图片jqm.bmp,然后选择颜色。我选了 
黑色(0;30m),红色(0;31m),蓝色(0;34m)和白色(0;37m)。没有选亮色的 
原因是选择亮色后容易出现“▇”作为背景,这样对作图就有了很大的限制。所以一般 
不要选取高亮的颜色,特别需要除外。我个人觉的选颜色主要是要让转成的图中大致   
轮廓明显一些,而于原图本身的颜色不一定要一致,至于颜色不对可以在AnsiEditor 
里面调换。下面是我其他参数什么设置时转出来的效果                           
                                                 
 
       ▇▇      ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▅▁                   
                    ◢▆   ◣   ▂▅▆                 
                      ▎       ◥                            
                                      
          ▍  ▂▄▇            ▏                ◥          
         ▕▏                 
        ▕▍      ▂▋▂                       
                  ▇▉▆▂                  
             
                                                   
       ▄     ▁      ◣ ▁ ◢                                       
                                                                    
                                                                        
                                                          
                                               
    ▃▁                                     ▃▁▁▁               
         ▆▅▄▄▂▂▂▄▄▄▄▄▄▅▆▆▆▆   ▆▆       
                                                      
                
                                          ▁▁                
   ▁▁▎           ▅▇▇▅       ▅▅▅▂◥         
                                      ◢◤               
                                     ◤     ◢       
         ▋◥                                   
       ▇◣      ▅▃                   ▁◢            
           ▆▄▂▁  ▁▁▂▄▆           ▎   ◢          
  ▇▅▃▁▁                      ▁◢▁▅             
                                                                           
可以看到比例不合适,超过了一屏,所以要作一些修改:调节第一排的参数x-rate,y-rate. 
这两个参数时调节生成图片与原图片比例的。同时可以更具合理设置这两个参数来改变横纵 
比例。调节的时候也尽量让两者基本一致,不要相差太多,不然的话容易引起失真。我将   
x-rate,y-rate都调到0.9,正好放在一屏以内。                                     
                                           
      ▇▇▇     ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▂                         
                    ◣  ▁▆▆                                
                              
         ◤     ▂◢                      
        ▁▄▇                     ▍               ◥                
            ▏       ▕▏                        
     ▏  ▅▇▇▅                           
                              
                                         
    ▄▄   ▂     ◥                                      
                                                                  
                               
   ▆▆       ▎        ▁                              
                                                      
      ▅▃▂▁▁     ▁▁▁▁▁▂▃▃▃▅▅▆▆▆▆              
    ▇▇▇                                          
                                              
      ◣                            ▁▁      ◢              
  ▂▂                ▂▅▇      ◤▅▅▂◥               
        ◤ ▅                                   
         ▎    ◥▋◢                                            
             ▁                      ◢                      
       ▅▁             ▁▆                         
 ▆▄▂      ▆▆▄▆▆                                     
                                                                                 
可以看到现在的图还只是能隐隐约约看到机器猫的影子。下面我们将进行进一步修改。 
                                                                             
4,用AnsiEditor对图片进行修改。 
AnsiEditor是一个很好的ASCII编辑器。可以方便的实现ASCII图的块操作,上色等等。 
下载地址:http://home.ustc.edu.cn/~adayhxj/soft/ansieditor.rar                  
在Bmp2ascii里面转好图后点击“Fterm Copy",然后再打开AnsiEditor,paste进去。 
(没有用过的可以先自己熟悉一下里面的操作,同文件夹下面有一个说明的,可以看看) 
我准备用黑色的“线”将机器猫的轮廓勾勒出来,这样看起来比直接将机器猫放在背景里 
舒服些。                                                                       
先把一些乱七八糟的色块删掉,然后将机器猫放在屏幕中间,其他地方添上白色(47m) 
背景。得到这个图:                                                            
                   
 
                         
                          ◣  ▁▆▆                               
                          
               ◤     ▂◢            
              ▁▄▇                     ▍               ◥               
                  ▏       ▕▏          ▍                 ◥             
           ▏  ▅▇▇▅                 
                          
                                              
                                                      
                                                                       
                             
                    
                                       
            ▅▃▂▁▁     ▁▁▁▁▁▂▃▃▃▅▅▆▆▆▆             
          ▇▇▇                                         
                                                              
            ◣                            ▁▁      ◢    
        ▂▂                ▂▅▇      ◤▅▅▂◥              
              ◤ ▅                                  
               ▎    ◥▋◢                                           
                   ▁                      ◢                     
             ▅▁             ▁▆               
       ▆▄▂      ▆▆▄▆▆                               
                                                                                 
然后开始勾最外面一层轮廓(脑袋的轮廓)。 
要用到的字符主要是这些:(注意前景背景颜色分别是什么)能合理的应用好这些色块, 
可以使图形尽量光滑,看上去舒服一些。                                           
                                                                 
                                                                 
                                                                 
▍  ◢◣                                                                         
▌  ◥◤                                                                         
                                                                 
                                                                 
                                                                 
▇▆▅▄▃▂▁                                                                 
                                                                                 
好了,我已经将外轮廓勾了出来,并且为了和机器猫脸的颜色-白色(0;37m)区分,我把 
背景换成了黄色(0;43m)。调换一个方块中颜色的方法是:选择区域=>^h=>选择要替换的 
颜色和被替换的颜色。这就是我前面说再AnsiEditor里面调换颜色的方法,是很方便吧~~ 
(好像多了一行:(,我把最后一行删调了)                                         
                                         
                                                                         
                  ◢▇      ◣  ▁▆▆                               
                                             
                  ▂◢                         
            ▁▄▇                                  
                 ▏       ▕▏                     
          ▏  ▅▇▇▅                 
                          
                                                  
                                                      
          
                  
          
          
         ▅▃▂▁▁     ▁▁▁▁▁▂▃▃▃▅▅▆▆▆▆    
          ▇▇▇                                
                                                    
           ◣                            ▁▁      ◢    
      ▇▅                  ▂▅▇      ◤▅▅▂◥    
       ◣  ◥   ◤ ▅                       
   ◥▋◢                                              
        ▁                      ◢                        
              ▅▁             ▁▆                           
                                                                                 
下一步将勾机器猫脸部的轮廓。包括眼睛,鼻子,舌头等。这里我不再用黑色勾轮廓, 
为的是让机器猫看上去更象一些。下面是上半个脸修改后的结果:                   
                                                           
                       ▂▁     ▂▃▁                               
                  ◢▇      ▄▆▄                             
                     ▂▁  ▋◢                        
                    ◤▃ ◥                   
            ▍▁▃▅                
          ▂▃▄▋▄▉           
                ▅▇▃▁               
                  ▍◥     ▂▁ ▂◤ ◢▅▄             
         ◣▂      ◣▂▁▂▄◢                  
                                       
          
          
          
          
         ▅▃▂▁▁     ▁▁▁▁▁▂▃▃▃▅▅▆▆▆▆   
          ▇▇▇                               
                                                    
           ◣                            ▁▁      ◢    
      ▇▅                  ▂▅▇      ◤▅▅▂◥    
       ◣  ◥   ◤ ▅                       
   ◥▋◢                                      
        ▁                      ◢                      
              ▅▁             ▁▆                     
                                                                                 
看了下原图,发现机器猫的嘴唇没有画上去,加上: 
                                               
                       ▂▁     ▂▃▁                               
                  ◢▇      ▄▆▄                             
                     ▂▁  ▋◢                        
                    ◤▃ ◥                   
            ▍▁▃▅                
          ▂▃▄▋▄▉           
                ▅▇▃▁               
                  ▍◥     ▂▁ ▂◤ ◢▅▄             
        ▃▂         ◣▂      ◣▂▁▂▄◢                  
      ◢▅▄▃                         
       
       
                           
                           
         ▅▃▂▁▁     ▁▁▁▁▁▂▃▃▃▅▅▆▆▆▆   
          ▇▇▇                               
                                                    
           ◣                            ▁▁      ◢    
      ▇▅                  ▂▅▇      ◤▅▅▂◥    
       ◣  ◥   ◤ ▅                       
   ◥▋◢                                      
        ▁                      ◢                      
              ▅▁             ▁▆                     
                                                                                 
下面开始画嘴和舌头:) 
画的时候注意要不停的和原图比较,看看有什么地方需要改动。毕竟软件不是100%准确 
只能转个轮廓。                                                                
还有,在对后面的东西作改动的时候要注意看是否前面的修改对后面有影响,有的话就要同 
时都改,比如这个地方:                                                           
                       
 
              ▅▃▂▁▁                  ▇▆▅▄▃▂                   
                                 ▇▆▅▄                   
                                                       
                                                     
           ▇▅                           ▇▅                        
            ◣  ◥                  ◣ ◥                     
                这个地方为了将后面加一个“ 
                就必须把前面的“ ”换成“  
                                                                                 
下面是改好嘴和舌头后的画: 
                           
                       ▂▁     ▂▃▁                               
                  ◢▇      ▄▆▄                             
                     ▂▁  ▋◢                        
                    ◤▃ ◥                   
            ▍▁▃▅                
          ▂▃▄▋▄▉           
                ▅▇▃▁               
                  ▍◥     ▂▁ ▂◤ ◢▅▄             
        ▃▂         ◣▂      ◣▂▁▂▄◢                  
      ▄▆▄▃                        
        
       
                           
                           
         ▇▆▅▄▃▂▁      ▁▁▁▂▂▂▂▃▃▄▄▄▄  
          ▇▆▅▄▃▂▁▁▁▂▂▂▃▃▄▄▅▅▆▆▆◤  
             
          ▋                           ▁▃▂       
      ▇▅       ▃▄▅▆▇ ▂▅▇▅▃▁  
       ◣ ◥  ▃▆▇          
   ▏ ◥                               
                 ▎   ▂▄                        
         ▆▄▃▂▁▂▃▅▇ ▃▆                     
                                                                                 
再一步就是加上机器猫特有的胡子了: 
                                   
                       ▂▁     ▂▃▁                               
                  ◢▇      ▄▆▄                             
                     ▂▁  ▋◢                        
                    ◤▃ ◥                   
            ▍▁▃▅                
          ▂▃▄▋▄▉           
                ▅▇▃▁               
                  ▍◥     ▂▁ ▂◤ ◢▅▄             
        ▃▂         ◣▂      ◣▂▁▂▄◢                  
      ▄▆▄▃ ▃▂▂▁     ▁▁▂▂▂▂▂           
      ▍▃▃▃▃▂▂▁▁   ▆▆▆▇▇▇▇ ̄ ̄ ̄     
     ▏         ̄▇▇▆   ▎ ▁▁▁▂▂▂▃▃▃▃▃     
       ▁▁▁▂▂▂▃▃  ▏  ▁▁▁▁▁▁▁             
        ◥▆▆▇▇▇       ︳     ̄ ̄▇▇▇▆▆▆▅       
         ▇▆▅▄▃▂▁      ▁▁▁▂▂▂▂▃▃▄▄▄▄  
          ▇▆▅▄▃▂▁▁▁▂▂▂▃▃▄▄▅▅▆▆▆◤  
             
          ▋                           ▁▃▂       
      ▇▅       ▃▄▅▆▇ ▂▅▇▅▃▁  
       ◣ ◥  ▃▆▇          
   ▏ ◥                               
                 ▎   ▂▄                        
         ▆▄▃▂▁▂▃▅▇ ▃▆                     
                                                                                 
然后再改动一些小的地方:                                                         
                                                                                 
                             ▂▁     ▂▃▁                         
                        ◢▇      ▄▆▄                       
 ╭─────╮            ▂▁  ▋◢                  
 我要吃铜锣       ◤▃ ◥             
 烧~~~  ▍▁▃▅          
 ╰─╮╭──╯ ▂▃▄▋▄▉     
      ╲\             ▅▇▃▁               
                 ▍◥     ▂▁ ▂◤ ◢▅▄             
              ▃▂         ◣▂      ◣▂▁▂▄◢                  
            ▄▆▄▃ ▃▂▂▁     ▁▁▂▂▂▂▂           
            ▍▃▃▃▃▂▂▁▁   ▆▆▆▇▇▇▇ ̄ ̄ ̄     
           ▏         ̄▇▇▆   ▎ ▁▁▁▂▂▂▃▃▃▃▃     
             ▁▁▁▂▂▂▃▃  ▏  ▁▁▁▁▁▁▁             
              ◥▆▆▇▇▇       ︳     ̄ ̄▇▇▇▆▆▆▅       
               ▇▆▅▄▃▂▁      ▁▁▁▂▂▂▂▃▃▄▄▄▄  
                ▇▆▅▄▃▂▁▁▁▂▂▂▃▃▄▄▅▅▆▆▆◤  
                   
                ▋                           ▁▃▂       
            ▇▅       ▃▄▅▆▇ ▂▅▇▅▃▁  
             ◣ ◥  ▃▆▇          
         ▏ ◥                         
                       ▎   ▂▄                  
               ▆▄▃▂▁▂▃▅▇ ▃▆               
                                                                                 
最后,就要用无缝查看,看看有没有什么大的毛刺,下面标出了有毛刺的地方。 
还有,舌头看上去不像,我顺便改了一下:                                 
                                       
                             ▂▁     ▂▃▁                        
                        ◢▇      ▄▆▄                      
 ╭─────╮            ▂▁  ▋◢                 
 我要吃铜锣       ◤▃ ◥            
 烧~~~  ▍▁▃▅         
 ╰─╮╭──╯ ▂▃▄▋▄▉    
      ╲\             ▅▇▃▁              
                 ▍◥     ▂▁ ▂◤ ◢▅▄            
            ▃▂         ◣▂      ◣▂▁▂▄◢           
            ▄▆▄▃ ▃▂▂▁     ▁▁▂▂▂▂▂          
            ▍▃▃▃▃▂▂▁▁   ▆▆▆▇▇▇▇ ̄ ̄ ̄    
           ▏         ̄▇▇▆   ▎ ▁▁▁▂▂▂▃▃▃▃▃    
             ▁▁▁▂▂▂▃▃  ▏  ▁▁▁▁▁▁▁            
              ◥▆▆▇▇▇       ︳     ̄ ̄▇▇▇▆▆▆▅      
               ▇▆▅▄▃▂▁      ▁▁▁▂▂▂▂▃▃▄▄▄▄ 
                ▇▆▅▄▃▂▁▁▁▂▂▂▃▃▄▄▅▅▆▆▆◤ 
                  
                ▋                   ▁▂▃▄▅▆▅▃▁       
            ▇▅       ▃▆▇ ◤  ▂▃▅▆▇▅▃▁ 
             ◣ ◥  ▃▆▇  ◣  ◢                 
         ▏ ◥                                  
                              ▂▄             
               ▆▄▃▂▁▂▃▅▇ ▃▆              
                                                                                
好了,经过修改,这些地方的毛刺基本消除了: 
                                           
                             ▂▁     ▂▃▁                         
                        ◢▇      ▄▆▄                       
 ╭─────╮            ▋◢                  
 我要吃铜锣       ◤▃ ◥             
 烧~~~   ▁▃▅          
 ╰─╮╭──╯ ▂▃▄▋▄▉     
      ╲\             ▅▇▃▁               
                 ▍◥     ▂▁ ▂◤  ▃▃