December 21, 2011

Gradient Goodness for Rapid eLearning in Adobe Captivate 5.5

CTRL SHIFT G While you have a gradient selected. That’s the shorthand version of today’s hot Captivate tip on Gradient Goodness. Gradient Fill was added to Adobe Captivate 5.5, and it’s so intuitive and easy to use that immediately I saw tons of people taking advantage of this quick, simple way to get more interesting looks in their projects. But one question that often comes up is what are those little “Pattern” elements in the drop down menu of the Gradients Dialog used for?

Down in the bottom right corner you’ll find a little drop down menu that says Pattern, and has three options, Pad, Reflect, and Repeat. But if you just grab them and start clicking you won’t usually see a visible result. Why not? Well the answer lies in the mysteries of “Edit Gradient.”

You may either right click on a gradient (whether it’s in a shape or the whole stage area) and choose ‘Edit Gradient” or you can Press CTRL + SHIFT + G, in Captivate 5.5 while that gradient is selected. This will bring up a gradient editing tool, that looks like a black line with a pin (shown by a black dot) on one end of the line, and a vector(angle and length) control handle (represented by a black square) on the other end. This tool is pretty simple to use. The angle of the line represents the angle perpendicular to the gradient. Just grab the pin (black dot) to relocate the center (in the case of radial gradients) or end point of the gradient. Use the square shape end control to alter the angle, or to alter the length of the gradient fill.

Now in order to understand, Pad, Reflect and Repeat, you’ll want to make the gradient fill a little shorter than the default setting. Try making it about half the default length. Now when you change from Pattern: Pad (the default) to Pattern: Reflect you’ll see that the gradient is reflecting in repetition. With Reflect you get a kind of soft repetition because the colors are inverted along the perpendicular line represented by the gradient angle.

If you choose Pattern: Repeat, you’ll get hard edges in a repeating pattern. This is because the gradient is repeating without the inversion, so as one color comes abruptly against the other, you see hard edges.

Hope you find this tidbit helpful. As always, feel free to leave comments and questions below. Or visit us on http://www.facebook.com/adobecaptivate.

Posted by Allen Partridge4:27 PM
  • Loading
  • Categories

  • Archives

  • Authors

  • Recent Comments

    • SunTro: I had a colleague generate the project for me using 8.00.145 and I get no error message.
    • SunTro: After updating to 8.0.1.242 and publishing projects as SCORM 1.2 in html5, I get the error message...
    • Ripken: Can’t get mine to work since I updated my mac to Yosemite. Anyone know if this fixes that?
    • Joshua: I’ve taken this course and it is very informative. My only issue was that Aaron tends to move pretty...
    • Mike: I’m going to buy and learn Snag-IT this ticks me off
  • Captivate & eLearning Videos

    Subscribe to Adobe eLearning on YouTube.

    Check out the latest eLearning Videos on AdobeTV

Recently Approved