SlideShare a Scribd company logo
1 of 11
Class 8:
How to Create an Instagram Post Template in
Photoshop
Envato Tuts+ YouTube channel:
How to Create an Instagram Post Template in Photoshop
https://www.youtube.com/watch?v=-UVscZjBCFQ
What You Will Need?
You will need the following resources to follow along with this tutorial:
 A Model
 Butler Font
 Template for Instagram post
Find more resources on Enate and Place it!
1. What Are Instagram's Post Size Dimensions?
Step 1
Create a New Document in 1080 x 1080 pixels at 72 DPI/Resolution. That is the
optimal size for an Instagram post; however, if your image is larger, that will work as
well!
Just make sure your canvas is a 1:1 (Square) ratio! Otherwise, Instagram will crop your
post.
Step 2
Drop and center your promo or subject image onto the middle of the canvas.
2. How to Create Borders in Photoshop
Step 1
Select the Rectangle Tool, setting the top toolbar's settings to what you see below.
Rectangle Tool Settings
 Shape
 Fill: None
 Stroke: White 5px Solid
 Height: 988 px (may vary)
 Width: 988 px (may vary)
Step 2
Create your square border and move it to the middle of the canvas. Make sure there is
an equal amount of space on all four sides.
Step 3
Select the Line Tool, once again setting the top toolbar's settings to what you see
below.
Line Tool Settings
 Shape
 Fill: White
 Stroke: None
 Weight: 5 px
Step 4
Using the Line Tool, create a horizontal 75 px line.
Create a second vertical line, connecting the two lines to make a corner-line shape.
Move the corner shape 10 px from the edge of the white border.
Group the two lines.
Step 5
Duplicate the corner group.
Align the two corners so that the new duplicated group is inside the original.
Shorten both the duplicated lines, located inside of the duplicated group, from 75 px
to 25 px to create a shorter corner shape.
Move the duplicated group 10 px from the original corner group.
Step 6
Group both corner shapes into a new group.
Duplicate the new group four times, placing the groups around the four corners of the
border.
Use Right-Click > Flip Horizontal and Flip Vertical to flip the corner shapes.
3. How to Create an Editable Instagram Post Template
Step 1
Create a New Layer above your subject/promo image, but below your border groups.
Select the Rectangle Tool, setting the top toolbar's settings to what you see below.
Rectangle Tool Settings
 Shape
 Fill: Dark Blue #003f46
 Stroke: None
 Width: 988 px (may vary)
 Height: 269 px (may vary)
Place the dark blue rectangle at the bottom of your border.
Step 2
Create a second rectangle with the Rectangle Tool.
Rectangle Tool Settings
 Shape
 Fill: Orange #ed6726
 Stroke: None
 Width: 987 px (may vary)
 Height: 62 px (may vary)
Clip the orange rectangle into the dark blue rectangle, bringing the orange rectangle
down to the bottom edge of the blue rectangle.
Step 3
Using the Butler Font, type what you want your viewer to see first. In this case, it's
"Flash Sale!"
Make the font centered towards the top of the dark blue rectangle and very large! I've
set my text to white and 86.7 pt.
Step 4
Next, place your secondary information right below your first line of information. In this
case, it's "15% off all tops and hats".
I used the font Georgia at a size of 53.42 pt.
Step 5
Finally, add your least important information. By least important, I mean least eye-
catching! In this case, we want to catch them with "Sale!" then tell them what the sale is
and then finally give them the code for the sale. In this case, it's "Code: Summertime."
I placed the font right in the middle of the orange rectangle using the same Georgia font
at a size of 39.35 pt.
We've Done It!
And there you have it! A fully customizable Instagram post template, ready to use
whenever you need it, whatever you need it for. All you need is a few clicks to change
out the words, colors, font, or even the border's thickness and stroke type! Who doesn't
love a polka-dot border, after all?
And if you are in need of even more inspiration for your next Instagram post template,
check out Place it! Check out some of my favorites below:
 Cool Instagram Post Generator for a Giveaway
 Modern Instagram Post Maker for Quotes
 Instagram Post Template for Cool Fashion Brands
 Healthy Lifestyle Social Media Post Template
 Fashionable Instagram Post Maker for Clothing Brands
