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!

[pinit]

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!

The latest on social media graphics is yours FREE!

Changes to social media never stop! Keep up-to-date by typing your email below.

Comments

  1. 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. 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!

    • 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. says

    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

    • 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!

  4. 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

    • 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 :)

  5. 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

  6. 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.

  7. 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!

  8. 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…

    • says

      Hi Deborah!
      At the bottom of the box where you enter the type, you’ll see “Size.” Just click the arrow and move the slider up or down to make the type larger or smaller. You can also change the font style and color!

      Good luck!

  9. 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! :)

  10. Eli G says

    Thank you very much for this tutorial. I’ve been searching everywhere trying to get some answers as to making “quotes” on photos that use Creative Commons. This was the most helpful post, although I’m still a bit confused about it. I would like to email you the question but I decided to do it here as it might be helpful for someone else.
    If I use a photo from Flixr that allows, “Share — copy and redistribute the material in any medium or format
    Adapt — remix, transform, and build upon the material
    for any purpose, even commercially.”
    Can I add the pictures with the added quotes on my blog if I attributes correctly in the post?
    Do I have to add the attribute in the actual picture?
    Any information would help, thank you ahead of time.

    • says

      Hi Eli,
      The Creative Commons attributes are VERY confusing. I shy away from using CC photos, because it’s not entirely clear. It says to attribute “in any reasonable manner,” which could mean different things to different people! If you do it on the blog, what about when the quote is shared on social media?

      Chances are you won’t have any problems, but it’s up to you to decide if you want to take a chance. Or contact the photographer in advance to ask their parameters.

      Sorry I can’t help more, but this is a legal issue and not my area of expertise.

Leave a Reply

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