How to Edit Instagram Stories Templates with Adobe Photoshop (Video)

Creating templates on your Instagram Stories is a good way to save lots of time, characterize your model, and create fascinating tales that your followers gained’t wish to skip. In this weblog publish, you’ll learn to edit Instagram Stories templates utilizing Adobe Photoshop! 

If you edit Instagram Stories utilizing Photoshop templates, you will have countless inventive potentialities, providing you with the flexibility to design and create participating tales with out quite a lot of work.

Ready to get began? Watch our step-by-step video tutorial on the best way to edit Instagram Stories templates with Adobe Photoshop:

How to Edit Instagram Stories Templates with Adobe Photoshop

With so many manufacturers, companies, and influencers attempting to curate a model aesthetic on Instagram, it’s essential to maintain your aesthetic constant throughout your Instagram Stories too.

Using Instagram Stories templates is a simple approach to make sure that your tales look as branded as your feed.

But in case you really feel intimidated by the considered creating Instagram Stories in Adobe Photoshop – you’re not alone!

Turns out that utilizing Photoshop for Instagram Stories isn’t that onerous in case you begin with a template, and we’ll stroll you thru each step of the modifying course of on this weblog publish (or watch the video above!).

There are tons of templates obtainable to buy from Instagram creators and influencers, however in case you’d wish to get began right away, you’ll be able to obtain Later’s free Photoshop templates for Instagram Stories.

Create an Instagram Aesthetic: Instagram Stories

You’ll must have an Adobe account to obtain Photoshop, but when you have already got it in your laptop, you’ll be able to soar proper into our steps beneath!

Just keep in mind that Adobe Photoshop isn’t a free software program, so that you’ll must buy a license in case you haven’t already (beginning at $9.99/month).

Step #1: Download and Install Your Instagram Stories Templates for Photoshop

If you wish to get began with our 19 free Instagram Stories templates, begin by coming into your e-mail beneath and we’ll ship the recordsdata proper to your inbox!

 
Once you get the e-mail, press the “download now” button.

A .zip file can be downloaded to your laptop containing all of the Photoshop template recordsdata, font recordsdata (we’ll chat extra about these later), and a information for utilizing the templates!

How to Edit Instagram Stories with Photoshop: Download

How to Edit Instagram Stories with Photoshop: Download

Note: There are tons of various methods to edit in Photoshop, and completely different creators may have alternative ways of doing issues! So in case you edit Instagram Stories templates from different creators, they might have completely different pointers on the best way to edit their templates with Photoshop.

Once the .zip file is downloaded to your laptop, open it to unzip it.

For Mac customers, begin by opening the Typeface file and double-click each recordsdata named “Montserrat – Bold” and “Montserrat – Regular” contained in the folder. A pop-up field will seem exhibiting you the font after which click on “Install Font.” If you’re working from a Windows PC, you’ll be able to comply with these steps.

How to Edit Instagram Stories with Photoshop: Download Fonts

How to Edit Instagram Stories with Photoshop: Download Fonts

Once your fonts are put in, you’ll be able to open Photoshop in your desktop. From right here, you’ll be able to go to File > Open and choose the template from the Later Templates folder you wish to work from in your desktop.

How to Edit Instagram Stories with Photoshop: Open Photoshop

How to Edit Instagram Stories with Photoshop: Open Photoshop

Step #2: Create Your Color Palette to Edit Instagram Stories Templates 

Maintaining your aesthetic on Instagram Stories is so essential for preserving that cohesive feel and look throughout all of your platforms and constructing model recognition.

One of the very best issues about modifying Instagram Stories with Photoshop is which you can actually pinpoint and design your tales to match your model’s coloration palette.

Here’s the best way to make coloration edits in your Instagram Stories template with Photoshop:

Tap the Layers icon within the right-hand nook of your Photoshop dashboard — it seems like two squares stacked on prime of one another.This will open up a field with modifying choices for the editable layers of your picture.

How to Edit Instagram Stories with Photoshop: Photoshop Layers

How to Edit Instagram Stories with Photoshop: Photoshop LayersClick on the Background group within the Layers field (search for the folder icon) and choose the colour you wish to change.To customise the colour, you then wish to faucet on the small sq. icon on prime of the template’s coloration.This will open the Color Picker field. You can transfer the small circle across the coloration palette, or transfer the arrows up and down the colour scale to pick precisely what coloration you wish to check out.

How to Edit Instagram Stories with Photoshop: Photoshop Layers

How to Edit Instagram Stories with Photoshop: Photoshop LayersOr you probably have model belongings and colours already determined on your model, you should use the RGB bins or insert the exact coloration code!Repeat the steps above for each layer within the template to edit your design to fit your coloration palette.

If you’re in search of coloration inspiration, you should use the Adobe device Color CC!