So, as always, keep experimenting with different techniques and practicing, and don't
forget to post your version below, along with any questions, comments, or critiques!

More Related Content

Similar to Drinking Tea

[Made Easy] How to use PicMonkey - Tutorial
[Made Easy] How to use PicMonkey - Tutorial[Made Easy] How to use PicMonkey - Tutorial
[Made Easy] How to use PicMonkey - TutorialEdison Villareal
 
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerInkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerFlyer Tutor
 
Wt1110 sb unit 1
Wt1110 sb unit 1Wt1110 sb unit 1
Wt1110 sb unit 1kateridrex
 
P 5 Watercolor Text Painted On Folded Paper
P 5  Watercolor Text Painted On Folded PaperP 5  Watercolor Text Painted On Folded Paper
P 5 Watercolor Text Painted On Folded Papersumidahilo
 
Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019missfcmay
 
3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effectsyncmaster92
 
3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effectNader Belal
 
Photoshop getting started part4
Photoshop getting started part4Photoshop getting started part4
Photoshop getting started part4Kermit Agbas
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking Agung Yuwono
 
How to Create visual content using powerpoint
How to Create visual content using powerpointHow to Create visual content using powerpoint
How to Create visual content using powerpointseema Vishwakarma
 
10 photoshop techniques for visualization
10 photoshop techniques for visualization10 photoshop techniques for visualization
10 photoshop techniques for visualizationAniCiije
 
Career Brochure
Career BrochureCareer Brochure
Career Brochurevsarfin
 
Customizing Your Document in PerfectForms
Customizing Your Document in PerfectFormsCustomizing Your Document in PerfectForms
Customizing Your Document in PerfectFormsKaren Hunter-Sliger
 
How to Setup an Audimute Acoustic image Panel
How to Setup an Audimute Acoustic image PanelHow to Setup an Audimute Acoustic image Panel
How to Setup an Audimute Acoustic image PanelAudimute Acoustic Panels
 
Managing Visual Design in Axure
Managing Visual Design in AxureManaging Visual Design in Axure
Managing Visual Design in AxureFred Beecher
 
The 8 Basic Steps Elements 6
The 8 Basic Steps  Elements 6The 8 Basic Steps  Elements 6
The 8 Basic Steps Elements 6joelk
 

Similar to Drinking Tea (20)

Image manipulation
Image manipulationImage manipulation
Image manipulation
 
[Made Easy] How to use PicMonkey - Tutorial
[Made Easy] How to use PicMonkey - Tutorial[Made Easy] How to use PicMonkey - Tutorial
[Made Easy] How to use PicMonkey - Tutorial
 
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerInkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
 
Coke can tutorial
Coke can tutorialCoke can tutorial
Coke can tutorial
 
Wt1110 sb unit 1
Wt1110 sb unit 1Wt1110 sb unit 1
Wt1110 sb unit 1
 
Tutorials
TutorialsTutorials
Tutorials
 
P 5 Watercolor Text Painted On Folded Paper
P 5  Watercolor Text Painted On Folded PaperP 5  Watercolor Text Painted On Folded Paper
P 5 Watercolor Text Painted On Folded Paper
 
Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019
 
3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effect
 
3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effect
 
Photoshop getting started part4
Photoshop getting started part4Photoshop getting started part4
Photoshop getting started part4
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking
 
How to Create visual content using powerpoint
How to Create visual content using powerpointHow to Create visual content using powerpoint
How to Create visual content using powerpoint
 
10 photoshop techniques for visualization
10 photoshop techniques for visualization10 photoshop techniques for visualization
10 photoshop techniques for visualization
 
Career Brochure
Career BrochureCareer Brochure
Career Brochure
 
