• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Matt Doyle | Elated Communications

Web and WordPress Development

  • About Me
  • Blog
    • Design & Multimedia
      • Photoshop
      • Paint Shop Pro
      • Video & Audio
    • Online Marketing
      • E-Commerce
      • Social Media
    • Running a Website
      • WordPress
      • Apache
      • UNIX and Linux
      • Using FTP
    • Web Development
      • HTML
      • CSS
      • JavaScript
      • PHP
      • Perl and CGI Scripting
  • Portfolio
  • Contact Me
  • Hire Me
Home / Blog / Running a Website / Adobe Spark Lets You Create Stunning Business Visuals in Minutes

Adobe Spark Lets You Create Stunning Business Visuals in Minutes

25 November 2016 / 4 Comments

Adobe Spark

Gorgeous-looking social media posts. Super-slick webpages. Professional promo videos. They’re all essential for promoting your business these days.

But how can you produce all this great stuff? You can pay a creative pro to make them, of course. If you’re on a budget, though, the chances are you’ll be making them yourself!

However, if you’re not that creative, or you’re super-busy (and let’s be honest, have you ever met a small business owner that isn’t super-busy?), then it’s hard work to produce all this amazing content to promote your products and services.

That’s where Adobe Spark comes in! Spark is a set of free apps that make it ridiculously quick and easy to create awesome-looking content.

Want to know more about Spark? Keep reading! By the time you’ve finished this article, you’ll know exactly what Spark is, how it works, and how it can help you to promote your business.

So what is Spark exactly?

Adobe Spark is a suite of three apps that you can use to create promotional or educational content for your biz. The three apps are:

  • Spark Post: Lets you create shareable images for social media. These usually have some fun-looking text — such as an idea or an inspirational quote — overlaid onto a photo.
  • Spark Page: With this app you can make great-looking single-page websites. It really shines for image-heavy pages, with a gorgeous selection of image and gallery display options.
  • Spark Video: This gives you a really simple way to create short animated videos, including text, images, icons, music, and voice narration.

Each app comes in two forms:

  1. A web-based app that you can use in your browser on your computer.
  2. A mobile app available for iOS (iPhone and iPad).

The web and mobile versions of the apps do essentially the same things. There are some subtle differences, though, which we’ll get to in a moment.

Let’s delve a little deeper into each of these apps:

Spark Post: Create gorgeous social media images in seconds

Spark Post is a tool for making eye-catching images to share on social media. If you’ve used a similar tool such as Canva or Pablo then you already know the deal here.

The basic idea is this:

  1. Choose an image size that suits the social network you’re posting to (square for Instagram, landscape for Facebook, and so on).
  2. Pick an image from the built-in library, or upload your own.
  3. Enter some text that you want to appear on top of the image.
  4. Style the image and text to produce something awesome.
  5. Download the finished image, or share it directly on your social feeds.

As you’d expect from Adobe, it’s in the styling options where Spark Post really shines. For example, there are 40 or so gorgeous themes to choose from. Each theme sets the font, the shape around the text, the overall colour palette for the image, and the image filter effect.

After you’ve picked a theme, you can customise each of these settings; for example, you can pick a different palette, or change the text style.

The text style options in particular are fantastic, and just lovely to use. For example, if you click the Align button you can toggle through the usual left, right and centre align options, but there’s also a “justify” option that justifies the text and adjusts the font size so that it all sits in a neat rectangle:

Adobe Spark Post: Justifying text in a rectangle
Spark Post’s “justify” option in the Align setting automatically adjusts the font sizes so the text fits neatly in a rectangle. Very cool.

Another great touch is the Style suggestions wheel, which you can drag to create an infinite number of random text styles. This is such a cool feature, and it’s a lifesaver when you’re looking for inspiration.

And while there isn’t a huge range of fonts to choose from, all of the fonts that Adobe has picked are excellent and work really well for social images.

With most of these kinds of tools, resizing text is a pain in the butt. You have to manually adjust the font size, then rejig everything so that the text looks good. With Spark Post, though, all you do is drag the resize handle on the text box, and the text automatically resizes and reflows to fill the box. Such a time-saver!

Adobe Spark Post: Resizing text
When you resize a text box in Spark Post, it automatically resizes and reflows the text for you. Really nice.

What about the background images? Rather than providing their own image library as Canva does, Adobe lets you search a huge library of public domain images instead. Pretty much all the images I’ve seen are fantastic quality, and again, they’re very well suited to inspirational social posts. You can also upload your own image.

Once you’ve made your gorgeous image, you click the Share button to download the image to your computer or mobile device. You can also create a shareable link that hosts your image on Adobe’s server, ready for sharing.

So far I’ve been describing the web version of Spark Post, but the iPhone/iPad app is very similar. Once nice touch — exclusive to the mobile app — is that you can tap an Animation button to animate the text, then save the animation out as a video file or a Live Photo.

Adobe Spark Post: Mobile app
The Spark Post mobile app is similar to the web app. It has one cool feature though: you can add animations.

