How to create your own Instagram Story Template | Giulia Hepburn | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

How to create your own Instagram Story Template

teacher avatar Giulia Hepburn, I am made and remade continually.

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Intro

      0:32

    • 2.

      Template 1

      8:04

    • 3.

      Template 2

      5:19

    • 4.

      Template 3

      9:45

    • 5.

      Outro

      0:21

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

91

Students

--

Projects

About This Class

Hi Everyone,

Thank you to join this class! My name is Giulia Hepburn and I'm a fashion photographer and graphic designer.
Today I am going to teach you how to create your own Instagram Story Templates. I made 3 common types of templates to start with.

This course is for beginner users of Photoshop and everyone that want to expand their knowledge.

We are going to cover shapes, masks, and frame animation. 

As a class project, I would like to see your own templates. If you have any questions, please just drop me a message in the comment section and I will reply to you as soon as possible.

In the videos I mentioned a few websites, here you can find the link:

Unsplash

Freepng

Also If you want to follow me you can find me here:

Youtube

Instagram

Meet Your Teacher

Teacher Profile Image

Giulia Hepburn

I am made and remade continually.

Teacher

Hello!

My name is Giulia Hepburn and I am a fashion photographer and graphic designer. I am from Italy but based in London.

I like dachshunds, Arts, museums, movies, cinematic moods, musicals, Roland Barthes, aesthetics, be involved in new projects, Lana Del Rey, and palms.

Also, I really love learning and sharing my knowledge of photography and graphic design.

You can find me also on social media:

Instagram

Youtube

 

 

 

