I'm a Photoshop n00b, working with version CS6. I'm trying to fix up a PSD I was sent from my client so I can convert it to HTML and CSS. Here's a screenshot of some layers I've extracted, that hopefully will help illustrate my question: The two white shapes are in one layer. The black 'i' is a text layer on top of this. Text can be a valuable modifier in graphic design. Grunge text, retro text, professional fonts–you name it, there’s a text for it. Cut through your foreground layer with a text shape to reveal what’s hiding underneath on your background layer. It’s a very simple technique, yet there are endless possibilities of implementation.

• How To Cut Out Text In Photoshop Cs5
• Cut Out Text In Photoshop Elements
• Text Effects In Photoshop

by Dong Tang

In this exercise we will give your text a more interesting look with a cut-out effect. This exercise works with Photoshop 7 and all later versions. We will use the Type Tool, Inner Shadow Layer Style, Filters, Gaussian Blur, and we will also learn how to change the Brightness/Contrast of an image.

Step 1

Open Photoshop and before you start a new file set the background colour to #8A8777, make the foreground colour white (#FFFFFF).

Now open a new file (Ctrl + N or File>New) with a size of 400 x 200 pixels and set the background contents to background colour (see image below).

Mohabbatein. Mohabbatein (2000) Mp3 Songs. Download All Mohabbatein (2000) Mp3 Songs in 128 Kbps & 320 Kbps. Download All in One - Zip Link. Zip File (320 kbps. Mohabbatein Songs Download- Listen Mohabbatein MP3 songs online free. Play Mohabbatein movie songs MP3 by Jatin-Lalit and download Mohabbatein.

Step 2

Use Layer>New>Layer or Shift+Ctrl+N to open a new layer, rename it to Text layer. Insert #8a8776 as foreground colour. To insert colour code see red circle in image below!

Hide your background layer by clicking on the eye icon in the Layer’s Panel/ Screen. (See image below)

Choose the Type Tool in the Tool’s Palette to type the text ‘Button’ in Berlin Sans FB, bold at 72pt (see pictures below).

Step 3

Go to Layer>Rasterize>Type, (see image below) and then go to Image>Adjustments>Brightness/Contrast (see image below) to change the Brightness of the text to -30 (see image below).

To make the background layer visible again click on the eye icon in the Layer Screen next to the layer name (as in image above).

Step 4

Use Layer>Style>Inner Shadow to add some shadow inside our text.

Step 5

First hold Ctrl and click on the text layer to select the shape of text. Then open a new layer with Layer>New>Layer or Shift+Ctrl+N, switch the foreground colour to white and fill the selection with forground colour using Edit>Fill.

Step 6

Press Ctrl+D to deselect the text shape. Go to Filter>Blur>Gaussian Blur and set radius to 3 pixels.

Click move tool on tool palette, and move the blured image to right and under the original text for 2-3 pixels.

Change the new layer’s opacity to 40% and fill to 30% in the layer palette.

Step 7

Now we add some noise on our image to make it look more real. Select the background layer and go to Filter>Noise>Add Noise, set amount to 3% and check uniform box and monochromatic box. Choose the text layer and apply the same effect on it.

Now we get our text with a wonderful cut-out effect.

How To Cut Out Text In Photoshop Cs5

Select the Layers tab from the toolbar section on the right side located on the interface. Inside the toolbox, right-click on layer and choose Rasterize layer from the options. Select the Lasso tool from the toolbar option. Then select part of the image that you want to remove. Hit Delete. From the Menu, select File and Save to save the changes you made.

Cut Out Text In Photoshop Elements

^[4]

Text Effects In Photoshop

• Of all the tools in Photoshop, the Lasso Tool is probably the easiest to understand. With it selected, your cursor will appear as a small lasso icon, and you click somewhere along the side of the text that you want to delete. Continue holding the mouse button and drag to draw an outline around it. When you’re finished, hit delete to remove the text.^[5]
• To better understand layers, you can look at them as simply one image on top of another. Imagine you have a piece of paper and you paint it red. Then you take a piece of clear cellophane and paint a yellow circle on it; lay it over the paper. Now you take another piece of cellophane and paint a word written in blue on it; lay that on top of the yellow circle. So now, you have a red background with 2 layers on that are yellow and blue. Each one is referred to as a layer. This is what Photoshop means when it refers to layers. It’s basically all the separate parts of the whole.