How to Create a Fun Heart Crown Photo Filter Effect in Adobe Photoshop

Final product image
What You’ll Be Creating

Create fun heart crown photo effects just like Snapchat’s famous filters. Today, we’ll
learn how to make one from scratch using simple shape tools and images in Adobe Photoshop.

Watch
the steps unfold in this quick video lesson and get all the details you
need in the written process below. Head on over to Envato Market for more amazing effects like Photoshop actions.

Follow along with this tutorial over on our Envato Tuts+ YouTube channel.

Tutorial Assets

The following assets were used in the production of this tutorial.

1. How to Make a Heart Crown Effect in Photoshop

Step 1

The first part of this tutorial uses the Heart Crown PNG I created from scratch.

Here’s how to apply this crown to any portrait or selfie.

First, I’ll be using this Model Stock from Envato Elements.

African amerian model stock from Envato Elements

Step 2

Download the heart crown and open it in Photoshop.

Now hold Control-A to select the heart crown, and then Copy and Paste it onto a New Layer. Hold Control-T to Free Transform the crown, adjusting the size to the height and width you desire.

Try to get the crown to frame the head as best as you can.

Apply a heart crown in photoshop

Step 3

If you want fewer hearts to show, just use a Layer Mask or the Eraser Tool (E) to take away the ones you don’t want.

Layer masking the crown

Here’s my first result.

Super easy!

Heart Crown Photo Filter Effect Photoshop Tutorial by Melody Nieves

2. How to Make a Heart Crown From Scratch

Step 1

Now let’s create this same heart crown effect from scratch.

Bring your next photo, Model #2, into Photoshop.

model stock photo from envato elements

Create a New Group. Rename the group “Heart Crown.”

Then select the Custom Shape Tool (U) and choose the heart option from the drop-down menu.

Create one large heart with a white Color Fill.

create a heart shape

Step 2

If you want to change its shape, just use the Direct Selection Tool (A) and modify the lower two anchor points to your liking.

Since the initial shape is really pointy, I decided to round out the curves for a cute effect.

Modify the heart shape

Step 3

Now Right-Click the heart layer and go to Blending Options.

Add a Gradient Overlay with a pink to light pink Linear Gradient.

Here are the colors:

  • Pink: #c7065c
  • Middle Pink: #f56ca6
  • Light Pink: #f5ccdd

Set the Opacity to 83% and the Angle to 140 Degrees, and keep the Scale at 100%.

add a pink gradient overlay

Step 4

Now make several copies of this layer, depending on how many hearts you want. Initially, I created about 10 but ended up with around 16 hearts.

Select the heart layer and press Control-J a few times to make 10–16 copies.

Position each heart around the model’s head, making sure to adjust the heart size and rotation to your liking with the Free Transform Tool (Control-T).

Add more heart copies

This part will take a little experimentation, so make sure to vary the size and position until you’re happy with the effect.

For even more control, use the Move Tool (A) along with the Up, Down, Left and Right Arrow Keys to finely tune each heart position.

Step 5

Create more depth by selecting a few of the heart layers and lowering their Layer Opacities to between 50 and 70%.

If you want to save your custom crown for future pictures, Merge all the group layers together, Crop around the result, and Save it as a PNG with a transparent background.

Here’s my final effect!

How to Make a Heart Crown in Adobe Photoshop

Learn More With Our Tutorials!

Try this effect with hearts, stars, or other shapes for more fantastic results. Make your social media pictures stand out by simply following one of our quick Photoshop video tutorials.

Create awesome heart photo effects to share with your friends and followers! Show us your results below!

Get Amazing Design Resources

Want to create videos like this? Download the resources used in this video:

Check out these tutorials to learn more from our experts:

{excerpt}
Read More

Leave a Reply

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