Join Daniel Brigham for an in-depth discussion in this video Inserting slide layers, part of Articulate Storyline Advanced Techniques.
As I mentioned previously, layers are a main tool in building interactive content in Storyline. For example, in this top-selling product slide, I've created a trigger, so that when I click on the mini panel image, a layer is revealed which gives more information about it. I've also inserted a trigger in the form of a close button that closes the layer. Now, I'll show you how to insert a layer, format it a little bit and then add two triggers. One so the learner can open the layer, and another so that they can close the layer when they're done interacting with the content.
We are working with the Insert Layers file. Okay, so to insert a layer, down on the lower right, I'm going to select the New Layer icon. And it's really a best practice anytime you're creating a new layer, to double click and give it a more meaningful name. We're working with a mini panel so let's name it the Mini Panel. Select Enter to lock that in. And so you're looking at our first uncreated layer and one of the nice things about Storyline is you can tweak the text and graphics really however you want to.
So let's start by going up to the Insert tab and inserting a shape. Grab this rectangle here. We'll Click and Drag. This will be sort of our background box. Now, we're going to insert a picture by pressing ctrl+j. Let's grab this Mini Panel image by selecting it. Selecting Open, and with the shift key down, I'm going to drag it out so it's a little bit bigger. Control keys, is going to center it, and move it up a little bit. Next thing I want to do, I want to bring in a text box, so we'll do that by pressing ctrl+t.
This first one will be our kind of title. I'll Select this and using the arrow key to center it. And actually I want to duplicate this by pressing ctrl+d, which will duplicate our objects. Then I'm going to write some new text in here. We'll select this and using our, arrow keys, center it. Okay, so we have some content, now we want to continue to format it. We'll capitalize that first letter on the second text box. Let's select thee Mini Panel title, pull down the shift key.
We'll select thee image, and we'll select the background and then we will head up to Format. And here is where you should really experiment, you know, giving the colors of your project. I've done that, and I kind of like this subtle effect accent three, so I'll choose that. And you can tell that really does a lot for it. So the next thing we need to do is insert a close button. So we'll go up to Insert. All the way over to the right here is Button. kind of like this button one, a more rounded feel there. So I'll Select that.
Then you can Click and Drag where ever you want it. Looks good. I'm going to type a, capital X to indicate the close button. I'm going to go up to Format. And these are usually red, right? That close button, so lets select that. Got a nice red close button. Now with buttons, they almost always have Triggers assigned to them. And if you look over to the right here you can see Storyline is thinking for us and saying hey, you've got a button, what do you want to do with the trigger? Do you want to add a trigger? And yes, we do. And what do we want to have happen? Do we want to show the layer? No, we don't.
We want to hide the layer, or close the layer, is another way to think about that. Which layer? Well this layer that we're on, when the user clicks this button. We'll select, OK. Now, really the last thing we need to do is hop back to our base layer. So we'll select that. And then Add a trigger that's going to get that Mini Panel layer to fire. Because, really a layer is worth next to nothing, if there's no way to get at the fire. And what is going to cause it to fire? Well, when the learner clicks on the Mini Panels. So, let's select the Mini Panel, and now we need a Trigger to get that Mini Panel layer to open.
Two ways you can insert a Trigger, you can go up to Insert, and this is the long way, to Trigger. Or you can just go over to the Trigger Panel and select Create New Trigger. So what do we want to have happen? Do we want to hide the layer? No, we don't. We want to show the layer. Which layer? The one we just created, Mini Panel. When the user clicks the Mini Paneled image. Select OK. So, now, let's preview this by pressing shift F12. Alright, Top selling products, we click on the Mini Panel. It opens up our Mini-Panel image.
We read it, close. Looks good. And that's how you insert a layer and corresponding triggers. Now, when might you use layers? Well, you might consider using layers when you're giving learners feedback on an interaction or a scenario. Or really, any time you have a good deal of information on a slide and want to break it up into more, manageable chunks.
- Reviewing the core concepts: layers, triggers, and states
- Inserting slide layers, markers, and more
- Formatting a slide master
- Inserting and saving a Storyline template
- Adding variables
- Creating interactive video
- Working with screen recordings
- Publishing your Storyline course
- Customizing the player