Make yourself look like a Photoshop expert!


 

Photoshop Elements is the "easier to use" version of Adobe Photoshop Professional or Creative Cloud (CC) as its known. Photoshop Elements doesn't have all the power features as the professional version does but its much cheaper and designed so that beginners can easily edit their photographs without too much of a learning curve.

One common thing that many people like to do with Photoshop is crop one of their pictures into a shape so its not just a box or a rectangle. You can take any shape you like and make your image into that particular shape. You can use the built in shapes that come with the Shape Tool or you can find a picture of any shape that you like, or even text and have your picture "become" that shape.

In this article we are going to take a picture of a dog and also a heart shaped image and transform the dog picture into that heart shaped image. We will show you a couple of different ways to do this that will give you slightly different results so you can use the method that works the best for you.

To begin we have our heart shaped image open in Elements as seen below. Notice how it has a white background and black border around the heart.

Photoshop Elements Crop Photo to Shape

The first step involves using the Magic Eraser tool which is the eraser with the star looking object behind it and erasing the white area outside of the heart. They key here is to make sure that you are using a transparent background for your shape so if you are opening an existing image you will want to add a transparent background to your project. To do so you will need to go to the Layers window and right click the Background layer. Then choose Layer From Background and leave the options as is and click OK.

Now you can see that our heart image now has a transparent background noted by the grey and white checkerboard pattern.

Photoshop Elements Crop Photo to Shape

Next we will want to go to the dog picture and draw a box around the are we want to use with the Rectangular Marquee tool. Then we can click on the Edit menu and choose Copy and go back over to the heart image and then paste it in. From there you will use the Move tool to reposition and resize your image so it fits over the heart the way you like it. Just be sure to resize your image rather than stretch it out so it stays uniform. The image below shows the pasted dog picture before resizing it to fit over the heart. It doesn't have to be perfect because you can still adjust its size and position after the cropping step.

Photoshop Elements Crop Photo to Shape

The next step is where the cropping takes place. You will need to click on the Layer menu and then select Create Clipping Mask to have the dog shape be cropped to fill the background shape as seen below. You can then move your image around and resize it to adjust the fit if needed.

Photoshop Elements Crop Photo to Shape

Once you have things the way you like it then you can save your image however you like it. If you want the background around the heart to remain transparent then you should save the image as a PNG file.

 

The next way to crop a picture to a shape involves erasing the area of the heart itself rather than the background. So for our heart image we want to erase the red area using the Magic Eraser tool.

Photoshop Elements Crop Photo to Shape

Now we can paste the image over the heart again OR we can go to File and then Place and browse for the dog image if that way works better for you. Next we will stretch out the dog picture so it covers the entire heart image. Don't worry if it goes off the boundary of the heart image because it won't affect anything.

Photoshop Elements Crop Photo to Shape

Once you have the picture in place you will need to change the order of the layers to have the heart shape layer at the top of the list. You can do this by clicking and dragging the layers with your mouse.

Photoshop Elements Crop Photo to Shape

Now you can see that the dog picture is inside of the heart picture but this time the black border around the heat stayed in place thanks to the way we erased the inside of the heart rather than the outside white area.

Photoshop Elements Crop Photo to Shape

Now you can do things like fill in the white space with a color if you like as seen below.

Photoshop Elements Crop Photo to Shape

If you want to make the background transparent you will need to first go to the Layers menu and choose Merge Visible or Flatten Image so there is only one layer, otherwise you will end up with the dog picture being shown on the outside of the heart as seen below.

Photoshop Elements Crop Photo to Shape

When you merge or flatten the image you will notice that you only have one layer in your Layers panel but you can now erase the background and leave only the heart.

Photoshop Elements Crop Photo to Shape

As you can see, its not too hard to crop a picture to a shape and there is more than one way to do so and the method you choose is up to you depending on what you want to accomplish.

Pin It

Join Us On FaceBook

We Recommend:



Join Us On Twitter

Get insights into the computer industry and regular updates on our site. Click Here

OCT Youtube Channel

New tech tip videos posted on a regular basis. Subscribe today! Click Here

Sponsored

LATEST VIDEOS

Dont let your files be held for ransom!   ...

Get rid of those pesky backgrounds in your image...

Record your screen with no additional software t...

How long has your computer been running?  ...

Easily compare the differences between 2 spreads...

Data redundancy the cheap and easy way!   ...

RECENT TIPS

Telecommuting at its finest   Nothing tes...

Get in the loop with Looop!   Looop is a ...

Check out these great tools to help your student...

High quality YouTube to MP3 conversions   ...

What's in your wallet?   Ever since Bitco...

Check out this year's top technology trends! &n...

NEWS

Another reason to keep your devices up to date. If you ...

Try not to get the BlueKeep Blues Once again the Micros...

Are Your Chrome Credentials Secure? Many people like to...

Windows 10 Optional Updates Coming Soon If you can reme...

Is a Virtual Private Network right for you? &nb...

Use Some Cache to Speed Up Chrome If you use the popula...