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.
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.
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.
Here’s my first result.
Super easy!
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.
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.
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.
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%.
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).
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!
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