Image inside text
I am going to show you an easy way to put your images inside text with a slightly different and in my opinion a more versatile way than the most common ways people use to achieve this effect.
1) Start by opening the photo that you want to place inside your text. For this tutorial, I am going to use this photo.
2) Select the “Horizontal Type Tool” (T), type your text and place it on top of the part of the image that you want to include inside your text.
3) Right click on the Text layer and choose “Create Work Path”
This is the main advantage of this method. By creating a work path from the text before you make a selection you can easily transform, skew, scale and generally alter the look of your text before you place the photo within it without creating any jaggies.
4) Select the “Pen Tool” (P), right click and choose “Make selection”.
5) Delete the text layer, and without deselecting go to “Layer” -> “New” -> “Layer via Copy” (Ctrl-J)
You can now delete the photo layer as well. You should now have your text with your image within it on a transparent background ready to be used for your designs.
If you want you can apply different blending modes to it. Here is my final result with a simple stroke.
If you liked this tutorial check out my other Adobe Photoshop Tutorials
Technorati Tags: photoshop, tutorial, text, photo, effect, image
digg this
reddit this
Furl this
November 21st, 2005 at 7:42 am
allready tried the cntrl + alt G combination?? that does the same but then much faster :p
November 21st, 2005 at 9:55 am
Hi, I suppose you mean the “Group with previous” command for which in PS7 that I use the shortcut is Ctrl+G.
Yes I know that, however the main part of this tutorial is converting the text to a path, a step that gives you the ability to modify your text. You can actually create unique custom text for your needs. I know I haven’t actually described how you can do that but I probably will in a future tutorial.
November 21st, 2005 at 5:32 pm
Wouldn’t it be easier to use the “Horizontal type mask tool”? (righ under the Type tool. You can acces it with clicking the little triangle on the “T”) Instead of typing with the normal type tool and do two extra steps. You could easily skip step 3 and 4 then you go right away to the Layers - New - layer via copy menu.
November 21st, 2005 at 7:22 pm
I think it is great. Now I can start using this method to make image inside text. Thanks!
November 26th, 2005 at 4:03 am
Good way to get the effect and more flexible.
November 27th, 2005 at 9:02 am
good idea but theres a really simple way to do this:
1. get the picture and type what you want.
2. ctrl-click on the text layer to select it
3. delete the text layer but dont deselect
4. go to your picture layer and move the selection over the area you want in the text
5. select the inverse (the rest of the picture) and delete it
i just find that easier…
November 27th, 2005 at 9:25 am
Hi Tim, yes the method you mentioned is probably faster. However as mentioned before, probably the fastest method is to use the “Group with Previous” option.
The reason, I use this method described at this tutorial is because it gives me the opportunity to change the fonts easily in order to create custom results and fonts. Perhaps, I didn’t explain this enough earlier by giving an example. I will probably expand on that on a future entry.
November 29th, 2005 at 7:11 pm
wow i got served…haha
December 4th, 2005 at 4:01 am
newer version of photoshop is the combination cntrl alt G :p
December 29th, 2005 at 8:36 am
hi
its really good but i didnt found Create Work Path where iz it can any one defice clearly
January 20th, 2006 at 10:14 am
my webbie is not really a website. But I use it for blends and I was wondering how to do this along time ago and it really helps. thanks for the help =)
January 26th, 2006 at 8:14 am
[...] Photoshop Tutorials Image inside text (tags: Photoshop Tutorials) January 26th 2006 Posted to del.icio.us [...]
January 31st, 2006 at 7:14 pm
* Have your picture in one layer
* Create your text layer, and make sure it is lying underneath your picture layer.
* Hold down the Alt key, and hover the mouse over the line between your two layers until your cursor changes to look like two circles (one black, one shaded grey).
* Click.
Move the image wherever you like, edit the text all you like.