December 21, 2011
Gradient Goodness for Rapid eLearning in Adobe Captivate 5.5
Comments
(9)
December 21, 2011
Gradient Goodness for Rapid eLearning in Adobe Captivate 5.5
Group Technology Evangelist
Staff 44 posts
Followers: 221 people
(9)

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.

9 Comments
2012-05-18 01:47:00
2012-05-18 01:47:00

Can you change a gradient color? Or can you only use the preset colors?

Like
()
2012-02-24 11:08:31
2012-02-24 11:08:31

[…] Tools Are Transforming The Training Landscape | E …Gradient Goodness for Rapid eLearning in Adobe Captivate 5.5 …Book Review: Moodle 2 E-Learning Course Development by William …E-Learning for Beginners: Back to […]

Like
()
2011-12-30 04:11:00
2011-12-30 04:11:00

Hey guys, love the page! Check out our new @Olas fb page for updates, videos and software tips, just click ‘like’ and support an Irish SME. We offer captivate training anywhere in Ireland Happy X-mas from all of us here at Olas

Like
()
2011-12-24 10:10:00
2011-12-24 10:10:00

Unrelated comment to this article – sorry, didn’t know where else to put this – but after clicking on “Download eLearning Examples” link on rightside of this page, noticed that the download for module 3 is actually module 2. These are great examples, and I’d really like to have an opportunity to examine module 3 (the Hospital example).
Thank you-Jim

Like
()
2011-12-22 15:38:27
2011-12-22 15:38:27

[…] Go here to see the original: Gradient Goodness for Rapid eLearning in Adobe Captivate 5.5 « Rapid eLearning | Adobe Captivate Bl… […]

Like
()
2011-12-22 00:51:28
2011-12-22 00:51:28

[…] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } blogs.adobe.com (via @ElearnerSA) – Today, 11:21 […]

Like
()
2011-12-21 19:44:41
2011-12-21 19:44:41

[…] See the original post here: Gradient Goodness for Rapid eLearning in Adobe Captivate 5.5 […]

Like
()
2011-12-21 17:16:27
2011-12-21 17:16:27

[…] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } blogs.adobe.com – Today, 3:46 […]

Like
()
Add Comment