• Home
  • About
  • Advertise
  • Contact Us
Blue Orange Green Pink Purple

Text-made Image

Posted in Photo Effects. on Monday, June 8th, 2009 by Tutorial Park Tags: girl, photoshop, text-made, tutorial
Jun 08

Text-made ImageEvery 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

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)

13 Comments

  1. Twitted by Development01 on June 9th, 2009

    [...] This post was Twitted by Development01 – Real-url.org [...]

  2. Carla Hansen on June 9th, 2009

    Love it! Love it! Love it! Thanks! Can’t wait to share this with design students this summer!

  3. Photo on June 11th, 2009

    Funny tutorial)) Thnx!=)

  4. aneesh p.v on June 18th, 2009

    your variety tricks r very useful new designers thanx 4 that

  5. Reina on July 11th, 2009

    LOVE THIS TUT! SIMPLE YET UNIQUE :)

  6. angie on July 20th, 2009

    I am not sure about this tutorial…it lack some details and instructions…i hope you can explain all instead of skipping some parts. It is hard for a beginner to follow. Thanks in advance.

  7. ace on July 24th, 2009

    i have a picture i want that done too but i dont have photoshop so if i was to send u it would u be able too do that for me its for my girl and mine 6 year and 8 month anniversary

  8. Evulgo Media on August 12th, 2009

    I was looking for this effect.
    Now i can try give it my own twist.
    Thanks!

  9. alpo on August 16th, 2009

    I agree with angie. As a beginner I wasn’t able to succesfully complete this tutorial because of the skipped instructions. My result has the shape of the text but the background image shows too much. The text is on the image limiting to the image’s outlines when the text should be the image instead. If someone had a similar problem, please help me out. Thanks!

  10. Mr Perdantic on August 30th, 2009

    You can’t have a 6year and 8month anniversary, the ‘anni’ means year..

    Great tut!

  11. amy on September 21st, 2009

    I tried this and it seems to be missing something. I can not get it to work

  12. pearla on November 5th, 2009

    yea i agree the text part was not so clear , i got stuck @ the end :(

  13. Hector on January 2nd, 2010

    The problem is that you need to make each word one colour, else it just looks nabby.



Leave a Reply

Spam Protection by WP-SpamFree

Tutorial Park

  • templated business
    templated business
  • Search


  • Categories
    • Animation
    • Drawing
    • Freebies
    • Photo Effects
    • Text Effects
    • Tutorial Reviews
  • Recent Tutorials
    • 3D Valentine’s Day Typography
    • St. Valentine’s Photo Manipulation
    • Na’vi Avatar Photo Manipulation
    • Thanksgiving Wallpapers
    • Google Text
    • Jack-O-Lantern Drawing Tutorials
  • Featured Partners

      Web Design Library

      flash websites

      build a website

      flash intro
  • Tutorial Park Tags

      angel animals Animation ball batman business car Casino Royale cat catroon design digg earth frog glass half life 2 Harry Potter hearts icon icon set James Bond jewelry logo lollypop mafia monster navigation bar photo photoshop photoshop tutorial photoshpo plastic poster quake sunflower template transformers tutorial typography vector video vintage wall-e wallpaper watercolor

      WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.





  • Home
  • About
  • Advertise
  • Contact Us

© 2004-2010 Copyright Tutorial Park. All rights reserved.
Designed by FTL Wordpress Themes. Website promoted by SEO Software.

Back to Top