It’s a very easy and intuitive device that permits you to mess around with coloration tones and suggests a coloration palette or mixture that’s complementary to one another. You may even take a look at simply monochromatic coloration palettes in case you’d like to seek out completely different variations of the identical coloration that work effectively collectively.

How to Edit Instagram Stories with Photoshop: Color CC

How to Edit Instagram Stories with Photoshop: Color CC

If you’ve received some nice photographs in thoughts on your Instagram Stories, and also you wish to discover colours to make use of in your template that may praise them, the device may even pull coloration options from a photograph!

Just add a picture utilizing the digital camera icon within the prime right-hand nook of the display screen and it’ll populate some coloration combos that may work effectively with that picture!

How to Edit Instagram Stories with Photoshop: Color CC

How to Edit Instagram Stories with Photoshop: Color CC

You can mess around with completely different saturation, tones, and hues on the show choice.

And in case you actually wish to focus in on just a few choose colours, simply click on and drag the small circles on the picture to the place you wish to fo concentrate on.

The degree of element on coloration choice is unbelievable within the device — you’ll be able to actually experiment with the precise tone of yellow or brightest degree of orange you need on your images, and all of it occurs in just some seconds!

Once you’re blissful along with your coloration palette that’s been chosen out of your picture, simply click on “Save” and title your new coloration palette. Then you’ll be able to obtain it to your desktop, the place it may possibly then be added to your Photoshop coloration swatches!

To import your new coloration palette to Photoshop:

Go to Window after which choose Swatches.

How to Edit Instagram Stories with Photoshop: Swatches

How to Edit Instagram Stories with Photoshop: SwatchesThis will open one other modifying field on your swatches.Tap on the small sq. within the nook of the Swatches modifying field, and choose ‘Load Swatches’.

How to Edit Instagram Stories with Photoshop: Swatches

How to Edit Instagram Stories with Photoshop: SwatchesThis will open up your recordsdata. Simply search and choose the Adobe Color CC swatches file you simply downloaded.

The colours will then seem in your swatches folder on Photoshop.Now you’ll wish to pull your swatches modifying field to the facet of your display screen, someplace out of the way in which of your template, but in addition inside easy accessibility.

Return to the Layers modifying field and choose the part of the template you wish to edit.Then faucet the small sq. inside the colour choice, and transfer your cursor over to your swatches. Your cursor will change to the eyedropper device and you’ll hover over the swatches colours you’ve simply added, and click on to pick the one you wish to use.Then you’ll be able to mess around with all of the customizable parts in your template, and assign a coloration out of your swatches.

Not certain the place to start out in relation to branding your enterprise on Instagram Stories? No worries! Check out our free video information that will help you discover and create a killer aesthetic on your Instagram Stories and get extra followers!

 

Step #three: Add Your Own Photos to Your Instagram Stories Photoshop Template 

Now that you’ve got your model colours, it’s time so as to add in your images and design your story!

If you consider your Instagram Stories as an extension of your feed, attempt to use photographs in your templates which can be of equally top quality and match the general aesthetic of your model!

Here’s the best way to edit photographs in Instagram Stories templates with Photoshop

Start by opening the Layers modifying field from the precise hand of your Photoshop desktop. If you’ll be able to’t see the Layers modifying field, you’ll be able to go to the navigation bar on the prime of your display screen, click on Window > Layers.

How to Edit Instagram Stories in Photoshop: Images

How to Edit Instagram Stories in Photoshop: ImagesSelect the Images folder and press the down arrow beside the folder icon.This will open up an inventory of the pictures which can be already current within the template. To change them, click on on the small sq. icon within the nook of the picture preview within the Layer’s modifying field.This will open up the picture in one other tab, and if you need, you’ll be able to edit the prevailing picture from this tab.

How to Edit Instagram Stories in Photoshop: Images

How to Edit Instagram Stories in Photoshop: ImagesBut if you wish to change your picture, open your recordsdata and click on and drag the picture you wish to insert into your template into the brand new tab that opened for the picture.To resize, bear in mind to click on and drag holding the shift button in your keyboard so your picture doesn’t distort and it retains the proper facet ratio.

How to Edit Instagram Stories in Photoshop: Images

How to Edit Instagram Stories in Photoshop: ImagesOnce you’re pleased with the scale and placement of the brand new picture, click on File > Save to save lots of.Then return to your template modifying tab and see what it seems like along with your new picture add!You can repeat this step with another photographs which can be in your template and change them with your individual. Just bear in mind to edit the brand new picture within the tab that opens up when you choose the picture later from the Later modifying field.

Step #four: Changing Fonts in Instagram Stories Templates utilizing Photoshop

The smartest thing about creating Instagram Stories templates in Photoshop is that all the pieces is customizable, together with the fonts! Using your model font is a good way to maintain your tales recognizable.