Spark Page: Make single-page websites with text, images, and video

Spark Page is a ridiculously easy way to create and publish a website online. The catches are that you can only create a single-page site, and the page is hosted on Adobe’s own server (and given a rather ugly URL). That said, if you want to create something beautiful — and you want to do it quickly — Spark Page is hard to beat. The pages created by Spark Page are fully responsive, so they look great across desktop and mobile.

To create a page, you start by customising the page’s header with a title, a subtitle, and a background photo:

Adobe Spark Page: Adding titles and photo
With Spark Page, you start by entering a title and subtitle, and choosing a header pic.

As with Spark Post, you can search for a Creative Commons-licensed image to use, or you can upload your own image.

Next, you scroll down and click the “plus” buttons to add your page elements:

Adobe Spark Page: Adding an element with the 'plus' button
Click the “plus” button to add new elements to your page.

You can add the following types of element:

  • Photos: Again, you can search the library or upload your own. You can also style the pic in various ways: inline just plonks it in the page, while full width stretches the image across the whole page width. Fill screen fixes the image in place and makes sure it fills the whole browser window (with a nice zoom effect as you scroll). Finally, window also fixes the image, but it crops it so it sits inside a letterbox “window” in the page.
  • Text: You can add as many blocks of text as you like. There are some basic formatting options you can use, including headings, blockquotes, lists and bold/italic. You can also add links to other sites.
  • Buttons: These simply link off to a URL of your choosing. They’re great for creating calls to action (such as Buy Now or Sign Up).
  • Videos: You can embed a video that’s published on YouTube, Vimeo or Spark Video in the page.
  • Photo grids: These let you group photos together into a grid in the page. Spark Page automatically rearranges the photos to make a nice grid, and you can enlarge one or more of the pics in the grid to highlight them.
  • Glideshows: These are a clever way of combining a gallery of photos with other elements. You pick a few images for the glideshow background, then add other elements — more pics, some text, a button, or even a video — on top. The end result is an amazing dynamic slideshow that animates as you scroll.
Spark Page: Glideshow
Spark Page’s Glideshows are really sweet! You can add floating photos, text and video on top of your background images, and the whole thing animates nicely as you scroll.

You can choose from a small range of themes for your page (thirteen at the time of writing). It would be nice to have more themes to choose from, but the ones that are there are all really pro-looking.

A really nice touch with Spark Page is that it automatically adds credits for any images you’ve used to the bottom of your page. Adding credits can be a bore, especially if your page contains tons of images, so this is a real time-saver.

So what sort of businessy things could you use Spark Page for? Here are some ideas:

  • A portfolio mini-site that showcases your creative work.
  • A client case study (or a series of case studies).
  • A flashy online newsletter with gorgeous photos.
  • A tutorial showing how to do something that’s related to your expertise.

Check out the page I made for my imaginary coffee shop!

Since the pages you create with Spark Page are stored on Adobe’s server — and don’t have the world’s friendliest URLs — you wouldn’t want to use this tool to create your main, permanent website. However, if you want to create a short-term promotional page, or quickly knock together some ideas for a page that you might eventually recreate on your own site, then Spark Page is definitely worth using.

Spark Video: Produce short promo or explainer videos in minutes

Finally, Spark Video is a great way to quickly put together short animated videos for your biz.

It’s a bit like using PowerPoint or Keynote. You create slides containing images and text, and add narration for each slide (if you want). Spark Video then turns it into a video, which you can download in MP4 format (for uploading to YouTube or Vimeo), or share via a link (Adobe’s server hosts the vid for you).

You can insert text, photos, and icons in each slide. As with Spark Post and Spark Page, you can search through Creative Commons-licensed and public domain photos. You also get to choose from a huge range of free icons, courtesy of The Noun Project.

Spark Video has some nice features that make it easier for you to put videos together, including:

  • Story templates: When you create a new video, you can choose from a selection of templates for different purposes, such as Promote an Idea (good for promo videos) or Teach a Lesson (perfect for explainer vids). Spark Video then creates a storyboard for your video, with prompts as to what to put in each slide.
    Adobe Spark Video: Story Templates
    Spark Video’s story templates guide you through the process of storyboarding your videos.

    Adobe Spark Video: Storyboard prompts
    Once you’ve chosen a story template — in this case, I chose Promote an Idea — Spark Video gives you a story prompt for each slide in your video.
  • Themes: There are 30-odd themes that you can switch between at the click of a button. Each theme controls the fonts, background, icon style, photo frame style and colour palette used for the video, as well as the transition effects between slides. (My personal fave is the Chalk theme, which gives the effect of your slides being drawn on and wiped off a blackboard. Very nice!)

    Adobe Spark Video: themes
    Spark Video’s themes let you choose dramatically different styles for your vids.
  • Background music: There’s a decent music library of 40 or so tracks to choose from, or you can upload your own music file (provided it’s in MP3 or M4A format).
  • Slide layouts: For each slide, you can choose from five different slide layouts: One Thing, Two Things, Thing + Caption, Fullscreen Photo, and Thing on Fullscreen Photo. (A “Thing” is a text block, an image, or an icon.) This gives you a lot of flexibility when it comes to the content of each slide.

