Love Quote Graphics? How to Make Quote Pictures without Photoshop

How to Make Quote Pictures without PhotoshopEveryone loves quote graphics! Learn how to make quote pictures easily, without expensive software like Photoshop.

Quote images are wildly popular on social media sites. Get in on the sharing action by making your own! Express your personal or company brand by the quotes and photos that you choose. Then watch them go viral!

I had several requests from that previous blog post for a “how-to” on creating quote graphics. It’s quite simple and enjoyable once you get the hang of it!

Find an Image for your Quote Picture

Find an Image for your Quote PictureFind an image appropriate to use for the quote graphic. It needs to have a large area that’s even in tone so your quote will be readable. For more ideas of what to look for, visit my Pinterest board of my Inspyrz™ inspirational quote designs.

Recommended image size: from 400 pixels to 800 pixels on the long side. This size will be perfect to share online on Facebook, Pinterest, your blog, etc. If you will want to print your quote picture, start with a larger image – at least 200 pixels per inch of the final printed size..

Be sure your images don’t infringe copyright. You may want to check the best free photo sites. Even better, buy some credits at dreamstime or fotolia so you don’t have to worry about adding a photographer attribution to your quote image.

Add Type to your Quote Picture

Add Type to your Quote PictureOpen your image in your favorite image editor. You can use a website like Pixlr.com (shown here) or Picmonkey. You might have Paint Shop or Gimp. Or you can simply use Microsoft Publisher to add text to your photo.

Once you’ve opened the photo, click the text tool and start typing! In Pixlr, you’ll see all the fonts that you have on your computer’s hard drive. Not all of my fonts worked though – some just appeared as the default font. And the alphabetical order was rather funky! (photo right) Some font families were broken up by font weight.

Choose a font that’s simple and easy to read. For a quote graphic, stick with one font.

How to Make Quote PicturesAdjust type color and size as desired. White type reads best on medium to dark backgrounds, and black on light backgrounds. Be cautious of color type unless your background is very clean, and you’re sure it’s easily read (remember that your graphic will be seen at a reduced size sometimes, like in the Pinterest feed). Check this post for how to add a glow or shadow to make the text stand out better in Pixlr.

Add line breaks as needed to fit the space. You can see all your changes on your graphic as you make them!

In Pixlr, you’ll need to click OK and create a new Layer each time you want a different size or color of type. My graphic below has 4 separate type layers. After you’ve clicked OK, you can switch to the Move tool (top right in the Tools palette) and adjust positioning.

You can also use the History palette to Undo your actions.

Don’t forget to add your name or website name, and a photographer attribution if you’re using a free photo.

Save your Quote Picture

Save your Quote Picture

Under File… in the top left of the menu bar, Save your creation to your computer.

Voila! A wonderful quote graphic for uploading to your favorite social media sites. (This one is shown at half size). Share a link to it in the comments!

If you enjoyed this article on how to make quote pictures, please share via the buttons below – it’s appreciated!

Share and Enjoy

  • Facebook
  • Twitter
  • Google Plus
  • LinkedIn
  • Pinterest
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS
 Name: Email: We respect your email privacy

About Louise Myers

Louise Myers is a graphic design expert whose designs have been featured by Disney, Macy's, WalMart and more. Her straightforward writing style empowers small business owners to make their own graphics for social media success! Follow Louise on Twitter: @Louise_Myers
This entry was posted in Social Media Tips and tagged , , , . Bookmark the permalink.

