Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Sponsored Links

Fake ASCII Art


The creation of ASCII (or text) artwork is a discipline older than the internet itself. Ranging from simple objects created with punctuation marks to fully-fledged A4-sized masterpieces, text-art is a unique and often very difficult to master artform. But why spend hours with notepad when you can simply fake ASCII art using Photoshop in under 5 minutes?

Preparation: Before you begin this tutorial you will need a sample image with strong contrasts between the light and dark areas. Greyscale portraits are best, but not essential - any object will work provided that you are willing to put in a little extra effort. You will also need to know the dimensions of your source image prior to the first step.


Step 1:  Create a new document the same size as your source image with a default black-filled background.

Add a new transparent layer on top of that black background and fill it with white-colored text. What you say in that text is entirely up to you, but simple fonts usually work best - overly ornate alternatives can look awkward if a contour intersects them at a later stage in the tutorial.

When you have finished adding your text, merge down the image via Image > Flatten Image and save it as text.jpg (or a suitable alternative). Do not close your document - just move it to another part of the desktop.


Step 2:
Open up your source image as a new document, select Layer > New Adjustment Layer > Posterize from the main menu and press OK. Another dialog box will pop up - enter 4 in the levels box and click OK once more. If everything has gone as planned you should have an image split up into color levels and resembling mine below:

  


Step 3: Now for the slightly fiddly bit. Reselect your text.jpg document and select Layer > Duplicate Layer, but instead of specifying the destination as text.jpg, change it to the filename of your image used in step 2. Now go back into your destination image, hide your text layer, reselect the image layer, and choose Select > Color Range. In the dialog box that comes up, choose the black area and click OK.

Nearly there! In fact, all that's left for you to do now is make the text layer visible once again, select it in the layers palette, and press DELETE on your keyboard. Voila... one simple ASCII portrait! You can either leave the partial characters alone or erase them with a black-tipped Brush Tool - the choice is up to you!





Epilogue:
So, the question remains... if its as simple as selecting the background and deleting the area it occupies from the text field, why do we bother with the posterize function? Well, in addition to clarifying the edges of your image and making it easier to select, the posterize function also splits the image up into different depth levels - this allows us to enhance this effect further if desired and create simple 3D text images. All you need to do is darken the text areas in direct correlation with the luminosity of the color areas. Simple! :)

- Tutorial written by Gunyu

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  prestigeWeb (#43220)
Date: Wed Jul 04, 2007. 04:25:20

Post #5 of 5

Sweet, I never knew you could do that.

Again, please feel free to call me an idiot.

Reply to this post


User:  lilymoonsilver (#40016)
Date: Fri Mar 30, 2007. 17:40:53

Post #4 of 5

This is also a very well conceived and well written tutorial. Thank you very muchl.

Reply to this post


User:  CartoonGirl (#35488)
Date: Fri Dec 08, 2006. 06:30:10

Post #3 of 5

Hmmm .. couldn't get it to work in Photoshop CS2/mac no matter how hard I tried and repeated the proceedure. Pressing delete as stated did absolutely nothing. I am sad. Any suggestions?

Reply to this post


User:  Darkie (#34327)
Date: Tue Nov 14, 2006. 20:10:21

Post #2 of 5

Awsome shortcut! I will try to do it later on.

Reply to this post


User:  KimiNoOkazu (#31326)
Date: Fri Aug 25, 2006. 05:44:00

Post #1 of 5

haha...nice tutorial dude....is that girl BoA? lol. =P

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Imageready Interfa...
Imageready Interfa...
- Adobe Photoshop -
Anti-Aliasing Inte...
Anti-Aliasing Inte...
- Adobe Photoshop -
Night Lights (Basi...
Night Lights (Basi...
- Macromedia Flash -
Quick Barcodes
Quick Barcodes
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Advertisements





Special Options
Printer Friendly Version
Forum Threads

hello
Author: anderkober
Posted: Jul 14th, 3:09pm
Activity: 1 replies, 3146 views
 Re: 3ds Max Tutorials for Beginners
Author: 3DSMaxresources
Posted: Feb 22nd, 4:29pm
Activity: 0 replies, 3170 views
Delete Account
Author: Neo824
Posted: Oct 18th, 7:47am
Activity: 1 replies, 4299 views
Back...
Author: unleash
Posted: Jul 02nd, 12:37pm
Activity: 3 replies, 4328 views
Help Please :)
Author: Roosta
Posted: Mar 25th, 5:08am
Activity: 0 replies, 4800 views
thank you
Author: HypepapyHer
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 3399 views
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 12:16pm
Activity: 1 replies, 4261 views
 changes....
Author: supertackyman
Posted: Sep 12th, 3:56am
Activity: 2 replies, 5617 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 4:50pm
Activity: 0 replies, 3932 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 1:58pm
Activity: 0 replies, 5094 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 3:18pm
Activity: 1 replies, 10864 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 3:33pm
Activity: 0 replies, 19478 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4669