9 quick steps to designing picture quotes for social media

picture quote social media

 

Ever wanted to know how to design a picture quote to post to your social media platforms like Facebook, LinkedIn or Google+?

Today, I’m going to show you the very steps I take in designing a picture quote for social media.

Before we start, let’s take a look at the tools I’ve used to create this tutorial:

1) A layout program (I’m using Adobe Indesign) which includes:
– a document to create a page layout
– fonts to style my text quote
– toolbox to create shapes and add colour

2) An image to add visual interest. (I used a silhouette of a bird).

3) A typed text quote. (I chose one of Leonardo de Vinci’s quotes that I found on Google).

 

9 quick steps to designing picture quotes for social media

Step 1

Import your image into a new document. (I first created a vector file for my bird by tracing the outline from a photo in Adobe Photoshop then imported it into Indesign. I did this so I can easily change the colour and shape of the bird but most importantly I wanted the bird to be clearcut instead of sitting on a square background. You will see what I mean in the next step).

7 quick steps to create an eye catching quote for social media

 

Step 2

Create a block of colour for the background using the shape option in the toolbox. (I used a rectangle).

7 quick steps to create an eye catching quote for social media

 

Step 3

Apply a colour fill or outline to your graphic using the colour palette. (I used a white fill).

graphic for social media

Step 4

Place your text quote in front of the block of colour. Using the text tool select the text then choose a simple typeface from the font menu.

graphic for social media

Step 5

Select the keywords you want to emphasise then change the font or style from the font menu.

graphic for social media

Step 6

Enlarge the quote by selecting all of the text and choosing a point size. (I usually experiment a little till it looks visually pleasing).

graphic for social media

Step 7

Continue with each keyword you want to emphasise. Select; change the size, font or style. (I try to only use two fonts within one design to achieve a simple clean look. I will then alternate the emphasis on words by changing the font style i.e. italics, bold, normal etc).

graphic for social media

graphic for social media

graphic for social media

graphic for social media

graphic for social media

Step 8

Don’t forget to emphasise the quote marks! Now colour the type by selecting the type using the text tool then choosing a colour from the colour palette. (I reversed my type by changing the colour to white).

graphic for social media

Step 9

Finally, save and export the file as a jpeg and upload to your favourite social media site!

 

 

Question? Do you use images to grab attention when you post to social media?

Heather Lee

Heather Lee

Heather has had many years experience as a graphic designer in both the advertising and publishing industry. She enjoys helping others by providing solutions to visual problems for print and the web.
Heather Lee

Latest posts by Heather Lee (see all)

Download '10 steps to creating an effective logo' (Yours free) when you subscribe for free blog updates.
No Spam. We Promise.

Comments 6

  1. Hi Heather, I just wanted to say thank you for the post and this was helpful to inspire me to do something like this for my church media pages. This is a really simple and easy to follow post. And for that, thank you. Keep up the great work!!

  2. Appreciate you stopping by and giving feedback Cristian – Glad its inspired you! I hope to do more tutorials so if there is anything you would like to see let me know.

  3. What a great tutorial. I love inspirational quotes that I can partner with one of my art pieces. It emphasizes both the quote and the artwork! 🙂

    1. Post
      Author

      Thanks for your feedback Susan! I do too. Especially quotes that have been around for decades (even centuries) and they still apply to day. Timeless principals re-enforced by a visual hook is a great way to communicate ideas. Thanks for stopping by 🙂

    1. Post
      Author

Leave a Reply

Your email address will not be published. Required fields are marked *