PDA

View Full Version : Image in text | bordered text


goobimama
13-03-2005, 12:48 PM
Here is a simple tutorial of how to get an image in the text. Now KoolBluez (http://www.thinkdigit.com/forum/viewtopic.php?p=147972#147972) 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.

http://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.

http://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!

http://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".

http://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.

http://img190.exs.cx/img190/2455/textinimage42fj.jpg

ismart
03-02-2007, 05:40 PM
photoshop help anywhere...welcome

Siddharth Maheshwari
03-02-2007, 05:58 PM
gud ones thanks

iMav
03-02-2007, 06:09 PM
the effect is nice .... but im confused in step 6: ... cud u post a screeen shot of whr to drag/delete what

SE><IE
03-02-2007, 09:05 PM
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:
http://thumb4.webshots.net/t/57/557/1/66/42/2306166420098553724JkzvBO_th.jpg (http://entertainment.webshots.com/photo/2306166420098553724JkzvBO)The original image
http://thumb4.webshots.net/t/59/659/2/37/49/2094237490098553724DrBuGA_th.jpg (http://entertainment.webshots.com/photo/2094237490098553724DrBuGA) and layers
http://thumb4.webshots.net/t/53/453/4/64/35/2497464350098553724jbLJwi_th.jpg (http://entertainment.webshots.com/photo/2497464350098553724jbLJwi) Layers after ctrl click
http://thumb4.webshots.net/t/53/553/7/82/17/2736782170098553724PbQwZa_th.jpg (http://entertainment.webshots.com/photo/2736782170098553724PbQwZa)resultant image
http://thumb4.webshots.net/t/53/453/3/74/41/2931374410098553724hINgUA_th.jpg (http://entertainment.webshots.com/photo/2931374410098553724hINgUA)Adding a stroke
http://thumb4.webshots.net/t/16/16/6/75/70/2423675700098553724NrsEEA_th.jpg (http://entertainment.webshots.com/photo/2423675700098553724NrsEEA)End result



-seXie

koolbluez
03-02-2007, 09:36 PM
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!!!??? (http://www.thinkdigit.com/forum/showthread.php?t=6730)

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.