Solved

Text that appears cut out of an image

Posted on 2000-04-20
9
182 Views
Last Modified: 2010-04-03
Surfing the web, I've seen text images (ie text in the form of an image) where the text appears to be a cutout of an image.  I would like to be able to do that. I have basic Photoshop experience. I would think that Photoshop can create that kind of an effect but I don't know how to do it. I would appreciate it if someone can help me by showing me the steps to create text that is cutout of an image.
0
Comment
Question by:daluu
9 Comments
 

Expert Comment

by:kkirt1
ID: 2736887
Do you have an address where I can see what you are asking about?
0
 
LVL 30

Expert Comment

by:weed
ID: 2736904
Heres the steps, very simple in photoshop.

Create a new layer above your image and put some text on it in white.
Select the text then either control click (mac) on the far right side of the layer or use your contextual mouse button (windows) in the same spot to access the "Effects" menu.
From the resulting options box select "Inner Shadow".
Make the adjustments accordingly.
0
 
LVL 1

Accepted Solution

by:
snapdragon030500 earned 50 total points
ID: 2761181
i tried what weed just said, and that method looks very cool when you are done.  however, i'm interpreting the question a little differently.  daluu, here's what i THINK you are asking:  you want the letters to look like they are made out of a picture?  and the letters to be freestanding?  both ways are shown at www.ellipsisweb.com/textcut.  the top image is using weed's idea, i think it looks good.  the bottom image is the way i described above.
here are the instructions for the bottom image:  using the type mask tool (the T with a dotted outline), type your text.  then choose layer/new/layer via cut.  turn off the eyeball (visibility) on the original layer.  voila!  crop it, then export it as a transparent gif if you want to use it on the web.  (keep in mind that gifs don't always look so great when they are photos.  if you want it to be a jpeg, paste it onto the background you will be using on the web, then crop it.  the final quality may be nicer.)
0
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 
LVL 1

Expert Comment

by:cevr
ID: 2786990
Here's the easiest way I've found to do this:

1. Type your text.

2. Put the picture on the layer ABOVE the text.

3. ALT-Click on the line between the two layers in the layers pallet to create a layer mask. (The picture will cover only the areas of text underneath.)

     The good thing about doing it this way is that everything remains totally editable, including the text.
0
 
LVL 1

Expert Comment

by:snapdragon030500
ID: 2787025
That is true, cevr's way of creating the image will leave the text editable.  If you use cevr's method, use the regular Type tool instead of the Type Mask tool.  Are you still out there, daluu?
0
 
LVL 4

Author Comment

by:daluu
ID: 2787130
Sorry for the delay, but I don't have Photoshop at home so I have to try it out at school which takes some time.

Sorry weed, your method is good but sadly, that's not what I wanted. Apparently, I wasn't clear enough in describing what I wanted.

Snapdragon, your interpretation of my question is correct. Yes, I want my text to appear as if they are made by cutting a picture. However, I am having trouble trying the method you described, I will try it again soon.
0
 
LVL 4

Author Comment

by:daluu
ID: 2789012
Thanks, snapdragon. Your method will be very useful to me.
0
 
LVL 4

Author Comment

by:daluu
ID: 2789038
Cevr,

Its too bad I can accept an answer from one person only. Your method will be useful too.
0
 
LVL 1

Expert Comment

by:snapdragon030500
ID: 2789397
Cevr, thank you for that method!  I excitedly emailed it to another friend - very cool.  Daluu, thank you for the points, I really appreciate it.  It is hard to get things done when you don't have your own computer!  I remember it well, using the school's pods, often waiting in line, very frustrating.  I would suggest that you try both my method and cevr's, it sounds like that is what you plan to do.  Learning faster ways to get to the same end is always worth it.
0

Featured Post

U.S. Department of Agriculture and Acronis Access

With the new era of mobile computing, smartphones and tablets, wireless communications and cloud services, the USDA sought to take advantage of a mobilized workforce and the blurring lines between personal and corporate computing resources.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
Read about why website design really matters in today's demanding market.
In this tutorial viewers will learn how to increase their history states in Photoshop To undo more than one history state, use Ctrl + Alt + Z, not just Ctrl + Z: View the History window by going to Window > History: The default number of history sta…
In this tutorial viewers will learn a few layer organization tricks and tips to improve their workflow in Photoshop. Open a multi-layer document in Photoshop: View all your layers by going Window > Layers:  To make sure your layers can be identified…

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question