Customizing Your Document in PerfectForms
Customizing Your Document in PerfectFormsCustomizing Your Document in PerfectForms
Customizing Your Document in PerfectForms
 
How to Setup an Audimute Acoustic image Panel
How to Setup an Audimute Acoustic image PanelHow to Setup an Audimute Acoustic image Panel
How to Setup an Audimute Acoustic image Panel
 
Photoshop tutorials1
Photoshop tutorials1Photoshop tutorials1
Photoshop tutorials1
 
Managing Visual Design in Axure
Managing Visual Design in AxureManaging Visual Design in Axure
Managing Visual Design in Axure
 
The 8 Basic Steps Elements 6
The 8 Basic Steps  Elements 6The 8 Basic Steps  Elements 6
The 8 Basic Steps Elements 6
 

Recently uploaded

%+27788225528 love spells in Vancouver Psychic Readings, Attraction spells,Br...
%+27788225528 love spells in Vancouver Psychic Readings, Attraction spells,Br...%+27788225528 love spells in Vancouver Psychic Readings, Attraction spells,Br...
%+27788225528 love spells in Vancouver Psychic Readings, Attraction spells,Br...masabamasaba
 
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrainmasabamasaba
 
8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech studentsHimanshiGarg82
 
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park %in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park masabamasaba
 
Announcing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK SoftwareAnnouncing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK SoftwareJim McKeeth
 
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...masabamasaba
 
VTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learnVTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learnAmarnathKambale
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfVishalKumarJha10
 
Right Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsRight Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsJhone kinadey
 
Exploring the Best Video Editing App.pdf
Exploring the Best Video Editing App.pdfExploring the Best Video Editing App.pdf
Exploring the Best Video Editing App.pdfproinshot.com
 
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfonteinmasabamasaba
 
%in Harare+277-882-255-28 abortion pills for sale in Harare
%in Harare+277-882-255-28 abortion pills for sale in Harare%in Harare+277-882-255-28 abortion pills for sale in Harare
%in Harare+277-882-255-28 abortion pills for sale in Hararemasabamasaba
 
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...harshavardhanraghave
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...panagenda
 
%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrandmasabamasaba
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplatePresentation.STUDIO
 
The title is not connected to what is inside
The title is not connected to what is insideThe title is not connected to what is inside
The title is not connected to what is insideshinachiaurasa2
 
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdfPayment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdfkalichargn70th171
 

Recently uploaded (20)

%+27788225528 love spells in Vancouver Psychic Readings, Attraction spells,Br...
%+27788225528 love spells in Vancouver Psychic Readings, Attraction spells,Br...%+27788225528 love spells in Vancouver Psychic Readings, Attraction spells,Br...
%+27788225528 love spells in Vancouver Psychic Readings, Attraction spells,Br...
 
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
 
8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students
 
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park %in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
 
Announcing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK SoftwareAnnouncing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK Software
 
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICECHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
 
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
 
VTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learnVTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learn
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
 
Right Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsRight Money Management App For Your Financial Goals
Right Money Management App For Your Financial Goals
 
Exploring the Best Video Editing App.pdf
Exploring the Best Video Editing App.pdfExploring the Best Video Editing App.pdf
Exploring the Best Video Editing App.pdf
 
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
 
%in Harare+277-882-255-28 abortion pills for sale in Harare
%in Harare+277-882-255-28 abortion pills for sale in Harare%in Harare+277-882-255-28 abortion pills for sale in Harare
%in Harare+277-882-255-28 abortion pills for sale in Harare
 
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
 
%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
 
The title is not connected to what is inside
The title is not connected to what is insideThe title is not connected to what is inside
The title is not connected to what is inside
 
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdfPayment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
 
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdfMicrosoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
 

