Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie, we're going to take a look at gradients in Captivate 5.5. Let's move down to the quiz portion of the project. You can see the two master slides are in use. There is one that begins the quiz. Here it has the hansel & petal logo and you can also see it on Slide #1, but also from Slide 6 on there is no hansel & petal logo. I want to build that background using the new gradient feature inside of Captivate 5.5. The first thing we need to do is to look at the master slides. Under Window choose Master Slide.
Now go to Master Slide #2. Select it and then we'll be able to edit it. We need to draw a box on top of this existing background. Now this background is a Photoshop file, so it takes up a lot of memory in your project. We can reduce the amount of memory in our project by getting rid of some of these large graphics and we'll use the Gradient tool to do that. We need to draw a box. So move your cursor over to the toolbox and under Line select Rectangle. Now draw a rectangle that goes from side- to-side, but don't cover the entire box.
The easiest thing to do is to select the upper left-hand corner and then drag down to about midway all the way over on the right. I don't want you to cover up the entire slide because I need the original graphic there for reference. Now I need to change the fill and we're going to take advantage of the new gradient features. Over in the Properties panel, open up Fill & Stroke if you don't have it open already and then click on the fill indicator. You'll see now that in addition to the paint bucket, there is also a gradient fill. Select that to begin the process.
We have a number of gradients that are pre-built. You can see them here. Let's take a look at what this blue one looks like now. That's a very slight gradient from a light blue to a dark blue, but we need something that goes from the blue that's on the screen to white. We can change the orientation of the gradient by looking at the Custom Gradients panel here. I want it to go from left to right. So I'll select this to go from left to right. Then I can change my colors. I need the left-hand stop to be the same as the blue that's already on the screen.
Select the left-hand stop and you'll see that you'll get a color picker that will show up. Conveniently, there is an Eyedropper tool. Select the Eyedropper tool and then click way over on the left-hand side over on this existing blue gradient. Now we've matched that color. We need to set the right-hand stop to be white. Select it and then pick white. Now you can move the stops simply by dragging them to the left or the right. Click on the white stop and move it to the left. Now you can see what I've got is just about matching the existing graphic.
You also can see the different variations that show up here. If you want your gradient to go from corner to corner, you could choose this one, for instance, but let's pick the original choice which was left to right. If you want to add additional color stops, you can do that as well by simply clicking anywhere underneath the gradient. Let's do that now. Click over here in the empty area in the right and then we'll pick another color to go in that spot. Click on the color and then pick saya red, which would be very obvious.
I don't really want to keep this. So we need to remove this stop. I can click and drag it off to remove it. We can create custom gradients by adding them to the Custom Gradients panel. I'd like to save this gradient for use later. You can see right here there's a little icon that says Add to Custom Gradients. If you click it, it will add it to our Custom Gradients panel and then this will be available for us later. I have other options that include radial fill and swapping the end points. This will reverse the colors in the gradient. Let's shut off the Reverse and go back to Linear.
We're almost done with our gradient. We need to set it back to the original position and what I'll do is to use my existing custom gradient selection there. Now we need to be rid of the background image that's on the slide. Simply select it by clicking outside of the gradient and then delete it. Yes, I would like to delete the selected item. Now we can extend the gradient all the way down to fill the page. Select it and then drag the drag handle here in the center. Gradients can also be applied to strokes of objects as well. Go ahead and explore how you can apply gradients to strokes and fills on your own.
Now that we've made the change to the master slide, let's go take a look at the results. Select Slide #6 and there it is. Gradients in Captivate aren't just for filling in large areas. You can see on this screen where you might take advantage of the new gradients in Captivate. These buttons, for instance, on this screen are natural candidates for gradients. Go ahead and take advantage of gradients to make your designs more exciting on your own.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 98320 Viewers
80 Video lessons · 141445 Viewers
59 Video lessons · 59800 Viewers
52 Video lessons · 72999 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.