How I Create Professional Social Graphics On the Fly

Easily create images to build your rockstar digital presence

How do you attract eyeballs online?

If there’s one thing that can help build your rockstar digital presence, it’s having a unique visual identity.

This is how I do it.

Let There be Spark

First, we need an awesome tool.

There are tons of tools out there, but when I say awesome,
I meant free.

Introducing Adobe Spark. <applause>

Image Source

Why Spark?

  1. Mobile and Web
    Projects are automatically synched. Create anytime, anywhere.
  2. Easy to use
    Photoshop skills not required.
  3. Adaptation
    Your artwork magically resized to several social media platform dimensions.
  4. Free, free and free
    A free app with free resources. What more can you ask for?
There’s just one caveat: Adobe Spark does not allow you to add your logo mark. Plastering logo marks everywhere is old school. Online users don’t really care about fancy logo marks. They care about finding your brand in the digital space. A hashtag or a web url actually works better.

Now, let me illustrate how to create a post image using my workflow. Let’s get started!

Step 1: Create an account, start a project

Create an account without signing up for a subscription.
Did I mention it’s free?

Press the menu icon (top left).

Step 1–1: Press the menu icon to open up the slide navigation bar

Press “Post”(green button with a plus sign).

Step 1–2: Press “Post”

Step 2: Key in your message and choose a format

Add in your message and choose a graphic size

My Message
“You were born to stand out”- Dr Seuss

My Graphic Size
Twitter (2:1)

Step 2: Key in your message and choose a format

Press Continue.

Step 3: Choose your colours, fonts and photo

Combine photos, photo filters, fonts, colours and layout styles to create your unique visual identity.

Press Text (top right).
Play with the options below (Shape, Colour and Font)

My combo 
Font: Megrim 
Color: Green
Shape: Rectangle bars

Step 3: Choose font type, colour and shapes.

Step 4: Add a hashtag

Add a hashtag to functionally extend your brand reach.

Refer to Step 3 screen:
Press Add (Green button with plus sign).

Press add text (“T +” icon).

Step 4–1: Press “add text”

My hashtag

Step 4–2: Key in your hashtag

Step 5: Choose a background photo

Add/Change a background photo.

To change the default background photo; tap into your artwork.
Press replace (image+pencil icon).

Step 5–1: Replace the background photo

Press Find Photos (magnifying glass icon) on the side panel.

My search keyword

Step 5–2: Use search to find “Lego”

Choose eye-catching photos that match your message.

Step 5–3: Choose eye-catching photos. Click on the thumbnail to select.

Press X(close). This will display the filter options.

My photo-filter

Step 5–4: Choose a photo filter

Press Share. 
Then Download.

Step 5–5: Download your visual


Note: It’s easy to remove the Adobe Spark branding, find out here.

Step 6: Resizing for other platforms

To create for other platforms, all you need to do is duplicate your project.

Press Duplicate.

Press Layout. (upper right)
Choose a platform under “Resize” tab and Spark will layout your artwork magically!

Instagram (1:1)
Web Banner (3:1)
iPhone (1:1.78)

That’s all there is to it. Six steps in 4 minutes. 
Blasting my visuals now into digital space.

If you enjoyed reading this how-to article, please hit 💚 to share and recommend it so others can find it!