Image in text | bordered text

Status
Not open for further replies.

goobimama

 Macboy
Here is a simple tutorial of how to get an image in the text. Now KoolBluez has done something in that line, by including the fire in the text n' all, but this is a short and sweet method. Not a fancy tutorial, but comes in handy.

step 1:
Open your image in Photoshop.

Step 2: Take you text tool and type in whatever. Use a font which has a slight thickness, which I think helps in keeping with the image-in-text theme.

*img180.exs.cx/img180/7518/textinimage36ad.jpg

Step 3:
Now, Ctrl+click on the text layer in the layers pallette. It will be the layer named after the first few characters of your text. This will select the text.

Step 4:
Now click or select the image layer in your layers pallette. If you opened a jpeg file or something, it will be called background.

step 5:
Press ctrl+shift+i to invert the selection. and then press the delete key. This will delete all except the text.

*img239.exs.cx/img239/6184/textinimage9hc.jpg

Step 6:
Drag the text layer into the the little button at the lower right corner of the layers pallette. That is the delete layers icon. OR right click the text layer and click delete layer.

Voila!

*img239.exs.cx/img239/9125/textinimage20jj.jpg


Part II: Giving a Border to the text...

Alright, you don't want to just have text with the image in there, then have the image with a bordered text. Use this simple, yet effective tutorial to get the text with just the border.

Follow the earlier steps till Step 3...

Step 4:
Go to Select>Modify>Contract. Use a setting appropriate to the font size. Usually, a value of 3-5 should work. depends on the thickness of the border that you want..

Step 5:
Right-Click on the Text in the text layer in the layers pallette and select "rasterize layer".

*img190.exs.cx/img190/3136/textinimage56as.jpg

Step 6:
Just hit Delete to remove the center and have a nice border which you can move anywhere you like.

*img190.exs.cx/img190/2455/textinimage42fj.jpg
 

iMav

The Devil's Advocate
the effect is nice .... but im confused in step 6: ... cud u post a screeen shot of whr to drag/delete what
 
S

SE><IE

Guest
Its simple enough. Put the text layer below the background one. Now ctrl click between the two layers. (the intersection) and voila you got it.
Now for the border part right click the text layer and select "blending options". choose stroke, change position to outside and rest all as per the taste. :D

The difference between this version and that by chanda-mama ;) is that you don't lose any original details. You can change the text anytime you want etc. :D
Screenies:
*thumb4.webshots.net/t/57/557/1/66/42/2306166420098553724JkzvBO_th.jpgThe original image
*thumb4.webshots.net/t/59/659/2/37/49/2094237490098553724DrBuGA_th.jpg and layers
*thumb4.webshots.net/t/53/453/4/64/35/2497464350098553724jbLJwi_th.jpg Layers after ctrl click
*thumb4.webshots.net/t/53/553/7/82/17/2736782170098553724PbQwZa_th.jpgresultant image
*thumb4.webshots.net/t/53/453/3/74/41/2931374410098553724hINgUA_th.jpgAdding a stroke
*thumb4.webshots.net/t/16/16/6/75/70/2423675700098553724NrsEEA_th.jpgEnd result



-seXie
 
Last edited by a moderator:

koolbluez

Šupər♂ - 超人
Goobi.. yaar... thnx for the mention. But that link is old & not workin now. There had been changes in old links some time back.
The new link is Want it Burnin!!!???

And.. it's not related to this post in anyway...as the fire there itself is unreal. Here, however, we r using an existing picture in text. Simple but effective.

Nice post of the beginners, Goobi.
 
Status
Not open for further replies.
Top Bottom