How to Add an Image to Any Shape in Photopea
This tutorial works for any image and any shape using the free Photopea online editor. We'll be inserting an image into a shape using the clipping mask tool and this process can be used in any similar situation. You can also do this the same way in Photoshop or PS Elements.
Today, I'm going to use one of my gift tag templates as an example - this works exactly the same way with any of my templates though, or with shapes you draw yourself.
To begin open Photopea in your web browser.
Step 1:
Click Open From Computer to select a PSD template file from your hard drive. It's important that you choose a layered photoshop file for this method - other file formats are not going to work with this process.
Once opened your screen should look like the image below. Locate the layers palette in the bottom right of the screen.
Step 2:
Open the folders by clicking the little arrow next to each and click to select the first tag.
Step 3:
To insert an image to this tag we need to first open our image. Go to the top menu bar and select File>Open and Place. Then navigate on your hard drive to the image you want to insert and double click it. The image will automatically be placed on your template canvas on top of the layer you selected in step 2.
Notice that the image also shows in the layers palette right above the tag I selected. If your image is in the wrong order in the layers palette you can simply drag and drop it to the right location. In step 4 we're going to right click on this layer.
Step 4:
As shown above, right click on the image layer in the layers palette as pictured, and a popup menu will appear. In this menu look for Clipping Mask and select this option.
The image is now 'clipped' to the shape and is ready for re-sizing and precise placement.
Step 5:
To finish, just resize the image as required using the toggle nodes and drag into position however you please.
By default you should have the move tool already selected. If not, just be sure to select this from the left hand tools list (top).
And that's it! Repeat this for each shape in your template if you are wanting to add a different image to each tag. For a repeating tag, check out my next post for instructions on how to duplicate.
Happy Crafting
Shawnna