40 Responses to Love Quote Graphics? How to Make Quote Pictures without Photoshop

  1. John Ernest says:

    Thank you for sharing this great tutorial. Quotations, even though they may have a lot of meaning and appeal by themselves, also need a few cosmetics to make a point. By using different backgrounds and formatting your font you will be able to deliver different meanings even though you may have the same quotation to make sure that your quotation pictures deliver what you want your readers to realize.

  2. Nica Mandigma
    Twitter:
    says:

    Hi Louise! Thanks for the recommended image size. I haven’t used Pixlr or Picmonkey but I will give it a try this weekend. I like to use SnagIt from Techsmith and then Share As Image (formerly Pin A Quote) to create images for sharing in social networks. I also like using Microsoft Powerpoint and then saving it a JPEG.

    By the way I followed your Inspyrz pinboard. Loved your images!

    • Louise Myers says:

      Hi Nica! Share As Image is awesome! Quick and easy way to make quote graphics.

      As a Mac gal, I’m not much of a Microsoft user. My friend uses Publisher to make graphics with text.

  3. As Nica said, Microsoft PowerPoint, particularly the latest version, has some dynamite image editing tools. You can even remove backgrounds!

    Love and followed your Pinterist Quote designs — I’ve started some with Public Domain images, too: http://pinterest.com/virtuallysusan/vintage-graphics/

  4. Thanks Louise,

    I had purchased Pixelmator for my mac. I still cannot figure things out, but getting better. If I had read this post before I purchased this product. I wouldn’t need it lol.

    But thanks for the info on the pixels. That always confuses me. As I go along my merry way and try to have original pictures, this helps out a lot.

    Cheers,
    Donna

    • Louise Myers says:

      Pixelmator – oh my goodness! There are more options out there than I’ve even heard of.

      Thanks for visiting and commenting. I’m glad the info helped!

  5. markgen53 says:

    That’s a really good option for the adobe user to make a graphics quotes.

  6. Carol says:

    I did my first quote picture today. I love it, thank you :)

  7. John says:

    Thank you Louise for your post. I also liked the one on “Best Quote Sites” and I have the following question:
    It seems that many quote sites allow posting quotes on social media or pasting a quote of the day on a website or blog using a predefined and allowed block of html code.

    Is it acceptable to use a quote on an image (assuming the image is my own or not copyrighted) on a personal blog post (personal but displaying some AdSense ads)? Of course a credit and a link to the original quote site is a must but still, is it acceptable to do that? Or, as far as you know, are some of the quote sites open to that?

    Thanks,
    John

    • Louise Myers says:

      John, thank you for your respect for others’ intellectual property rights! I find it rare, and it’s truly appreciated.

      Now I have to say I’m not a lawyer, and can’t give legal advice. But in my opinion, the owner of a quote is the person who said it, so attribute it to them (as I’m sure you would). The quote site owns the compilation of quotes, so you can’t copy them en masse for your website, a book, or such. But I don’t believe, when making a quote picture, you need to say where you found the quote.

      You can read Brainy Quotes terms here, see #4: http://www.brainyquote.com/inquire/terms.html

      Have a great day :)

  8. Yoky
    Twitter:
    says:

    Hi Louise,

    Thank you! I have a lot of quotes but with plain text. Now, I’ll try to make it using Photoshop. Hope my reader will like it
    Yoky recently posted..Lokasi Foto Pre Wedding Terbaik di BaliMy Profile

  9. Thank you!
    I am off to give this a try right now.
    Great tips here!!
    Jodi
    Jodi Rosenberg recently posted..Mindset: Eliminate Self Imposed Limitations: Fear is a Question: What are YOU Afraid of, and Why?My Profile

  10. EMCvirtual
    Twitter:
    says:

    This is the first ever useful and helpful post I have encountered so far in regards with creating a text qoute to image. Creating text qoutes to image with graphics is a bonus for what I have been searching. Thank you so much. I’ll try the tips you’ve shared and publish it to my personal blog.
    EMCvirtual recently posted..What To Do Next After Creating a Blog?My Profile

  11. Pingback: How To Optimize Photos for Your Facebook Page

  12. Awaix says:

    Check Latest Quotes 100+ Categories
    Awaix recently posted..Weekends QuotesMy Profile

  13. Excellent tutorial Louise.
    Thank you for sharing!
    Alex

  14. Sabrina
    Twitter:
    says:

    Everyone really seems to love picture quotes. Visual and mental candy! Thank goodness for all the new sites and we don’t have to rely on stuffy Photoshop!
    Sabrina recently posted..Got 20 Minutes? Let’s Clean Out Our Email InboxMy Profile

  15. Debbie says:

    Love your website! So helpful!

  16. deborah says:

    Thanks for posting this but I couldn’t figure it out. I typed my quote in and it’s so teeny. I have no idea how to manipulate anything once I do this…

  17. Dian Kurnia A.
    Twitter:
    says:

    Hello Louse,
    Please have a look at my quotes tool here: — QuotesCover.com –. It help everyone to create a beautiful quotes easily :)

    Thankyou
    Dian
    Dian Kurnia A. recently posted..Michael Jordan quotes about successMy Profile

  18. Bonnie Gean
    Twitter:
    says:

    Some great ideas shared here, but I wanted to let you know that your statement about not having the option in Pixlr to add a glow or shadow is incorrect. You most definitely do have options to help make text stand out better.

    Pixlr offers a drop shadow, inner shadow, bevel, outer glow and inner glow. You’ll find them all listed under the layer styles section. Happy graphic making to you! :)
    Bonnie Gean recently posted..Need Content in a Jiffy?My Profile

  19. yesterday I was looking for a tutorial of how to create quotes in this picture and I found it here I thank you for this very useful article for me

  20. s drama says:

    simple tutorial, thank you for article louise its very helpful for me :)

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv badge