Place a picture into text

All the graphics design related talk can be done here.
Post Reply
iSTiFYeTi
Posts: 69
Joined: Sun Feb 18, 2007 8:28 pm

Place a picture into text

Post by iSTiFYeTi »

Daryl asked:
> please help how can i turn a picture into text
> i.e if i got a picture of a dog how can i
> spell the word dog using the picture as
> letters if that makes sense thanks

Daryle did not specify which version of Photoshop or the computer system, (which should always be done) so here, we demonstrate putting an image into type -- for all versions of Photoshop and Photoshop Elements

Image

[*]FIRST: select the image you plan to use. Here, we've moved it to a new layer with white as our background in order to demonstrate the effect later. You do not necessarily need to do this.

[*]Set the Type: Now, set the word using the type input method of your current version of Photoshop or Elements. Here we used a heavy, condensed type style to provide as much area for the image as possible. In earlier versions, this type will be rastarized as a picture object. In later versions it will be live type, and you can leave it like that if you wish.

Image

[*]Select the type to make a "cookie cutter": In later versions, you can Command / **** (Ctrl/****) the layer to SELECT the type. This displays the "racing ants" around each letter indicating that it is selected.

[*]Float the Image into the Selection:
a. **** the Photo layer to select it - while the selection is active
b. Float or "pick up" the image by using the Float command/J (Ctrl/J)
c. The selection will fill with a COPY of the art within the selection and generate a new layer (below)
(Note: older versions will need to use Edit > Copy, then create a new layer, and Edit > Paste)

Image

[*]Done: Turn OFF the original photo layer, and you'll see your type is filled with the image.

Image

In this example below, I've also generated a layer with the type set to a Gaussian Blur so the edges of the letters which would be white will show. This is not an essential step, but placed here merely to show off the type. Note, this could have been done with the original type layer, Rastarized, but we left it in place for this demonstration.

There are lots of other ways to do this technique. In Photoshop CS, CS2 and CS3, using the Type Mask tool would do the same in a single step. There are also other ways to generate layer masks which accomplish the same effect, but this method works in virtually ALL image editing programs on ALL platforms which support layered art.


gamez93
Posts: 58
Joined: Wed Feb 21, 2007 2:14 pm

Post by gamez93 »

Its not a bad tutorail, however I could of down this easier in Microsoft Words, then copied it in. Which I think is better - as you say there are many different tools to use, but simple is better for me.
The Chief
Posts: 24
Joined: Thu Mar 01, 2007 9:35 pm

Post by The Chief »

I find this very useful... i was wondering about something like this... I was going to do something like this for my site Intro... thnx!
i am no longer doing: Village Productions...
it will be called: Point Blank Studios

my projects:
  • Main Website for PBS
  • Point Blank Radio (my online Rock Station)
  • Stargate: Extinction (my RPG Game)
  • I will do certain requests for web design, graphic design and maybe more... just ask!
Bulletproof
Posts: 122
Joined: Mon Mar 13, 2006 9:35 pm

Post by Bulletproof »

cool tut man thnx for sharing :)
Jonxmartini
Posts: 325
Joined: Sat Dec 16, 2006 3:57 pm

Post by Jonxmartini »

Sweet..(scampers off to go give it a try) :)
Image
Post Reply