• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jackie Van Nice

E-Learning Goodness by Jackie Van Nice

  • Home
  • About
  • Blog
  • Portfolio
    • Articulate’s ELH Challenges
    • Sales Mobility Software
    • Product Sales
    • Sexual Harassment
    • Code of Conduct
  • Freebies
    • Free Storyline Templates
    • Free PowerPoint Templates
    • Free Images
    • Freelancing Tips
    • Free Resources to Help Get Started in eLearning
  • Work With Me
  • Contact

Making Text Work with Images

December 16, 2016 By Jackie Van Nice 6 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This week’s ELH challenge is to create an example of using text with images. Woo-hoo!

The Idea

My plan was to finally go through some of my Death to Stock photos, select one I like, and add some text so it looks appealingly cool. I felt good about this.

The Original Image

The Original Image

The Colorful Title

The Colorful Title

The Design

I put it together in Storyline.

The Image

It didn’t take long to choose one. This photo of colorful spools of thread on carefully hand-labeled shelves was too good to pass up.

Title Text

The image made me think of artisans, craftspeople, and the maker movement. So “Makers” became my title.

Using the eyedropper tool I started pulling those vibrant colors out of the threads and applying them to the title letters so that each one sort of echoed the look and feel of the individual spools. I looooooved the result, and that the title could sit right on the middle shelf in the picture.

Body Text

I found a quote from Mark Hatch, a maker movement guy, and placed it on the shelf just below the title. To make it a bit easier to read I added a semi-transparent dark shadow just behind the text. Because the edges of the shadow follow visual breaks in the image, it’s nearly invisible.

I expanded both title and body text to make it more visually pleasing and a bit easier to read. After that I added some entrance animations and called it good!

Make it Work!

Ready to see how it turned out? You can view it right here.

Select Image to Launch Demo

Select Image to Launch Demo

Share this:

  • Click to share on LinkedIn (Opens in new window) LinkedIn
  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on X (Opens in new window) X
  • Click to share on Pinterest (Opens in new window) Pinterest
  • Click to share on Tumblr (Opens in new window) Tumblr
  • Click to email a link to a friend (Opens in new window) Email
  • Click to print (Opens in new window) Print
  • More
  • Click to share on Reddit (Opens in new window) Reddit
  • Click to share on Pocket (Opens in new window) Pocket

Like this:

Like Loading...

Related

Filed Under: E-Learning, Front Featured Tagged With: Articulate 360, Articulate Storyline, E-Learning Design, ELHChallenge, Typography, Visual Design

Previous Post: « Dialing Up a Delicious Color of the Year
Next Post: E-Learning Avatars and Super Powers »

Reader Interactions

Comments

  1. Dan Sweigert says

    December 17, 2016 at 11:15 am

    I love the choice of fonts, colors, and entrance animations on this. The quote is inspirational as well!

    Reply
    • Jackie Van Nice says

      December 17, 2016 at 11:30 am

      Thanks, Dan! It was simple, but fun. :)

      Reply
  2. Sylvia Wright says

    December 20, 2016 at 2:41 pm

    Love it Jackie! THANKS for sharing. I’d never heard of Death To Stock either…thank you again! :)

    Reply
    • Jackie Van Nice says

      December 20, 2016 at 3:08 pm

      Oh that’s great, Sylvia! You’re welcome! They share beautiful free images. They arrive in my inbox periodically but it’s rare I stop long enough to think about how I could actually use them – which is a shame! I vow to use them more from now on. :)

      Reply
  3. Libby says

    January 11, 2017 at 7:10 pm

    This is a good ELH challenge! I’ll do mine soon! Nice work, Jackie! :) I noticed you also redesigned your website? It’s good! :)

    Reply
    • Jackie Van Nice says

      January 11, 2017 at 7:22 pm

      Thanks, Libby! Yes, it was time to update a bit. Glad you like it!

      Looking forward to seeing you you in the challenges – this one’s great because it’s quick!

      Reply

What do you think?Cancel reply

Primary Sidebar

Welcome!

I’m an award-winning instructional designer and proud Articulate Super Hero who creates e-learning for large organizations. I blog to explain my design process, share tips and tricks, and help others succeed. I hope you enjoy my refreshing gallery of e-learning goodness!

  • View jackietrains’s profile on Instagram
  • View jackievannice’s profile on LinkedIn

Tags

Articulate 360 Articulate Rise Articulate Storyline Articulate Studio Audio Avatars CCAF Characters Community Context Design Makeover Dials Drag & Drop E-Learning Design ELHChallenge Emotional Engagement Free Download Freelancing Games German Glossary Instructional Design Languages Makeover Menu Mobile Motivation Pantone Portfolio PowerPoint Professional Development Quick Reference Quizzes Sales Training Scenarios Show Your Work Software Training Storyline 360 Tables Technical Training Templates Typography Video Visual Design Voiceover

Top Posts & Pages

  • Portfolio
    Portfolio
  • Home
    Home
  • Sexual Harassment Training
    Sexual Harassment Training
  • Sales Mobility Software Training
    Sales Mobility Software Training
  • Navigating a Tasty Circular Menu
    Navigating a Tasty Circular Menu
  • Articulate's E-Learning Heroes Challenges
    Articulate's E-Learning Heroes Challenges
  • About
    About
  • Free Visual Storyboard Template
    Free Visual Storyboard Template
  • Free Storyline Templates
    Free Storyline Templates
  • How to Go Full-Screen & Lose the Player in Storyline
    How to Go Full-Screen & Lose the Player in Storyline

Copyright © 2025 Jackie Van Nice and E-Learning Goodness by Jackie Van Nice

%d