ASCII art tutorial Table of contents 1 Introduction 2 Types of ASCII art 2.1 Lineart 2.2 Solid 2.3 Grayscale 2.4 Camelized 2.5 Others 3 Drawing ASCII art 3.1 Starting out 3.2 Lineart 3.3 Solid art 3.4 Grayscale 3.5 Antialiasing 3.6 Tracing 3.7 Aspect ratio 3.8 Difficulties and limitations 3.9 Perspective, 3D and isometric ASCII 3.10 Textures and materials 3.11 Lighting and shadow 3.12 Uses for different characters 4 Fixed-width fonts 4.1 Courier New 4.2 DOS font 4.3 Topaz New 4.4 Lucida Console 4.5 Fixedsys 4.6 Arial Alternative 4.7 MS Gothic 4.8 Andale Mono (aka Monotype.com) 5 ASCII art software 5.1 JavE 5.2 FIGlet 5.3 TheDraw/Aciddraw 5.4 Acidview 5.5 PabloDraw 5.6 Aewan 6 Other stuff 6.1 ASCII map 6.2 Displaying ASCII art on web pages 6.3 Coloring ASCII art 6.4 Demoscene ASCII art 6.5 ASCII art culture and etiquette 1 Introduction ASCII is an acronym of "American Standard Code for Information Interchange". ASCII art means art made out of different characters in the ASCII map and can thus be represented in plain text format. It cannot include extended characters or text formatting such as bold or italics. ASCII art is always done on a fixed-width font like Courier New or Fixedsys, never on a proportional font like Arial or Times New Roman. It can be made in Notepad or MS-DOS Edit, but there are also some specific programs for making ASCII art. And no, I'm not talking about ASCII converters. People often comment on ASCII art by saying "Wow, that is so amazing, I'd never have the patience to make something like that". I don't get it. Why do they think ASCII art requires so much patience? I can make a decent fullscreen ASCII in an hour (even if it sometimes takes ten hours). It takes me at least fifteen hours to draw a decent fullscreen CG picture. ASCII art isn't easy and it does require skill, but you don't have to care about things like brush strokes or colors and usually not about shading either. In a way it is a lot like pixel art. When I started pixeling it felt very familiar due to my ASCII and ANSI experience. Pixel artists will probably experience a similar reaction when they start drawing ASCII. You don't have to have great drawing skills to be a good ASCII artist. I, for instance, suck at drawing, I can paint but I can't do the sketch like thing at all. ASCII sketching is practically something non-existant, but if this interests you, nothing stops you from trying this new style. Some people wonder what's the point. What's the point in making art in general? I think limitations are what makes art interesting and feeds the creative mind. ASCII art probably isn't something that you encounter in an art museum (which is regrettable), it's more like everyday art. I guess it has something in common with pop art. ASCII art can be sent via email or to Usenet newsgroups, it can be used on IRC and many chatrooms (do that with caution, though). You can include ASCII art in your signature or login screen or print it out with your old matrix printer. It can be used for representing game situations, graphs or molecular models. I've heard opinions of ASCII art not being art but graphical design, but I disagree with that. Design is usually considered to be something functional, such as advertisements or interfaces, while visual art is something you can hang on your walls. ASCII art usually isn't functional but aesthetical. I know people who have ASCII pictures hanging on their walls. There are other ASCII tutorials, but I decided there's still room for another one. Many of the others are outdated, some are even more than 10 years old. They also feature slightly different techniques and lack some of the parts that my tutorial focuses on. This turned out perhaps more like a ASCII drawing/culture FAQ than an actual tutorial, but I hope it will still be useful. 2 Types of ASCII art 2.1 Lineart Lineart is just what its name implies, things are represented with (usually thin) outlines, sometimes dotty, sometimes consisting mostly of slashes, underscores and pipes. Lineart also includes most FIGlet fonts and demoscene logos. Suitable for both huge images and tiny pictures. .-"""-. ' \ |,. ,-. | |()L( ()| | |,' `".| | |.___.',| ` .j `--"' ` `. / ' ' \ / / ` `. / / ` . / / l | . , | | ,"`. .| | _.' ``. | `..-'l | `.`, | `. | `. __.j ) |__ |--""___| ,-' `"--...,+"""" `._,.-' mh Penguin by DiamonDie (2002?) 2.2 Solid Solid art is the "opposite" of lineart, it's not outlined but filled and flat-shaded. It's often best fit on mid-sized and large pictures, though it can also work for small pieces, such as the heart here. Often it looks better than lineart, simply for the fact that it's not as "thin". Solid art is often used for logos, ornament designs and text, but it fits almost any kind of subject. It's not very well suited for faces though. ,o8o, ,o8o, ,888888,888888, 888888888888888 888888888888888 `8888888888888' `888888888' `88888' `8' Heart by DiamonDie (1997) 2.3 Grayscale Grayscale is like solid art, but it consists of many different characters that are used to portrays lighter and darker areas, making it the most suitable kind of ASCII for picturing faces. It is usually best viewed white on black, such as the example below (people using most graphical browsers can select it with a mouse or press Ctrl-A to see it in inverse color). Most converters create grayscale art, though rather messy kind with often no antialiasing. Grayscale could be considered the most difficult of all ASCII techniques. .,,,yyyy@@yyyyy,,, ,ytS$$CCCCCCCCCCCCCCC?III;,. .yt$$$$$$$$CCCCCCCCCCCCCCCCIIIIII;. ,4$$$$$$$$$$$$$$SCCCCCCCCCCCCCCC?IIIII; y$$$$$$$$$$$$$$$$$$$$CCCCCCCCCCCCCCCIIII, ,$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCCCCCCCCCIIII: l$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCCCCCCCIIIIi t$$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCCCCCCCIIII: .l$$$$$$$$$$$$$$$$$$$$$$$$$$$SCCCCCCCCCCCCCIIII, i d$$$$$$$$$$$$$$$$$$$$$$$$$$$SCCCCCCCCCCCCCIIIII. ;I, $$$$$$$$$$$$$$$$$$$$$$$$$$SSCCCCCCCCCCCCCIIIIIII .III j$$$$$$$$$$$$$$$$$$$$$$$$$SSCCCCCCCCCCCCCCIIIIIIIi.II; ]$$$$$$$$$$$$$$$$$$$$P"' `"^?CCCCCCCCCCIIIIIIIIIIIII l$$$$$$$$$$$$$$$$P"'' .,.. `;?CCCCCCC?IIIIIIIIII; .y%* l$$$$$$$$$$$$SP" ,yS$$$$$$Shy..`"IICCCCCCII: :: 4C7; \ $$$$$$$$$$$SP. .;;$$$SCCCCCSSCCCCSb: ICCCCCCCII; '' liC$ClCC;;l $$$$$$$$$$$$I::lIIIICCSSSSSSCCCCCCCCCCIICCCCCCCI ICCC$lCC??;b P"^^^48$$$$$$SSIII' `Ii : y,"ICCCS$SCCCCCCCCCCI ICl"l "7SSbl. : l$$8888II66 ,?$b,yySIIICC$$$$$$$$SCCCCCCCI ?CCb l JCC$il : . ,$$$$$$CCCC$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI ICS$li$$SCC?l `SS",+.$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI !?S$ ;I$$SCCP "' : S$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI ICSCS$$$$$I ;:6$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI `?C$$$$P `$$$$$$$$$$S$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI `""""' j$$$$$$$$$SCCS$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCI $$$$$$$$$$$$$CI$$$$$$$$$$$$$$$$$$$$$$$SCCCCCI; j$$$$$$$$$$SS$CI$$$$$$$$$$$$$$$$$$$$$$SSCCCCCIi 7$$$$T7"`,yyiIIC$$$$$$$$$$$$$$$$$$$$$SSSSCCCC?i "4$SC**7"""-:47$$$$$$$$$$$$$$$$$$$$$SSSSCCCCCI 7I . ,';' ";7ICS$$$$$$$$$C$S$$$$$CCCCl : jy.,jyyjCCCCi ..i."7C$$$$$$C$CS$S$$$SCCC?' ; : d$$$$CCC7?"""""?7CiiCS$$$$SCCCC$S$$$$CCCC; i, .CC,]CCSSSCCSCCCIiIiICS$$$SSCCCCS$$$$SCC? .| :`j$$$$$$$$SCCCC$$$CICS$$SCCCCCCCC$CC?; iI. :l$$$$$$$CCCCCS$$$$C?iCCCCCCCCC7"'., .iII, :C?"~~ ,CCC$$$IiIiCCCCCCC? ' ,IIIII :$7 ,_,jS$$$$CIiIi?iCCC?? iI?CCCII .; :;i:;;?S???iiIiIi?i' iII?CCCCCII. ; ';' ?lCi??i;i;; iI?CCCCCCCCIIi : ;? ;I" iIIICCSCCCCCCCCIIl ; .,iiI?CCCC$$$$$SSCCCCCCIi I, II; '. _,. ,i,IIII?CCCCCS$$$$$$SSSCCCCIIIIIIIII' ' ~ + =- - ' ~ ` SCCIIIIII???CCCCS$$$$$$$$$$$SCCCCCCC?I" l$$CCCCCCCCCCCCS$$$$$$$$$$$$$$$$SCCC"` It Figures by nemoorange 2.4 Camelized Camelized ASCII art isn't very popular, even though it already appeared in the book Alice in Wonderland. It is usually poetry (sometimes prose) made into the shape of an object, often an animal. There are a couple of different techniques for making the shapes. Some people use extra spacing to achieve lines of required length, others wrap words from the middle or use extra characters. JavE has a feature for camelized ASCII. The Dolphins' Way, In Me Aspirations of the living sea The dolphins do move within me The aura of their soul, I feel deep down To be in the water and not on ground Sifting through the ocean, an expressing show Communi- cation of a song and a blow Pro- tecting even those not of their kind They ask nothing in return, they do not mind The most gracious and unselfish of all that wander I wish to swim with them, nothing could be fonder The dolphins mean so much to me, you see I need to thank them, for showing us how to be (Donovan 1997) Dolphin by Donovan 2.5 Others There are variations of the previously listed styles, such as combination of solid and lineart (my favorite type of ASCII), "solid lineart" (made out of heavy outlines in solid style) and tiny ASCII, such as smileys and other very small pictures. ASCII animations are made for terminals or nowadays usually in JavaScript, they can be made in any of these styles, but are usually in lineart. There are also ASCII stereograms and many other wicked things. Some people list lettering, signature art, illustrated stories and 3D as their own genres, but they're usually just variations of line art (sometimes solid or grayscale). Things that can be erroneously believed to be ASCII art include Shift_JIS art (text art using Japanese characters), typographic pictures, AOL macros (made in Arial font and often including extended characters), ANSI and most of demoscene "ASCII art". Another thing that definitely isn't ASCII art is those horrid HTML conversions that are usually composed of 1s and 0s and would have absolutely no shape with the color removed. These are sometimes called "text art" or "character art", even though both terms can be considered slightly misleading. I don't believe using a converter without any editing is really creating ASCII art. It's image manipulation. People sometimes confuse ASCII and ANSI and call either of them "ANSII". What ANSI really is could be described as an extension to ASCII, allowing the use of extended MS-DOS characters (such as so called "raster blocks") and 16 colors. It was commonly used in the BBS (Bulletin Board system) world, but many people still keep drawing ANSI pictures, even though MS-DOS is hardly used any more and the Internet has largely killed off BBSes. 3. Drawing ASCII art 3.1 Starting out Start up JavE or your favorite text editor. Think about what you want to draw and what could be a good subject for your first ASCII. Try not to pick anything too difficult, such as celebrities. Many people choose a house as their first picture, but I think it's a little boring subject. Others attempt a face, but that's much harder. Animals, plants and household objects often turn out to be a good choice. You can either draw a single object or a scene, like a house, a tree and some birds. A reference picture may be helpful. You could also use a technique called tracing which is explained later. Looking at other people's ASCIIs is just as important as drawing your own, because you'll learn a lot of different techniques just by looking at ASCII art. How do people achieve slanted lines, how do they make fur look like fur and what's the secret of smooth curves? Also remember the rules of normal art, like that eyes are located in the middle of the head, not on the top. People are about 7-8 heads tall, unless you're drawing a comic character. Houses usually aren't placed on top of the ground, but on the ground. Perspective really improves pictures of cubic objects. A house or a box without a perspective is pretty much just a rectangle, not very interesting. 3.2 Lineart Lineart is a good choice for an ASCII beginner. It might be a good idea to do a rough "sketch" first. Draw the outline of your object and see if it bears any resemblance to your model. Try to avoid using only straight lines and slashes, that makes your picture look dull and awkward. Instead try commas, periods, hyphens and apostrophes. It might be a good idea to sketch with periods first and then change some of them to colons or semicolons, some to apostrophes and then extend that. Forget about shading, reflections and stuff like that. Try using as many different characters as you can without getting silly results. You can get more detail with lineart than with solid technique, but you still might have to give up some for a better result. If you're drawing a face, you don't have to draw every single wrinkle and you might skip the eyelashes too. 3.3 Solid art Not many people start out with solid ASCII, but nothing says you can't do that. Filled pictures are no harder to make than outlined ones, it just doesn't fit for houses and faces very well. It's usually a good idea not to use outlines with solid art. Some people use a different character for every area of the picture, but I think it's better to stick with one or a few filler characters. Antialiasing is very important in solid art. 3.4 Grayscale Grayscale ASCII is difficult to draw, not recommended for beginners, even though I know people who have started off with it with fine results. You need a good eye for light and shadow and a good reference photo is a must, you may want to increase the contrast of it. Picking the right set of characters is crucial, remember that the "lightness" of some characters varies greatly between fonts. Take a look at existing grayscale ASCII art or even converted pictures to get inspiration for good character sets. Don't start out too small, 80x25 is probably the minimum you want to attempt and 80x50 is better. 3.5 Antialiasing Antialiasing doesn't really apply for lineart the same way it applies for solid and grayscale, but I think smooth edges are one of the most important things in a solid ASCII picture (unless you're aiming for a different impression). Often grayscale is drawn without any empty spaces in the picture, but sometimes without a background and that's when you really need antialiasing. Simple antialiasing is actually very easy to do and can often be achieved with periods/commas and apostrophes/accents/quotation marks alone. Just add these when there's a rough corner and it looks much better. Sometimes you may want to use more characters. I use d, b and n (sometimes m) for the upper parts of objects and + for lower parts, the plus doesn't look too good, but it's the best I've found. q and p can be used to match d and b, but they hang lower. P is better, but it has no equivalent for the left side. Demoscene artists often use a wider variety of antialiasing characters, such as 7, 4, \, / and %. 88888 88888888888 8888888888888 8888888888888 8888888888888 88888888888 88888 A filled circle without antialiasing .nd888bn. .d888888888b. 8888888888888 8888888888888 8888888888888 `+888888888+' `"+888+"' The same circle with antialiasing 3.6 Tracing In the ancient times, people sometimes drew/copied the picture on a transparency first, which they taped on the screen to be able to trace the image as well as possible. I used this technique once, when I needed to make an ASCII out of a map and first I traced the picture from a book, but I didn't have a transparency so I used a plastic bag, perhaps needless to say the results weren't excellent. When Netscape Composer came out, some people figured out that they could just set the image file as the page background and draw over it. Now we have JavE, which has a particular function just for this, you can set the display size and aspect ratio of the image file and apply some brightness/contrast tweaks. 3.7 Aspect ratio Aspect ratio is something to pay attention to, particularly because of the differences between the fonts. Practically all fonts are taller than they're wide, so a picture of 10 lines and 10 columns probably won't look rectangular. Fixed-width fonts in general are of roughly the same width, but Topaz New is considerably more narrow, while Courier and its descendants are very fat. Most people have their web browsers set to use Courier, so some pictures may look unneededly fat, but this is partly unavoidable. Just pay attention to this if you're drawing ASCII for a particular purpose or if you're using Courier or Topaz to draw. One way to solve this is not to draw pictures that are supposed to be exactly circular or square and a different angle can help too. One of my ASCII pictures looks just fine in both 80x25 and 80x50 fullscreen resolutions, even though the 80x50 font is twice as wide. 3.8 Difficulties and limitations Some things are very hard to do in ASCII, some of these are obvious and some not so obvious. Slanted, almost vertical lines are very hard and usually end up looking stupid, so it's a good idea to avoid them whenever possible. Completely straight vertical lines are often better. The same problem doesn't apply for slanted horizontal lines at all, those are very easy to do once you learn to use different characters correctly. Things with a high resolution/detail are also hard, things like small spirals. That's why you sometimes need to drop the detail (or draw the picture in a bigger resolution). You also can't properly represent blurriness or softness, or at least that's extremely difficult. You can do some optical illusions in ASCII, such as stereograms. Magic eye pictures are probably not possible, excluding very high resolutions. 3.9 Perspective, 3D and isometric ASCII Some ASCII pictures feature a perspective, but it's often a very simple one and limited to lines. In a way, a lot of ASCII art could be called naivistic. Even a simple perspective improves the picture, though. A good way for creating a perspective is drawing the lines so that they would continue to this imaginary perspective point, which can be located in the middle of the picture or elsewhere. Isometric ASCII art exists too. JavE has a feature that can render 3D shapes in ASCII art, as wireframes or with a simple lighting. .:. .::'. : : : '. .' : : '. .' : : '. : : : '. .: : : : .' : : '. .' : : : : : : '. .' : : '. .' : ...:. '. : ......::''''' '''... '. ':'' : '''... '. '. : ''':. '. : ...''' '. : ...''' '. : ...'''' '. : ...''' ':.''' A wireframe pyramid by JavE 4.0 Textures and materials Textures and materials aren't commonly seen in ASCII art, if you don't count brick walls and hair. Plastic, metal, wood and skin all look alike in ASCII. Hairy and spiky textures can be done and often artists use different kinds of characters for different areas, like dots for clouds and lines for more solid objects. Experimenting with textures can lead to interesting results. . ._`-\ )\,`-.-. \'\` \)\ \)\ \|.) \`) |\) )\ .)\ )\| \ \)\ |)\ ` \ .')/| ``-.\ \ )\ ` . ., '( \\ -. `)\``- ._ .)` |\(,_ `__ '\ `-- _\`. ` (/ `\,\ .\\ / '` ) (`-.\\ ` a:f /||\ `. * _*| `-.( `\ `. \ `(c Echidna by Andreas Freise 4.1 Lighting and shadow Light isn't usually present in ASCII pictures, with the exception of grayscale. Reflections sometimes work, but normal shadows often end up looking clumsy. Some artists use slight shading in their line art, usually with periods and colons. It might a good idea to forget about highlights when drawing eyes (and perhaps hair too). Just pretend that the ASCII world lives in ambient lighting without separate light sources. 4.2 Uses for different characters ! used sometimes in lineart and solid style, but the character is very thin in some fonts and fat in some others > sometimes useful for lineart, but the angle varies # used sometimes as the filler character in solid style, not often used in lineart except for tiny images $ a common filler character (especially in demoscene art) and common in grayscale as well, but the brightness of this characters varies in different fonts % I've seen it used as a filler too, but the looks it vary a lot as well, especially between DOS and Windows & not commonly used due to its problematic shape ' used for all styles, the only problem is that sometimes it is a tiny straight line, sometimes more like a little slash ( used for lineart, sometimes solid style too, the plumpiness varies a bit ) -"- * used in line art and solid, but be wary as the size and placement of this character varies a lot, so it's usually not a good filler + not so common in line art, but I love using it in solid art because it's the only mid-sized character that doesn't reach to the bottom of the line , used in all styles, sometimes located higher than the period, sometimes not - used in most styles, has no problems associated with it . used in all styles / used mostly in lineart, the slantedness varies (especially between DOS and Windows) 0 not commonly used, the problem is that sometimes it's struck through, sometimes not, O is better 1 not commonly used 2 not commonly used 3 not commonly used 4 not commonly used 5 not commonly used 6 used in solid style, sometimes grayscale and lineart, useful for little eyes 7 useful for some shapes of lineart, sometimes solid style too 8 a great filler for solid style, not much used in lineart 9 used in solid style, sometimes grayscale and lineart, useful for little eyes : useful for lineart and the edges of solid style ; useful for lineart and the edges of solid style < sometimes useful for lineart, but the angle varies = sometimes used for lines > sometimes useful for lineart, but the angle varies ? mostly used in lineart @ useful as a solid filler and often for lineart too, especially the eyes. Shape varies, but usually that doesn't cause problems A useful for angular shapes, sometimes has serif though B not commonly used, sometimes seen as a solid filler C useful for lineart in eyes, noses and stuff like that, sometimes seen as a solid filler D sometimes used in lineart E not commonly used F used in vertical lines in some line art styles G not commonly used H sometimes seen as a solid filler I sometimes used for vertical lines, but remember that it may be serif and thus look awkward J used in slanted vertical lines in some line art styles K used in slanted vertical lines in some line art styles L used for angles and sometimes in vertical lines M common solid style filler together with its lighter version N N common solid style filler together with M O usually the best choice for small round shapes, sometimes used in solid style P good for antialiasing solid style Q sometimes used for eyes R not commonly used S sometimes used as a solid style filler T sometimes used in lineart U sometimes used in lineart V used in connecting two diagonal lines, something that doesn't look too good in all fonts W common solid style filler X sometimes used as a solid style filler or for connecting diagonal lines Y used in connecting diagonal lines and in some styles also for vertical lines and other things Z not commonly used a sometimes used as eyes or as a solid style antialiaser b good for solid antialiasing (the pair is d) c sometimes used as eyes/noses or as a solid style antialiaser d a common solid style antialiaser e sometimes used as eyes or as a solid style antialiaser f sometimes used for slanted vertical lines g not commonly used h sometimes used as a solid style filler or antialiasing i not commonly used j useful for slanted vertical lines, sometimes antialiasing too k used in slanted vertical lines in some line art styles l for vertical lines in lineart, sometimes solid antialiasing too m good for solid antialiasing n good for solid antialiasing o for lineart and solid antialiasing p good for solid antialiasing (the pair is q), sometimes P is better even though it doesn't have a symmetric pair r sometimes used in lineart s sometimes used for solid antialiasing t sometimes used in lineart u sometimes used in lineart v sometimes used in lineart, though might suffer from the same problem as V w sometimes used for solid antialiasing. x for connecting lines in lineart z not commonly used 4 Fixed-width fonts ASCII art needs to be viewed on a fixed-width font. The fonts have differences, so even though it's not a good idea to "optimize" your picture for a particular font, it's completely ok to say "best viewed with a Lucida Console, preferably a small font size and white on black". Most of the fonts I list are free of cost and TrueType/OpenType, usable on eg. Windows, Linux and Macintosh. There are also other choices for other operating systems, commercial font faces and several fonts that can only be acquired with a particular piece of software. 4.1 Courier New Courier New is the font that looks like a typewriter. It's very wide, which can sometimes cause problems. It's not particularly aesthetical either. Most people use it as their fixed-width font for web browsing. 4.2 MS-DOS font The 80x25 DOS font is cool, especially for solid art, or maybe it's just the white on black. The 80x50 one is less cool. 4.3 Topaz New Topaz is the font used by the operating system of the Amiga computer and Topaz New is a TrueType version of it. It's very narrow, but quite thick and well suited for ASCII art. You can download it on the Internet. 4.4 Lucida Console Lucida Console was introduced in Windows 98 and is nowadays the default font in Notepad. It's an ordinary sans serif font, quite decent, but may have unpleasant effects on some pictures (especially grayscale). 4.5 Fixedsys Fixedsys is a nice sans serif font that used to be the default for Notepad. Many people use it as their ASCII viewing font and it definitely isn't bad for that. Fixedsys is a bitmap font so some Windows programs might not allow you use it. 4.6 Arial Alternative Arial Alternative looks like Courier bred with Arial, resulting in a wide, relatively thick sans serif font, not exactly my cup of tea. 4.7 MS Gothic MS Gothic has nothing to do with slitting wrists, it's actually meant for displaying Japanese. It is sans serif and looks quite ok, but I'm not sure if it's worth getting and installing just for ASCII art, as the file size is a whopping four megabytes. 4.8 Andale Mono (aka Monotype.com) Andale Mono is actually a commercial font, but it was apparently bundled with some versions of Internet Explorer. This is a fixed-width font that actually looks stylish, even though it might not be the best one for viewing ASCII art. 5 ASCII art software 5.1 JavE Jave is the Photoshop of the ASCII world, but unlike Photoshop, it's free software. It's also multiplatform because it runs on Java, so you need to download the Java runtimes to get it to work. JavE offers many kinds of painting modes, gradients, textures and brushes. Naturally it also gives you the ability to copy and paste rectangles, flip and mirror pictures and. JavE also contains a a watermark option, a picture to ASCII converter, camelizer, an ASCII 3D modeller, FIGlet and many other features. You can even make ASCII animations with it. 5.2 FIGlet FIGlet is a derivative of the Unix program "banner" which was meant for the automated creation of crude ASCII art text logos. There are hundreds of different FIGlet fonts available, from handwriting to 3D letters. FIGlet files are plain text with some special markup for the program, so they're quite easy to make. You can also use JavE for creating FIGlet fonts. 88888888b oo dP dP 88 88 88 a88aaaa dP .d8888b. 88 .d8888b. d8888P 88 88 88' `88 88 88ooood8 88 88 88 88. .88 88 88. ... 88 dP dP `8888P88 dP `88888P' dP .88 d8888P ___ ___ ___ ___ ___ ___ /\ \ /\ \ /\ \ /\__\ /\ \ /\ \ /::\ \ _\:\ \ /::\ \ /:/ / /::\ \ \:\ \ /::\:\__\ /\/::\__\ /:/\:\__\ /:/__/ /::\:\__\ /::\__\ \/\:\/__/ \::/\/__/ \:\:\/__/ \:\ \ \:\:\/ / /:/\/__/ \/__/ \:\__\ \::/ / \:\__\ \:\/ / \/__/ \/__/ \/__/ \/__/ \/__/ Some examples of FIGlet fonts 5.3 TheDraw/ACiDDraw TheDraw is an MS-DOS based application meant for drawing ASCII and ANSI, originating from the mid-80s. It can be operated with a mouse, but the menus and commands are executed with the keyboard. It's fairly easy to use once you learn it and you probably won't forget them any time soon. It also features a VGA mode where you can zoom out your picture. ACiDDraw is an improved version by TheDraw made by the legendary artgroup ACiD. I drew ASCII and ANSI with it for years and occasionally still do. Some computers have problems with running ACiDDraw, which can cause runtime errors or freezing of the program. In Windows tweaking the settings of the program often helps. 5.4 ACiDView ACiDView is a freeware Windows program, also by ACiD. It's used for viewing ASCII and ANSI files in several resolutions and can also save them as PNG, which comes in handy. There are no drawing functions. 5.5 PabloDraw PabloDraw is another popular ANSI/ASCII editor for MS-DOS Windows, somewhat similar to ACiDDraw. I personally have no experience using it, but PabloDraw's support for multiuser drawing on the Internet is definitely an interesting feature. There's also a viewer companion to it, known as PabloView. 5.6 Aewan Aewan - ASCII art editor without a name - is an ANSI/ASCII editor for Linux and other Unix systems. Its most notable feature is the ability to work with layers. I haven't used Aewan, so I can't really comment on it. 6 Other stuff 6.1 ASCII map 032 [space] 048 0 064 @ 080 P 096 ` 112 p 033 ! 049 1 065 A 081 Q 097 a 113 q 034 " 050 2 066 B 082 R 098 b 114 r 035 # 051 3 067 C 083 S 099 c 115 s 036 $ 052 4 068 D 084 T 100 d 116 t 037 % 053 5 069 E 085 U 101 e 117 u 038 & 054 6 070 F 086 V 102 f 118 v 039 ' 055 7 071 G 087 W 103 g 119 w 040 ( 056 8 072 H 088 X 104 h 120 x 041 ) 057 9 073 I 089 Y 105 i 121 y 042 * 058 : 074 J 090 Z 106 j 122 z 043 + 059 ; 075 K 091 [ 107 k 123 { 044 , 060 < 076 L 092 \ 108 l 124 | 045 - 061 = 077 M 093 ] 109 m 125 } 6.2 Displaying ASCII art on web pages If you want to showcase ASCII art on your web page, you can just save the images as text files and link to them. The problem with this is that if you draw loads of small pictures, you will have hundreds of files as well. Some older versions of Internet Explorer (and possibly some other browsers) might show your art in proportional font. When embedding your art into HTML pages, always remember the 
 tags, which tell the browser that the text is already formatted and should be displayed in a fixed-width font. You can use CSS to determine the particular font, provided that the viewer has it.

