How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (2024)

Celebrate your loved one's birthday in style. Learn how to create an aesthetic happy birthday Instagram story template in Adobe Photoshop. Throughout the tutorial, you will master the skills to create a retro birthday background, mask photos, and add birthday details to the Instagram birthday template.

Need a last-minute quick fix? Do you need an Instagram birthday template as soon as possible but don't have the time to design one? Try out this happy birthday Instagram story template from Envato Elements. Personalize it with your own photos and messages, and post it for all to enjoy.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (1)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (2)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (3)

What You'll Learn During This Instagram Story Birthday Template Tutorial

  • How to create a retro birthday Instagram story background
  • How to mask photos in Photoshop
  • How to add birthday details to an Instagram story

What You Need to Create a Birthday Instagram Story Template

1. How to Create a Retro Birthday Instagram Story Background

Step 1

Create a new document (Command-N) in Photoshop. Change the Width to 1080 x 1920 Height, Resolution to 72 and the Color Mode to RGB Color.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (4)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (5)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (6)

Step 2

Add a Color Fill layer in the Layers panel. Fill it with #2bb2b7.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (7)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (8)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (9)

Step 3

Open liquid gradients 09.jpg in Photoshop and drag it onto the canvas. Right-Click this layer and Convert to Smart Object. This helps to maintain the resolution if you need to resize the image.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (10)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (11)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (12)

Step 4

Change the Blending Mode of this layer to Soft Light.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (13)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (14)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (15)

Step 5

Open the happy man model photo in Photoshop and add it to the Instagram birthday story template. Command-T and resize this image to 60%.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (16)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (17)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (18)

Step 6

Convert it to a smart object and change the Blending Mode to Lighten and the Opacity to 70%.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (19)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (20)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (21)

Step 7

Add another Color Fill layer and fill it with #98ade4. Change the Blending Mode to Overlay.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (22)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (23)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (24)

Step 8

Open the 04_Plastic Wrap.png file in Photoshop. Convert it to a smart object and place it on the Instagram story.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (25)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (26)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (27)

2. How to Mask Photos in Photoshop

Step 1

Open the swirls and strokes PNG files in Photoshop. Drag and drop files 11, 13, 14, and 15 to the document and arrange them like the image below.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (28)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (29)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (30)

Step 2

Convert each layer to a smart object. Then, select all four brush layers in the Layers panel and Right-Click > Group From Layers. Name the group 'Brushes'.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (31)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (32)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (33)

Step 3

Right-Click the 'Brushes' group and Convert to Smart Object. Open the cheerful man stock photo in Photoshop. Right-Click the layer and Convert to Smart Object.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (34)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (35)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (36)

Step 4

Now go to Select > Subject and create a Layer Mask (circled in red) in the Layers panel.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (37)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (38)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (39)

Step 5

Drag this layer onto the birthday Instagram story template, above the 'Brushes' layer. Command-T the layer and make it 70% smaller.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (40)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (41)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (42)

Step 6

Command-Click the 'Brushes' thumbnail in the Layers panel. Select the 'Cheerful Man' mask layer and grab the Brush Tool (B). Go to Select > Inverse.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (43)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (44)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (45)

Step 7

Use a 300 px soft brush and mask away the bottom half of the model and the right arm. Make sure the Foreground color is set to #000000.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (46)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (47)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (48)

Step 8

Change the Foreground to #ffffff. Go to Select > Inverse so that the selection is only on the 'Brushes' group.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (49)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (50)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (51)

Step 9

Take the Brush Tool (B) to add back in the pink background from the photo. Make the 'Brushes' layer invisible by clicking on the eye icon in the Layers panel.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (52)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (53)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (54)

3. How to Add Birthday Details to an Instagram Story

Step 1

Now we will add some birthday details and doodles to our happy birthday Instagram story template. Type the words "Happy Birthday, Carlos!". Place these text layers underneath the cheerful man stock photo.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (55)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (56)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (57)

Step 2

Change the color to #04285e and the font to Brittany Signature. Make the size of the text 243 pt.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (58)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (59)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (60)

Step 3

Go to Edit > Transform > Skew and set the Vertical Skew to -10. Change the Blending Mode of the text layers to Linear Light.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (61)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (62)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (63)

Step 4

