Combine an inspirational quote with color and graphics to motivate others. Learn how to use the imagery, fonts, and designer assets available in Adobe Spark to make a noteworthy quote more memorable.
Before you start.
Install Adobe Spark Post on your phone and log in with your Adobe ID. You can find the app for Android devices in the Google Play Store or for iOS in the App Store. Check out the Adobe Spark design based on visual artist Shantell Martin’s inspirational quote.
Step 1: Add an image.
Spark has thousands of free images you can use to complement your quote. To start, tap the large green + button and then tap Search Free Photos. Use a keyword to narrow your search until you find an image that’s just right for your special quote. Select it and then tap Add 1. I searched for “Painting” and found a suitable dark floral image.
Step 2: Choose a platform and layout.
Share your design directly from Spark. From the Choose Size screen, pick Instagram — or the social media platform where you’ll post your story — and then Done. Tap Layout and choose the one you like. If your image is automatically placed in the wrong cell, tap-hold the image and drag it to the correct cell.
Tap the image and spread with two fingers to scale it — or drag with one finger to reposition it — within the cell. Tap Done when you’re finished.
Step 3: Customize the color scheme.
Tap the solid color background to activate it, and then tap Color. You can choose from one of the suggested colors or pick a color directly from the image. Tap the adjustment icon on the current color swatch and drag the Eyedropper icon over the image to sample a color.
If you’d like to use a specific color, tap the HEX number, choose Edit, set the value using the spinning wheels enter a value, and then tap Done.
Step 4: Type your quote.
Double-tap the default text and add your favorite quote — I liked one I heard Shantell Martin say during her keynote at Adobe MAX 2019. Tap Done.
Choose one of the categories under the Font tab or swipe past them all until you see Adobe Fonts; tap the + icon. Swipe through the available options and tap the cloud icon to sync any you want to use. Tap Done when finished or move on to the next step.
Step 5: Customize the type.
Now to adjust some basic type settings. To remove the colored square behind the text, tap Shape and then tap None. Next, tap the Color tab again and choose a new color such as a dark red from the Suggested swatches. Fine-tune the layout using the settings on the Align, Spacing, and Size tabs. Drag the handles on the edges of the text field to resize it. Drag the text box to reposition it.
Step 6: Highlight key words.
Call attention to important words in the quote. Choose Secondary Style from the Edit tab; then tap to select or deselect specific words. In the Color tab, choose a color that makes the words pop. Tap Done when you’re finished.
Step 7: Give some credit.
Be sure to credit the source of your quote. Tap Add, choose Add Text, type the speaker’s name, and tap Done. From the Color tab, choose a color, such as the same one you used for the key words.
Use the slider on the Size tab to adjust the font size, and then drag the handles on the text box so the speaker’s name fits on one line. Drag to reposition so it snaps to align with the left edge of the quote. Tap Done when you’re happy with the results.
Step 8: Embellish with icons.
Use decorative quotation marks to make your quote look stylish. Tap Add and choose Add Icon. In the Search field, type quote, and add your favorite. Then pick a color from the Color tab.
As expected, you can pinch to resize or scale using the controls on the Adjust tab. Reposition the quotation mark so it slightly overlaps the image for a designer’s touch.
Step 9: Wrap it up.
To add a closing quotation mark, tap Duplicate from the Edit tab and flip the icon using the Adjust tab. Drag it into place and you’re done.
Share and keep creating.
You can continue to customize the design in your desktop web browser after the design syncs to the cloud. When you’re ready to inspire others, tap the Share icon and post your design to social media or save it for later. To spark your creativity, I created a set of quote-based templates for you to edit and customize from your phone or on the web: