How to Insert Image Within Shapes In Photoshop

Introduction

In this article I will explain how to insert an image within shapes using Photoshop.

Step 1

Open Adobe Photoshop CS5.1.

adobe-photoshop-for-image-with-in-shapes.png

Step 2

Open an image using "Ctrl+o" to be placed inside shapes.

image-selection-in-photoshop-for-image-with-in-shapes.jpg

Step 3

Select this image layer in the layer palette. Then right-click on it and select "Duplicate Layer" from the context menu.

duplicate-layer-selection--in-photoshop-for-image-with-in-shapes.jpg

Duplicate layer in layer palette

duplicate-layer-layer-palette-in-photoshop-for-image-with-in-shapes.png

Step 4

Take a new blank layer between those image layers and fill it with the white color.

new-layer-selection-in-layer-palette-in-photoshop-for-image-with-in-shapes.jpg



new-layer-in-layer-palette-in-photoshop-for-image-with-in-shapes.png
Step 5

Select the first image layer in the layer palette.

select-layer-first-in-layer-palette-in-photoshop-for-image-with-in-shapes.png

Step 6

Select white as your foreground color, then right-click on the shape tool and select the custom shape tool.

select-custom-shape-tool-image-with-in-shapes.png

Step 7

Select your custom shape from the custom shape pop-up window.

Select your custom shape.png

Step 8


Draw your shape according to your requirements.

draw-your-shape-in-photoshop-for-image-with-in-shape.png

Step 9

Resize and reposition your shape using the Free Transform command ("Ctrl+t").

resize-and-reposition-image.png

Step 10

Drag the shape layer to below the first image layer in the palette.

drag-shape-layer-below-first-image-layer.png

Step 11

Right-click on the first image layer and select "Create Clipping Mask" from the context menu.

select-create-clipping-mask-in-photoshop-for-image-with-in-shapes.png

Finale Output

In the finale output you will see that your image will be visible only within the shape.

finale-output-for-image-with-in-shape.png