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.
Follow along with this tutorial over on our Envato Tuts+ YouTube channel.
The following assets were used in the production of this tutorial.
1. How to Make a Heart Crown Effect in Photoshop
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.
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.
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.
Here's my first result.
2. How to Make a Heart Crown From Scratch
Now let's create this same heart crown effect from scratch.
Bring your next photo, Model #2, into Photoshop.
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.
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.
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:
Set the Opacity to 83% and the Angle to 140 Degrees, and keep the Scale at 100%.
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).
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.
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!
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: