Categories
design education technology

Frame an Image inside a Shape or Text using Photoshop

Part Two [Cont.]

  1. Let’s add some dimension to our flower. Select the shape layer and add a Bevel & Emboss:
    1. Click on the fx icon at the bottom of the Layers panel.
    2. Select Bevel & Emboss.
    3. Set the Size to 18.
    4. Click OK.

Bevel and EmbossBevel and Emboss
Bevel and Emboss
  1. Now let’s move the flower image up to the left:
    1. Click on the photo layer in the Layers panel.
    2. Hold the Ctrl key (Mac: Cmd) down and click on the shape layer. This will select two layers at the same time.
    3. Select the Move tool in the Tools panel (the black arrow at the top).
    4. Click-and-drag in the image window to move the flower into the upper-left corner. Make a bit of it disappear off the top and left edges.

Move the Flower Up
Move the Flower Up
  1. Save the file.

 

Part Three: Add Some Text

  1. Select the top layer in the stack. We want to add a text layer above it, which will happen automatically when we start typing.
  2. Select the Horizontal Type tool in the Tools panel.
Horizontal Type Tool
Horizontal Type Tool
  1. In the Control panel, select a font (I chose BrodyD). Set the font size to something large like 250pt.
  2. Click on the Set the text color rectangle. It is just to the right of the text alignment buttons. This will open the Color Picker for the text color.
Control Panel for Type Tool
Control Panel for Type Tool
  1. In the Color Picker, type in 255-255-255 for the RGB values. this gives us a pure white.
  2. Click OK to close the Color Picker.
Color Picker
Color Picker
  1. Click anywhere in the image window and type the word spring.
Type the Text
Type the Text
  1. Let’s flip the text sideways:
    1. Press Ctrl+T on your keyboard to transform the text.
    2. Right-click inside the transformation box.
    3. Select Rotate 90° CCW (counter-clockwise) from the contextual menu.
    4. Press Enter/Return on your keyboard to save the transformation.
Transform Box
Transform Box
  1. Select the Move tool again and move the text to the bottom-right corner of the image.
  2. Set the blend mode for the new text layer to Overlay (the blend modes can be found in the dropdown menu at the top of the layers panel).
Overlay Blend Mode
Overlay Blend Mode
  1. Save the file.

Here is the final image:

Final Image
Final Image

 

Here is another image in which I used a custom shape for a clipping mask:
Custom Shape Clipping Mask

 

Here are two images done in a similar manner. However, instead of a custom shape, I used a text layer to clip an image to:

Text Clipping MaskText Clipping Mask
Text Clipping Mask

 

Done

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.