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:

Click to enlarge
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).

mask

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

fill white

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:

text settings

You should come up with something like this:

half-final

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 Tutorial: Final Result (Click to enlarge)
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.
read more about this author

Author's URL: Reiven
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Text-made Image (Exclusive Tutorial)"

Only registered users can write comment

Reader's comments
comments novelist999 February 14, 2007 says:
Text-made Image (Exclusive Tutorial)
Great tutorial! You're so talented, Dustin. I always learn something from your tutorials. Thanks. :D
comments darrellart February 01, 2007 says:
Text-made Image (Exclusive Tutorial)
This technique is okay, but seems way more complicated than it needs to be. I got the same effect in gray-scale just by making the text layer a clipping file for the photo layer, with a white layer for the background.

The effect of the two techniques is slightly different if you change the color of the layer with the layer mask to something other than white -- but neither is superior to the other, IMO, just different. You can get the exact result if you want by with my method, by changing the photo transfer function to Multiply, and inserting a layer of the desired color underneath it, also clipped to the text layer.
comments benstewart September 11, 2006 says:
Text-made Image (Exclusive Tutorial)
What is the Model's name in the image?

What is the source of the image?

cheers
ben