If you don’t have already got a selected font in thoughts, probably the greatest locations to seek out stunning and free fonts on your Instagram Stories templates is Google Fonts!

How to Edit Instagram Stories in Photoshop: Images

How to Edit Instagram Stories in Photoshop: Images

You can search all of Google’s free font choices and select to refine your search if you have already got a font in thoughts. Just click on on the “Filter” button and display screen and choose the choices that finest applies to your model’s model.

Remember your fonts in your Instagram Stories must be clear and simple to learn. Your telephone display screen and the Instagram Stories dimensions actually don’t offer you quite a lot of room to work with, so that you’ll wish to make certain your fonts are as easy, and clear as attainable.

Or if you realize the precise title of the font you wish to use, like Roboto for instance, simply kind it into the search bar!

You also can see choices like the load of the font, the daring and italic model. You also can view simply the alphabet, as a substitute of the pattern sentence, simply faucet the primary drop-down menu beneath your font title and choose “Alphabet”.

Once you’ve chosen your font, click on small crimson plus image above the font to pick it. This will carry up a pop-up field on the backside of your display screen. Then click on this field.

How to Edit Instagram Stories in Photoshop: Images

How to Edit Instagram Stories in Photoshop: Images

From there, you’ll be able to click on the “download” button within the prime right-hand nook and your recordsdata will start to obtain to your laptop.

Just like we did for the Later Instagram Stories templates font recordsdata, you’ll must double-click on this file as soon as it’s totally downloaded and choose “install.” Then your font recordsdata can be added to your laptop and can seem within the drop-down listing of font choices in Photoshop!

To change the font and the pattern textual content on any piece of content material in your Instagram Stories template in Photoshop, simply choose the Text Layer out of your Layer modifying window.

How to Edit Instagram Stories in Photoshop: Font

How to Edit Instagram Stories in Photoshop: Font

To change textual content, choose the layer for the content material you wish to change and press T in your keyboard and begin typing your new textual content!

Once you’ve inserted your new textual content, you’ll be able to change the font, the scale, the load of the font, or make it italic, daring, or mild utilizing the choices within the toolbar throughout the highest of your modifying display screen.

How to Edit Instagram Stories in Photoshop: Font

How to Edit Instagram Stories in Photoshop: Font

Finally, to vary the colour of your textual content, spotlight the textual content you wish to edit, after which navigate to the icon within the backside right-hand nook that appears like two coloured squares on prime of one another.

Click on the field that’s the present coloration of your textual content, this may open up a coloration selector device. Again, identical to your coloration edits, you’ll be able to mess around with the colour wheel, or choose out of your swatches to vary the font coloration of your Instagram Stories textual content!

How to Edit Instagram Stories in Photoshop: Font

How to Edit Instagram Stories in Photoshop: Font

Step #5: Saving and Exporting Your Instagram Stories in Adobe Photoshop

Ready to publish your personalized Instagram Stories? It couldn’t be simpler!

Go to File > Export in Photoshop and choose “Save for web.”How to Edit Instagram Stories in Photoshop: Save

How to Edit Instagram Stories in Photoshop: Save

From right here, you’ll be capable to change a number of the recordsdata settings, however for social media photographs, you should use the file extension .png, .jpg, or .gif. We’d advocate preserving it as a .jpg file or a .png file.

If you suppose the file measurement could be too huge — relying on the file measurement of the images you utilized in your templates, the general measurement of your Instagram Stories template file you’re exporting may very well be fairly huge — you should use the share field to scale back the scale if wanted.

Click “Save,” title your file, and put it aside to a folder or to your desktop.

Now it’s time to get your recordsdata out of your desktop to your telephone. You can use Airdrop in case you’re a Mac person, or Dropbox can also be a good way to save lots of and sync your desktop recordsdata with the app in your telephone.

Once you will have your Instagram Stories template saved to your telephone’s digital camera roll, you’re able to add and share it along with your followers!

Did you realize which you can additionally schedule Instagram Stories with Later immediately out of your desktop?

Now you’ll be able to plan out your Instagram Stories posts upfront, schedule them to the very best time on your viewers and publish to Instagram with a easy telephone notification! Easy! 

 
Learning the best way to edit Instagram Stories with Photoshop is a good funding for not solely the way forward for your Instagram account, but in addition your individual skilled improvement!

Not solely will you be leveling-up your Instagram Stories with personalized and curated posts that completely match your general feed aesthetic, however you’re even be studying invaluable expertise to construct your picture modifying in Photoshop.

Don’t overlook! Our 19 Instagram Stories templates are utterly free and may be in your inbox in simply minutes!

Written By

Nikki Canning

Nikki is a part of the advertising staff at Later and has labored in digital media in London, Dublin, and Sydney. She loves sturdy espresso, cuddly puppies, and planning her subsequent journey journey. Follow alongside on Instagram @nikkitravelled.