Add a Stroke Layer Style to each text layer by Double-Clicking the layer and using these settings:

  • Size: 2 px
  • Position: Outside
  • Blend Mode: Normal
  • Color: #04285e
How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (64)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (65)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (66)

Step 5

Open the doodles file in Adobe Illustrator. Copy (Command-C) and paste (Command-V) some doodles from the file onto the birthday template for Instagram.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (67)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (68)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (69)

Step 6

Change the color of the doodles to #ffffff and #defff0.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (70)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (71)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (72)

Step 7

Use the Ellipse Tool (U) and create a 367 px circle in the bottom left corner. Change the Fill to No Color.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (73)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (74)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (75)

Step 8

Grab the Horizontal Type Tool (T) and click on the path to type the birthdate details using the Geora Sans Medium 59 pt #ffffff font. Change the text Tracking to 210.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (76)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (77)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (78)

All Done!

Now it's time to send that aesthetic happy birthday Instagram story template and put a smile on someone's face. Want to see how your happy birthday Instagram template will look on a phone? Placeit will be your new go-to resource for all things like this iPhone mockup. Drop your image and set your background color—it's a breeze.

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (79)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (80)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (81)

5 Superb Instagram Birthday Story Templates

Send your friends and family some love by sending them a happy birthday Instagram story or post. This set of Instagram birthday story templates makes designing your next story a snap!

1. Happy Birthday Template Instagram (PSD)

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (82)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (83)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (84)

The perfect template for your next birthday! Simply upload a photo for the birthday boy or girl, add their name and age, and type in your special message. It's that easy to give them the best birthday ever.

2. Birthday Template Instagram (PSD)

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (85)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (86)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (87)

Spread joy and send your friend or loved one a beautiful Instagram story to say happy birthday! Easily edit the image that includes the details of your birthday event.

3. Colorful Instagram Stories Template (PSD)

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (88)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (89)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (90)

Birthday IG stories are the perfect way to brighten up your friend's day and make them smile. Easily convert this colorful Instagram story template to a happy birthday Instagram template.

4. Happy Birthday Template Instagram (AI, PSD)

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (91)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (92)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (93)

Wish your besties, your mom, or grandma a happy birthday on Instagram with a custom-made Instagram story template. Make it a day to remember with a cute and special birthday Instagram story now!

5. Retro Birthday Bash (AI, PSD)

How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (94)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (95)How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (96)

Reminisce on the old days with this retro birthday bash template. It's a convenient, easy, and time-saving way for you to create and share an Instagram story for any event you can think of!

More Ways to Create Instagram Birthday Templates

You're not a master in design? Don't worry, we have you covered. Get inspired to create even more Instagram birthday story templates with this collection of inspiration and tutorials. With these resources, you can create beautiful and engaging social posts and birthday stories for your followers.

  • How to Make Instagram Story TemplatesAbbey Esparza05 Nov 2019
  • 34 Best Instagram Templates (Posts, Stories, PSD, and More)Nona Blackman20 Apr 2022
  • How to Make a Textured Abstract Gradient Background in IllustratorLaura Keung27 Jan 2022
  • How to Create an Instagram Story Template: Photoshop in 60 SecondsMelody Nieves10 May 2018
  • 21 Awesome Instagram Themes (Aesthetic Post Ideas)Elizaveta Akimova06 Oct 2021
  • How to Create an Instagram Post Template in PhotoshopAbbey Esparza20 Apr 2021
  • 21 Best Instagram Highlight Templates for Story CoversMelody Nieves21 Dec 2023
How to Make a Happy Birthday Instagram Story Template | Envato Tuts+ (2024)

References

Top Articles
Latest Posts
Article information

Author: Duncan Muller

Last Updated:

Views: 6300

Rating: 4.9 / 5 (79 voted)

Reviews: 94% of readers found this page helpful

Author information

Name: Duncan Muller

Birthday: 1997-01-13

Address: Apt. 505 914 Phillip Crossroad, O'Konborough, NV 62411

Phone: +8555305800947

Job: Construction Agent

Hobby: Shopping, Table tennis, Snowboarding, Rafting, Motor sports, Homebrewing, Taxidermy

Introduction: My name is Duncan Muller, I am a enchanting, good, gentle, modern, tasty, nice, elegant person who loves writing and wants to share my knowledge and understanding with you.