Drinking Tea

  • 1. Class 8: How to Create an Instagram Post Template in Photoshop Envato Tuts+ YouTube channel: How to Create an Instagram Post Template in Photoshop https://www.youtube.com/watch?v=-UVscZjBCFQ What You Will Need? You will need the following resources to follow along with this tutorial:  A Model  Butler Font  Template for Instagram post Find more resources on Enate and Place it! 1. What Are Instagram's Post Size Dimensions? Step 1 Create a New Document in 1080 x 1080 pixels at 72 DPI/Resolution. That is the optimal size for an Instagram post; however, if your image is larger, that will work as well! Just make sure your canvas is a 1:1 (Square) ratio! Otherwise, Instagram will crop your post. Step 2 Drop and center your promo or subject image onto the middle of the canvas.
  • 2. 2. How to Create Borders in Photoshop Step 1 Select the Rectangle Tool, setting the top toolbar's settings to what you see below. Rectangle Tool Settings  Shape  Fill: None  Stroke: White 5px Solid  Height: 988 px (may vary)  Width: 988 px (may vary) Step 2 Create your square border and move it to the middle of the canvas. Make sure there is an equal amount of space on all four sides.
  • 3. Step 3 Select the Line Tool, once again setting the top toolbar's settings to what you see below. Line Tool Settings  Shape  Fill: White  Stroke: None  Weight: 5 px Step 4 Using the Line Tool, create a horizontal 75 px line. Create a second vertical line, connecting the two lines to make a corner-line shape. Move the corner shape 10 px from the edge of the white border. Group the two lines.
  • 4. Step 5 Duplicate the corner group. Align the two corners so that the new duplicated group is inside the original. Shorten both the duplicated lines, located inside of the duplicated group, from 75 px to 25 px to create a shorter corner shape. Move the duplicated group 10 px from the original corner group.
  • 5. Step 6 Group both corner shapes into a new group. Duplicate the new group four times, placing the groups around the four corners of the border. Use Right-Click > Flip Horizontal and Flip Vertical to flip the corner shapes.
  • 6. 3. How to Create an Editable Instagram Post Template Step 1 Create a New Layer above your subject/promo image, but below your border groups. Select the Rectangle Tool, setting the top toolbar's settings to what you see below. Rectangle Tool Settings  Shape  Fill: Dark Blue #003f46  Stroke: None  Width: 988 px (may vary)  Height: 269 px (may vary) Place the dark blue rectangle at the bottom of your border.
  • 7. Step 2 Create a second rectangle with the Rectangle Tool. Rectangle Tool Settings  Shape  Fill: Orange #ed6726  Stroke: None  Width: 987 px (may vary)  Height: 62 px (may vary) Clip the orange rectangle into the dark blue rectangle, bringing the orange rectangle down to the bottom edge of the blue rectangle.
  • 8. Step 3 Using the Butler Font, type what you want your viewer to see first. In this case, it's "Flash Sale!" Make the font centered towards the top of the dark blue rectangle and very large! I've set my text to white and 86.7 pt.
  • 9. Step 4 Next, place your secondary information right below your first line of information. In this case, it's "15% off all tops and hats". I used the font Georgia at a size of 53.42 pt.
  • 10. Step 5 Finally, add your least important information. By least important, I mean least eye- catching! In this case, we want to catch them with "Sale!" then tell them what the sale is and then finally give them the code for the sale. In this case, it's "Code: Summertime." I placed the font right in the middle of the orange rectangle using the same Georgia font at a size of 39.35 pt. We've Done It! And there you have it! A fully customizable Instagram post template, ready to use whenever you need it, whatever you need it for. All you need is a few clicks to change out the words, colors, font, or even the border's thickness and stroke type! Who doesn't love a polka-dot border, after all? And if you are in need of even more inspiration for your next Instagram post template, check out Place it! Check out some of my favorites below:  Cool Instagram Post Generator for a Giveaway  Modern Instagram Post Maker for Quotes  Instagram Post Template for Cool Fashion Brands  Healthy Lifestyle Social Media Post Template
  • 11.  Fashionable Instagram Post Maker for Clothing Brands So, as always, keep experimenting with different techniques and practicing, and don't forget to post your version below, along with any questions, comments, or critiques!