In this video, learn how to add images to a project and adjust their properties to customize the appearance, such as sizing, moving, and adding attributes like a shadow.
- While text on a slide is a great way to convey information in your storyline project, slides with just text can become quite stagnant, boring, and we can change that by adding some pizazz with graphical images. That's what we're going to do in this movie with our RT30 background project, 0301 from the Chapter 3 folder of your exercise files if you're catching up. Looking at slide one, very plain right now. Not very interesting at all. Let's spice it up by adding the company logo. We'll do that by going to the insert tab. From here, you'll see something called the Content Library 360. All of these options come with your subscription, so you get online access to characters, photos, illustrations, and so on. To use your own media, you go to the media group here on the ribbon and you'll see picture has a dropdown arrow. Give it a click. Now we can choose from our media library from here if we wanted to, or our own files, picture from file. By selecting this, we can now go browsing for the images that we want to use. In the Chapter 3 folder you'll find R30 logo. So give it a click. Notice down below the different picture types. There's all kinds. JPEGs, PNGs, BNG, et cetera. This one happens to be a PNG file and when we click open, it's added right to our slide. You can see if fills the entire slide, but Storyline 360 has a number of built-in tools to help us customize this logo to really look the way we want. First of all, we're going to size it down. Go to one of the handles, like in the bottom right corner here. That allows us to adjust the height and the width. We'll drag it up and inwards 'til we get a good size. I'm going to 348 by 182. Now go inside. You'll see the four-sided arrow. We can move it around and notice the guidelines that pop up, helping us align our image with other objects on our slide so when we see that line going through the welcome title, which we know is centered, we can get let go and know that our logo is also centered. Now with it still selected, check out the picture tools with the format tab. There's a number of things we can do. Now, with photographs, you can adjust things like brightness, contrast, et cetera. That's a cool option. But with this, it's just a graphic, our logo, we might want to choose picture styles. Click the dropdown. You can see a number of cool options that add things like borders, shadows, reflections, and so on. So these are just presets. If we select one, you can see the end result. Kind of cool, but doesn't work for this option. So let's go up to our undo button to start back at the beginning. We can go to the shape and change the shape of our image. We can go to the border from here and do it ourselves and there are picture effects as well. Click the dropdown and go to shadow and you can see a number of presets here. We're going to go to an outer shadow offset left and give it a click. You can see it's very subtle, but it does kind of bring our logo off the page a little bit. Now, if we wanted to, we could go to the picture styles group here and click this little expansion arrow to get into the format picture options and you can see fill, line color. There's shadow, so if we wanted to customize it even further such as increase the distance, bring it further off the page, let's go up to six, and if we move this over, you can see it actually happening in the background here. Six, seven might be too much. Let's go down to five. We can also adjust the angle from here, bumping it up and down. So if we want to be more precise with our angle, going to go down to 150, and the blur creates a more natural and realistic effect so it can increase the blur, decrease it using the sliders or the arrows and when we're done we'll click close. Kind of cool. Click in the background to see the end result. Of course, we might want to do things like add animation to this. When a slide appears, it comes in with some fancy animation. Another thing we might want to do is borrow the color here for our text down below. So if we go down to welcome and select it by clicking and dragging and now go up to the text color dropdown arrow for the font color, we can use the eyedropper to borrow one of these shades of red and it will be applied to our text. Let's go ahead and choose this nice bright red. There we go. Click in the background. That looks pretty good. All right, let's scroll down now to another slide that just has text and some empty space. This might be a good spot to put that other graphic. We'll go back to insert, picture dropdown, picture from file, and choose the TechLab and click open. This one is a JPEG and again, we have all of those options at our disposal. Size it. Move it. Click in the background when you're done. You can see how graphics really change the appearance of a slide. Makes it more visually interesting and that will, in turn, help your learners retain what it is they're absorbing from your slide.
- Elearning content basics
- Creating a project from slides or from scratch
- Setting preferences and project defaults
- Inserting and linking scenes
- Using triggers and timings
- Previewing content
- Adjusting slide and player properties
- Adding and editing images and characters
- Creating and editing buttons
- Adding external media
- Ensuring accessibility
- Adding assessment questions
- Publishing a course online
- Publishing handouts to Microsoft Word