Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In most cases, we're going to want to add images to our Captivate projects. In this lesson, we're going to see how we can do just that. We're going to begin with the Chapter 3_d file that we created in the previous lesson. Open that file now, if you don't have it opened already, and then go to slide number two. I'd like to add some images to fill the space in the bottom. There are several supported image types that I can import into Captivate. Those include JPEGs, GIFs, PNGs, BMPs-- Windows Bitmap files--Extended Metafiles, Windows Metafiles, and a few others.
What's notably missing from that list are Photoshop, Illustrator, and PDF files. We can import a Photoshop file through a different method if you happen to have that E-Learning Suite installed. We'll take a look at that in another chapter. For now, let's import some images in JPEG, PNG, and Extended Metafile format. From the Insert menu, choose Image. You'll see a keyboard shortcut over on the right. On the Macintosh, it's Command+ Shift+M. On Windows, it's going to be Ctrl+Shift+M. This is a keyboard shortcut that you're probably going to want to remember.
In your Images list, down near the bottom, you'll see Olives Freshly picked, Olives On the Tree, Olives Ready for Sale. Let's begin with Olives Freshly picked. Select it and then choose Open. One thing that you'll notice is that it completely fills the screen. This is because this is a photograph that's coming to us out of a digital camera, and that photograph is going to have the dimensions that are coming from the camera. In many cases, cameras have very high-resolution imagery that's set to 72 pixels per inch.
This means that many times when you place an image into Captivate, you're going to end up with it filling the screen. We can adjust the size of the image, however, over in the Properties panel. You'll see that there is a button here under Image Edit that says Fit to Stage. This is a very handy button, so go ahead and click that. Now the image fits the stage, and we can select the drag handles. This becomes an important part of your workflow if you're going to be importing images frequently. To resize the image, grab the upper right-hand corner, click, and hold down the Shift key, and then drag to the lower-left corner, then make it to be about that big.
You can deselect by clicking out in the pasteboard. Now, let's get the next image: Insert > Image. This time we'll grab Olives On the Tree. Once again, Fit to Stage. Now, grab the upper left-hand corner, click, hold down your Shift key, and reduce it. Once you're done, release the mouse and the Shift key.
There is another way that we can add images to our projects, and that is to drag and drop from our file system. On my Desktop, I have my exercise files, here is Chapter 3, and there is my Images folder. Already, we have Olives Freshly picked and Olives On the Tree. This time, we'll grab Olives Ready for Sale. Select it, and drag it onto the stage, and then release it. When we release the image, it will be located so that the upper left-hand corner of the image is where our mouse was when we released it onto the stage.
This helps you to better position these images in Captivate if they've already been resized in your image-editing application. Since I know that this is very large, I'm going to Fit to Stage and then shrink it. Again, hold down my Shift key. This time make it to be about that big, because I don't want all of the olives. I'm going to use the Image Cropping feature of Captivate, so that we can have a closer-in view of some of these olives. Over under the Image Edit area, you'll see a Crop tool.
Click on Crop Image, and then we can adjust the crop for the image. You can see the stage is highlighted automatically, and the image goes well beyond the stage. You'll see that there is a Fit to Stage button that you can choose. This will automatically fit your image to the stage. However, we want to crop. You can now choose a crop area by clicking and dragging on the handles. You can also move the crop area by clicking and dragging in the middle.
Let's pick this lower left-hand corner, and take a look at the crop area. I'd like to set that crop area to about 1000 x 800. That's pretty close right there. Now that I am done, I can click OK. Now, I've got a cropped image, but it is quite large. So again, we'll have to fit it to the stage, but it fits the cropped image to the stage, and then we can grab the corners, and shrink it.
We'll put it in the middle. JPEGs and PNGs aren't the only type of images that you can put in a Captivate slide. Let's add a vector image that happens to be in the Windows Metafile format. If you remember your keystrokes on the Macintosh, it's Command+Shift+M. On the Windows computer, it'll be Ctrl+Shift+M. We'll pick this Windows Metafile, or Enhanced Metafile, down here. Choose the one called Vector Smart Object, and then click Open. This, we can resize and put in the upper right-hand corner here.
Click on a corner, hold down your Shift key, and shrink it, and drag it up. Because it's a vector object, you can resize it without losing resolution. We can import Illustrator content by saving them as Enhanced Metafiles or Windows Metafiles. If you've got Illustrator vector content, maybe logos or other types of content that you've been using in other projects, that's the way that you're going to be able to use that content here inside of Captivate. I am going to mention another method of importing graphics into Captivate, and that's to use Adobe Bridge.
If you happen to have the E-Learning Suite installed, then you may see the Bridge icon up here in your toolbar. If you click the Bridge icon, it will launch the Bridge, and then allow you to drag and drop files from there. You can also browse for content inside of the Bridge from the File menu, choosing Browse in Bridge. This will launch the Bridge and allow you to send content back to Captivate. Once again, that's a feature that's only available to users of the E-Learning Suite. So, we're not going to take a look at that in detail today, but I did want you to be aware of it if you're an E-Learning Suite customer.
We'll save our file now as Chapter 3_e. An important thing to take away from this lesson is that there are many different types of images that we can bring into our Captivate projects. Sharp ears will have noticed that the types of graphics that we can use here are very similar to the types of graphics that we might be using on the web. While we can't import Illustrator files directly, we can save them as an Enhanced Metafile or Windows Metafile format and then import them that way.
So we do have a workflow that allows us to use that content. We'll take a look at how we can import Photoshop files directly in the next chapter. Regardless, you still have many different options that you can use to get your images into your Captivate projects.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 98479 Viewers
80 Video lessons · 141516 Viewers
59 Video lessons · 59869 Viewers
52 Video lessons · 73061 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.