6.3 Coloring ASCII art

With HTML you can also color your ASCII pictures, but this is a tedious job to do by hand and you can use an HTML editor for it.

Other ways for coloring ASCII art include ANSI colors and mIRC colors. Both of these contain 16 foreground colors. MIRC also has as many background colors, while ANSI only offers 8. ANSI can be viewed in DOS or the DOS prompt of Windows if you have a driver called ansi.sys loaded. Alternatively you can use an ANSI viewer like ACiDView or save the pictures as GIF/PNG.

MIRC colors can only be used on IRC and not all clients support them - and some networks have a channel mode that forbids you from using colors. Some IRC clients (including mIRC) also support ANSI color, but you may have to turn on that option first.

6.4 Demoscene ASCII art

Demoscene is an underground culture based mostly on demos, which are multimedia presentations a lot like animations, but calculated in real time. They evolved from cracktros (tiny applications included with cracked software) which had mostly scrollers and some background music. Nowadays demos often look like music videos or professional 3D animations. Demoscene is also much more than that, including national and international gatherings, demoparties.

Like the infofiles of pirated software, demoscene productions (demos and intros) often have an ASCII logo in their infofile. Generally they're either so called "oldskool" ASCII or "block ASCII". Oldskool ASCII consists of logos made mostly out of slashes, pipes, hyphens and underscores. The logos appear very similar in style and hard to read for many people. They may look very easy to draw, but are more difficult than they seem.

                                  .
                            _ ____:____
   __ _                           |   (_               _ __
  _\     ___       __       ___   |    / ___  aBHO ____   /_
        / _(___  _/ /__   _/__/__ | _ /_/__/__  __/ _ (_ 
 __ ___/  \   (_/  /   \_/ _)   (_| /// _)   (_/   l/ _/_ ___
 \  \_        _/  /    _/  `    _/  /   `    _/  ___\   /   /
  \  /________\  ______\  ______\ _/_________\  / /_____\  /
<--\/----------\/-------\/-------\/-----------\/---------\/-->

Clever by aBHO

Some oldskool ASCIIs are made on the Amiga and contain extended characters, they're known as Amiga ASCII (compared to PC ASCII)  "Block ASCII" is not technically ASCII at all, as it utilizes extended characters, "raster blocks", as does ANSI art. There's another type of demoscene ASCII, known as "newskool ASCII". It's practically a solid style, often used in graffiti-like logos and usually uses extended DOS characters.

Besides info files, demoscene ASCII can also appear elsewhere. Some demoparties have ASCII and ANSI competitions and there are ASCII logo compos held on some IRC channels regularly. ASCII pictures are also released in "collies" (collections) and artpacks. A colly is usually just a text file with lot of logos by the same artist. An artpack is usually released by an artgroup and can have ASCII, ANSI, Ripscript and hires pictures.

6.5 ASCII art culture and etiquette

The people who belong in the demoscene related art scene often regard their scene as the "real" ASCII scene, though it's much newer and much less popular than the mainstream ASCII scene. The alt.ascii-art Usenet newsgroup has existed for a long time and is still rather active for posting ASCII pictures and requesting them. There are other newsgroups, but they receive hardly any traffic.

Usually people sign their ASCII pictures with their initials or with a short nickname. You're usually free to use ASCII art for non-commercial purposes as long as you keep those initials - it's the artist's signature.  In alt.ascii-art, people often diddle each other's pictures. That means altering the picture slightly so that it looks better - or like something totally different. Usually that means including initials from every person who has participated in the picture.

There's a certain individual in the newsgroup that makes "ASCII art farts" of other people's images - he has done that every day for several years. Don't be too offended if Tran takes a picture of yours and adds a lame joke to it. 

-----

ASCII Art Tutorial in Spanish:

Tutorial de arte ASCII

Contenidos

1 Introducción
2 Tipos de arte ASCII
  2.1 Lineal
  2.2 Sólido
  2.3 Escala de grises
  2.4 Caligramas
  2.5 Otros
3 Creando arte ASCII
  3.1 Para empezar
  3.2 Arte lineal
  3.3 Arte sólido
  3.4 Escala de grises
  3.5 Antialiasing
  3.6 Trazado
  3.7 Relación de aspecto
  3.8 Dificultades y limitaciones
  3.9 Perspectiva, 3D y ASCII isométrico
  3.10 Texturas y materiales
  3.11 Luz y sombra
  3.12 Uso de los distintos caracteres ASCII
4 Tipografías de ancho fijo
    4.1 Courier New
    4.2 Tipografía MS-DOS
    4.3 Topaz New
    4.4 Lucida Console
    4.5 Fixedsys
    4.6 Arial Alternative
    4.7 MS Gothic
    4.8 Andale Mono (también conocida como Monotype.com)
5 Software para arte ASCII
   5.1 JavE
   5.2 FIGlet
   5.3 TheDraw/Aciddraw
   5.4 Acidview
   5.5 PabloDraw
6 Más información
  6.1 Mapa de caracteres ASCII
  6.2 Mostrando arte ASCII en páginas web
  6.3 Arte ASCII a color
  6.4 Demoscene
  6.5 Cultura y etiqueta del arte ASCII

1 Introducción

ASCII (pronúnciese "aski") is es la sigla para "American Standard Code for Information Interchange" (Código Americano Estándar para Intercambio de Información). Arte ASCII es crear arte usando los distintos caracteres del estándar ASCII, y por lo tanto puede ser representado como texto plano. No puede incluir caracteres extendidos o atributos como negrita o cursiva. Por lo general, el arte ASCII se realiza en una tipografía de ancho fijo, como Courier New o Fixedsys, nunca en una tipografía proporcional como Arial o Times New Roman. Puede ser creado en el Bloc de Notas de Windows, o en Edit de MS-DOS, pero también hay otros programas que sirven específicamente para crear arte ASCII. Y no, no estoy hablando de convertidores.

Los comentarios de quienes no han intentado arte ASCII suelen ser "Oh, esto es increíble. Yo nunca tendría suficiente paciencia para hacer algo así". Yo simplemente no lo entiendo. ¿Por qué piensan que el arte ASCII requiere tanta paciencia? Yo puedo crear una imagen ASCII a pantalla completa en sólo una hora (aunque a veces puede tomar alrededor de diez horas). En cambio, me tomaría al menos quince horas dibujar una imagen digital similar en Photoshop.

El arte ASCII no es fácil y sí, requiere habilidad, pero no es necesario preocuparse por cosas tales como el tipo de pincel o los colores, y en general tampoco se necesita pensar en sombras. A veces es muy parecido al "pixel art" (arte en pixeles). Cuando comencé a trabajar en pixeles, me resultó muy familiar debido a mi experiencia con ASCII o ANSI. Si has trabajado en pixeles, puede que tu reacción sea similar cuando empieces a trabajar en ASCII.

Y no necesitas ser un buen dibujante para ser un buen artista ASCII. Por ejemplo, yo dibujo muy mal; sé pintar, pero no puedo hacer bosquejos. En ASCII no suelen hacerse bosquejos, pero si quieres hacerlo, nada te impide intentar con este nuevo estilo.

Algunas personas no entienden cuál es el punto de crear arte ASCII. Y cuál es el punto de crear arte en general? Pienso que las limitaciones aumentan el interés por el arte y alimentan la mente creativa. Probablemente no encuentres arte ASCII en un museo (lo cual es una lástima), es más un arte cotidiano. Creo que tiene algo en común con el pop art. El arte ASCII puede ser enviado por e-mail o a los grupos de Usenet, puede ser usado en el IRC y en muchos chats (aunque debes hacerlo con cuidado y moderación). Puedes incluir ASCII en tu firma o pantalla de login (en caso de shells como Linux/Unix), o imprimirlo con tu impresora de matriz de punto. Puede ser usado para representar situaciones en un juego, gráficos o modelos moleculares.

He escuchado opiniones tales como "el arte ASCII no es arte sino diseño gráfico", pero no estoy de acuerdo. El diseño es algo funcional, como publicidad o interfaces, mientras que el arte visual es algo que puedes colgar en un muro. El arte ASCII no suele ser funcional, sino más bien estético. Conozco personas que tienen imágenes ASCII colgando de sus muros.

Hay otros tutoriales de ASCII, pero decidí que aún quedaba espacio para otro más. Muchos otros tutoriales no están actualizados, y algunos incluso datan de hace 10 años. También están orientados a diferentes técnicas y no tienen algunas de los contenidos en los que está enfocado mi tutorial. Tal vez éste es un ensayo de difusión de la creación y la cultura del ASCII, en vez de un verdadero tutorial, pero de todas maneras espero que sea útil.

2 Tipos de arte ASCII

2.1 Lineal

ASCII lineal es, como lo dice su nombre, el estilo en que las cosas se representan con líneas. Suelen ser delgadas, a veces punteadas, a veces compuestas principalmente de barras y guiones bajos. Muchas de las fuentes FIGlet y logos demoscene son arte lineal. El ASCII lineal sirve tanto para grandes imágenes como para pequeños dibujos.

            .-"""-.
           '       \
          |,.  ,-.  |
          |()L( ()| |
          |,'  `".| |
          |.___.',| `
         .j `--"' `  `.
        / '        '   \
       / /          `   `.
      / /            `    .
     / /              l   |
    . ,               |   |
    ,"`.             .|   |
 _.'   ``.          | `..-'l
|       `.`,        |      `.
|         `.    __.j         )
|__        |--""___|      ,-'
   `"--...,+""""   `._,.-' mh

Pinguino por DiamonDie (2002?)

2.2 Sólido

El arte sólido es lo opuesto de lineal, no tiene contornos pero está relleno y es plano. Encaja bien en imágenes medianas y grandes, aunque también queda bien en imágenes pequeñas, como el corazón aquí mostrado. Suele verse mejor que el arte lineal, por el simple hecho de que no es tan delgado. El arte sólido se usa para logos, diseños ornamentales y texto, pero puede aplicarse a casi cualquier contexto, a excepción de rostros.

  ,o8o, ,o8o,
,888888,888888,
888888888888888
888888888888888
`8888888888888'
  `888888888'
    `88888'
      `8'

Corazón por DiamonDie (1997)

2.3 Escala de grises

Escala de grises es como arte sólido, pero consiste de muchos caracteres distintos que se usan para representar ciertas áreas más brillantes y otras más oscuras, por lo que es la mejor opción a la hora de dibujar rostros. Se ve mejor en blanco y negro, como en el ejemplo. La mayoría de los convertidores crean arte ASCII en escala de grises, pero bastante desordenado y sin antialiasing. Escala de grises es considerada la técnica ASCII más difícil de todas.

                           .,,,yyyy@@yyyyy,,,                                  
                      ,ytS$$CCCCCCCCCCCCCCC?III;,.                             
                   .yt$$$$$$$$CCCCCCCCCCCCCCCCIIIIII;.                         
                 ,4$$$$$$$$$$$$$$SCCCCCCCCCCCCCCC?IIIII;                       
               y$$$$$$$$$$$$$$$$$$$$CCCCCCCCCCCCCCCIIII,                       
             ,$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCCCCCCCCCIIII:                      
            l$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCCCCCCCIIIIi                      
           t$$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCCCCCCCIIII:                      
         .l$$$$$$$$$$$$$$$$$$$$$$$$$$$SCCCCCCCCCCCCCIIII,  i                   
         d$$$$$$$$$$$$$$$$$$$$$$$$$$$SCCCCCCCCCCCCCIIIII. ;I,                  
         $$$$$$$$$$$$$$$$$$$$$$$$$$SSCCCCCCCCCCCCCIIIIIII .III                 
        j$$$$$$$$$$$$$$$$$$$$$$$$$SSCCCCCCCCCCCCCCIIIIIIIi.II;                 
        ]$$$$$$$$$$$$$$$$$$$$P"'   `"^?CCCCCCCCCCIIIIIIIIIIIII                 
        l$$$$$$$$$$$$$$$$P"''    .,..   `;?CCCCCCC?IIIIIIIIII;     .y%*        
        l$$$$$$$$$$$$SP"     ,yS$$$$$$Shy..`"IICCCCCCII:  ::      4C7;  \      
        $$$$$$$$$$$SP.   .;;$$$SCCCCCSSCCCCSb: ICCCCCCCII; ''  liC$ClCC;;l     
        $$$$$$$$$$$$I::lIIIICCSSSSSSCCCCCCCCCCIICCCCCCCI       ICCC$lCC??;b    
        P"^^^48$$$$$$SSIII' `Ii :   y,"ICCCS$SCCCCCCCCCCI      ICl"l "7SSbl.   
       :        l$$8888II66 ,?$b,yySIIICC$$$$$$$$SCCCCCCCI     ?CCb l JCC$il   
       :  .    ,$$$$$$CCCC$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI     ICS$li$$SCC?l   
        `SS",+.$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI     !?S$ ;I$$SCCP   
         "' : S$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI      ICSCS$$$$$I    
          ;:6$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI        `?C$$$$P     
            `$$$$$$$$$$S$$$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCCI         `""""'      
            j$$$$$$$$$SCCS$$$$$$$$$$$$$$$$$$$$$$$$$CCCCCI                      
            $$$$$$$$$$$$$CI$$$$$$$$$$$$$$$$$$$$$$$SCCCCCI;                     
           j$$$$$$$$$$SS$CI$$$$$$$$$$$$$$$$$$$$$$SSCCCCCIi                     
           7$$$$T7"`,yyiIIC$$$$$$$$$$$$$$$$$$$$$SSSSCCCC?i                     
            "4$SC**7"""-:47$$$$$$$$$$$$$$$$$$$$$SSSSCCCCCI                     
              7I       . ,';' ";7ICS$$$$$$$$$C$S$$$$$CCCCl                     
              : jy.,jyyjCCCCi ..i."7C$$$$$$C$CS$S$$$SCCC?'      ;              
             : d$$$$CCC7?"""""?7CiiCS$$$$SCCCC$S$$$$CCCC;       i,             
              .CC,]CCSSSCCSCCCIiIiICS$$$SSCCCCS$$$$SCC?        .|              
              :`j$$$$$$$$SCCCC$$$CICS$$SCCCCCCCC$CC?;          iI.             
               :l$$$$$$$CCCCCS$$$$C?iCCCCCCCCC7"'.,          .iII,             
                :C?"~~    ,CCC$$$IiIiCCCCCCC?   '           ,IIIII             
                 :$7  ,_,jS$$$$CIiIi?iCCC??                iI?CCCII            
                .;  :;i:;;?S???iiIiIi?i'                iII?CCCCCII.           
                ;  ';'    ?lCi??i;i;;                  iI?CCCCCCCCIIi          
               :            ;? ;I"                  iIIICCSCCCCCCCCIIl         
                ;                             .,iiI?CCCC$$$$$SSCCCCCCIi I, II; 
                 '.                 _,.   ,i,IIII?CCCCCS$$$$$$SSSCCCCIIIIIIIII'
                   ' ~  + =- - ' ~ ` SCCIIIIII???CCCCS$$$$$$$$$$$SCCCCCCC?I"   
                                     l$$CCCCCCCCCCCCS$$$$$$$$$$$$$$$$SCCC"`    

It Figures por `nemoorange

2.4 Caligramas

Los caligramas ASCII no son muy populares, aunque han aparecido en el libro Alicia en el País de las Maravillas. Suele ser poesía (a veces prosa) en la forma de un animal o un objeto. Hay varias técnicas distintas para crear las formas. Algunas personas usan espaciado adicional para lograr que las líneas tengan determinado ancho, otras cortan las palabras a la mitad o usan letras adicionales. JavE tiene una opción para caligramas.

2.5 Otros

Hay variaciones de los estilos antes mencionados, como la combinación de lineal y sólido (mi estilo favorito), "arte lineal sólido" (hecho de gruesas líneas en estilo sólido) y micro ASCII, como emoticones :) y otras formas pequeñas. Las animaciones ASCII están hechas para terminales, o hoy en día, pueden hacerse en JavaScript; pueden estar hechas en cualquier estilo, pero suelen ser arte lineal. También existen estereogramas ASCII y todo tipo de cosas extrañas. Algunas personas consideran que la tipografía, firmas, historias ilustradas y 3D son géneros individuales, pero sólo son variaciones del lineal (a veces también sólido o escala de grises).

Hay géneros que, erróneamente, se consideran arte ASCII. Esto incluye Shift_JIS (arte hecho con caracteres japoneses), ANSI y gran parte del arte Demoscene. Otra cosa que definitivamente no es ASCII son esas horrendas conversiones HTML, frecuentemente hechas de 1s y 0s, y que no tendrían forma alguna sin los colores. Suelen ser llamados "arte de texto", aunque este término puede ser malinterpretado. No creo que usar un convertidor, sin edición alguna, pueda ser considerado "arte". Es procesamiento de imagen.

La gente a veces no distingue entre ASCII y ANSI, y llaman a alguno de los dos "ANSII". En realidad, ANSI puede ser visto como una extensión a ASCII, permitiendo el uso de caracteres extendidos de MS-DOS (como bloques y símbolos matemáticos) y 16 colores. Su uso era común en el mundo de las BBS (Bulletin Board System o Sistema de Tabla de Boletines), pero muchas personas siguen creando arte ANSI a pesar de que el MS-DOS parece extinto, y de que la Internet de hoy ha arrasado con las BBS.

3. Creando arte ASCII

3.1 Para empezar

Inicia JavE o tu editor de texto favorito. Piensa acerca de lo que quieres dibujar y que podría ser un buen sujeto para tu primer ASCII. No empieces con algo demasiado difícil, como celebridades. Muchas personas escogen una casa, aunque creo que es un tema bastante aburrido: Otras intentan con un rostro, pero es mucho más difícil. Animales, plantas y objetos caseros son alternativas recomendables. Puedes dibujar un objeto o una escena, como por ejemplo una casa, un árbol y unos cuantos pajaritos.

Una imagen de referencia puede ser útil Puedes usar una técnica llamada trazado, que será explicada más adelante. Ver imágenes ASCII creadas por otras personas puede ser tan importante como crear la tuya propia, pues es posible aprender muchas técnicas distintas con sólo mirar arte ASCII. Cómo crear líneas rectas, cómo reproducir la textura del pelaje y cuáles son los secretos de las curvas suaves?

También recuerda las normas del arte convencional, como que los ojos están en el medio del rostro y no en la frente, y que las personas miden 6 a 8 cabezas de alto (a menos que estés dibujando una caricatura). Las casas usualmente no están en la parte superior del suelo, sino en el suelo (es decir, el horizonte está más arriba que la base). La perspectiva mejora mucho las imágenes de objetos cúbicos. Una casa o cubo sin perspectiva no es más que un rectángulo, no es muy interesante.

3.2 Arte lineal

El arte lineal es una buena opción para principiantes. Es una buena idea hacer un bosquejo primero. Dibuja los contornos de tu objeto y fíjate si se parece a tu modelo. Trata de evitar el usar sólo líneas rectas y barras, eso hace que tu imagen se vea torpe. En vez de eso, usa comas, puntos, guiones y apóstrofes. Puede ser una buena idea hacer el bosquejo con puntos, y luego reemplazar algunos por "dos puntos" y "punto y coma", otros a apóstrofes o acentos y luego agregar más detalle.

No te preocupes de las sombras, reflejos y esas cosas. Intenta usar la mayor variedad posible de caracteres para obtener el mejor resultado. Puedes lograr más detalle con la técnica lineal que con la sólida, pero a veces debes tener moderación para obtener los mejores resultados. Si estás dibujando un rostro, no tienes para qué dibujar cada arruga, y también puedes omitir las pestañas.

3.3 Arte sólido

Son pocos quienes comienzan con ASCII sólido, pero nada te lo impide. Las formas rellenas tienen el mismo nivel de dificultad que las líneas, es sólo que el arte sólido no va bien con casas y rostros. No es buena idea mezclar líneas y arte sólido. Algunas personas usan un caracter distinto para cada área de la imagen, pero es mejor atenerse a uno o unos pocos caracteres de relleno. El antialiasing es muy importante en el ASCII sólido.

3.4 Escala de grises

ASCII en escala de grises es difícil y no se recomienda para principiantes, aunque conozco a algunos que han empezado con este estilo y han obtenido buenos resultados. Necesitas un buen ojo para la luz y la sombra, y una imagen de referencia (tal vez necesites aumentar el contraste de ésta). Escoger los caracteres adecuados es crucial, y recuerda que la "claridad" o "oscuridad" de algunos caracteres varía mucho según el tipo de letra. Echa un vistazo a arte ASCII existente o incluso a conversiones, así obtendrás inspiración para buenos conjuntos de caracteres. No empieces demasiado pequeño, 80x25 es probablemente lo mínimo, y 80x50 es mejor.

3.5 Antialiasing

El antialiasing (suavizar los contornos) no se aplica al ASCII lineal de la misma manera que al sólido y escala de grises, pero pienso que lograr bordes lisos es uno de los aspectos más importantes en una imagen ASCII sólida (a menos que estés buscando un resultado distinto). ASCII a escala de grises suele dibujarse sin espacios vacíos, pero a veces no tiene fondo y es allí donde más necesitas antialiasing.

La técnica del antialiasing es muy simple de hacer y puede ser lograda con puntos/comas y apóstrofes/acentos/comillas. Sólo agrega éstos cuando veas una esquina "quebrada", y se verá mucho mejor. A veces querrás usar más caracteres. Yo uso d, b y n (a veces m) para las partes superiores y + para las inferiores. El signo + no se ve muy bien, pero es lo mejor que he encontrado. q y p pueden ser usadas como complemento de d y b, pero son más bajas que el texto en general. P es mejor, pero no tiene equivalente para el lado izquierdo. Los artistas de demoscene usan una variedad más amplia de caracteres, como 7, 4, \, / y %.

    88888
 88888888888
8888888888888
8888888888888
8888888888888
 88888888888
    88888

Un círculo lleno, sin antialiasing

  .nd888bn.
.d888888888b.
8888888888888
8888888888888
8888888888888
`+888888888+'
  `"+888+"'

El mismo círculo, con antialiasing

3.6 Trazado

En tiempos antiguos, los artistas a veces dibujaban o copiaban una imagen en una transparencia, la cual pegaban en sus pantallas para poder dibujar la imagen con mayor exactitud. Usé esa técnica una vez, cuando quise crear un ASCII en base a un mapa, y comencé por copiar el dibujo de un libro, pero al no tener transparencias usé una bolsa plástica. Obviamente, los resultados no fueron precisamente excelentes.

Cuando Netscape Composer fue lanzado, algunas personas descubrieron que podían seleccionar una imagen como fondo y dibujar por encima. Ahora tenemos JavE, que tiene una función para esto (watermark); puedes ajustar el tañano y relación de aspecto de la imagen, y aplicar ajustes de brillo/contraste.

3.7 Relación de aspecto

Se debe poner especial atención a la relación de aspecto, en particular porque ésta difiere mucho dependiendo de la tipografía. Prácticamente todas las tipografías son más altas que anchas, por lo que una imagen de 10 líneas y 10 columnas probablemente no se vea cuadrada. Las tipografías de ancho fijo en general tienen el mismo ancho entre ellas, pero Topaz New es bastante más angosta, mientras que Courier y sus variantes son bastante anchas. La mayoría de los navegadores vienen configurados para usar Courier para estos efectos, por lo que algunas imágenes pueden parecer innecesariamente gordas, pero esto es prácticamente inevitable. Solamente pon atención a esto si estás dibujando ASCII para algún propósito específico o si estás usando Courier o Topaz para dibujar. Una manera de resolver esto es no dibujar imágenes que necesariamente deben ser cuadradas o circulares; también puedes usar un ángulo distinto. Una de mis imágenes ASCII se ve bien tanto en una resolución de 80x25 como en 80x50, a pesar de que 80x50 es el doble de ancha.

3.8 Dificultades y limitaciones

Algunas cosas presentan mucha dificultad en ASCII, en ciertos casos parece obvio pero a veces no. Líneas inclinadas, casi verticales, son muy difíciles y terminan viéndose bastante estúpidas, por lo que es una buena idea evitarlas cuando sea posible. Este problema no ocurre con líneas inclinadas horizontales, éstas son muy fáciles de hacer si aprendes a usar correctamente los distintos caracteres.

Objetos con gran resolución o detalle también son difíciles, cosas como pequeñas espirales. Por eso a veces necesitas omitir el detalle (o dibujar en una resolución mayor). Tampoco puedes representar correctamente cosas borrosas o muy suaves. Al menos puedes crear ilusiones ópticas en ASCII, como estereogramas. Imágenes al estilo "Ojo Mágico" no son posibles, a menos que trabajes en una resolución muy alta.

3.9 Perspectiva, 3D y ASCII isométrico

Algunas imágenes ASCII tienen perspectiva, pero suele ser bastante simple y se limita a líneas. De alguna manera, el ASCII se asemeja al arte naïf. Incluso una simple perspectiva mejora la imagen. Una buena manera de crear perspectiva es dibujar las líneas de manera a que tiendan hacia ese punto imaginario de perspectiva (punto de fuga), que puede estar en el centro de la imagen o en alguna otra parte. El arte ASCII isométrico existe también. JavE tiene una función que reproduce formas 3D en arte ASCII; puede hacerlo como estructura de alambre (también llamada wireframe)o con iluminación simple.


                 .:.
                .::'.
               : : : '.
             .' :  :  '.
            .'  :  :    '.
           :   :   :     '.
         .:    :    :      :
        .'    :     :       '.
       .'     :     :         :
      :      :      :          '.
    .'       :       :          '.
   .'       :     ...:.           '.
  :  ......::'''''     '''...      '.
 ':''      :                 '''...  '.
  '.       :                       ''':.
   '.     :                     ...'''
    '.    :               ...'''
     '.  :         ...''''
      '. :   ...'''
       ':.'''

Una pirámide en wireframe, hecha con JavE

4.0 Texturas y materiales

En el arte ASCII no es frecuente ver texturas y materiales, aparte de los muros de ladrillos y el cabello. El plástico, el metal, la madera y la piel se ven muy parecidos en ASCII. Zonas peludas o espinosas pueden ser hechas usando diferentes tipos de caracteres para distintas áreas, como por ejemplo usar puntos para las nubes y líneas para objetos más sólidos. Puedes obtener resultados interesantes experimentando con texturas.

4.1 Luz y sombra

La luz no está muy presente en imágenes ASCII, a excepción del ASCII en escala de grises. Los reflejos a veces funcionan, pero las sombras normales no suelen verse bien. Algunos artistas usan sombras leves en su arte lineal, hechas de puntos y de comas. Es mejor olvidarse de los reflejos al dibujar ojos (e incluso cabello). Sólo pretendamos que el mundo ASCII tiene sólo luz ambiente, sin fuentes de luz separadas.

4.2 Uso de los distintos caracteres ASCII

!   se usa a veces en lineal y sólido, pero este carácter es muy delgado en algunas tipografías y muy grueso en otras.
#  a veces se usa como carácter de relleno en estilo sólido, no se usa mucho en arte lineal excepto para imágenes muy pequeñas.
$  un carácter de relleno común (especialmente en demoscene) y también común en escala de grises, pero su claridad varía entre tipografías
%  lo he visto como carácter de relleno, pero su apariencia también varía mucho, especialmente entre DOS y Windows.
&  no se usa mucho debido a su forma problemática.
'   usado en todos los estilos, el único problema es que a veces parece una línea recta, otras veces una coma o una barra.
(  usado en lineal, a veces sólido también. Su grosor varía un poco.
)    -"-
*  usado en lineal y sólido, pero el tamaño y posición de este carácter varía mucho, por lo que no suele ser un buen relleno.
+  no es común en lineal, pero me encanta usarlo en arte sólido porque es el único carácter mediano que no alcanza la base de la línea.
,  usado en todos los estilos, a veces es más alto que el punto, a veces no.
-  usado en muchos estilos, no da problemas
.  usado en todos los estilos
/  se usa sobre todo en lineal, la inclinación varía (especialmente entre DOS y Windows)
0   no se usa con frecuencia, el problema es que a veces tiene una raya en medio, a veces no. O es mejor.
1   no se usa con frecuencia.
2   no se usa con frecuencia.
3   no se usa con frecuencia.
4   no se usa con frecuencia.
5   no se usa con frecuencia.
6   usado en sólido, a veces escala de grises y lineal, útil para pequeños ojos.
7   útil para pequeñas formas en lineal, escala de grises también.
8   un excelente relleno para sólido, no se usa mucho en lineal.
9   usado en sólido, a veces en escala de grises y lineal, útil para pequeños ojos.
:   útil para lineal y los bordes en sólido.
;   útil para lineal y los bordes en sólido.
<  a veces es útil en el arte lineal, pero el ángulo varía.
=  a veces se usa en líneas
>  a veces es útil en el arte lineal, pero el ángulo varía.
?   se usa sobre todo en lineal.
@  es útil como relleno sólido y a veces para lineal también, sobre todo para los ojos. La forma varía, pero eso no suele presentar problemas.
A  útil para ángulos, aunque a veces tiene serif ("patas")
B   no se usa con frecuencua, aunque a veces se ve como relleno sólido.
C  útil en lineal, para ojos, narices, etc. A veces sirve de relleno sólido.
D  a veces se usa en lineal.
E   no se usa con frecuencia.
F   used in vertical lines in some line art styles
G   no se usa con frecuencia.
H   a veces se usa como relleno sólido
I    se usa para líneas verticales, pero recuerda que no se ve bien en serif.
J    en algunos estilos se usa para líneas casi verticales inclinadas
K   en algunos estilos se usa para líneas casi verticales inclinadas
L   se usa para ángulos, y a veces para líneas verticales.
M  un relleno sólido muy común, junto con su versión más clara, N.
N   relleno sólido muy común, junto con M.
O   suele ser la mejor opción para pequeñas formas redondas en lineal, se usa en estilo sólido también.
P    Bueno para el antialiasing en estilo sólido
Q   usado a veces para dibujar ojos
R   no se usa con frecuencia.
S   a veces se usa como relleno sólido.
T   se usa a veces en lineal.
U   se usa a veces en lineal.
V    se usa para conectar dos líneas diagonales, no se ve bien en todas las tipografías.
W   relleno muy común en estilo sólido.
X    a veces se usa como relleno sólido o como cruce de dos líneas.
Y   se usa para conectar líneas diagonales, y en ciertos estilos se usa para líneas verticales y otras cosas.
Z   no se usa con frecuencia.
a   a veces se usa para los ojos o para antialiasing en estilo sólido.
b   excelente para el antialiasing sólido (junto con d para el otro lado).
c   a veces se usa para ojos/nariz o para el antialiasing en sólido.
d  carácter de antialiasing sólido muy común.
e   a veces se usa para los ojos o como carácter de antialiasing.
f   a veces se usa para líneas verticales inclinadas.
g   no se usa con frecuencia.
h   a veces se usa como relleno sólido o antialiasing.
i   no se usa con frecuencia.
j   útil para líneas verticales inclinadas en algunos estilos.
k  útil para líneas verticales inclinadas en algunos estilos.
l   para líneas verticales en lineal, a veces sirve para el antialiasing.
m   buen carácter de antialiasing sólido.
n    buen carácter de antialiasing sólido.
o   para antialiasing sólido y lineal.
p   un buen carácter de antialiasing sólido (junto con q), a veces P es mejor, aunque no tiene par simétrico.
r   a veces se usa en lineal.
s   a veces se usa para antialiasing en sólido.
t   a veces se usa en lineal.
u   a veces se usa en lineal.
v   a veces se usa en lineal, aunque presenta los mismos problemas que V.
w  a veces se usa para antialiasing sólido.
x   para conectar líneas en arte lineal
z   no se usa con frecuencia.

4 Tipografías de ancho fijo

El arte ASCII art necesita ser visto en una tipografía de ancho fijo. Las tipografías tienen diferencias, por lo que a pesar de que no es buena idea optimizar tus imágenes ASCII para una tipografía en particular, está bien si pones una advertencia "se ve mejor en Lucida Console, de preferencia pequeña y en blanco sobre fondo negro". Muchas de las tipografías de mi lista son gratuitas y son TrueType/OpenType, por lo que se pueden usar en Windows, Linux y Macintosh. También hay equivalentes para otros sistemas operativos, tipografías comerciales y muchas que sólo pueden ser obtenidas junto con un programa en particular.

4.1 Courier New

Courier New da la apariencia de una máquina de escrubir. Es muy ancha, lo que a veces causa problemas. No es muy estética tampoco. Muchas personas la usan como su fuente de ancho fijo al navegar por internet.

4.2 Tipografía MS-DOS

La tipografía DOS de 80x25 es una buena opción, especialmente para el arte sólido, o para cualquier ASCII en blanco sobre fondo negro. La de 80x50 es no es tan buena.

4.3 Topaz New

Topaz es el tipo de letra usado en los computadores Amiga, y Topaz New es la versión Truetype de esta tipografía. Es muy ancha, pero bastante gruesa, y va muy bien con el arte ASCII. Es posible descargarla desde Internet.

4.4 Lucida Console

Lucida Console apareción junto con Windows 98, y hoy en día ha reemplazado a Fixedsys como la tipografía por defecto del Bloc de Notas. Es una tipografía sans serif común y corriente, es decente, pero puede tener efectos no deseados en algunas imágenes (especialmente escala de grises).

4.5 Fixedsys

Fixedsys is es una bonita tipografía sans serif que solía ser la predeterminada del Bloc de Notas. Muchas personas aún la usan para ver ASCII, y definitivamente no está nada mal para eso. Fixedsys es una tipografía bitmap (mapa de bits), por lo que algunos programas de Windows ta vez no te permitan usarla.

4.6 Arial Alternative

Arial Alternative parece una mezcla de Courier con Arial, que resulta en una tipografía ancha, relativamente gruesa y de estilo sans serif. No es de mi gusto.

4.7 MS Gothic

MS Gothic no tiene nada que ver con cortarse las muñecas, en realidad está hecha para mostrar texto en Japonés. Es sans serif y está bien, pero no estoy seguro si valga la pena buscarla e instalarla solamente para ver ASCII, ya que el archivo pesa cuatro megabytes. 
4.8 Andale Mono (también conocida como Monotype.com)

Andale Mono es una tipografía comercial, pero aparentemente viene integrada con algunas versiones de Internet Explorer. Es una tipografía de ancho fijo que si bien se ve elegante, no es la más adecuada para ver arte ASCII.

5 Software para arte ASCII

5.1 JavE

Jave es el Photoshop del mundo ASCII, pero al contrario de Photoshop, es un programa gratuito. También es multiplataforma porque corre en Java, por lo que sólo necesitas bajar el entorno Java (Java runtime) para poder usarlo. JavE ofrece muchos modos de dibujo, gradientes, texturas y pinceles. Naturalmente te da la opción de copiar y pegar bloques rectangulares, voltear imágenes y hacer simetría, y además tiene una opción de watermark (para dibujar sobre una imagen de fondo), modelador 3D ASCII, convertidor de imagen a ASCII, creador de caligramas, FIGlet y muchas otras funciones. Incluso puedes hacer animaciones ASCII con él.

5.2 FIGlet

FIGlet es un derivado del programa Unix "banner", que creaba logos ASCII de manera automática. Hay cientos de tipografías FIGlet disponibles, desde escritura a mano hasta letras 3D. Los archivos FIGlet son archivos de texto plano con algunos códigos especiales para el programa, por lo que son fáciles de hacer. Incluso puedes usar JavE para crear tipografías FIGlet.

 88888888b oo          dP            dP
 88                    88            88
a88aaaa    dP .d8888b. 88 .d8888b. d8888P
 88        88 88'  `88 88 88ooood8   88
 88        88 88.  .88 88 88.  ...   88
 dP        dP `8888P88 dP `88888P'   dP
                   .88
               d8888P

    ___       ___       ___       ___       ___       ___
   /\  \     /\  \     /\  \     /\__\     /\  \     /\  \
  /::\  \   _\:\  \   /::\  \   /:/  /    /::\  \    \:\  \
 /::\:\__\ /\/::\__\ /:/\:\__\ /:/__/    /::\:\__\   /::\__\
 \/\:\/__/ \::/\/__/ \:\:\/__/ \:\  \    \:\:\/  /  /:/\/__/
    \/__/   \:\__\    \::/  /   \:\__\    \:\/  /   \/__/
             \/__/     \/__/     \/__/     \/__/

Algunos ejemplos de tipografías FIGlet

5.3 TheDraw/ACiDDraw

TheDraw es una aplicación basada en MS-DOS, hecha para dibujar ASCII y ANSI, y tiene su origen a mediados de los años 80. Puede ser operado con un mouse, pero los menús y comandos se ejecutan desde el teclado. Es bastante fácil de usar una vez que aprendes, y probablemente no se te olvidará de immmediato. Tambiñen tiene un modo VGA en donde puedes alejar la imagen (zoom out).

ACiDDraw es una versión mejorada de TheDraw, hecha por el legendario grupo de arte ACiD. He dibujado ASCII y ANSI con él por años y aún lo hago en ocasiones. Algunos computadores tienen problemas para correr ACiDDraw, lo que causa errores de ejecución o la immovilización del programa. En Windows, ajustar las opciones del programa suele ser de mucha ayuda.

5.4 ACiDView

ACiDView es un programa gratuito para Windows, también creado por ACiD. Se usa para ver archivos ASCII y ANSI en muchas resoluciones, y puede guardarlos como PNG, lo cual es muy útil. No tiene funciones de dibujo.

5.5 PabloDraw

PabloDraw es otro popular editor ANSI/ASCII para MS-DOS y Windows, similar a ACiDDraw. Personalmente no tengo experiencia usándolo, pero su soporte multiusuario para dibujar por internet es una opción interesante. También tiene un visor asociado, conocido como PabloView.

6 Más información

6.1 Mapa de caracteres ASCII

    032 [espacio] 048 0   064 @   080 P   096 `   112 p
    033 !         049 1   065 A   081 Q   097 a   113 q
    034 "         050 2   066 B   082 R   098 b   114 r
    035 #         051 3   067 C   083 S   099 c   115 s
    036 $         052 4   068 D   084 T   100 d   116 t
    037 %         053 5   069 E   085 U   101 e   117 u
    038 &         054 6   070 F   086 V   102 f   118 v
    039 '         055 7   071 G   087 W   103 g   119 w
    040 (         056 8   072 H   088 X   104 h   120 x
    041 )         057 9   073 I   089 Y   105 i   121 y
    042 *         058 :   074 J   090 Z   106 j   122 z
    043 +         059 ;   075 K   091 [   107 k   123 {
    044 ,         060 <   076 L   092 \   108 l   124 |
    045 -         061 =   077 M   093 ]   109 m   125 }

6.2 Mostrando arte ASCII en páginas web

Si quieres mostrar arte ASCII en tu página web, puedes simplemente guardar las imágenes como archivos de texto y hacer un enlace hacia ellas. El problema es que si dibujas muchas imágenes pequeñas, también tendrás muchos archivos. Algunas versiones antiguas de Internet Explorer (y posiblemente de otros navegadores) pueden ser capaces de mostrar tu arte en una tipografía proporcional.

Cuando insertes tu arte en páginas HTML, recuerda siempre ponerlo entre etiquetas 
, que le dicen al navegador que el texto ya tiene formato y debe ser mostrado en una tipografía de ancho fijo. Puedes usar CSS para determinar la tipografía, asegurándote de que el usuario también la tenga.

6.3 Arte ASCII a color

Con HTML puedes colorear tus imágenes ASCII, pero es tedioso hacerlo a mano, por lo que puedes usar un editor HTML para ello.

Otras maneras de dar color al arte ASCII incluyen colores ANSI y colores mIRC. Ambos ofrecen 16 colores de texto, y mIRC tiene la misma cantidad de colores de fondo, mientras que ANSI sólo tiene 8. ANSI puede ser visto en DOS o en el símbolo de sistema de Windows si tienes un driver llamado ansi.sys. Como alternativa, puedes usarun visor como ACiDView o guardar las imágenes como GIF/PNG.

Los colores mIRC sólo pueden ser usados en el IRC y no todos los clientes los soportan - y algunas redes tienen un modo que te prohibe usar colores. Algunos clientes IRC (como mIRC) también soportan colores ANSI, pero es una opción que se debe activar primero.

6.4 Demoscene

Demoscene es una cultura "underground" basada principalmente en demos, que son presentaciones multimedia similares a animaciones, pero calculadas en tiempo real. Evolucionaron de las cracktros (crack intros, aplicaciones pequeñas incluidas en los programas crackeados), que se componían principalmente de scrollers con música de fondo. Hoy en día, las demos lucen como videos musicales o animaciones 3D profesionales. Demoscene es mucho más que eso, incluye reuniones nacionales e internacionales y las llamadas "demoparties".

Al igual que los archivos .nfo del software crackeado, las producciones demoscene (demos e intros) suelen tener logos ASCII. Suelen ser llamados "ASCII oldschool" o "ASCII de bloques". Este tipo de ASCII consiste en logos hechos principalmente de barras y guiones. Los logos se parecen mucho entre sí y son dificiles de leer para muchas personas. Pueden parecer fáciles de hacer, pero son más difíciles de lo que parece.

                                  .
                            _ ____:____
   __ _                           |   (_               _ __
  _\     ___       __       ___   |    / ___  aBHO ____   /_
        / _(___  _/ /__   _/__/__ | _ /_/__/__  __/ _ (_ 
 __ ___/  \   (_/  /   \_/ _)   (_| /// _)   (_/   l/ _/_ ___
 \  \_        _/  /    _/  `    _/  /   `    _/  ___\   /   /
  \  /________\  ______\  ______\ _/_________\  / /_____\  /
<--\/----------\/-------\/-------\/-----------\/---------\/-->

Clever por aBHO

Algunos ASCIIs oldschool están hechos en computadores Amiga y contiene carácteres extendidos, éstos se conocen como Amiga ASCII (en oposición al PC ASCII). "ASCII en bloques" no es técnicamente ASCII, ya que utiliza caracteres extendidos, "bloques" al igual que en el arte ANSI. Hay otro tipo de arte demoscene, conocido como "ASCII newskool". Se considera de estilo sólido, usado con frecuencia en logos al estilo graffiti, y suele usar caracteres extendidos de DOS.

Aparte de aparecer en los archivos .nfo, el ASCII demoscene también puede aparecer en otras instancias. Algunas "demoparties" organizan competencias de ASCII y ANSI, y también hay competencias de logos ASCII en algunos canales IRC. Las imágenes ASCII también se distribuyen en forma de "collies" (colecciones) y "artpacks". Una "colly" suele ser un simple archivo de texto con muchos logos del mismo artista. Un "artpack" es creado por un grupo de arte y puede contener ASCII, ANSI y Ripscript.
6.5 Cultura y etiqueta del arte ASCII

Quienes pertenecen al mundo demoscene suelen ver su arte como el "verdadero" arte ASCII, a pesar de que es más reciente y menos popular que las otras corrientes artísticas en ASCII. El grupo de noticias de arte ASCII en Usenet (llamado alt.ascii-art) existe desde hace largo tiempo y aún está activo para exponer imágenes ASCII y también para solicitarlas. Hay otros grupos de noticias, pero raramente están activos.

Los artistas suelen firmar sus ASCIIs con sus iniciales o con un seudónimo breve. Eres libre de usar arte ASCII sin fines de lucro siempre y cuando conserves esas iniciales - son la firma del artista. En alt.ascii-art, la gente suele modificar las imágenes de otros. Esto implica alterar la imagen de manera a mejorar su aspecto - o crear algo totalmente distinto. Se suelen incluir las iniciales de todos quienes participaron en la imagen.

Hay un individuo en el grupo que hace parodias ("ASCII art farts") de las imágenes de otras personas - lo ha hecho todos los días desde hace varios años. No te ofendas si Tran toma tu imagen y le agrega algún chiste lame.

por DiamonDie, © 2004-2005
Traducción: jSepia