As with Spark Page, Spark Video automatically credits the authors of any photos or icons you use, when required. It adds the credits at the end of your video, and you can edit the credits at the sharing stage if you like.

To give you an idea of what you can do with Spark Video, here’s a simple “promo” video I put together in half an hour:

Are there any downsides to using Adobe Spark?

If you want to use Adobe Spark for your business promotion, there are two main issues to be aware of:

  • Limited creative options: Since you’re working with predefined templates and themes, you don’t get anywhere near the level of creative control that comes with fully-fledged apps such as Photoshop, WordPress, Squarespace, Powerpoint, Keynote, and movie-making apps. Of course, that’s the price you pay for being able to create professional-looking stuff easily.
  • Watermarking: All the content you produce with Adobe Spark contains some sort of Adobe watermark. Spark Post graphics have a little #AdobeSpark hashtag in the bottom right corner, while pages created with Spark Page include a Made with Adobe Spark Page credit and link in the page footer. Movies made with Spark Video have a Made with Adobe Spark Video credit at the end of the movie. That said, if you have a paid Creative Cloud subscription then you have the option to remove the watermarks.
Adobe Spark Post watermark
The free version of Spark adds a watermark or credit to your creations, although it’s fairly unobtrusive.
Until the end of 2016, you can actually remove the watermarks in the web app, even if you don’t have a paid Creative Cloud account. Also, you can’t remove watermarks using the mobile apps at all (at the moment).

Where can I learn more about using Spark?

The Adobe Spark app itself gives you lots of little hints as you create your stuff, and there’s also a knowledge base that answers common questions.

If you’re after some inspiration, Adobe runs a blog for Spark, which is full of good ideas, tips, and news of the latest improvements to the Spark apps. Plus, if you get stuck then they’re pretty good at answering questions on the @AdobeSpark Twitter account.

If you’re after more help with creating social media images, CreativePro has a pretty good tutorial on the Spark Post mobile app.

Finally, on the Spark Video front, Tom Kartelias has put together a nice video tutorial showing you how to create your first vid.

Start creating with Adobe Spark today!

So now you know exactly what Adobe Spark is, and how it can help your business!

With Spark, you can create fantastic-looking social media graphics, single-page websites, and promo videos without needing to be a creative genius. It’s a really quick and easy way to make eye-grabbing content that you can use to promote your biz.

So what are you waiting for! Head on over to the Adobe Spark site, and let’s see what you can create. Have fun!

Do you have any questions about using Adobe Spark? Feel free to ask them in the comments below. 🙂

Filed Under: Running a Website, Social Media, Video & Audio Tagged With: Adobe, Adobe Spark, Canva, Free, Images, Marketing, Videos

Reader Interactions

Comments

  1. Samantha says

    5 December 2016 at 11:16 pm

    Great article Matt! I’m definitely going to give Adobe Spark a go. Thanks!

    Reply
    • Matt Doyle says

      6 December 2016 at 3:28 am

      Thanks Samantha! Hope you like Spark – I’d love to hear what you think of it! 🙂

      Reply
  2. Kat Shykula says

    5 February 2018 at 9:46 pm

    Thanks! Question though. The spark video I embedded on my wordpress site is not mobile responsive .

    Is there a way to fix this on the Spark end?

    Many thanks.
    Kat

    Reply
    • Matt Doyle says

      7 February 2018 at 10:33 am

      Hey Kat,

      How are you embedding the video? If you upload the video to YouTube and then paste the YouTube URL into your blog post/page then WordPress should take care of making the video responsive — assuming your theme is mobile friendly.

      Reply

Leave a Reply Cancel reply

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

To include a block of code in your comment, surround it with <pre> ... </pre> tags. You can include smaller code snippets inside some normal text by surrounding them with <code> ... </code> tags.

Allowed tags in comments: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre> .

Primary Sidebar

Hire Matt!

Matt Doyle headshot

Need a little help with your website? I have over 20 years of web development experience under my belt. Let’s chat!

Matt Doyle - Codeable Expert Certificate

Hire Me Today

Call Me: +61 2 8006 0622

Stay in Touch!

Subscribe to get a quick email whenever I add new articles, free goodies, or special offers. I won’t spam you.

Subscribe

Recent Posts

  • Make a Rotatable 3D Product Boxshot with Three.js
  • Speed Up Your WordPress Website: 11 Simple Steps to a Faster Site
  • Reboot!
  • Wordfence Tutorial: How to Keep Your WordPress Site Safe from Hackers
  • How to Make Awesome-Looking Images for Your Website

Footer

Contact Matt

  • Email Me
  • Call Me: +61 2 8006 0622

Follow Matt

  • E-mail
  • Facebook
  • GitHub
  • LinkedIn
  • Twitter

Copyright © 1996-2023 Elated Communications. All rights reserved.
Affiliate Disclaimer | Privacy Policy | Terms of Use | Service T&C | Credits