Creating Engaging Quote Graphics Using Typography In Photoshop

Creating Engaging Quote Graphics Using Typography In Photoshop – Want to hack visual design with our quote graphic templates? All it takes is a design template and a few clicks? 

In this blog series, we show you how to take a simple quote graphic template and transform it in 10 easy ways. You’ll see how to turn your original template design into a unique, custom design.

Creating Engaging Quote Graphics Using Typography In Photoshop

You can take quote graphic templates (just one) and create not one, but 10 quote graphic images that:

Use Photoshop And Illustrator To Create Guitar String Typography

We want your designs to be so attractive that your followers notice them and stop scrolling when they see them, and then engage with them.

But first, let’s talk about the elephant in the room. Have you noticed that graphic quote images are everywhere but don’t always look well designed?

It’s not the user’s fault, it’s just that DIY design tools aren’t always used correctly.  So you could say we’re on a mission to bring awesome design back to social media.

It’s about how to hack visual design by taking a single template and editing it, without destroying the design elements that made it good to begin with.   Read more here about how to use DIY graphic templates like a pro.

Free Quote Poster Maker

We’ve also included some helpful tips at the end of this post to help you with your models.

In this example, we are using the following “Dare to fail” motivational quote graphic template.  Here it is before making any changes:

As you can see, this is a simple design with two fonts (keep it simple!) and some line graphics to break up the image. It works well on a muted background image (filter magic working!).

Now we’re going to take these same quotes and text and show you how to mix them up 10 ways…in just a few clicks each time!

The Best Fonts For Magazine Design: Editorial, Crisp & Memorable

Keeping the quote in the same design, we only want to make the following changes to this design for the new look: 

Tip:  Search for “EasilStock” in the Image Library – our exclusive stock image category of over 1500 images included for Plus users and above.

Now let’s draw attention to Easil’s amazing text mask tool.  This is our favorite way to edit quote graphic templates right now.  Here’s how to use it to create an image-on-text effect to die for: 

Tip: Search for “brightness” in the image library to find an image similar to the one we used in this example.

25 Key Skills To Master As A Graphic Designer [infographic]

Tip: Sometimes it’s best to keep it simple. In this case we did not change the text and the font and only added a graphic element. And we put the image in two main colors… green and white (or shades). Simple! 

Nothing changes a design like a new image, especially photos. To create this amazing effect: 

Tip: Use contrasting dark and light colors for your background and title. Do you have a dark background image? Go for light text. Do you want the text to match a light background? Choose clear text. 

Sometimes adding shapes is all you need to make your text pop. In this design, we: 

How To Design Awesome Graphics For Social Media: Must-read Guide

Tip:  Use Easil’s Color Picker (or Color Palette Generator) – it does all the hard work for you, choosing colors that perfectly match your image or image overlays. 

Sometimes adding a simple drop shadow effect really enhances an image (as long as you use the text effect correctly!). In this example, we have: 

Sometimes you can add something “extra” to your background and text to give the design a “face lift”. In this case we: 

Tip: If you’re adding different elements, such as text and graphic icons, use the Layer tool on the action bar to move elements forward or backward. Using transparency also makes text stand out against background images. 

How To Make Facebook Quotes

The right type of background can be just as important as the text you put on it.  We changed a few simple things here: 

Tip: Not sure what colors and fonts work together? See existing font combinations on some models; if you see a font you like, you can copy it into your own design. Even better, drag it into your design with Easil’s Design Merge.

In the examples above, we replaced the main text. What is the author or person being quoted changing? Here’s how to name it:

Tip: Use Easil’s color picker to match the banner to one of your background colors (in this case, the orange of the flowers). 

Graphic Design Projects From Look Between The Lines

You’re excited  All of this is creating a great design from a little drag and drop.  Easil templates make it easy, now you can drag and drop like a boss.

Before you go, here are some tips for editing DIY graphic design templates so they still look professionally designed. There are some key “rules” to consider.

Remember this rule first: The key to editing templates effectively is this: Don’t mess with the basics of design too much.

Try working with the following elements as you hack your visual design to create a whole host of quote image templates:

How To Design A Website: 7 Key Principles For Visually App…

Keep the text as it is in the template. If you are going to change the text, keep the same length, font size and position.  Change the font and content by all means, but don’t move it around too much and keep it in the same (approximate) position on the page.

If the layout includes a text box, guide it. Don’t move or change it too much and your new text won’t work with the text box.

Tip: If you need to change the text box, size, or position of the text, do so with minimal changes so that the difference is not noticeable if you place the two designs (your template and the new design) side by side.

Stick to only 2 or 3 fonts at most and match the number of fonts in the original template to the number of fonts you use.  If your branding font works with the design, use it.

Create An Inspirational Quote Graphic In Photoshop

Otherwise, consider using an existing template font or find some fonts that work together.  Easil has many of these in our templates, or you can check out our free font guide to choose the perfect pair of fonts.

Choose images similar to what you see in the template: photographs or symbols or in the case of illustrations.  If the image you are replacing has too much detail, choose a replacement image that is equally detailed.   Likewise, if it’s an emoji, icon, or illustration, choose one of the same size or style.

It helps if your quote graphic templates have photo frames (many of Easil’s template designs do!). That way, when you add your new photo to the frame, it will fit exactly in the right place.

Color can have a huge impact on the design of your quote graphic templates. Get it right and your design will appear. Mistake and… Technicolor yawns (or worse!). Vary the colors in your design but try to keep (a) similar colors and (b) colors that complement each other. This means you shouldn’t add too much color.

How To Quickly Make A Blurred Halftone Effect In Photoshop

And if the template colors are perfect for your new design, why not use them? There’s no rule that says you have to change everything to make a custom image. Sometimes adding a color, font, or image to a template allows you to create something unique while maintaining the professional-quality design of the original template.

Oh, and of course, use Easil’s color palette generator! This is done to decide which colors to keep and add.

As shown in the video below, click on a photo or background image in Easil and a color palette generator will appear.  You’ll see several colors appear to choose from (these are drawn directly from your image so will be used for the titles so you get the right color every time).

Using Easil’s stunning quote graphic templates (yes, we’re not afraid to say it… they’re awesome) is an easy way to get started.

Composition Techniques & Design Principles For Graphic Designers

With our quote graphic templates, there’s nothing like cookie-cutter design. As long as you follow the rules for editing them!  Now you can see how easy it is to create designs like a pro… just follow a few rules and focus on adding more, not less.

Are you excited about the possibilities of using Easil’s Quote graphic templates to hack your visual design?  Just remember to follow the rules we’ve explained and you’ll be creating stunning quote graphics that will blow your mind in minutes…  In this quick video, you’ll learn how to manipulate typography in Photoshop to create an inspirational poster.

Inspiration It is curious that some collection of words used in a certain type of image can inspire us. While he