Adobe Spark – Deep Dive

We recently named Adobe Spark as our recommended online graphic tool - now we show you how simple it is to use.

18 January 2019

Daniel Postlethwaite

Marketing Assistant

We recently reviewed 4 simple tools for helping you create great content. The tool we loved the most was Adobe Spark, and we said in our original round-up of the:

Last but certainly not least is Adobe Spark, our personal favourite online content creator – mainly because it’s so simple! From the creators of Photoshop you’d expect nothing less and they’ve really done a great job.

With this in mind we thought we’d dive into exactly how you can use Adobe Spark to help create content for your screen. So grab a cuppa and follow along with the below tutorial and you’ll have an image to use on your screen in no time. If you’d like some free content to use as you follow along, you can download our Christmas themed Freebie Friday images here.

If you’re strapped for time you can watch the below video to see how you can create great content on Adobe Spark in just over 2 minutes, or if you’d prefer to following along step by step with our blog post, get comfy and start reading.

 

1. Log In

Spark 1

From the Spark homepage you can learn more about Adobe Spark or jump straight in and start creating. You can log in using Facebook, Google or your Adobe account. If you haven’t got an account set-up is simple.

2. Create Content

Once logged in you are presented with your dashboard. In here you will see a row of informative articles along the top and any projects you have started below. Click into one of the projects and pick up were you left off or hit the blue “+” sign and start a new project – this it what we will do now.

When starting a new project there are a range of templates which are perfect for creating standard sized graphics but you can also create content that is set to custom specifications (perfect for LED screens!)

To do this we have to scroll down to the bottom of the page and choose “Create a Graphic”.

You’re then presented with another list of templates or you can start from scratch – this is the option we need to choose.

3. Design Your Graphic

On the “Select A Size” page you can choose from a range of default sizes or set your own custom size.

In the custom size box enter “1920” for the Width value and “1080” as the Height value. This size is known as “Full HD” and uses an aspect ratio of 16:9 allowing you to get a quality graphic that will look great on your big screen.

You now need to choose a background for your graphic. You have a few options:

  • Select one of the featured royalty free images (on the right hand side).
  • Search for royalty free photos.
  • Upload your own image.
  • Or skip this option entirely and use a plain background.

For this example we’ll be using one of our Christmas templates.

Press the upload button and find the file you wish to use.

Once the background is uploaded you’ll see something similar to the below. There will be text box in the center of the screen which can now be edited.

You can edit the text the same way you would type into a word processor – as well as move the text around:

  • Use the dots at the corner of the box to make the text box bigger.
  • Change the boxes position by clicking and dragging the edge.
  • Rotate it using the arrow button.

See it in action:

4. Edit The Text:

The options you have are:

  • Font Family: This allows you to change your font to match brand guidelines.
  • Alignment: Left, center or right.
  • Capitialize & Fit: Turn text into all capitals and changes the size of the lines to match the box.
  • Size: Change the font size.
  • Letter spacing: Change the space between the individual letters.
  • Line spacing: Change the space between each line of text.
  • Opacity: Change how visible the text is.

 

See it in action:

5. Edit Text Colour

Clicking into “Color” you will see some suggested colour combinations, based on your background image, followed by a collection of all colour combinations. Underneath the heading “Current Colors” you can swap the order of the primary and secondary colours using the swap button (the two arrows). You can also click into the colour picker (the three lines) to choose your own colours.

As well as changing the the font and the colours of the text there are a few more option on this toolbar.

  • Add: Add additional text boxes.
  • Type: Change the font and size.
  • Color: Choose colours.
  • Shape: Change the shape of the text’s background, or remove it all together.
  • Effects: Give effects to text such as shadows and outlines.
  • Style: Interesting design suggestions to help give your text a quirky look.

From this point out the greatest teacher will be getting your hands dirty and playing with the various options until you’ve got something you really like the look of – it’s completely in your control!

Once finished click “Download” in the top right of the window to download your image. It’s then ready to upload to your screens CMS.

 

Article author

Daniel Postlethwaite

Marketing Assistant

Back to blog home