Banner with Textphotoshopminicourse.weebly.com/uploads/1/0/6/1/10613471/text.pdf · Choose a thick,...

5
Banner with Text - Create banner with rectangle shape tool, or marquee and paint bucket - Select horizontal text tool, and type within the previously created shape - Select text color either in the foreground color box at the bottom of the tools pallet, or with the color selection box in the top application bar Clipping mask A clipping mask is created using two layers of a Photoshop image. Transparent pixels in the bottommost layer act as a mask for the image on the layer above. The easiest way to understand how clipping masks work is to try one yourself. Follow these steps to use a clipping mask to create text that looks like it’s cut from a photo:

Transcript of Banner with Textphotoshopminicourse.weebly.com/uploads/1/0/6/1/10613471/text.pdf · Choose a thick,...

Page 1: Banner with Textphotoshopminicourse.weebly.com/uploads/1/0/6/1/10613471/text.pdf · Choose a thick, heavy type such as Impact or Poster Bodoni, and a large type size - but one small

Banner with Text

- Create banner with rectangle shape tool, or marquee and paint bucket

- Select horizontal text tool, and type within the previously created shape

- Select text color either in the foreground color box at the bottom of the tools pallet, or with the color selection box in the top application bar

Clipping mask A clipping mask is created using two layers of a Photoshop image. Transparent pixels in the bottommost layer act as a mask for the image on the layer above.

The easiest way to understand how clipping masks work is to try one yourself. Follow these steps to use a clipping mask to create text that looks like it’s cut from a photo:

Page 2: Banner with Textphotoshopminicourse.weebly.com/uploads/1/0/6/1/10613471/text.pdf · Choose a thick, heavy type such as Impact or Poster Bodoni, and a large type size - but one small

1. Open a photograph in Photoshop, double-click the background layer, and click OK to convert this layer to a regular layer. Click the Horizontal Type tool, click on the photo, and type some text on the image. (Choose a font with thick, solid letters so there’s plenty of room for the photo to show through.) Don’t worry about the text color; when this effect is complete, you won’t see the color anyway.

2. Drag the text layer below the photo layer. Position your mouse pointer over the border between the two layers and hold down the Alt key (Option key on the Mac). When the mouse pointer changes to two overlapping circles

3. The photograph is masked by the text, so only those areas of the photograph that appear over the text are visible One benefit of this technique is that it’s editable, so you can move the photograph or the text around on its respective layer. As you do, the visible portion of the photograph on the screen changes. You can also click the layer containing the text and change the text or its format—choosing a different font and font size, for example.

When you create a clipping mask the top layer thumbnail is inset slightly in the Layers palette, and a down arrow appears to the left of the thumbnail, indicating that the layer is part of a clipping mask. The name of the bottommost layer of the clipping mask—the one that’s acting as the mask—is underlined.

To undo the clipping mask, position the mouse pointer over the border between the two layers and Alt-click (Option-click on the Mac).

4. Let’s complete the effect in this example by adding a lighter version of the image below the clipping mask. Duplicate the image layer and drag it below the clipping mask. Add a white-filled layer above that layer, and decrease the opacity of the white-filled layer to reveal some of the image below. Add a small Outer Glow layer style to the text layer to draw attention to it //// http://www.peachpit.com/articles/article.aspx?p=693

Page 3: Banner with Textphotoshopminicourse.weebly.com/uploads/1/0/6/1/10613471/text.pdf · Choose a thick, heavy type such as Impact or Poster Bodoni, and a large type size - but one small

Horizontal and vertical type mask tool 1. Use file, save as to save your image in the .psd format.

2. In your layers palette, click the new layer button at the bottom of the palette to create a new layer about your background layer. This step is essential. The type mask tool, unlike the type tool, does not automatically make a new layer, and you will not be able to create this masking technique without a separate blank layer.

3. From your toolbar, in the type segment, choose the horizontal type mask tool. Unlike the regular type tool, its symbol has dotted lines around type.

4. Open your character palette and make sure that your tracking is set to 0 or a negative number. In most cases, you will want fairly tight tracking in order to fit ten or more letters in large type onto your picture.

5. Choose a thick, heavy type such as Impact or Poster Bodoni, and a large type size - but one small enough that you are sure that the words you will type will fit on top of your picture.

6. Click at the left center of your image, and type your word or words. In this example, we will type the word Botticelli. Since capital letters will take up more space and reveal more of the image than small letters, we will use capitals. Notice that when you are typing in the type mask tool, your screen will show a red mask.

7. If you wish to edit your type, do so now. Drag over it and change the font and/or font size.

8. Switch to the move tool, and drag from the very bottom edge of the type to position your type in middle of your screen, If you get an error message, the point of your cursor is inside or outside the type, and not on the edge. Try again!

9. You will now resize your type by stretching it across your image. Choose select, transform selection.

Page 4: Banner with Textphotoshopminicourse.weebly.com/uploads/1/0/6/1/10613471/text.pdf · Choose a thick, heavy type such as Impact or Poster Bodoni, and a large type size - but one small

10. Pull the sizing squares along the horizontal and vertical sides of the image to stretch the type over your image. In your final type mask, only the facets of the image which show through the type will be visible. Therefore, as you stretch the image, consider what parts of the image you most want to make visible. In this Botticelli image, you may want to make sure that the eyes of several of the main figures will be revealed through the type.

11. Press ENTER to apply your transformation.

http://www.windweaver.com/photoshop/typemask.htm

Page 5: Banner with Textphotoshopminicourse.weebly.com/uploads/1/0/6/1/10613471/text.pdf · Choose a thick, heavy type such as Impact or Poster Bodoni, and a large type size - but one small

Text Warp Tool Photoshop allows you to quickly and easily add a little pizzaz to your text by warping it. To warp some text, you obviously need some text on your canvas first. Once you've created some text, with your Type tool still selected, click on the Create Warped Textbutton in the Options bar, or choose Layer > Type > Warp Text. This will open the Warp Text window where you can choose a warp Style from a preset menu. Once you've chosen a warp style, you can modify that style's settings via

the controls at the bottom of the window.

Once you've sufficiently warped the text to your liking, clicking OK will commit your changes and close the Warp Text window. If you ever want to modify the warp text settings, simply choose Layer > Type > Warp Text again, and you can continue to modify your settings. Additionally, keep in mind that—even after you've warped text—it is still editable! Simply select the Type tool, click on the text, and edit it like you normally would. You'll notice that any changes you make to that text are automatically incorporated into the warp.

http://www.peachpit.com/guides/content.aspx?g=photoshop&seqNum=89