Importing Photoshop files
Video: Importing Photoshop filesIn a previous lesson, when importing images into our Captivate project, we found there were a number of different formats to choose from. One format missing from that list, though, was Photoshop file, and to import a Photoshop file into your Captivate project requires a different procedure. Let's review bringing in an image, so we can compare. Using our Volunteer Orientation project, we will go to Slide 8, Upcoming Exhibitions, and we're missing an image here. So to insert an image here in Captivate, it meant going to the Insert menu, and as we move down to Image, and select it, we just simply navigate, and there are a number of different formats, none of which are PSD files, or Photoshop files.
Viewers: in countries Watching now:
Adobe Captivate is a program used to create interactive eLearning content and provide custom online training to employees or clients. In this course, author David Rivers walks through the Captivate 6 interface and the process of building an eLearning project from start to finish.
The course shows how to make a presentation from scratch or with built-in themes, import Photoshop images and PowerPoint slides, and add interest with animation, widgets, and video. It also demonstrates how to prepare for and record a software simulation, synchronize video, add audio, and build quizzes into your project.
- What is eLearning?
- Choosing a workspace
- Adding text, shapes, and images to projects
- Linking in Captivate
- Inserting interactive elements
- Using built-in actors
- Adding voiceover to projects
- Using different question types on quizzes
- Scoring tests and quizzes
Importing Photoshop files
In a previous lesson, when importing images into our Captivate project, we found there were a number of different formats to choose from. One format missing from that list, though, was Photoshop file, and to import a Photoshop file into your Captivate project requires a different procedure. Let's review bringing in an image, so we can compare. Using our Volunteer Orientation project, we will go to Slide 8, Upcoming Exhibitions, and we're missing an image here. So to insert an image here in Captivate, it meant going to the Insert menu, and as we move down to Image, and select it, we just simply navigate, and there are a number of different formats, none of which are PSD files, or Photoshop files.
So let's bring in Swatch.jpeg here, and with it selected, click Open. It shows up in its original size. It's way too big for our stage. Luckily, there is a button over here in the Image Edit Properties to Fit to Stage, and now we can just resize it to something that's going to be close to what we're working with here on our Slide, so it matches the others. We will move into position, and there you go. It's a flat file; there are no layers to it. We do have some image editing options to work with, but really it's not like a Photoshop file, made up of several layers.
Let's go to the next slide now, Slide number 9, Our Vision. Here's an example of an image that might have been created in Photoshop, in fact, I know that it was, and it's made up of several layers. But remember, we brought this in from PowerPoint, so the entire slide is a flat image, and we can't really make adjustments to it, unless we remove it, and start with the Photoshop file. So let's go over to our Filmstrip here on the left, right-click, and choose Delete. You could also use your Backspace key. Click OK to confirm you don't want it, and now we are going to insert a blank slide.
So we'll just go back to Slide number 8, because we want our new slide after this one, and we'll go up to the Insert menu, and go right to Blank Slide from here. So there is our blank slide, nothing on it, and we're ready to import our file. It's not on the Insert menu, we have to actually go to the File menu to find Import, there it is. We could have imported our PowerPoint slides from here, but Photoshop file does appear at the top the list, and that's where we're going to click. Now it's just a matter of finding it, and you can we do have a PSD file here in the Chapter3 folder of your Exercise Files, SAMOCA_vision. You can double-click it, or one click, and Open, and this is a little bit different than our flat file or JPEG that we just brought in.
Notice that there might be Layer comps, and if we click Multiple, we see, not in this file; we'll leave single selected. We can also Scale it according to the stage size, so we don't have to run into that problem of resizing it to fit. We also have each of the Layers, some selected, some not, that are going to be brought in, and we can expand those sections to see what's in them; all of the different Objects on those different layers. Let's leave everything as is. We do want to Import as Layers, so we can make adjustments to them.
We do have an option though here to flatten the image, so it'd be just like our JPEG, but let's leave the Layers selected, and click OK. And you can see what's happening; it's importing the PSD images. You can see it flashing in the background. Something happened there; in behind this, there is that background, and we can't see it, because this is solid. So all we have to do is make a minor adjustment, and these are separate objects that we can adjust. You can click them, size them, and adjust them. Let's go back to this white background here, and make it transparent.
With the object selected, we go over to the Image section of our Properties, click the dropdown here for the Transparency. I am going to use the eyedropper called the Pick Color tool, and click on the White, it becomes transparent, and look at that; that looks beautiful. Now remember, all of these objects are individual objects that can be edited. So for example, if we want to remove this text, we just select it, hit the Delete key on your keyboard, and click OK. Now we can put in our own, for example; maybe all of that information no longer applied, it wasn't really new, so if we wanted to, we could just type the word Vision in there. How do we do that? We can bring in text using the Insert Text Caption.
Now, it does appear here, ready for us to type. I am going to type vision in uppercase. Hard to see, but if we go to the Zoom dropdown, and choose say 100 -- it's still kind of small, and it's not the right color. I am going to double-click to get inside, select the word vision, still very difficult to se,e and I am going to change the Size here from 20, let's go to 36, and hit Enter. It's much bigger, but not big enough. Let's change the Color.
Right now it's a dark color; we're going to go to white. It's still selected, so it doesn't look white, but let's just click outside; see that it is indeed white. Now I'll click once on the word, and drag it into this area where it's actually going to reside. I am going to zoom back out to Best Fit, see what that looks like; you see it's off to the left. We can still go bigger, and we want to make the Size of this text caption box much bigger to accommodate what I'm about to do here, and that is to change the Size once again, from 36, let's try 54, and press Enter. That looks better.
And we might want to change the alignment a little bit. I am going to go to the left border, and because of the layers that we were able to bring in, we could remove the old text, and put in our own, and play with the file, like we are right now. So we'll just deselect by clicking off in the background, and that's bringing in a Photoshop file into your Captivate project.
There are currently no FAQs about Up and Running with Captivate 6.