See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Intro: everyone. My name is Julia at work and have official photographer and graphic designer. I'm working with clients influences to create content and pictures for their own website and social media. Today I'm going to teach you how to create your own Instagram story can play with fall to shop. We're going to start with a basic can break to go with a more complex one. This course is suitable for people beginning with photo shop and for anyone else that want to expand their knowledge. So let's go. 2. Template 1 : our first template. It will be a pocket lease template. Open your new Photoshopped document and create your new are poor. 10. 80 per 1920 is the size that works perfectly for instagram stories. I'm going to put the background colder, a shade of purple to give more personality. With this design, I'm going toe put our white frame just close to the edge. Do geese you have to select on your common pan in shape on the dock bar, you can decide the feel and the Border caller thesis case. I don't want a field color and that the selected I'm going to use all of the border and white. You can change the size of just moving the Cairo on the side to check if everything is centered. I'm going to select everything on my border level to do it. The impressive comment day. Now place be on the top bar. You will see the ICO's to center vertically and the result of your artwork. Now our borders center perfectly. Let's grab the background and to do it just to let the layers all these shift and click on the little icon below the show off. Older you can also rename it in this case background. It's time to add to this place where you and your followers are you going to write your answers to gain my shape instrument. I'm going to select rectangles. In this case, I would like to have a field and not a border, So I dislike the border one on the top bar after creating search rectangle. Just come on, Jay, I'm going to duplicate. You can duplicate as many times as you desire, as you can see for shop is showing you if they rectangle are in the same distance between each others. I grew up in my rec tacos, and I call it the Girl Rectangles. Let's give a tighter to our artwork to do that. Just Presti on instrument checks on your panel. I decided to use that this strong found to make the difference between the main title and the categories. Now I wanted only my title, the center, but in the little portion between the top of my artwork and the first rectangle to do that select, um, I'll ditch to create a doctor tackle between the space that you're interested now priced and center it vertically and horizontally as before. From the category, I decided to use a different for their offensive. Oh, after the first category name, I duplicate my leg with common J and changing the name off each one a grain. I decided to group them and I call it the folder text. - Remember , toe your own name at the bottom. It your artwork is You're planning to use it to promote yourself in this way. Every time that they will be shared, your brother name will be visible and other people can reach out of your other designs. Template is quite basic. I decided I wanted to give it a bit more personality. Let's killed a new layer about our back to you bet. Congregate a rectangle on the bottom right below all your levels. I don't know that some fencing brushes. There are many website where you can find the free brushes for father show just globally. In this case, I'm going to use a dripping rush. Has selected the color from the shade of now Price be and bank control. Click this menu. You're going to see your brushes and the downloaded one selected the one that you desire and started painting. The corner is still strong, so I'm going to change the blending between the levels in your layers apartment recon Norma and scroll on the different options because you're also a preview off how it will look like in this case, I'm going to use an overlay blending and change your past city to 70% in a new layer with the same process, I'm going to add another brushes just below the title. In this case, I'm not changing capacity or the blending mode. We're almost done. I want to other line just below the title. To make the artwork more balance, Select from your shape to lying toe. Select stroke can't with the color that you want. Now press TV and get close to your line. You can make it bigger or smaller. Just movie on the little square. I think the category text need more visibility. To do that, I'm going to double click on my text group. On your window will appear select Drop shadow. You can just anything here. I normally prefer a shadow on the right with a low opacity. It is not a strict roller. Just own taste. Just play a little bit. Oh, now our complaint is complete. Save it in Jay Peak and Sherry to your phone in the next one. We're going to work with Mask. See you in the next class. 3. Template 2: Our second template will be an artwork with a Polaroid frame where we're going to insert a picture that we like. We're going to learn how to use a mosque. In this lesson. We're going to use shortcuts and buttons that explaining in the first Victoria, if you're not sure about what I'm doing, just have watched the first Vitoria or Crimea comment in the comment section. Open your new Photoshopped document and create your new our board. 10. 80 per 1920 I don't know. Did a few free picture from l. Slash To create this template on Splash is an excellent website to find standing picture for free. Amusing, especially to find Dr and Background, I'm going to drag and drop the picture and decisive because the picture is already selected . I should just expand the size of the rectangle to make it bigger. If I want to resize it again, press comment for the Polaroid frame. You can use P. N J find that come to find free Panji picture. Benji is an image former that keep the transparency so you don't have to cut out any background. This particular PNG still have some white border that I don't want to see about my background press P or on your toolbar. You spend too with pen. We're going to follow the border off our frame toe the white part To do that, we're going to create a mosque. A mosque is something that is showing or not a selection that we want. In this case, we don't want to see the white border, but that want to see the frame When you're done, your pento press a contra quicker and check. Make a selection. Use a radios off 0.5 to make the feather radius off the cut. Sharp, but not unnatural. Now our selection. We're going to press the mask option in our layer sections, as you can see now level next to the frame. We have another rectangle. This is our mosque. The white part is what is visible. The black part is the invisible. With a mask on, nothing is deleted. We can always paint with our brush toe Makes things visible again or more elements. I'm going to read to find the legend making a quick selection. Remember that you have to work on the mosque, not on the level after you made your own selection. Use your brush tool and with the black color painted now, the white border is not battle checker that the too many colors on the left side are white and black. When are you doing this? If you ever pray the mascot could required, I'm going toe some tapes to the corner off the train dress rack and drop it into your project Best co monte if you want to resize it them and rotate press, enter to culture. Now I'm important a picture that I want the below, my friend. Just move the layer below our frame layer and resize it. As you can see, the picture is too big for the frame that I'm going to do is to create a mosque again. Oh, first select M quicken old it to make a shape as big as the size off the sh rain. Now race mosque, now only the picture inside of trains visible. If we want to move our mosque or change it, remember to use your brush in black or white into the mosque level. I'm going to add a new colder above our background picture and making the passage alot now let's add subtext to put at the bottom of our Polaroid trade. I'm going to change the front off some worse, to make them more important and send out in our composition. I want to play. It is now complete. In the last lesson, you're going to learn how to put animation your let's go. 4. Template 3 : in our final template, we're going to combine everything that Wheeler in the previous lessons are. Think frame animation before starting. I don't know the a few PNG and picture that I'm going to use in our project Dragon Drop our medium former train and duplicated this common J and put them in the position that we want . Select both layer, create a group and name it comin A to select everything nicely and center our group of vertically and horizontally dragon drop our pictures in our selection, take the eye off in the layer section or one off the two picture and dragged them inside a frame group. But below each frame's now, besides the picture inside a frame with end, I'm going to select only the part of that I want to see, and I'm creating my mosque. Good on the eye on the second picture and the resize it inside the second shrink. As you can see part off the natural picture, is still visible on the top one. Let's work on the friend that is on the top selector. Just the corner. They would like Toa. I'd press, um, click and hold it to have a rectangular shape. Inject the mosque In case you have to do a different type of Carter. You can use large, so pressing and and create any types of shapes. The bottom scanner is not perfect, so I'm going to ready find a corner in my mosque. Now I'm going to recites the picture inside the first frame to make it as Mika as the 2nd 1 to have more violence. Come on T to resize and press enter now with, um, I'm going to select the picture that I want to show, and then I'm going to create my mosque. Let's push a background I've been reading from on slash this paper text. Love your level at the welcome Harris sizing Great and you'll ever compress I to use with Rapper Instrument to select a color present in the picture. I'm going to create a free press B or brush common creek and make the brush one under percent hard and a small size. If you ever Cabinet is more easy to design something three hands that also off the miles can obtain good results. I'm also changing their positive again because I I pick it another reference caller from the picture, and I'm going to create the three rectangles with shape toe. The future will be the color that because and I don't want any border. So I selected with common J. I duplicate my rectangle, and I'm going to find the most convenient position for our template. We're sizes and create a cool uh, I'm going to add my text now. I just grab a good lyrics for my music, and I use a defensive and writing for duplicated tax as the number of rectangle and change the text inside each boxer. Make it a double click. Could some shadow below the text? I think we need to add some more elements to have a really big kids. Look. I learned something G flowers that I'm going to other in the top and bottom corner of our art. Back and drop, Goto added, transform and flip or is simply in this way. Only the selection will be flippered, not the entire campus leg of this size. In the position for the blending. I put more reply and put the same energy in the other corner. No would sell our final text suppressant e resize it and moved close to the picture, right? Also our group off the sex. I should do capacity of the flowers and the line to blend every elements in a working position to create a frame. Animation is very important that you know it. Certainly where is everything in your layers? The best way to do that is to be organized in folders. Now Goto will go timeline in click on Create Frame Animation. Now, on the bottom of our monitor, we're going to see our timeline. The family mation work as a stop motion. Each little window is a friend with island level, so we're going to tell to the animation that I want to say at that particular frame, Let's keep the first frame as it is at the moment. I'm going to explain your wife later. Click on zero second. You can change a degeneration on that particular frame. This book 0.5 lets out another friend pressing us. Now what I want to show in this frame is the writing. I want that each line off our text will appear in a different frame. Let's go through our layer grouper and foot off I off the text that we don't want to show. Create another phrase every time that you are going to create and you framed it will be a clone off the previous one. Now all the eye of the second layer off the text big the process with a new friend and other. The third attacks. I have another friend of both the first sex off the bottom park another frame and put on the Lastex. Let's join to the time duration off our last to frame and put it three seconds and then the duration off the other frame to 0.6 seconds. I will. Animation is technically complete. I would like to make the last to frame Moore's move in the movement. On our they will appear select last to Frame impressed the little articles with couples. Mr is going toe Adam or frame, but the passage between each frame will base motor like in animation, it will look like a transition. I think more frames will make the transitions motor. I'm going to put free more second, if it breast play, you consider untied animation. Now, now go back to the first frame and change the duration to 0.1 2nd if you're planning to cause the artwork. No toning your instagram story, but also in your feet first friend that Instagram will show you is the first frame of the video. So the best practice is to show the entire composition finishes selected entire animation and duplicate by pressing. Plus, your animation needs to be long 15 seconds so up as many friends as you need. Goto five Export Lender Video given into your template A location to save it Changing sides to document size and export. Now you have a video ready to post on instagram story. 5. Outro: I Everyone again. I hope you like the stand plates is a short assignment. I would like to see your own templates. You can mish up everything that you learn in his class. Also, if you have any questions, just draw me a message in the comments section below. And they were applied to U S. Since Percival. For now. Thank you for watching issue next time.