How To Design Inspirational Quote Graphics Using Typography In Photoshop

How To Design Inspirational Quote Graphics Using Typography In Photoshop – Want to hack visual design with our quote graphic templates? It just takes a design template and a few clicks? 

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

How To Design Inspirational Quote Graphics Using Typography In Photoshop

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

Fill A Shape With Text In Photoshop

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

But first, let’s address the elephant in the room. Have you noticed that graphic quote images are everywhere but they don’t always look good?

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

It’s all about taking a single model and editing it to hack the visual design — without ruining the design elements that made it great to begin with.   Read more about how to use DIY graphics templates like a pro here.

Graphic Designer Quotes Stock Photos And Pictures

We’ve also included some hot tips at the end of this post, to help you use your model.

We are using the following ‘Only those who dare to fail miserably’ motivational quote graphic template in this example.  Here it is before we make any changes:

As you can see, it’s a simple design with two fonts (keep it simple!) and some line graphics to break up the image. It works well on a quiet background image (filter magic at work!).

Now we’ll take that same quote and text and show you how to match it in 10 different ways… in a few simple clicks each time!

Motivational Quotes Design Svg

Keeping the quote in the same order, all we need to do in this design is make the following changes for a completely new look: 

Top tip: Search the image library for ‘EasilStock’ – our exclusive stock of over 1500 images is included for Plus users and above!

Now we’ll turn our attention to the wonderful Easil Text Mask tool.  This is our favorite way to edit quote graphic templates.  Here’s how to use it to create text effects from images to die for: 

Hot tip: Search for ‘shiny’ in the stock image library to find images similar to the ones we used in this example.

35 Inspirational Typographic Quotes Designers Can Live By

Popular tip: Sometimes keeping it simple works best. In this case, we did not change the text and font and only added a graphic element. And we put the image in two main colors… green and white (or all colors). Simple! 

Nothing changes a design as quickly as a new image – especially an image. To create this wonderful effect we: 

Hot tip: Use contrasting colors of dark and light for your background and title. Do you have a black background image? Go for light text. Need text to match the light background? Choose light text. 

Sometimes adding a shape is just what you need to make your text pop! In this design, we: 

A Beginner’s Guide To Typography: The Basics You Need To Know

Tip: Use the Easil Color Picker (or Color Palette Generator) – it will do all the hard work for you, matching the best colors to your image or image overlays. 

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

Sometimes you can add a little something “extra” to your background and text to give it some “design per lift”. In this case we: 

Tip: If you are adding different elements such as text and graphic icons, use the Layers tool in the action bar to move forward or backward. Using transparency also makes text appear with background images. 

Keep Creative Thinking Modern Typography Inspirational Stock Vector (royalty Free) 1811775076

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

Popular Ideas: Not sure what colors and fonts work together? Check out the font combinations available in some of the templates – if you see one you like you can copy that combination into your own design. Even better, make it your own with Design Merge Easel!

In the above example, we changed the body text. What did the author or person being quoted change? Here’s how to pop names:

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

How To Fill Text With An Image In Adobe Indesign

Are you excited?  It’s all about creating great designs from a little drag and drop.  Easil’s templates make it easy, now you drag and drop like a boss!

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

Remember this rule first: The key to editing models effectively is this: Don’t mess with basic design elements too much.

Try working with these elements as you hack your visual design to create a full range of quote image templates:

You Are Amazing. Motivational Quotes Lettering T-shirt Design. 4970958 Vector Art At Vecteezy

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

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

Tip: If you need to make changes to the text box, text size, or location, do it with minimal changes so that if you put the two designs (your template and your new design) side by side, the difference is noticeable. Don’t pay too much attention.

Keep only 2 or 3 fonts at most and match the number of fonts on the original template.  If your brand fonts work with the design, then use them.

Rough Edges Text Effect Photoshop Tutorial

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

Choose images that are similar to the image you see in the template – either in terms of images or in terms of icons or illustrations.  If the image you are replacing has too much detail, choose an alternative image that is equally detailed.   Likewise, if it’s an emoji, icon or illustration, choose one from a similar shape or style.

It helps if your graphic quote templates have frames that snap the images into place (many of Easil’s template designs do just that!). That way, when you drag your new photo into the frame, it’s in the right place, positioned correctly.

Color can have a big impact on the design of your quote graphic templates. Get it right and your designs will pop. Get it wrong and…. Technicolor yawns (or worse!). Vary the colors on your design but try to (a) have the same number of colors and (b) colors that complement each other. This means that you should not add too much extra color.

Crystal Renn Quote: “photoshop Is An Art, And You Can Do A Lot With It. Change The Atmosphere Through Different Lighting And Make The…”

But if the colors on the model are suitable for your new design, then why not use them? There is no rule that says you have to change everything to create a custom image. Sometimes, adding colors or fonts or images to a template can allow you to create something unique while maintaining the quality design of the original template.

Oh, and of course, use Easil’s color palette generator! It was decided which colors to keep and which to add.

As shown in the video below, just click on an image or background image in Easil and the color palette generator will appear.  You’ll see a series of colors pop up to choose from (these are taken directly from your image ready to be used for the title so you get the right “fit” color every time).

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

The 17 Best Typography Tutorials

With our quote graphic templates, there’s no such thing as a cookie-cutter design. Unless you have rules for editing!  Now you can see how simple it is to design like a pro… you just have to follow a few rules and focus on adding less not more!

Are you excited about the possibility of using Quote Easil graphic templates to hack your visual design?  Just remember to follow the rules we’ve outlined and you’ll be creating interesting quote graphics that will make us go WOW… in minutes!