Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Text made image exclusive tutorial

Text made image exclusive tutorial


Every day we see a lot of text. Various documents, advertisements, prospects all have become part of our everyday life. But what if you create a picture from a text? Few recall that earlier we had ASCII graphics - that we in fact created pictures from texts in text editors. Now I will describe an easy way to make a picture text in Photoshop.

Let's begin by opening a picture in Photoshop that you want to see in text format. I used this one:

image 1
Click to enlarge

Desaturate the image (Ctrl+Shift+U), then Add layer mask (Layer>Add Layer Mask>Reveal All). Select all (Ctrl+A), copy selection (Ctcl+C). Then go to Channels (Window>Channels). Select Layer1 mask and make it visible. Then paste (Ctrl+V) and deselect (Ctrl+D).

image 2

Go back to Layers (Window>Layers), select Layer Thumbnail and fill everything with white.

image 3

Create new layer (Ctrl+Shift+N), fill it with white and bring it to Back (Ctrl+Shift+[). Now select Text tool and highlight the entire canvas area. Then copy text from any source and insert it in the highlighted area. I used the standard filler text, "Lorem Ipsum Dolar Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."

Apply the following settings to the text:

image 4

You should come up with something like this:

image 5

For a really convincing effect you can simply duplicate the layer with text (Ctrl+J). Also, you can choose the layer with solid white color (without mask) and fill it easily with shades of grey (#e0e0e0). Although this would be cheating, inasmuch as the image is easily painted with its original colos, but at the same time this increases the quality and is not terribly noticeable.

Here's what I came up with as a result:

Text-made Image (Exclusive Tutorial)
Click to enlarge


About the Author:

Click to Visit Author's Website

Dustin Kein is an editor at Web Design Library. He's in charge of selecting materials for the PhotoShop and HTML sections of this site. From time to time Dustin contributes some of his tutorials to WDL in order to cover the most actual topics for WDL visitors. Besides this, he's an active forum member whose posts are always helpful, concise and timely.

Author's URL: Reiven
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Breathe new life into text. These tutorials will teach you how to create various text effects. More Text Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: