Create Interactive Online Courses with Articulate Storyline 2 | Jeff Batt | Skillshare

Create Interactive Online Courses with Articulate Storyline 2

Jeff Batt, Founder of Learning Dojo

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
75 Lessons (7h 23m)
    • 1. 01 About the Course

      3:11
    • 2. 02 How do I get Storyline

      5:49
    • 3. 02

      2:34
    • 4. 03 Overview of Interface

      11:19
    • 5. 04 Starting New Project

      6:14
    • 6. 05 Dockable Panels

      2:36
    • 7. 06 Story, Scenes & Slide View

      8:19
    • 8. 06 Layers

      8:27
    • 9. 07 Record Your Screen

      14:04
    • 10. 08 Importing PPT

      5:04
    • 11. 09 Templates

      9:15
    • 12. 10 States

      6:43
    • 13. 11 Notes

      3:03
    • 14. 12 Preview

      4:57
    • 15. 13 Clipboard Format Painter

      5:43
    • 16. 14 Tab Order

      5:32
    • 17. 15 Adjusting Font

      6:29
    • 18. 16 Paragraph

      7:46
    • 19. 17 Drawing

      4:36
    • 20. 17B Insert Slide

      9:59
    • 21. 18 Illustrations

      11:35
    • 22. 19 Visually Updating Shapes

      5:04
    • 23. 20 Insert Media

      10:10
    • 24. 21 Insert Text

      5:39
    • 25. 22 Interactive Objects

      11:05
    • 26. 23 Working with Images

      10:10
    • 27. 24 Working with Audio

      6:31
    • 28. 25 Working With Video

      4:53
    • 29. 26 Web Objects

      5:35
    • 30. 27 Adjusting Stage Size

      2:49
    • 31. 28 Themes

      4:35
    • 32. 29 Slide Backgrounds

      5:22
    • 33. 30 Transistions

      3:19
    • 34. 31 Animating Along Timeline

      6:37
    • 35. 32 Syncing Audio

      4:04
    • 36. 33 Entrance Exit Animations

      5:30
    • 37. 34 Adding Timeline Triggers

      3:45
    • 38. 35 Motion Paths

      7:13
    • 39. 36 Animation Painter

      1:26
    • 40. 37 Views

      7:58
    • 41. 38 Rulers Gridlines

      1:23
    • 42. 39 Zoom

      1:45
    • 43. 40 Community

      2:33
    • 44. 41 Check For Updates

      1:37
    • 45. 42 Deactive

      1:42
    • 46. 43 Adding Triggers on Objects

      7:38
    • 47. 44 Triggering States

      10:38
    • 48. 45 Showing Layers

      9:05
    • 49. 46 Jump to Slide Scene

      3:57
    • 50. 47 Lightbox

      3:39
    • 51. 50 Using Media Triggers

      3:36
    • 52. 51 Using the Submit Interaction Trigger

      3:12
    • 53. 52 Using the Restart Course Trigger

      1:18
    • 54. 53 Using the Exit Course Trigger

      1:43
    • 55. 54 Using the Open URL or File Trigger

      5:28
    • 56. 55 Using the Email to Trigger

      1:23
    • 57. 56 Using the Execute Javascript Trigger

      4:35
    • 58. 57 Using the True False Variable

      16:55
    • 59. 58 Using Text Variables

      13:03
    • 60. 59 Using Number Variables

      11:36
    • 61. 60 Creating Graded Questions

      19:12
    • 62. 61 Creating Survey Questions

      6:54
    • 63. 62 Creating Freeform Questions

      8:05
    • 64. 63 Creating Question Banks

      2:26
    • 65. 64 Inserting Quiz Results Page

      7:46
    • 66. 65 Adjsuting Storyline Buttons

      6:02
    • 67. 66 Creating Custom Player Buttons

      2:50
    • 68. 67 Using a Course Logo

      1:06
    • 69. 68 Player Menu Options

      5:25
    • 70. 69 Building Resource and Glossary

      1:42
    • 71. 70 Customizing the Course Player

      7:38
    • 72. 71 Publishing to LMS or Website

      7:47
    • 73. 72 Publishing to Other Platforms

      1:32
    • 74. 73 Exploring Articulates iPad App

      3:00
    • 75. 74 Course Conclusion

      0:15

About This Class

Become an Articulate Storyline 2 Ninja! Learn to build highly interactive online and mobile courses with Articulate Storyline 2. It's simple enough for beginners, powerful enough for experts.

In this course you will learn to master the skills of creating engaging online training with Articulate Storyline 2! We will cover everything from A-Z...learn how to start a course, create your own content, make it interactive and engaging, use variables and triggers and then publish to a Learning Management System, mobile device or website.

In this course, you will learn:

• Starting a new project
• Scenes vs Pages
• Working with Page Level Content
• Creating your own visuals within Storyline
• Working with media (External images, video & audio)
• Customizing the theme and player
• Animation basics
• Create drag and drop interactions
• Working with Storyline triggers to create interactivity
• Using variables for advance interactivity
• Creating quizzes and question banks
• Publishing your course for an LMS or mobile devices
• Building interactive games & interactions within Articulate Storyline 2
• Use motion paths

With Jeff as your Sensei, you will become a certified Ninja of Storyline in no time!

Transcripts

1. 01 About the Course: welcome to this course on articulate storyline to now articulate storyline is one of the best e learning applications that you can actually get out there on the market. It allows you to build online interactive training without being a developer, so that makes it basically gives you the ability to create a course to create some interaction. Um, ants do not have to be a developer in order to create those. It makes it easy. It makes it flexible, and it makes it possible for you to go in and to create any type of online training. You can create software simulations. You can go in and you can create games interactions and so just animations timed up with audio and everything. Now you confined, articulate at articulate dot com. And if you go over to the products and hover over storyline to this would get you to some more information about storyline. Now storyline is one of my favorite tools to use for the learning. Development is an easy tool. It's really quick and fast for a quick production, and it doesn't take a lot, actually get up and learn to how to use and start using it So this is the introduction. We're gonna go in. We're going to dive deep into this course. We're gonna talk about triggers. We're gonna talk about animations. We're going to talk about customization stuff that you can do sliders and a lot of other content that you can do inside of articulate storyline. Before we get into that, I'm just going to show you a couple of examples that you can take a look at on the community page and you'll notice in this one we have accidents, investigation, demo, and this basically takes us through Ah, different sections. If I click on this section, I could go into section one, and you can stylized this in any way that you want. You can see that we have a title background in different types of buttons, and then as soon as you go into it, you can have video plane. You can have interactive content. You can have stuff. As the video plays, you can pause the video and have buttons and other stuff pop up over. As as the course goes on now, other types of interactions you can have text entry fields. So this is another example. I'm gonna enter in my name and I'm going to go ahead and click on Hover over where you see this this door click on that door and then it takes me through some animations, has some difference, and next and back buttons options And I could go back to the home button so it really gives you the flexibility to create your courses in any way that you want and so you can see here . Now we can have the option to answer this call and where we have the option to decline the call. And then we have the option to continue on and make thes more interactive simulations. So that's what articulate storyline can do for you. And I've been teaching articulate for a while. I've been using the tool for a wise while as a developer is a manager, and I'm gonna basically get in there and show you how to use the tool, how to get up and running with it. How to start creating these types of interactive contents had to start modifying them. Bringing in your own image is bringing in videos and audio files and making it interactive , using variables and quizzes and other stuff like that right inside of articulate. So let's go ahead and get started using articulate storyline too 2. 02 How do I get Storyline: Now that we know what storyline conduce, let's go ahead and just talk about how to get the product. So we're going to come to articulate dot com. And when you come to articulate dot com, you'll notice the first thing that you see is meat storyline to now you can click on the try free button, but this banner may change Pennino when you're watching this course. So if you need to, you can hover over products and then come down to storyline, too. When you click on storyline to, it'll give you some more information. You can see why storyline it goes over, Ah, couple different features that you can use when you're developing inside of story line. You can take a look at what's new, so if there's any new updates or any new features that come out, you can take a look at that. You can take a look at all features, and so these air really of the premiere features that storyline can do to help you create thes more interactive trainings. You can also look at case studies, testimonials and then sells information like pricing and everything like that. You can also come down and click on this red button that says, Try free pricing or life Demo. If you click on the try free, it will then take you to a spots to be able to download story lane to now when you click on the download storyline and may ask you to log in to your articulate account or create a can account by entering your name in your email and everything like that, and once you do that, it will then prompt you with a at download. That download will take a couple minutes, and once it's have been downloaded, you can double click on it, install it and then, um, have it running on your machine. Now, one thing to keep in mind, you'll notice up here, says Windows on Lee. This will only run on a Windows machine now. Currently, I am running a Mac, and I have parallels that runs Windows eight, and so you notice I conflict between my Mac side and I can come back to my PC side. Now, if you have a Mac and you're running parallels or you're running VM wear something like that, I usually find that it takes at least eight gigabytes of RAM in order to run both pretty well and so I can have a full storyline course up running development mode and everything like that within with my Mac side up Aziz Well, so that allows me to switch between and photo shop on my Mac and then opened up on my PC side with storyline and everything, and I think it works really well. There is also the putt, and it does give you some more information on how to set up your virtual machine. So if I click on this article right here, I can set up my virtual machine and I could start using story lines and walking through on how to do that. What's the best way of doing that? Article early does provide other applications. You'll notice we have articulates Studio 13 Pro, which allows you to, ah, use their tools, engage presenter and quiz maker as well as replay. Now we're gonna be talking about another trainings, and I will be providing other trainings on learning dodo dot net about presenter, quiz maker and engage as well as replaced. So if you're interested in those, you can check those out. Presenter is basically ah, power point plug ins. So you actually do most of your development inside a presenter, and so you can animate right are sorry. Instead of powerful, you can animate right inside a power point you can animate inside of Ah, um, your applications for your interactive content. You could do that right and set us power pointing at on your audio and video and everything and then publish it as a course. And then you can use the quiz maker tool to add on additional quizzes, and they're engaged tool to add on some additional interactions. And so it's a little bit easier. It's not as flexible as storyline, in my opinion, in my opinion, storyline is actually a better application because it allows you to Dio gives you more flexibility as far as what you can do. So if you do want to check out presenter or articulate studio just checkouts, learning dojo dot net and that will give you some more information and trainings on when those come out here. Articulate does also provide articulate online, and this is a way to upload your course. If you do not have a learning management system, you can upload your course, and you can track and deliver and see results and everything about your courses that you created inside of storyline. Now, if you, ah, use a learning management system or if you have already have one in mind, articulately works great with those learning management system. So something like litmus or Ah, something like Oracle or something like that, where you can upload your course and then assign users you can then track there. Now. One thing to keep in mind, this storyline is an authoring tool, so it's not a tracking tool. If you need the ability to track your content, track quizzes, track learner responses. If they've taken the course or not, you're definitely gonna going to want a learning management system. And you can just Google Search learning management system. And there's literally hundreds out there. So but articulate allows you to build more custom courses that then get uploaded to your learning management system. And they published to a standard cult scorn, which is the ability to track your course that you build inside a storyline inside of any learning management system and articulate storyline does that really well. So let's go ahead And so once you've downloaded that, you run through the install, then you have storyline on your machine. Here, you'll notice this icon to the side. Here is articulate storyline, too. I'm going to go ahead and double click on that and open up storyline too. Now, in the next tutorial, we're going to be talking about an overview of the user interface. If you're familiar with storyline one, this does look a little bit different. There are some changes here that we're going to talk about. Ah, and so keep that in mind. Once we've actually get into here, we're going to talk about some of the differences in the layout, everything like that. But that's how you at least get storyline. Ah, little bit of articulates other tools and how you can ah might use those tools as well as how you can download and start open up story line to start using storyline 3. 02: So one thing that bugs me when I'm going through a course and I'm trying to learn something new is the instructor will have something on the stage, and that's ah, they'll have a lot of different steps that have already been taken before you even get there. And if you don't have access to the sample files or anything like that, you're then trying to play catch up and you're trying to get to the same spot where they're at before you can even start the video. Um, and also you might be thinking, OK, well, how did they do that? Or what's that? Or how did it this tie into that? So for that reason, I actually like to just keep when I'm teaching about some basic stuff. I like to keep a basic whiteboard, Ah, white canvas that we can play with and we can mess around to do different options. Um, and then we condense, use that knowledge to then compile and start building other stuff. Now, I do recognize that some people want to actually build a project and they want to go in and actually put something together. I'm gonna try to do that towards the end of the lessons and the end of the training. Um, however, I want to keep it as simple as possible. And so I want to just keep it as when we're playing around with these different options. I don't want to clutter the stage and thinking, Ah, and create this confusion, saying Okay, well, how did I do that or what? What's this or why is that over there? I want to just keep it as clean as possible to be able to do that. So again, I apologize. If that's not the way you learn, and you want to create a little bit more interactive stuff, we'll get there in the later videos will go over some more of how I would compile a page with multiple objects on it. But let's just go through and let's learn about the different options that you can do inside of the different taps. So I'm gonna take this since sections and we're gonna talk about the different options that you can do on the home tab, the insert tab, the design tab, transition tab, the animations, tab, view tab and health helped out, and then all the different options you can do within their. And then once we get beyond that, where they're going to learn the difference, Ah, triggers in the different layers and how you would start building interactions. And then we're gonna talk about animation, how you would actually start animating some objects, the different types of triggers that you can do during animation. Um, and these are all different elements. And so if you learn these small parts, these are all different elements of what you would actually going to do what you will be using when you're building training out inside of articulate storyline. So ah, so hold tight. We will get there and start building some different interactions. But we're just going to explore a little bit to begin with and so show you the different options. 4. 03 Overview of Interface: all right. Once you have storyline installed and it's ready to go, let's take a look at the interface and what you can do with it Now this is the initial screen that comes up with storyline. Now over. On the right hand side, you'll notice. Discuss storyline. This will give you a link to storyline discussions. You can also see the learning heroes, which is a great resource is you can download additional templates. You can see storyline examples, and then you can get storylines support. So keep in mind that you want to keep track or at least link to that's or save it to your favorites or something like that. That is a great resource. Articulate has one of the best community websites out there, and it allows you to go in and to ask questions and get to know other people and share ideas and share templates and everything. So I definitely recommend that you check out their resource so that allows you to go to the discuss a storyline or get some help and give you examples and everything. Now, the first thing that you see is actually getting started or learned storyline, so it has a couple different tutorials getting started, adding content, creating interactive slides, building quizzes, screening screen cast and customizing the player. This is all stuff that we're going to be covering in this training. It doesn't go that these tutorials do not go as in depth as I'm going to be going over in my training. So keep that in mind. Over on the left hand side, we have the ability to start a new project record. The screen articulate is a screen recorder, so if you have to record some type of steps or step process and you want them to be able, we want to be able to test your users on that step process. Articulate storyline does a really good job, but that you can also import other content. You'll notice I can import a power point. So if I already have most of my content built inside a power point, well, will you not take that power point and then imported inside of storyline and start adding on to that pirate point? Make it more interactive at on quizzes and other stuff inside of Fire Point. Now, I mentioned in a previous tutorial that articulate also has additional tools called Quiz Maker Engage and then, um, and then also Presenter will present her is a PowerPoint tool plug in. So if you have something in presenter and you want to import it, you import the power point. If you have something built inside a quiz maker, you can import that quiz maker tool inside of storyline the same thing with Engage. If you've built an interaction instead of articulate, engaged, you can import that and use it instead of story lines, so they work really well together. You can also import questions from a file, so if you have quiz questions that you want to use, we'll talk about this in a later video. But basically it allows you to import these questions that you have may saved. Or you may have saved inside of an Excel file or something like that. You can import that and use that, and then you can also import a storyline Templates. Now the nice thing about storyline is, let's say you come up with this really awesome interaction or this awesome game, and you want to be able to share it. You can either go onto the e learning Heroes website, and you can upload it there to share it with the community. Or you can share amongst her team. You can heal email out that templates, and she would save it as a template. And then other people can import this template into their course. Or they can start a new course and then imported use it. We'll talk about how to do that later. Or you can access other third party companies like E Learning Brothers, who has a lot of templates built outs and so you can import them and use them inside of storyline. Show those air your different options. When you're creating the contents of whether you're starting a new project, you're recording your screen or you're importing existing content that may be in PowerPoint Quiz maker engaged or a different storyline template. Now the next thing is, you can see your recent projects. Now these air projects that currently I have been working on and so I can continue working on from here Now, if I click on, I don't see a project that I've been working on, and I want to find that project. I can just click on where says browse for more and that will pop open with a finder that I could go find my project, click on it and then click open. Now, if I've saved this project, I can actually open that project back up. But we'll talk about that in the next video. I want to go ahead. Just click on New Project for now. Let's just take a look at the user interface. So the first thing that I see is my story view. You notice in the story of you we have one initial scene is what it's called, and then we have a page, a slide inside of that scene. I also have a couple different tabs. This looks very familiar to Power Point. If you're at all familiar with power point Articulate has tried to mock up this Ah, this layout. As power points, so becomes familiar. And so you know how to find things and know where things may be out. So it's really they try to make it as easy as possible, so the story of you will give me the branching and allowed me to see the course as a whole . So if I have multiple scenes and then within those scenes, I have multiple pages. I can see that within the story view. Now, even if I double click on a slide to get into that slide, you'll notice that I can always come back to that story view, and I can always see that page. The pages is a hole, and then I can go into specific pages from there, So getting too familiar with the story of you will talk about that in a different video. But for the most part, getting too familiar with the story view is really crucial. When you're working with your courses here, then you notice our hometown, which allows us Teoh go in and adjust different player settings. Preview settings, published settings as well is allows us to insert new slides. We also have an insert button, basically, which it allows us to insert media, and we'll talk about all these different options and how you can do that. We have a design button that allows you to affect the different designs and layouts, story size ah, themes as well, as well as establish your own themes, background styles and everything Within this design tab, we also have the transition tab that will allow you to adjust the transition both on a page level when you're transitioning from one page to the next page, as well as a layer level. So when you're transitioning from one layer to the next layer, you can go ahead and use one of these transitions. Now, if you're not familiar with that terminology, layer and pages and ah, scenes and everything like that, don't worry. That's to come here. Soon. We're gonna talk about what the differences are and how you can use them. When you're building these interactive trainings, the next tab is in animations, and so when you want it to animate certain objects, you can animates and have those enemy in. You can have those fate in. You can have those wipe in. Ah, you can have those just come in from the side or something like that, and then you can add on motion passed. This is a new feature instead of storyline to This was not previously available inside a story Line one, and it's a great feature that allows you to move an object simply from one side to the other side, or to move it from you. know the bottom to the top and just gives you a lot more flexibility with these types of motion passes. As you can motion, you can anime stuff on a curve and and other stuff, so it gives you a lot more flexibility. The view tab allows you to get into stuff like slide masters or feedback masters, and this allows you to affect the design in one spot and then automatically can't cascades to all of the additional pages. So if you're creating a certain type of page, we can build the layout of that page. Not the content but the layout of that page inside of a slide master. And then when you're ready to build that page, you could just start from one of those slide masters, and it has pretty much the layout for you. Just go and fill out the tax. And so it's a whole huge time saver that allows you to go in and just quickly start building your content. And now the other options. You can dock and undock stuff or re dock all windows that gives you that option will talk about that and then the help button. This is it gives you the access to forums that rapidity learning blogged that the storyline has, ah, storyline hub of the community that they have allows you to check for your updates. Deactivate your story line license if you need to move it to a different computer, and then also to get product help ins and view more tutorials as well. So that's the the ribbon bar up on top. If you click on the File bar, it also gives the ability to start a new project, open an existing one, work with translations, savior project, print, ascendance and then publish it straight from the file menu. Now, over on the right hand side, we have, ah, triggers layer. This will allow you to insert triggers, which is basically an event within your course. So if you want something to happen when you're when the next button is clicked or when the back button is clicked, this is where you can modify what happens since whether jump to the next slide or jumped to the previous slide or, you know, check to see if a variable is a certain value or something like that. That's we're gonna be working heavily with triggers inside of this course, and so we're going to come back to that. But keep that in mind. This is where you actually get to your triggers, and you can also get to your variables that we'll talk about variables and what they are. But when you want to get to your variables and see what the variables are for the course, you click on this button with a little X in the middle here and brackets around it and this will pop. It'll pop open your variable window, and again we'll talk about variables later in the course here. And then I can come in, and whatever slide that I have selected will show me my slide properties. So we have a slide advances we can choose when we want to slide to advance. We had confuse what we want the behavior of the slide to be when the person revisits the slide, and then we can choose what we want the player navigation controls to be if we want there to be a next but in the previous button, or if you want to have it something different besides the player defaults, you can just like this drop down box and selective. You want there to be a menu? A resource is seek bar or different things like that. Now, if I come up here and click on this preview and then preview the slide, what will happen is it will take that content, that slide content, and it will put it inside of a course player. Let's talk a little bit about what the difference is. So you noticed this white area that is the course content. That's the slide content. Now all of the stuff around it is the actual player content. So we have a next in the back button. We have a volume button. We have a menu button, we have a resource is button and then we have a course title here that is done. This is adjusted well on the player settings. That's what's called the player itself. Now the slide is the actual content itself. So if I come into one of these slights, it's not going to show me that player content around it. It's only going to show me what the content of that slightest and again we'll dive a little bit deeper into that when we get into that area. Now if I actually have a slide open, this allows me to see the different slides within the current scene that I'm on. It also allows me to see the timeline. If I'm going to be animating along this timeline, I can see the states of different objects. I can have different states in there, and then I could see the notes. And so if I wanted to type in some slide notes, I can type that in here. So that's a quick introduction to the user interface inside of articulate storyline, too. If you're at all familiar with storyline one, you'll notice that the user interface is completely updated. It has more of a modern look to it. It has a nicer look to it, so it's a really it's a nice update. Storyline. To gives you some more features gives you more capability as well. So it's a really good update coming from storyline to or story line 12 story willing to. In the next video, we're gonna be talking about starting a new project and how you would do that 5. 04 Starting New Project: when you're ready to start a new project instead of articulate storyline to you just come over to after you've launched the application, come over to the left hand side and click on new Project. This will take you to your project area, and you can just go ahead and come in and click on the save button up on top, or you can click on file and then go save or save as if you click on Save. It's gonna prompt you where to actually put this project. So I'm gonna go ahead and just say this on my desktop. And when you call this sample project now, if you're following along, you can do the same project here. I don't have any starter project for this. But if you click on sample project and then ah, or type in sample project and then hit save, that will basically gets to the point where we need it to be here. Now, at this point, I can come in and it can start building a project. Or if I wanted to close this out, you'll notice on my desktop. Here we have this sample project and it has the A they're articulate A as well as this blue to reddish color in the background. And this is my project. Any time I import video or audio or images or anything like that, it actually makes the file size a little bit bigger now because it actually incorporates that inside of the project file itself. So when you send this off to somebody inter sending offs of project, it will have the video in there. It will have. The image is embedded already. If you wanted to share this project and develop it with them, if you put it on dropbox or something, all of the video that you've been inserted, all of the audio files that you've inserted, all of the image files that you've inserted will be incorporated inside of this project. So you really just need to share that project with them unless they're going to be deleting the video and then importing a new video inside of there. They'll have to have access to whatever that video is, or if they delete your video well, it's no longer going to be part of that project. You need to still have the original video or something like that. So if you wanted to create like an assets folder or something and go file New and creating Assets folder with your images just for reference, that's fine. But any time you have imported your images, or any time you have imported your audio, it hasn't said if here and there's actually a way to export out that media if you need it for something else. Now, if I wanted to open up storyline, I could go back into the storyline icon. Double click on it, Open it up. But since I already have a project that I want to open up, you just double click on that project and that will open up storyline for me automatically . And it will have that project open. Whatever I have had it saved at, and I'll have that project open for me, open up the project, not even see the launch green, and we'll just open up right to that project Now. I could also click on file and they do save as let's say, I've updated this and I've made some changes to that project. Well, I may want to add an underscore V one, as in version one, and what that will do is if I click. Save here is it will now save a new version of that project. So you can see now I have two files here. Now, the reason why this is good is because, yes, storyline does do auto recovery. So if your project ever just crashes, it will. Auto recovers back up to a certain point, depending on what you had your settings that But if you wanted to If you have a release and you will say Okay, this course is ready for this release and published that out there. Well, if you wanted his men make changes to that release, well, you may know what Teoh effect or mess up that original release and just in case you need to revert back to it. So in this case, basically what I'm doing is I'm saving a new version of it, and now I can make the modifications to it, knowing full well that my course previously is saved. So another thing when you're working with this project now that's just something the best practice that you'd want to dio is a save versions in different things like that. Whenever you're about to release a new version. But if you're at all familiar with storyline one or if you have projects that are already inside of story line one, you may want to open up those storyline projects inside of story line to. So I'm gonna say as as L one as this storyline example file and I'm gonna go ahead and just click. Um, I'm just gonna go ahead and click on Save here now that will save my storyline. One project There's really not much else that you'd want to do their You'll notice that on my desktop Here we have this SL one in this SL one, basically is my story Line one project. If I double click on that project because storyline to is my default player for these types of files, it will actually automatically open up storyline too. That will happen if you have storyline One strand install storyline to storyline to will now become your default. But when I'm open up in a storyline Prop one project inside of storyline to you noticed I get this warning that says articulate storyline. This project was built with the previous version of story line. Would you like to upgrade its a storyline to don't worry, it will make a back of of the original file. And so if you want to say not now, it'll just close it out and you won't actually have that open up inside a storyline too. But if you click on upgrade, it's gonna upgrade this project to a storyline to project. However, you'll notice if we come back to the desktop. We now have two copies of this storyline. Storyline One file. We have SL one, which was the original name of the file. But this is now upgraded to storyline too. But we also have in sl one dash. Eso won back up. So you noticed that it takes whatever your project was, Adds a dash s on one back up just in case. So this file, the new SL one cannot be opened up in storyline one any longer. It's basically not backwards compatible. Once you have something inside of story line to now. But this SL one backup actually allows you to open this up inside of story line one just in case. So if you need it to open it back up for you, you are passing it to someone that does not have storyline to yet. This is what you would want to do. So it's really nice. Feature keeps the back up there, and now you can work with that back up. So that's when you're starting a new project. That's how you open up a project from storyline one into story line to how it saves the backup and different things like that. So now in the next video, we're going to be talking about some of the DACA below. New feature inside of story like to That's ah allows you to doc and undock different panels . 6. 05 Dockable Panels: one of the nice things in story like to is the ability to dock and undock panels now in story like one. We did not have that capability when you wanted to make something smaller. You would just basically have to drag the side like this corner here and drag it down and forward in order to make give you a little bit more room. However, was story lying to you have the ability to actually undock and doctors panel. So you noticed these icons next to each of these sections, and that's basically a two window icon that if you hover over it, it will pop open saying an undock panel. So when we come over here, for example, where it says undock and if I click on that, what will happen is it will undock that section and allow me to resize it and adjust it however I want, so I can see things a little bit better if I want to put it back where it was. All I have to do is click on that button again. So same thing with the timeline anywhere I see this icon, it will expand it out, and now I can stretch that. Stretch this out and see it a little bit better. Now, this is extremely helpful, especially if you have multiple screens. Um, that you can actually have your timeline on a different stream, especially for using a lot of layers. If you're have a very complex, have a lot of things animating, then you have a very complex timeline. It might be helpful to have your timeline on one screen and then your stage on another screen so you can see what's going on on your stage and then see what's going on on your timeline. And then you can always just put it right back where it was. If I just click on that again, I'll just re dock. Same thing with my states. If I'm going to be working with the building, the interaction well, I can just undock where it says states and then move that over to a difference that window and then use that inside of my other window. So that's how you any time you see these, this doc undock pan or button next to a panel that tells you that you can undock it and give yourself a little bit more room in the stage area, but it's a simple is that just clicking on it to undock and then clicking it to just dock back again? If you've gone through and you've clicked on undocking, you have them all over the place, and you want just a simple, quick being able to just get it back where it was. Let's go ahead and just undock a couple of these here, and I just have this kind of arranged unorganized him. And now if I need to just come back and go back into my view tab, I want to come back to my view tab and I'm just going to click on this button that says, Re dock All windows what, just without one button and click, it will go back Teoh its default location, where you can then, um, just go back where it was before. And then you can start undocking again at that point if you wanted to, that's a quick way to just get it back all toe where it was before 7. 06 Story, Scenes & Slide View: and articulate storyline to. There's a couple different views that you can use in order to see your content. Work with your content. The first view when you open up articulate storyline and you don't have any other project or any other pages um, built out yet is TheStreet review. Now the story of you is going to give you the overall arching view of the different scenes that you have, so you'll notice that we only have one seem to begin with, and we have one page. So the story view right here gives us this one scene and then inside of this one scene is the page, and that's the hierarchy. So you have this story view itself being the actual story, the overall, everything that's included in that content. And then you have a scene which may have multiple pages inside of that scene, and then then your story can have multiple scenes, and then, inside of there is, each page has its own content. Think of the pages. Once you get down to the page level, think of that like power point. Now you're working with power point, and you're basically whatever you put on that slide is going to be visible now. You can then go in the scene, and then you can create different layers, and so you can have one layer show has certain times, depending on how you want to build your interaction or work with your content. So the first thing that you see is the story of you. And this is really helpful, helpful view when you're building out your different scenes now, scenes air basically modules, and this is up to you. If you wanna have model one module to model three, or if the learner has to go through different sections, it's a great way to separate you out your content. Or you don't even need to have more than one seen. You can just have a simple course with one scene, and it's basically just a page turner that they can go through and just get some quick content that is up to you so. But if you needed to create more scenes, you could just come over to in the home tab. Once you're in the story of you, you just come over and click on new scene, and that will create multiple scenes. Now it's really helpful for you to actually name your scenes, so to name um you just double click where it says the title right now, the first scene says untitled seem by double click there. Now, I could just give this title a name. I'm gonna go ahead. Just name this scene one and then I'm gonna come over to the 2nd 1 which I is set by this number two. We wanna double click on that. And I'm just gonna name this scene to or you can name a module one module to anything that you want, So you'll notice this other thing with this scene Is Thies this little flag of this red flag? Now that basically lets me know that this is the starting scene when this course launches its this is going to be the very first scene and therefore the very first page that it's shows If I decide at any point that I actually need to change that, let's say seem to is going to be the very first scene As soon as this course is launched while I have to do is select that and then come over to where says starting scene and then it will switch it over, and it'll actually reposition it. So now Number two is before number one here and now this is the starting seen. Well, if I just come back over to see in one, select that and then click on Starting Seen that will change it back to Scene One is now that, um, that starting scene. Now, if I come over here into my scenes, I can then double click on my page names, and I can start naming out my pages. I can also right click on these pages and go down to new slide, and that will create a new slide or give me the insert slight section. We'll talk more about this in a little bit, but for now, I'm just gonna go down to basically outs and then double click where it says blink or come down with that selected and go down to inserts, and that will insert a new page. And if I'm gonna come in here creates a new page, I'm going to say no. I want to call this one page two, and then that. Come over here. And since this is a completely new scene, I can come over here and just double click on this and say, Well, that's gonna be Page one and then inserts a new page and then let's go ahead and just name this one page, too, because it's a completely different scene. This is just gonna be Page two of Seen, too. And that's Ah, that's the helpful numbers right here, 2.1. That's means that we're on the second scene and the first slide and then here 2.2 means that we're on the second scene and the first slide are seconds line. So you can start structuring out your different pages as you're building your story content inside of this story view. One other helpful thing is you can actually just by selecting these different pages, you can come over to your triggers, and you can also come over to your properties in on the right hand side here. So you notice that I can actually see my slight properties and I can see all the triggers of that page. So if I'm trying to find certain things, or if I'm trying to just adjust or I'm trying to adjust the page properties, I has a whole going throughout this pretty quickly. This is a helpful view for me to be in because I can select that and let's say, Oh, well, this is the starting page. I don't really need to have a previous buttons, so I'm just gonna uncheck worse as previous, And then I could do the same thing. And by going through the other pages, Well, this is the end of scene one. Well, maybe I don't need a next, but maybe I'm going have something else that says Jump back to a menu or something. Then I can come here or I can also just player defaults on a certain page level and quickly just navigate through those pages. So that's the story view. Now, Once I want to dive in and actually start working with these pages, I can double click on any of them. Want to double click on that one and you'll notice in the middle. I have my page content down at the bottom. Have my timeline, my states and my notes. But then over on the left hand side have my scenes. So currently, this is a scene switcher, basically, so we're not worried about the story view the project as a whole. Currently, we're just inside on the left hand side were inside a certain scene and I can only see the pages and that are inside of this scene. So if I just select that drop down box, you'll notice that this allows me to toggle between different scenes. So I have seen one, and I have seen too Well, if I select seem to now it's gonna jump me to seen twos, pages and I could just quickly navigate through those pages as well. So this is my scene view, and I can expand this out by clicking on the dock, and I can see the hierarchy of my scene. But only this seem. If I wanted to see for the entire course, I would have to come back to this story view tab. Now, once you're inside of the actual page, once you have this selective, you'll notice this blue ah outline lets me know that this is the page that selected. This is where I come in and see my stage view for this specific page. Now, anything that I do here as faras inserting objects, inserting characters, inserting triggers or controls. Onley has to do with this specific page that I'm on. So if I'm gonna insert a shape, for example, and I'm gonna insert on this stage, it's only has to do with the selected page, which is seen one page one. It had this not inserted for anything else that Onley inserted inserted for this. There is a way to insert it across the board on every single page. That's when you're working with master slides, and we're going to get into that later. But for now, once I have this page view selected, I can actually just work with just this page you. Now, if I double click on the page to hear, I'm, it will actually, or just click on the page, do it will pull that up. However, if I leave this, let's come back to Page one and let's say Come back to story view and then I double click on Page two. You'll notice it actually pulls up a new tab so I could have two different tabs open up if I wanted to just toggle back and forth between those different pages. But come back to story view. Let's go ahead and have page one of I've seen two pulled up, and now I can use toggle from page one, Seen one and page one seen our page to have seen one and then page one I've seen too. So it's just however you want. You can also exit out those tabs if you wanted to and clean that up a little bit. But every time from the story of you that I double click on a page, it's gonna pull open a new tab. So just keep that in mind. So that's the difference between the story view, the scenes and how you work with the scenes, and then how you start working with the pages and then how you can access the different properties page properties. I'm just by selecting within the story view and then how you actually get down to the page level and start building your content on the page level. Inside of articulate storyline, too, 8. 06 Layers: When you're working on the page level, there's a couple different things that you need to be aware of. First of all, I'm gonna come into inserts. I want to go ahead and click on stage or the shapes, and then I want to select a rectangle and just place it on my stage here. Now there's a couple things on the right hand side that you, ah, are going to be working with a lot. If you're going to be building interactions, it's going to be your triggers that you're going to be adding different interactions to but also your layers. Right now, the only have one by default. When you create a page, there's only one base layer is what it's called Now. You can create additional layers, which is very useful if you're creating an interaction like a tab interaction, and you wanted to separate out your content you can have on the different layers. You can have different content and honestly compared to other e learning tools. This is what makes storyline stand out a little bit more is the fact that when you're building this interaction, you don't have to group stuff and then hide and show groups. You basically just okay, Here's Tab one will place the content for Tab one on that interaction without having to create a completely separate pager, anything. And if other e learning tools had the same type of functionality, it would be they give storyline a run for its money. But the fact that ah storyline is the only one that has these types of layers makes it stand out, in my opinion compared to other ones. So that's one thing you're gonna keep in mind if you needed to create a new layer. You just come over to the right inside and click on this new layer icon down at the bottom , and then it gives me a layer. Now I would want to create this base layer. It takes whatever name of the page it is. So I want to just double click on that, and we're just going to say this Page one, and you'll notice over on the left hand side. It's actually updated that page title as well, but I highly recommend that you name your layers. That way, when you're navigating to different layers, you're creating triggers. You know exactly which layer talking about. So I'm going to just say layer one. Obviously, you probably wouldn't want to name it later. One. But it just if you're going to create a tab interaction, you may want to name it Tab Juan. Tap to tap three. Whatever you wanted to there. Now, on site of the on this layer, I'm gonna go ahead and select a new shape, and I'm just gonna insert this circle right here. Now I want to just take that circle over on the right hand side and I'm just gonna come back to my base layer just by clicking on the base layer and you notice when I'm on my base layer, it doesn't actually show that circle at all. If I even preview this page, I'm gonna preview this slide. It's only going to show that square that layer never gets shown unless you trigger it to actually show we're gonna be talking a lot about triggers when we get into the interactivity part of it. But I'm just going to show you one trigger to actually show that layer. So I want to come into the triggers over on the right hand side. Click on, create a new trigger, and I want to select this drop down box instead of jump to slide. I'm actually going to say Show Layer, I wanted to show layer and miss like this drop down box and I have the option for this layer one. This is where name and your layers is going to be extremely helpful. Someone. It's like Layer one and I'm gonna have this happened when the user clicks and the user clicks this rectangle again, we'll talk about the triggers more in depth here later on. But I'm just gonna click OK for now, and there's that trigger there, over on the right hand side. And now, if I previewed this page again, it's going to when I click on this rectangle, it's going to show that circle. However, it's still showing the rectangle a swell and so it doesn't hide the base layer. It just shows more content. So if you wanted to do a couple different options, you can see if I come over on the right hand side. When they hover over a layer, I have this gear icon that's the Properties icon. If I select that properties icon, this gives me a couple different properties that I can choose from. The first thing is where it says hide other slide layers. Now you might be thinking, Well, it didn't hide the wrecked ing on this option is selected. That's because it doesn't hide the base layer. It hides the other layers. And that way, if you're building a tab interaction you don't have tab one content showing when you've selected tap to. You don't want that to happen, Um, and so that's why this option is selected by default. Or you may want it to happen, and that's why it's the ability to check it on and off now. You also may want the ability to hide the base layer. Let's say you have, ah, an interaction where the base layer contents no longer relevant. If you're going to create a tab interaction. You may want to create the buttons on the base layer and that we don't have to duplicate it . Anything, a rule of thumb kind of a best practices. If you do not have to create something new, then don't create something new. So therefore, if you're creating these multiple layers, you may not have to create multiple buttons for that. There's a way to actually not create multiple, but in this is to use the base layer toe, have that kind of navigate and just hide and show different content. But if you have some instructions that it only applies to the base layer, well, you may not want that to show. And I'll show you what you can do that in a little bit. Um, when we talk about actually hiding certain elements on the base layer, I'll show you that here in a little bit. But if I did want to hide I, all of the elements on the base layer just have that checked. You could also say hide slide layer when timeline finishes. If you just wanted this layer to play, let's say you have them click on it and then you want some applause. You want some fireworks going, and then you want those fireworks to go away and go back to the base layer. Well, you can do that with a layer. If you have, like a little reward or little animation, pop up for a second, then go back. You can just have this option selected that will say hide slight layer. One timeline finishes, and that's all you need to dio. And then the allow seeking will basically say, Do you want them to be able to see a timeline trigger or a timeline? A Sikh bar on this layer? And if you say automatically decided, storyline will just based on your content that you have automatically decided or you can see yes or you can say no, and then you can also have the base layer. Ah, couple more options on the base layer prevent the user from clicking the base layer. So that way, if they have this ah, trigger popped up. You don't want them to click on anything on the base layer. You can do that as well, where you can pause the timeline on the base layer if you have some audio plane and you want them to pause the audio when they factually clicked on something and you can do that and then when the layer goes back when this layer is hidden and go back, it goes back to the base layer. The audio will continue from there and then also revisits if you want them to reset to the initial state of this layer she wants again. If you play this fireworks animation, that happens when they get something, right. Well, obviously, if you're going to show this layer again, you want that animation of play over. So you want to say reset to initial state? If you don't want that to happen and you just select resume safe state and that will just say, Okay, if they've already seen it before, they're not going to see it again. Um, or automatically decided, Let's story line just kind of decide based on the content and tries to make a smart decision based on map. And then that's the properties that you can adjust if you select. Okay, you can also come in with this layer selected. You can come into the timeline and you'll notice right below your object here is the base layer. I select that little twirly box, and it will show me all the different elements on the base layer. If I only want certain elements, let me go back to the base layer and just create a new shape. I'm just gonna create this kind of my own. We'll create this ah shape here. And so I'm gonna come back into that layer going to layer one, and you can see that here's my different things. If you don't see that objects, you have to click on this little rectangle or the triangle twirly, and it will show all the contents on the base layer. And you could say, Well, I don't want the rectangle to actually show when this layer is shown. And so now you notice in there. It's great out here, but now you'll notice that the rectangle won't be shown when this layer is shown, so ones I actually show that layer. So I wanna click on that rectangle noticed that goes away, and this content from the base layer is still there. So a lot of different options when you're hiding in showing different layers when you're using layers, being able to group content together like tap content or games or questions or anything like that, it gives you a lot of flexibility that does not exist inside of other either any tools, which makes Troy line Ah, very powerful tool when creating different types of interactions, and it all starts with this on a page level, with the capability of using different layers inside of story line 9. 07 Record Your Screen: One of the nice things about articulate storyline is the ability to record your screen. Now. Articulate storyline is meant to create online training that your users can go through, and a lot of that training has to do with simulations. So you're going to be creating a lot of different simulations, whether it be like how to log into the system or how to generate a report or anything like that. There's a couple different things that you're going to want to do when you're actually inside of this system you're going to want to. First of all, show them. Then you're gonna want toe, allow them to try it, and then you may want them to quiz on what they just did or to test on what they just did. Choose to verify or track that they can actually perform that task and whatever system that you're actually teaching them. So one of the capabilities inside of storyline is the ability to record your screen so you can start recording your screen in two different ways when you're just starting a project you can come over to. Instead of new project, you can come over and click on record your screen. However, if you already have a project created and you wanted to insert a recording into that project, you do it a little bit of in a little bit of a different weight. You can either come in to the insert tab, click on record your screen the drop down box and go down to record your screen. Or you can see any recordings that you've already done. If you don't select the drop down box, you can just click on this record screen button, and it will actually bring up the record screen area. Now it does tell you exactly what you need to do in order to record your screen. It says how to record, move in, size the frame, click the red button to record and then press done when finished so I can drag into position this and ah, resize this in any way that I want. You noticed that it does try to keep me proportional here. I could come in here and just go into full screens like this. Drop down box on the bottom, left hand side here, so like full screens like the window or I can come in here and click on the gear icon. And I also have the ability to switch my microphones, switch the speakers, um, and also do a couple different things you can see. That's to stop recording. I just click on the escape button to pause. I click Ault I am plus D and then to print the screen. If I wanted to use that for later, I can do that here just by clicking on that settings icon. However, if I wanted to, you notice the this keeps me either at a four by three ratio or a 16 by nine. And this could depend on the size of my project on the defaults feature. But I do have the capability to switch it. So I'm gonna go ahead and just as selected as that, Come over here, make sure that's Ah, my microphone is plugged in and then click on record. Then it gives me a little bit of a countdown. 321 Here we go now, anything that's happening in that anything that saying within this red area is going to be recorded so I can click on the file, come down to help and then go over to the help section, and that will pull up a new window, and that will be the help section there. So that's let me come back here and just click on Done. Once I'm done, I can click on Done, and that will take a little bit, but it will process that information that just happened, and it will save that information over to storyline. Now, once it pulls back up, I commence. Start editing that information inside of articulate storyline. So this is my screen, and it gives me the ability to do it. A different couple different things is, First of all, I have the ability to change the name on this. Right now, it's just going to say best stop and give me the date and time But I wanted Teoh name this whatever process it is. So let me just call this File Explorer, and then I can either insert it as a video as a single slide step by step slides. And then I have the option to whether or not I want to use the on the mouse cursor. Now step by step slights is if you're going to allow them to try it Um, and there's a couple things that you can do or the video single slide is just if you're going to show them again, you're working with three different things. You're saying you're showing them how you're showing them how to do something. You're allowing them to try it, and then you're quizzing them on what they've actually learned. And those were the different things that you can dio now. You can also click on this drop down box and whether you want or to insert as news a new scene or if you wanted to insert it inside of a specific scene and then also, if you wanted to give this if it is a new scene. If you wanted to give this a specific scene name, and I'm just gonna leave that as a new scene and then click on insert now it's going. Teoh initialize the project. I just left it as a normal video, and it's going to insert it inside of my seem. There we go. I have a new scene. It has one slide. That's the option that I chose, and you'll notice that as Thea object down here at the bottom here, it's actually given me that's File Explorer video, and then I can click on Let's go ahead and click on preview and by selecting the drop down box, were just previewing this one slide and it's going to show me, and it's gonna have the recording right there. So I see my mouse moving. Ah, if I had my speaker plugged into this, I would hear the audio as well. And this is as just one slight. So if, as you're building this course, he wanted the user to just see how if something is done, you can do that inside. Ah, using the screen recording function. Now there's other capabilities. Besides that, there's the slide by slide capability. So I'm gonna go ahead and I'm going to insert or just delete this. I'm going to right click on it. Let's just delete the whole scene, so I'm gonna select in the story view. When I select that scene right, click it and then go down to delete scene and then click. Yes, Now let's come back into screen according and select the drop down box. You'll notice that recording that I did previously is now contained within that dropbox. This allows me to reuse it or reinsert it if needed. And it also pops up in with that same options that I did before. What the same options that happened before. I can either do it as a video on single slide or I can do it step by step slights. Well, if I want to show them, I I would use the single video if I want them to actually try it out or to do it as a step by step option. Then I can select step by step options. And then this is where I select the different options here. Now this is my view might try and my test. So the single recording is just like watching a video. But if you wanted the view modes to go a little bit slower and to have little pop ups as they're actually going through and seem the content you can do, that option here is well with the step by step slights. The try, it will actually allow them to try it on their screen, and then also, the test will actually test them to make sure that they know exactly what to Dio and said they go through and they click the same things that the mouse actually clicked on when you did the recording. So I'm gonna come in here and click on first of all view mode steps. We're gonna insert the as, insert this as a new scene and then click on insert because again, and this is just, ah, recommendation, you want them to first of you it so they learn the information. Then you want to have them try it so they congrats the information and understand it a little bit better. And then, if you want them to be able to test on it, then you would go to tests. In that way, they have to click it and try it out themselves. So here, as they come into this section, you'll notice it's not just a video. It actually has a lot of different elements. It does have some videos, depending on the elements that I've chosen, and it has some screen recording or screen captures. So you noticed The first thing that happens is this mouse. Here we have a Smouse icon that will then enemy over here, and then it will click. I had a certain point And then once that click happens, then you'll notice the animation that happens of it, the window popping up. So basically this I can come in here and I can adjust If I wanted to formats, let's say let's make this a little bit different than we'll have a great pop up. Um, come over to the mix slide. Then you see says click and drag. Well, I'm not really clicking and dragging. I'm just going to say Click Help icon so I can change the text inside of there. I'm so again, storyline tries to do a Z much as it can to come up with the right text and everything. But it is very helpful and very important that you go through and you change. It's and you updated to get exactly how you want. There's all these pop ups may not happen in the right spot, so you may need to move it or let's say OK, I'm not really seeing that very good. Let's just go ahead and stretch this off and then change the formatting for him. So that's things that you're going to have to do is go through and tweak its as you've gone through this content. So here's our view section. Now the learner can go through and view in Let's go ahead and just preview this. Ah, we don't want to just do that slide. We want to do the entire seem so when it's like the drop down box for this scene so you can see the first thing there's the click menu button and it's gonna pop up. Click on the menu. The screen according is gonna go Now the next thing is going to go into the help Click help like on. So the mouse is gonna move over there and it takes me through step by step. Now that's not it. So we've we've showed them the content, but now we want to have them try. It's so I'm gonna come in here and I'm actually going to leave this one here alone. So I'm just gonna name this seems show and I'm gonna come back into inserts going to record screen and then click on File Explorer. We've already used this, but we're going to use this in a little bit of a different way. Now I'm gonna come into try mode and sob. I'm gonna go ahead and insert. This is a new scene, and it's going to be called the try seem. And now we're going to allow the user to try the content that's gonna create some click boxes for us that we can. Then you know, make sure that is positioned in the right area, and then the user can actually click on it to make, to navigate to the next elements here. So you can see if I go into the first page. You can see this. Ah, this hot spots has already been created, and as soon as we click on it, there's a trigger that says Play media recording Action. So it's going to stop right here, and then it's going to play the rest of the recording and then jump on to the next page. And then once it jumps to the next page, it's now going to create a new, uh, interaction. But you noticed that it did not because this is confused a little bit, thinking that I clicked and drag something, it did not create an actual hot spot. So I need to come into the controllers and I need to click on hot spot And then I need to drag out the area of the hot spot. And so then I'm going to go ahead and on the hot spots. I'm not gonna show layer when a double click. We're gonna talk about triggers later, but I'm going to double click on this and we're going to jump to seen Jump to slide. And we're just going to do next. Light is good enough and we'll click. OK, so that way, when they click on this, it's actually going to navigate to the next light. So you may have to do these types of modifications. I'm gonna go ahead and just just like the drop down box, come down to this scene and is going to preview my scene. Now it does not give me hints. If I wanted to have a hint, pop up, that's up to you. But, for example, I want to come over here. It does have a hint as soon as I hover over it, and I can change that. I have full capability to change that. If I click on that, then you could see that the animation for the next one happens, and now I have on my next slide, I have the ability to click this help icon, and then it will take me to the next page. So that's the try it mode. Now. One more mode. We're gonna go ahead and just look at quickly is we're going to take a look at the um testimony. Now. If I click on insert test moan, it's going to pretty much be the same thing as the click and drag. But they're actually going to get scored based on if they clicked or not in the right spot . So we'll take a look at what that is here. So the first thing is the hot spot interaction, and you'll notice that instead of just a regular page, it's actually a quiz page. And I can tell that by this question up here, and I could tell that by the form view that the hot spot says, um, the correct answer is this hot spot right here, and I can actually drag out the If I click on add hot spot, I can drag out more hot spots that are incorrect. So let's go ahead and click on add hot spot and we're going to drag outs let's say we want it to be incorrect if they click anywhere else besides there, Uh, I mean, just delete that one. I got too carried away there, So there we go. So if they click anywhere else in this area, it's actually going to be incorrect. So you can say regular hot spot and it is not the correct answer. The correct answer is this file, like on, and it's gonna count it as incorrect and give him incorrect feedback if they actually select anywhere else. So I've added that functionality. All right, so it's going to submit the interaction based on if they've clicked on this or if they've clicked on this over on the right hand side, we have submit interaction, and then we have the incorrect feedback or the try again feedback. And I can adjust the settings inside of the question tools. We're going to talk about the different quiz settings and everything, um, in a later video. And so whatever we learn about in the later video is going to apply to this video. Once you're doing these types of recordings, so keep that in mind. You may want Teoh just hold off for now, and so we get into the quiz section in order to, ah, customize this a little bit more and adjust the different settings. But that's how you actually go in. And you create three different types of record your screen options, which are the view, and you can either do that by a regular video recording. Or you can do that step by step view. Or you could do that inside of ah or as a test motive were, or a tri mode where they can actually try it and click on the different buttons. Or you can do it as a test mode where you can actually quiz them and score them based on the answers and based on their where they click and where they don't click and everything. So that's the record feature. That's pretty much all that you need to know what the record feature when you're building, um, screams simulations inside of articulate storyline 10. 08 Importing PPT: One of the nice features of articulate storyline is the fact that it works extremely well with power Point. Now, particularly, itself has always been embedded inside of Power Point. So when you've worked with, um, articulate presenter before storyline came along, that was basically you're building your content inside a power point, and then it converted. Teoh converted to a course well, story line kind of broke away from that, but it's kept a lot of that same elements being able to work with Power Point so you can actually take a power points because a lot of training basically starts inside a power point. So it realizes that particularly realizes that it still needs that support for power point in order to rapidly convert a training into store into ah E learning. However, that's not always the best case. You may not always just want to take a power point and converted over and then call it training. Ah, honestly, I think it needs to be more needs to happen to it. Some structural design, some interactions and really to take advantage of just doing more than like a slide show or anything you need to engage the learner. You need to have different elements, and there you need to quiz them and everything. And that's why Power Point is still good. To create the foundation, however, using storyline to actually go in and build more interactivity is probably the best route. So there's a couple different ways that you can work with power point first ways by. If you have not started a project, you can click on import and you can come down to import power point. And then you can start your project based on the power point. Or if you're inside of a project, you can just come into your project. Let's go ahead and just save this project somewhere. Someone let's call this sample and then we're gonna come into insert, and then we're going to actually come into file and they go down to import. And this is where I can import a power point. So if I click on Power Point, I can then go find my power point, which I think I have saved it on my desktop Here. There it is, test under just double click, where it says tests, and this is going to read my power point So take a second depending on your power point, you know? Then give me the option. If I wanted to select all of my power points, it all already have the slides all the slide selected. But if I wanted to de select some that I do not want to import that, I just select that. But you can see anything that's now highlighted in this blue outline is going to be imported. And then I have the option to import this into a new scene, a current seem or and then give this scene a name as well. I want to just import it into my current scene and when a select current scene and I'm gonna click on imports depending on the animations, depending on the file size. If you have a lot of images or anything inside of your PowerPoint, this option may take a little bit longer. Um, and but the nice thing is is most of the animations will transfer over. So if you've already animated your different objects inside a power point, that animation is already gonna be there inside of storyline. However, there are a couple of things depending on the person's machine when they've actually created that power point just deleting the first light here. But if that person's machine didn't have or they had certain fonts that they were using that those funds are now not on your machine. Um then some. You may need to go in and change the text, so you can't just say OK, well, now it's good. I'm just gonna go ahead and just export this out. You need to go through and just make sure that everything has been transferred over. But this shape that I had inside a power point let me open of the power point. You'll notice I had a shape. I had some text here and then on page two, I just had some bullet points, just a really simple quick power point that it came in here and that did some add ons, and that's pretty much it. But the shape that gets imported and said a storyline is the actual shape inside of storyline itself. So if I was to come in to answer and click on shape, this pretty much would be the same box that I was created and set a power point, so that means I now have the capability to actually come into storyline and format this box in any way that I want, so the formatting option is pretty much still there. You can take your PowerPoint. You can still go into the fund. You conform at your font, and you can apply difference up background or some. If I come into design. And let's say I wanted a new design background. We noticed the checks. That text automatically changed a white because it's still as though you were to build it directly inside of storyline itself. And that's one of the nice things is, if someone sends you a power point, you can start from that power point and so and start building your course from that power point itself and not lose any of the functionality, as though you were to build inside of storyline again. There's still some transfer problems that you may happen that may happen, like fonts or different types of things, depending on the image. Ah, that's used or the smart shapes or smart grids or anything like that make it transferred in as just an image inside of storyline. So those things to keep in mind but this at least gives you a base foundation in order to start building your training incentive storyline without having to restart or rebuild everything that's already inside a power point. 11. 09 Templates: If you're new to articulate storyline, one helpful thing might be starting with the template. Now there's a lot of different templates to choose from and story line, both provided from the articulate storyline community or provided from third party vendors as well. So you can actually have some that are default. And then you can also build and share your own as well. So a lot of different functionality comes with templates. You if you don't know how to build the tab interaction well, you can go to the community website. Find a tab, interaction downloaded. Or, if you've built a tab, interaction that you then want to share with the rest of your team. You can go ahead and save it as a template and then share it with your team, and then your team can then take advantage of what you've done. If you wanted to establish some baseline interactions that look have a custom look and feel for your company, you can do that through templates and then share those templates. And then people who create different training could actually use those templates. So there's a lot of functionality, or you can go to 1/3 party company that builds templates. And then you can download those in the insert those inside of storyline a lot of different ways. And so the one of the most helpful ways is actually going to the community website, and you can go to community dot articulate dot com slash downloads. And what that will do is it will take you to the download section, and these were templates that are provided from the community, and you can go in and actually build your own template and then provided in share with other people as well to kind of give back and help out to contribute with articulate storyline community. But you can also take advantage of a lot of pretty awesome templates here that are absolutely free. So you don't have to charge. You don't pay for him or anything like that. You can come in here and see OK, well, that's a cool template, and you can download it and take advantage of it. They're like, for example, this tabs one. Let's go ahead and click on that Tabs one. I'm gonna then come down to here and click on this download button, and this will then download that story line template for me now it depends on what the user saved this storyline file as you'll notice that this actually was saved as a story file and not a story template. Um, usually you want to save it as a story template if you're going to share it and I'll talk about the difference there, here in a little bit, I want to try to find one. That's a storyline template and hopefully, no, this one looks like it's a power point to begin with, so there's a lot of different just assets. And now, like we learned in the last video, you can take this power point these files and then you can convert him this power point into a storyline file. If you wanted to as well, let me see if this is actual template here. Well, it's this story. I wanted to open this up, and it's gonna open up as storyline file and I'll actually show you how to save it as a template. And then, um and then what? You save it as a template, then becomes reusable for other people. So you notice it actually opened up a completely different story line project. And so I'm gonna come in here and actually come to file and then save as and then I'm going to select this drop down box to be story template now, the recent wise because it becomes part of my storyline. I don't need to know. Where was that file that I had the tab interaction And how doe I insert it inside of my other project se, even as a template becomes a lot better for us. So I'm gonna click on Save, and then I'm gonna come over here and then minimize that, and then I'm going to actually close that project out because I don't need this anymore. And I could even deletes something. You just close out a couple of things and this Well, I have it saved on my Macs side on my best up or actually somewhere. Ah, it send my downloads. Sorry, but let's go into downloads here and a lot of different downloads. Let's just see the type here. There it is, right there. Articulate storyline, template. Now, once I double click on this, it's gonna pop open with this insert slide option. That's what I want, because what happens Now, let me cancel that out as I'm actually building out a project. And if you come across something inside of the community, I recommend going through exactly what we went through to save it as a template. Because now, when you're inside of the project tenure and in the heat of things and you're building your content well, you may not know to open up that project copy and paste it from that project into this project. You may just want to insert it inside of here, So I'm gonna right click, come down to new slide, and then I have this section called templates. This template section now selects allows me to select a drop down box. And I can see all the different templates that I've either downloaded in the past from 1/3 party vendor or from the community site. And then I can actually take advantage of those templates inside of the scene. And it's I can delete that file. I don't need to know. Okay, where was that file? I can delete it. And it's now always inside of my templates section. That is the benefit. That's why you want to save it as a template file. And if I was storyline, I would actually recommend before people uploaded to the community website that they save it as a template as well. So that's just something to keep in mind is to always save it as a template. And now when I double click on this, it will actually insert that template inside of my current course. And so it doesn't matter where I'm at now, it's inserted inside of there. Now, if I double click on this, I can come in here and then if the depending on who built it, if they built it right, you should be able to just come in here and modify. Insert content. You'll notice. Here we have a model one module to on these different layers, and they'd usually just put in some filler text so you can just go here and replace that text with whatever you want is ah, sample and then go into slight three. Or, if I come into there and I preview this, this will actually already have the content that I could go in and then I can change whatever content I wanted inside of there. Ah, and so but I can then add on the functionality or that customize this. If I don't like this color, I can still go in here and changes to whatever color I do. Like That's the nice thing about templates is you don't need to start adding all these triggers or functionality that you don't understand, especially if you're completely new to this. You may not want Teoh even touch that or be afraid to that, or it's actually great way to learn. How did this person do that? How did they do that? How did they do this and see exactly and kind of dissect it a little bit and see exactly what they did there. Now the community website is not the only website that you can get templates. There is also a pretty popular third party company I'm called The Learning Brothers Sherry . If you go to library dot e, learning brothers dot com come over to templates, and they have templates for every learning tool. Now we're just focused on articulate storyline, but you can see they have storyline, games, storyline, interaction, storyline, layouts on and then they also have people pictures as well that you can insert, but if you go into these different games thes air games that are pretty well designed and you can go in here and you can modify it and you could tweak it and make it look exactly like how you want it to look and then you get the credit when you publishes out, you actually say, Oh, yeah, I built that s so It's just a way to take advantage of that. Keep in mind that evening brothers does cost extra money, so it depends. And if you have the funds to do that or not, but they do have a pretty extensive library. However, if you don't have any funds, the downloads section inside of the community dot articulate dot com website is probably your best route, but they still have some great awesome templates that the community shares that you can download and take advantage in your course. But that's how you ah, create attempt. Or that's how you insert a template inside of your course. Now let's see. I'm gonna delete this, for example. Let's say I wanted to go in and, ah, build a template myself so I can come in here, click on new Slide and I want to go into basically outs and then double click on the blank slide. Now, if I start coming in here and I starts creating this template, you may want to just put in some sample content. If you're building this template and then share, and then once you've built out that sample content, you just come over here like we learned already. Click on file, Save as give it a name and then save it as a storyline template. Now you want to save it as a regular story file. But then, once you're ready to share it as a template, then save it has destroyed line template and then send that template off to everybody and you'll notice from the other template that we downloaded. If you have different versions of that template, we'll just create different slides. And then when they actually insert the slide in the template section, those different slides are going to be different interaction options that they can choose from. So that's, ah, basically up to you how you wanted to create those, Um, but you can also up to you how you share them. Um, but you can also come This is another quick way to get download free templates. This will take you through the download section and the articulate storyline website. You can see that here's a bunch of other templates that we can choose from, but that's how you used templates from the storyline community, but also how you create your own templates or different templates that you can also purchase available to you as well. 12. 10 States: one of the nice things about storyline. Another feature that makes it stand out to its competitors is the fact that you can use states now there are other e learning tools that do you states, but storyline goes a little bit too beyond that. And it gives you pretty much the flexibility to create as many states as you want has some default states that have some default functionality and in my opinion, allows you to go beyond what other e learning tools Dio. So I want to select this object. I'm going to come down to states and then I'm going to go. If I accidentally de selected the object you noticed that kind of goes away, I'm gonna make sure that that option is selected Going to stretch this out a little bit more so I can see the states, and you can see by default. ER is only a normal state. So if I wanted to add more states, I can just click on edit states and then you have this create New States copy state, delete state or undo different states as well. So I'm gonna go ahead and select where says New State and then I'm going to select this drop down box. Now, you can either create a new states and give it a name. Right here. You see a new state. If I just start typing, it's gonna create a completely new state for me. Or I can click traits some states with some default functionality. So, like this hover state, if I create a new hover state, that's automatically going to show whenever the person hovers over it. So I don't need to pull up, create those triggers to create that start to have that hardware functionality. If I select that state, that's what's gonna happen. If I wanted to put stuff inside of that state like additional text boxes that will pop up when you hover over it, why can add some different elements inside of that state? But I just need to create that default state. So downstate is when they actually have it down, which, if they're on a touch device, if they're on ipads or something, they're actually not going to see the Harbor state. They're only going to see the down state visited ST will show them that when they go to an interaction or they see a tab and they come back to it. It's actually going to be the visited ST. Ah. Selected state will be whatever current state that they're on. If you wanted to have that show. Okay, this is the state. This is the current tab that you're on. Uh or actually, no, it's ah, when you're it's mostly used for when you're actually creating a quiz and they select it. And then, uh, if other stuff is selected, it can de select it and so just shows them what they've selected. So when they submit in an interaction, they know exactly what's been selected. Disabled will give it kind of a no opacity 50% capacity, so it doesn't look like it's clickable drag over. This means that this is the state that when somebody drags something over, you can have it changed to something else. Like of trash can that's closed. And when they drag over it, you can have an image of a trashcan that's open. And so or you've seen this interaction. If you've been on articulates website where they actually take a person, they drag it over a door and the door is closed before they dragged the person over, but was soon as they dragged that person over the door, the door then shows open, and that's because they have a state of drag over on Ben. Drop correct and drop. Incorrect if you want, it's actually show a certain state based on if they got a correct or incorrect, you can do that as well. Now, these states are very useful when you're actually working triggers as well. Because triggers well, actually give you, um, you can check to see what state it is. And if you wanted to add some logic, same. Okay, If this state is selected, then do this. If this state is dragged over than do this, if the state is dropped, correct, then do this. And so that's something to keep in mind. But if none of these states actually fit, then you want to create your own state. But I want to go ahead and just select Hover State. Come over and click, add, and now you basically have two states here, and I can navigate between those two different states just by clicking on those different states. And then I can come over and with the hover states selected going to format and change the color of this object. Now, if I preview this page, it's going to change the state with that functionality or with the orange color as soon as I hover over that object. So I didn't need to build in that trigger that sugar is already built in. I just needed to add the hover state there. Now, if I inserts coming to the in search and go into controls and click on button and select a button, you'll notice that these the button automatically has bunch of states already created for me. And so that's a couple things to keep in mind is that states? Some functionality or some elements that you insert may already have some default states. If they don't, you can then add on those states, um, and so that's pretty much how you add estate. We're gonna go more in depth with different types of states when you're actually building the interactions, Um, and how you can do that. One more thing I wanted to cover is the formatting. If you needed to copy and paste this state, let's say I needed to insert a new rectangle and So I have this rectangle here and you could see that this rectangle does not have the hover state. And I wanted this all the functionality that I just spent. I don't wanna have to rebuild it all over again like it's like this object. Come over to home, click on format painter and then come over and click on this new rectangle or square. And now you can see it's automatically created a hover state with the right color. So I didn't need to go in and build its from scratch. It's already gone in there and saw. And how did those similar states to it? Now, if I have multiple rectangles, I'm gonna go ahead and delete that here. One other trick is if I come in here and it's just create a bunch of different rectangles, okay, And then when I insert a couple more here, still one more, there we go. So instead of coming over here, you'll notice if I click on format painter, come over here. It then D selects it, so I would have to come in here. Click on format painter again. Make sure this one, this selected former painter again it could be a pain. However, if you double click on this, then it will actually not de select it. And then I could come in and select as many objects as I want. And all of those objects will now have the current or the updated states. So that's how you start working with states. Again. We're going to go more in depth with states when we create and different types of interactions, we're gonna check use triggers and conditions to be able to check what state a certain object is in, and then run functionality or do functionality based on those states. And so there's a lot that you can do. But that's at least the basics of being able to create a new state and how you can copy the content from one object that states from one object to another object using the format painter 13. 11 Notes: The next feature that we want to talk about is the notes feature. Now the notes feature is essentially for the user, for it's like a transcript that the user is going to see, and it could be additional notes that you want to share with them, maybe links to some documents. If you wanted to share some Resource Is and PDFs, you can place that inside of the notes now to access the notes. If you come into a storyline page, each page has its own separate notes, and so if you come in here and under the timeline section, if you do not see it, so just go ahead and make sure that the timeline, states and notes, is expanded by clicking on the bar here or clicking on this little triangle down at the bottom. To toggle that up and then coming over to the notes section, this is the spot that you can actually add notes. No, you can't create hyperlinks or anything like that inside of the notes again. This is more meant for a transcript, but if you did want to play some references or some other things inside of there, you can. I'm gonna go ahead and just pull up Laura Ipsen if you go to lips, um dot com And so I'm gonna copy that and then come over to storyline, and then I'm just gonna go ahead and place my cursor inside of the notes section and then hit paste, And that way we just have some text inside of there and I'm gonna go ahead and come to the player section and make sure the notes area is visible if you were gonna talk about the different player properties and everything later, But if you come down, um, you'll notice there is a note section which by default, is checked off. So I want to go ahead and just make sure that that make sure that that is checked and I'm gonna click. OK, one more thing I'm going to do is come over to page two and I'm just gonna type in some notes seeing notes for page two. That way we just see that these notes are different per page and I'm going to go ahead and preview the entire course just by clicking on the preview button and you can see over in the left hand side we have our player. We'll learn how to adjust this and move the player and to expand the different sizes and everything as we go on here. But right next to menu is where we see our notes and you can see on Page one. This is the notes that I've pasted in. This is the transcript that the user sees now We can change the label from notes to something else. If you did want it to say Transcript, you can do that here inside of the player settings again. We'll talk about those different features later, but I'm gonna come back into menu here. And so let's actually go to Page two. And now that we're on page two, I'm gonna go back into notes and you can see there's our notes for page two. So this gives us the capability to add additional text. It's not actually text on Ah, the player itself you could do. I've seen people go in and add a little notes icon here, and then they showed a layer, and that layer did have some more interactive animations, some linking and other stuff like that. So there's work arounds you don't have to just stick with here, but this is the default functionality. Four notes inside of articulate storyline 14. 12 Preview: There are a couple different ways that you can preview your content as you're working with the inside of articulate storyline we've already been working with a little bit, but I just wanted to make sure that we go into detail the different types of ways that you can preview what you're working on. Now. The first thing is just by coming over to the preview tab, I'm on the Hoat home tap currently, but coming over to the preview button on the right hand side. If I just click on that, it's going to preview the entire course. It's gonna preview all the pages, and I could do all the functionality. Now, if I come over to the right hand side, I can click on close preview. And then if I wanted to, I can specify a couple things with the preview. By selecting the drop down box. Now, I can preview this slide. I'm and then I can also preview this scene. If I just wanted to preview this scene, I didn't want to preview all scenes, but I wanted to make sure that I'm able to navigate. Ah, the scenes. I can do that and then the entire project. Now the entire project is what gets previewed by default. However, if I wanted to preview just this slide, which is a very common thing you consume. Select the drop down box and select this slide. However, you'll notice a hints that says Control F 12 as you're working with the content. If you hit control F 12 without having to even come up to the button, this is a shortcut key in order to preview just this light. Now, one thing to keep in mind with this slide is you're not going to be ableto linked to other pages. In fact, the menu is not even gonna have any of those additional pages. It's only going to have that one page that you're previewing. So if you're trying to see how pages linked together and make sure that those air working you're gonna want to preview the entire project, But in this case we're just wanting to see what this page looks like, it's good to take a look at the course or toe, build the page and then preview it and see OK, that's what it looks like. This is what I'm going to be using for for this page, especially if you have animations or interactions. You would just want a preview it and then check it out and make sure it's working and then come over to close preview. That's what you're going to do if you dio. For the most part, you're gonna do mostly change. Preview this slide, an entire project that there's times where you're just gonna want to preview this scene, especially if you have large projects and you don't want a preview. Every single project. You just preview that one page. Now, as you're actually previewing it, you have a couple different options. You have the option to select, and this will. Actually, if you did preview this one slide, allow you to say, Oh, wait, never mind. I wanted to preview Page two, and you can actually jump to those slides from here without clicking on the clothes and then preview again. You can also click on replay, which will replay that page. If you're doing an animation, this might be useful, and it will replay the the animations and will replay the interactions and everything. If you select the drop down box, you can also choose this option of replay this slide or replay this scene or replay entire project if you wanted to. Just if you're previewing the entire course and he wanted to preview again or replay just that slide, you can come over and click on that slide, and then the other option is to edit slide. Edit. Slide will do the same thing as closing the preview. It'll basically take you back to the edit. Um, but since we skipped over to Page two, it will take us to page, do where we were at ah, and want to come back to Page one, and basically, that's that's pretty much it when you're previewing the course Now, you do have the option to publish out the entire course and then preview it from there, which you may want to do towards the end of your project. Just a test on all different browsers to test on devices on iPad ah, on Android devices and just see how it's going to function inside of those on those devices . There's not much you can do without trying to get into the code to fix any problems that you may see. However, it might be good for you to let articulate note saying, Hey, this isn't functioning that while on IOS, or maybe do some Google searches and see if anybody else has come across that. So that's just a couple of things. If you wanted to publish it out, you can. It's not common. Usually just previewing it inside of the project itself will do what you need here. Now, as you're working throughout, the courses are throughout the project. You'll be in different tabs. And honestly, the as you're going through these different tabs, you'll notice a common thing over on the right hand side. And that is this preview section. You have this preview option on whatever tab that you have selected, and I think it's because Articulate realizes that you're going to preview the course. Ah lot. And so they want the functionality to preview it close so you don't have to click on tabs and then preview it. They want it said the capability to just be right there. Whatever tab you're in, if you're going to be doing this a lot, I would recommend doing the control of 12 which would, ah, allow you to do a short cut key to preview it. So just keep that in mind. That's how you preview any interaction animations that you create in the sight of articulate storyline. 15. 13 Clipboard Format Painter: Now, I started talking about this first option inside of this clipboard. Ah, little bits. And we're going to just go over all the different options here. So I'm gonna come into the insert tab and we're going to just answer a rectangle because we need something to be able to play around with here. So I'm just going to create a couple different rectangles here and just put that on the stage. Now, if we come back into the home tab, let's just talk about this section, which is the clipboard section. Now we have a couple different options. We have the option to, ah, select an object, come over here and select this drop down box and you can see we have two different options . We have paced using destination theme or paste keeping source formatting. So if you what happens is when you switch different themes is the shapes will then have different default colors and defaults. Uhm attributes basically, and you can if you do that and you copy from one that does not have the defaults colors you can when you paste that you can inherit those default colors and you wanted to or you can actually keep the source formatting, which means it does not inherit that default themes or anything like that. I have hardly ever used that at all, so just keep that in mind. Ah, I don't even come up to paste. I usually do control V and control, see to copy and paste. But it's there if you need it, that's I just want to make sure that the option was known. The other option is to cut it, so if you click on cut, you'll notice it takes it away from my stage. But if I create a new slide and then come in here and hit control V or coming up to the top and clicking on paste, it will paste it so it cuts it completely, completely removes it from that stage from the current one and then paste it here. So whats the difference? Why would I do that? Compared to copy what? I'm gonna just come back into page one and I'm going Teoh just do control Z to get back. And now I'm just instead of let's go ahead and select this instead of cut, I'm just gonna click on copy now you notice when I click on copy, it actually keeps that object there. It doesn't remove it, so that's the difference. Cut will remove it from where it's currently at. So meaning you don't want it there anymore. You wanted to be moved somewhere else, and then you can paste it somewhere else. Copy will keep it where it's currently at, and then you can paste it on a copy of it somewhere else. So I could still come in at a new page. Um, I'm gonna insert a blank page and then hits paste up on top here and there we go. So now I have that same object in multiple locations. It just depends on how what you're trying to do. If you're trying to cut it and remove it, you could come in here hit, copy the lead. It's men, go to the next one and paste it. I mean, either way works, but there's a couple different other options for copy. If I select this drop down box, I can also come to duplicate, which will automatically without me having to click paste duplicated toe where it's at right now. So that means that if I'm trying to create multiple objects like a tab interaction. And I'm going to have multiple buttons for my tab. Interaction? Well, instead of hitting control vehicle or control C control V or copy paste up on the top options here, I could just come up and then hits duplicate and you can see that the option for control de is actually a lot quicker than having to go up there is, like the drop down box and then, um, duplicated there. So if I just select this object and then hit control D, it's gonna duplicate it. It's a shortcut key for me to duplicate it. In that way, I get the same dimensions, same colors, same states of five created states inside of there. Okay, so the next thing is the format painter that we've talked about this before, inside of Thea in previous videos. But just in case we didn't or you miss that or somehow skipped to it. If you have states inside of this any rectangle or in any object, really, and you wanted to copy and paste those states into difference elements, you can use the format painter, so I'm gonna create a hover state on this rectangle. And when the hover state is active, I'm going to have this be orange. Want to come back into here? Click on done editing states and you can see when I select this Rick Tingle come to states . I don't have that hover. Well, if I wanted Teoh, I can select this object that does have it. Well, let me create a couple more here. So when hit controlled the control D So now we have a couple different rectangles that I want to have that same hover state with Well, if I hit control or if I hit format painter, I can then come down here and select the rectangle that I want to Then have that same hover state. However, you'll notice that well, it didn't actually keep. I can't come over here and just click on this one. I have to select this wreck s Square again, come up to format painter again and then selected again, and then come back up here. However, if you wanted to not have to do that, you can actually double click on format painter and then come over here and click on these other objects. You'll notice that the format. Painter stays active until I come back and insult that. So that's how you that's the clipboard section inside of the home tab. Like I mentioned before, we're going to take each of these sections and we're going to learn about what they do. Want to give you all the options and then we'll talk about how to compile. And I do want to go through some examples of us building a tab Interaction Ah, and some other types of interactions animating some objects and what the best practices of animating are, and we'll go through some actually working examples. But until that point, when we're just getting used to it, I think that just playing with it and just keeping as minimal as possible is the best option here. But that's how you get started with the clipboard section. 16. 14 Tab Order: So we're still in the home tab, and now we're going to go to the next section, which is the slide section. Now the slight section gives us some options that you can also do just by right clicking on the page and coming down and selecting different things like that. However, there is thes options up on top. Depending on what you want. You can come up here and click on New Slide, and this will give you the same new slide options as though if you were to right click. I don't find that I use that a lot, so I usually just as I'm actually building pages, coming down here right clicking and then going to new slight. But that option is up there. However, one option that I do use. There's a couple different ways to access that you can right click on the page and come down to lay out, and then you can change the layout of any page. So if you have a master slide and the inside of the master slide, you have multiple layouts that you're going to be using. Let's say you have a text in the image page and that text and image page is going to be the same type of page in multiple different pages of your course. Well, you mean you want to create a master slide, which will learn about later and then insert that master slide throughout your course and just replace the content? It becomes like a template. It's not exactly I wouldn't use it as a template. So a lot of the functionality I wouldn't put in the master slide. I'd use that as an actual template. However, the styling in the layouts I would definitely put inside of the Masters light. The nice thing about templates is those go cross any projects. But with master slides. This master slide only pertains to this project. Now you can save themes and share themes and different things like that, but we'll talk about that later, but it doesn't share the master slide layouts. So one thing that I've done in the past is I've actually used or created a master slide for the company that I was working for and then use the master slide to insert different page layouts. And so I would just always start from a Master Project storyline project so I would have that master slide every time that I started a new project. And then I can use those master slide layouts for multiple pages. So that's what I would do. That's just something that I've worked with in the past, but it's up to you. However, if you right click, go down to lay out, you can change the way out there. Or you can just come up to lay out here and do the same thing. And so it's up to you. However you wanted to do them. The next option is the tab order. If I select on tab order. This allows me to change the tab order, as when someone's on the page in order to make it five away complaint. And if you wanted to increase the accessibility of it, you need to have a tab order so you can. You either use the default tab order, which basically puts it in the order that you place on the stage here or in your timeline, or you can actually create a custom tab order. If you click on create accustomed have order. This allows you to select an order and remove by using these arrows up and down the tab order. So when someone is previewing the page and they click on Tab, the tab order is what order? It's actually going to replace him. So where it's going to highlight, and then as soon as they tab to something, they can then hit, enter. And so if you wanted to, you can also removes a tab thing. So typically, the tabs are allowed the user to tab to an element like a text box, and then a screen reader would actually read that time that text box. However, there may be some things that you don't want them to tab, too, so you can come in here and you can click on this delete sign and that would delete it. However, you men see that this previously removed shape you can place that back if you need to, by clicking on the plus down at the bottom. But that allows you to remove certain things from the tab. It also allows you to insert alternative text, so if someone hovers over it, if they have to its or something like that, you can insert some alternative textures. So if this basically alternative text is you describing what this is. So someone who's using a screen reader who cannot see the screen but is using the screen reader can get a red audio description of what that is. And that audio description is going to be whatever you type inside of the alternative text . So it's important to Dio. Not everybody remembers to do this, but it is important to insert the alternative text and to make sure that it's there. So you stay five away compliant. You make sure you reach as many people as possible. You don't leave those people that are not able to see the screen out, that there are able to take advantage of it and still get your content. And so it is an important step, and I highly recommend that you do it. So make sure you come into the tab. Order some point of your actual course development here. Now, the other option inside of the slide section is duplicate, which you can do this by controlled the um, but it actually, if you select over here and hits control D, it will duplicate the pages, not duplicating the object on the stage. Keep that in mind. We're actually inside of the slide section, and we're duplicating the page again. You can just do that by hitting control D and selecting the page in the scene section. Or you can come up to the top and kicked duplicate, and that will duplicate it as well. I want to go ahead. Just delete some of these if you don't want this option says, Are you sure you want to delete the slide? If you don't want that to show every time, just check. Don't ask again and then you when you delete the next page, it doesn't ask you that again. But that's the slide section, how you create a new page, how you adjust the layout and then how you add the tab. Order inside of articulate storyline. 17. 15 Adjusting Font: in this section were still under the home tab. And we're going to talk about the font section, which is the next big section here. Now, in order to work with the font section, you do need to have some thoughts selected. So we're gonna come into the insert tab. I'm gonna come over to the text box, and then I'm going to select somewhere on the stage. And this is some sample text. Just so we have some text to work with, I'm gonna go ahead and create multiple lines. This is the second line, and there we go just so we can see the different types of things that weaken Dio. Now, with that sex selected, you can then move it. You can adjust it, how you want, and then you can come to the home tab. And this is where you can select the drop down box of the different types of font available to you. Now, this depends on your system. Depends on basically whatever system that you're using. You can select that font, and then you can use that fund. Now, I'm gonna come in here and select text here and select that and there that's all I have to dio. I can also come in and select a part of it and switch it back to certain funds so you can have multiple different fonts inside of one text built. You can also come in and just select a certain text element there. Come up and then bowled it. I tallis eyes. It underlined certain parts as well. She don't have to. It doesn't select everything and adjust everything there. So keep that in mind. Now. You could have multiple text boxes themselves so I could come in the insert, click on a new text box and then come over here and type out some more text. That is up to you. You don't have to have. It just depends on placement. If you're gonna have text here and text there, Well, you may wanna have multiple text boxes. Now, coming back into this text, you'll notice that if I have something selected within that text box, actually get the same options that I do up love here. The ability to adjust the size to add bold italics underlines positioning centering and everything, and then the color and then also a format painter. I get that option inside of this little pop up. Now, what's the reason for that? Because I can come up here. However, you may be in the view tab, and you may not want to go to the home tab in order to switch the fonts. That's why this little pop up is helpful. Even if you're in the home tab, it's actually a lot quicker just to adjust stuff here. You don't get all the options there, but you at least get the majority of the options here and adjusted here. What out? Having to go back to the home tab. We're going up to the top to adjust it. So that's just a quick menu. It does the same thing as above, so that's just something to keep in mind Now. You can also adjust if you select all the objects or just come in here and hit control. A. It will select all the text, and this, and whatever you do here will apply to all of the text. Or you can select this rectangle on the outline that will. Actually you can see it goes from dashed to solid as soon as I have that selected and whatever I apply here is going to apply to all the texts, not just some of the text selected. And so I can come in here and let's say up the font a little bit just by selecting the font or if I just want to increase it by one or by decreasing by one. I just come up here and click on plus or minus here, and that will take it up or take it down. Then I can also, if I have or over, you can see. There's also a short cut key. Now, if I hover over this option, you can see that it says clear format, clear formatting, which, if I select, that will take all the formatting What it was, what I just did and apply back to the normal default settings before it even started doing anything. So if you get totally messed up in the font, you want to take it back to where was? That's a good option there. I'm gonna hit control Z. I want to see this a little bit better. Um, a couple other options is I can have a shadow, a text shadow if I select that Emmy seem like nothing has actually been applied. Well, that doesn't actually get applied until I preview this page. Once I preview this page, that's when the text to shadow actually appears. You can see it now there's our techs shadow, and if you want it, you can tell that it's applied because the blue highlight is over that shadow, and you can un apply it just by selecting that. Now there's some pop ups, and there's some buttons that have text shadows automatically applied to it to take those off. You just select that buttons outline like we did here, and you come up and uncheck this and that will take that shadow off. You can also have certain strike throughs. And so if I want this text to be stricken, I can go ahead and just click on the strike through, and that will select a little strike through whatever I had selected there. A couple other options is I can use symptoms case lower case uppercase capitalize each word . If I wanted to buy selecting these different options, I can also do toggle case if I'm talking about certain elements and I just wanted to have some style. I can do that. Capitalize each word or all caps. You can adjust that just by selecting this drop down box, which is the change case. I can also come and select this drop down box to have ah highlight. If I wanted some text to be highlighted, I can come down and select what highlight that's going to be. I wanted to be yellow or anything like that. I can always come in here and change the font color. And so we have a lot of different options with the font color. If I click on more color, well, actually pop open with this different color picker that I can go in and said, Select a colored and come over to the right hand side and change shadings of that color. It gives me the exact HTML hex value if I know my hex values. If I'm doing this for a company, I can come in here and enter that hex values specific hex value there and then if I wanted to. If I found a color that I'm going to use a lot, I can click on add to custom colors and then we'll add inside of my custom color section that color that I can then apply Teoh other projects in other elements inside of there. So don't click OK, there. One other option is this spell checker. If I click on spelling, it's going to go through and it's going to allow me to spell check all of the text inside of this page or inside of the course. It does it on a whole course level and you'll go through and just a spell. Check everything at that point if you do misspell something that does give you that red highlight or underline. But it's nice to just at the end of the project, coming here to spell check and make sure that that's all taken care of. So that is the font section. We're going to be talking about the paragraph formatting in the next video, a couple different things that you can do with bullet points and other stuff and alignments and everything inside of articulate storyline. 18. 16 Paragraph: in the last video, we talked about the font section. Now we're gonna be talking about a similar related section and and the home tab, which is the paragraph section. Now, if I select this Tex and I come into the paragraph section, you'll notice that I have a couple different options only. Go ahead and delete this extra text here. And just so we're working with one tax, I'm gonna select this drop down or this lines to go down a couple of lines here, and the first option is bullet points. If I select this, it will actually give me a bullet point that I can start typing something then and as I started hitting, enter it will create that bullet point. Let's say I wanted a different type of bullet point where there's a drop down box and I could select the different types of bullet points that there are available now In order to change all of them. I do have to select everything, come up here and select the type of bullet point that I want. If I've already created some or I can come in here and select numbers if I select change this to numbers, which is right next to it. It'll now have 123456 and so on. But if I slight that drop down box, it'll actually give me Roman numerals, letters, lower case letters and a couple different options. Now I do also have the option. If I come back into a bullet point, you'll notice it says, or in the number it says bullets and numbering. If I select that, it'll actually pop open with a lot more options for this supple it's Anna Marie. Now, Aiken Tab between the bullet and number gives me that similar options, but you can see number here. I can come down and say, Oh, well, let's adjust the size. I want this size of text to be Let's just adjusted to 50% And let's adjust the color to be Ah warrant. Now I'm going to start. You can have it start at a certain element, but I'm gonna click OK here and you notice the text itself did not change, but the bullet points did change. And so if you wanted the bullet points to be smaller or the numbers to be smaller, that's how you would do it again. By selecting this drop down box coming down to bullets and numbering, you can adjust them. Now, any time you see these three little dots here, this allows you to expand it out. If you needed to see the window a little bit more, you can expand it out, drag it out and see that a little bit better there. Now, a couple other options. If you come over here, you can see that we have the indent option. Um, so if I want the second line to be indented, I can click on indents and there will indented it. And now that I've indented it, I have the decrease in debt option selected so I can take it back to where it was before now. A couple other options If I wanted Teoh. I have the spacing, the line spacing, and it gives me the default of 1.1 point 5 to 2.5 and three point owned spacing. This is the line spacing. If I click on line spacing options, I could get a little bit more detailed with that so you can see that I could get the alignment set toe left centered, right or justified and I could have the direction if I'm working with the right toe left language. This is where I can change it. The indentation I can have before text. At a certain point, I can also have special. If I wanted the indentation to only be the first line to be hanging, I can adjust that this is a lot more options than what you ever got with articulate storyline one So they've increased the capabilities of the different things that you can do inside of storyline too. Now, the other space in here you can see the spacing before spacing. After this is basically before after and then if you wanted to be single, 1.5 double at least at least will basically give you are the capability to have a certain amounts inside of there afterwards. And so is if you have very specific formatting. This is where you would come in and you would adjust that for many. Now you can also just the text direction. By selecting the text direction, I can rotate it 90 degrees. I wanna have some text on the right hand side or if I wanted to be to 70. I can adjust that. Or if I click out more options, this gives me the options to format the shape and I can adjust the rotation by cycling this drop down box. I can have it resize shaped to fit text, which the shape is the outline of the text. But then I also have the internal margin. Well, let's go back here and I'm gonna take this text direction. I'm gonna put it back to where it was before. And so we have this horizontal text there. Now I can also, Before we go into that last option, I can have a line to the top, middle or bottom. Ah, if I select middle here, you notice as I expand out my text, which you can't actually do vertically. So I'm not sure why that options there, but it would put it right in the middle of the actual text there. But I'm gonna take this back to the top Now I want to come back in here and you could get it to this way for the more options on the text. You could come in here text direction and click on more options or you can actually could click on this expand button. Same thing with the font. If you click on this, you can actually click on the font expand and you can adjust the fonts and the different types of effects right here. This is also where you can come into superscript sub script and other elements. But that was in the last video most. So we're gonna just talk about what you can do in the paragraph section. Now the paragraph section is also if clicking on that expand one does take you to what we were seeing before the spacing, the indentation and everything. But I want to come back in here to text direction and go to more options because this gives me the internal margins. You'll notice that there is a little bit of species between the top line of the text and then where the text actually starts. And that's because there is a five pixel internal margin spacing around the actual object. So if I wanted to adjust that if I wanted this to be right at that line, well, I can take that down to zero. And that means that this top line you can see where the highlight is is now. There's no spacing there. It's now at the very top. I could do the same thing with actual left if I wanted to have this. You can see their spacing on the left hand side, and I wanted to have this aligned with that, some with the line here on the left hand side. I could do that. You may come across this because there's been a lot of elements where clients have wanted this positioned directly in or aligned with some shapes or some images and everything. And with that internal margin, you always have your text kind of often in a little bit. You can't get it directly online unless you adjust that internal margin, take it completely off, and then you can alignment more directly. So now I can taken image up here in a line that specifically up there. So that's one thing to keep in mind. Now you can do that also getting to that same section by clicking where says, drawing tools coming and going to under this subtle format shape, expand and then coming down to text box, and then this is where you can get your margins. Any time you see this format shape, this is where you can go into and adjust the margins under the text box. Okay, so I'm gonna come back into the home tab, and, uh, one more thing that we're going to cover is the fine text. If you needed to find a specific text, If you have pages upon pages and you needed to find a specific thing, you can just hit. Let me type in line here, hit, find next and you'll notice in Now highlights. That's a text there. And then I can go in and click on replace as well, and I could replace the line. So if your company you created a company training your company now has a new name. Well, you can go in there and quickly find and replace the new name. Swap that out. So all right, so that school had enclosed that, and that's how you that's the different options for the paragraph section under the home tab. Basically, it has to do with more once you have your text there, how you align your text, different bullet points in text directions and every different text options that you can work with. An articulate storyline 19. 17 Drawing: Now, we've already talked about previewing, but we're gonna talk about player settings in the next or down the road. And they were going to be talking about publishing down the road as well. So the last section to talk about in the under the home tab is the drawling section. Now, the drawing section allows you to do a couple different quick things. I'm gonna have multiple objects on the stage. First of all, in order to work with some of this, So I'm gonna come into the shape, select the drop down box, and then just basically select this rectangle. Now, I'm gonna cover up this text for a specific reason. If I come into the home tab and I come into arrange and select this drop down box, you'll notice I can actually bring to front this certain objects over one of the text. If I have multiple layers, multiple objects and I needed to bring something the front really quickly. You can do a couple things, you're gonna actually take it. Try to drag it all the way. But if you have a very long time line with a lot of stuff, that may be a pain so you can just come in here. It's like the range and click on, bring to front, and that will bring it to the very front. If you wanted to, just bring it by forward. Once you can click on, bring forward or send backwards will just take it one line at a time, but sent it back will take it and take it from the very top or where it's currently at. Put it at the very bottom. That's a quick arranging. If you wanted to do that, I usually use the timeline to be able to do that, because you can just take it and click and drag. Let me expand the timeline here so I could just quickly just drag here and drag below. And so it's It's up to you. That is just another option there now. Another option is the quick styles. If I select this quick styles, it actually gives me a lot of different options of something that I can quickly change, too, so you can see that whatever object I have selected, it will actually select this quick styles that making adjust the style of the text in the box. That's around it to a certain style. And these air the default styles inside of articulate storyline, you can create your own theme and the theme of styles, and you can have that be part of articulate storyline. But we're not gonna worry about that right now. You can Also, this is a spot for you to come in and adjust the fill shape, the outline and the special effect. The shape effect with this object selected you from coming to the format and do the same thing shape Phil outlined. In effect, so is basically two different spots to do the same thing. It's up to you. We're gonna be talking about the feel on the outlined in the different types of shape effects when we get into the formatting window section. But for now, this is just to select the drop down box, and you can come in here and select some of the pre built colors or, like we learn before you can come into formats, colors or sorry, more colors, and then you can choose a very custom color. Or you can actually use the eyedropper color or the eyedropper. So if you have an eye dropper you can come in here and select a color on this stage, and that will adjust the feel of that color. Or you can do it based on a picture and the picture. You can find a picture, and if you have a pattern or something, you can use that for the picture. You can do it as a Caridi INTs if you wanted this object to have certain ingredients, or you can use some of the pre built textures that articulate has as the default graphics there. If you wanted a texture, apply to it. So a couple different options Now when you go into the border nor the outline that's essentially the outline around the rectangle so you can see this one is a grey outline. If I select this drop down box, Aiken selected to be whatever color outlined that I wanted to be, and then the shape effects. You have different options. You have shadow reflection and glow and soft edges. If I click shadow, I have a couple different options of what kind of shadow I wanted to be offset at the bottom, offset on diagonal bottom left or if I wanted to be offset center. So it's all around. Or I could do in her shadow if I wanted to make it look like it's kind of indented a little bit. I can do that now. There's a couple tricks that you can do that and use, um, shadow options that will learn about once we get into the for many section. But that's how you quickly would come in here at a reflection at a glow or at a shadow if you wanted to. If I needed to. I can also come in here and click on this expand button, and this will pull up the format shaped like we learned about before when we're learning about the text box. But it allows me to come in here and adjust the transparency adjust. If I wanted to be a Grady INTs. I have a lot more options with radiance pattern feel. Ah, slide background Phil. And then again, the transparency to make it see through a little bit. That's up to you. We're gonna learn about all these different options in the line color section line styles once we get into formatting. But that's another spot that you can get in and start adjusting in formatting your shapes on your stage inside of storyline. 20. 17B Insert Slide: in the last section. We talked about the home tab and everything that you could do within the home tab in this section. We're going to talk about the insert tab Now, First of all, we're going to talk about what you can do inside of the slight section like we did with the home tab. We're gonna take this section by section and show you the different options of what you can do now. This is important. Like I mentioned before, I like to teach about, you know, as bare bones as possible and teach about what you can do with that. And then we'll go through later on in the course and walk through some actual examples of how that applies and how you can actually start using that inside of riel course experiences and stuff. So the first thing that you're going to be seeing when you come into the insert tab in the slight section is the new slide, the ability to add new slides into you articulate storyline. So if I click on new slide, it's gonna pop open with the same options that which what we saw before by right clicking or by coming into the story view by adding a slight there. So you have your templates that you can choose from. You have your basic layouts. You have your cuisines screen recordings. You can start recording your screen, or you can import it from an additional file like Power Point, Quiz Maker engaged or other storyline projects. If you have another storyline project that you want to combine, you can do that inside of here as well. But I'm gonna come back into the basic layouts and then under the blanket when you go ahead and click on insert. And so that's one way of adding a page. However, if I wanted to, I could come down here. And this is the way that I find it easier. If I come down here, I could just right click and click on New Slide. I don't always come up to the insert tab because I may be somewhere else besides the insert tab, and so I may be in the design tab or something like that, and then I just right click and go to new slide. That's a little bit easier, but just so you're aware that if the option is there Now, when you're inside of a page, the next option is a slide layer. Now you can come down here and this is kind of the standard of what's ah. I use over on the right hand side or the standard. I've seen normal everyone else actually using is coming over to the new layer. I've never actually seen anybody come up to here and click on new layer. But if you're on a slide and you wanted to create a new layer, typically you come down here. However, that option for new layer is up on the top on the left. Inside, you can click on nuclear, and it will do the same thing. It will create that layer now, the reason why I usually use this new layer instead of that one up on the top left hand side. It's because this one down here gives me all the other controls that I could do with the layer so duplicating the layer delete in the layer, and we'll talk about all that in the laters video. But I want to go ahead and click on Delete here and click Yes, and now the next option is to convert to free form. If I have a couple different shapes will learn about shapes here in the next video. But if I have a couple different shapes, I can actually take any page, and I can convert it into a freeform quiz. So if I come into here and click on convert to free form, these are the different options that will give me. I have the option to do a dragon drop while have the option to do a pick one pick many text injury, hot spot and shortcut keys. I am going to do a video on each of these so you know how to actually create a custom quiz on each of these and at a later time. But this is how you at least create one. I'm gonna go ahead and click on pick one and then click OK, now you'll notice what happens is it then gives us a switches us to the form view of a normal quiz question, and so you can see here form, view and slide view, and then it gives us the different options that are going to be selectable by the user it themselves so I can select this drop down box and you can see it will give me a list of all the different shapes on my stage and the only two shapes that I have currently on my stage stages those two rectangles. This is why I've I really stress this. Naming your objects on your stage is going to be crucial. You want to make sure that you have those names because when you're creating quizzes or dragon drop interactions, it makes much more sense to have this be drag one or drag two or drop item or something that makes sense rather than rectangle like. I don't know which rectangle you're talking about here, so naming your objects on the stage is going to be very helpful. For now, I'm just going to select directing the one in rectangle to It's not that hard because we had don't have very many objects on the stage, and then you select which one is correct. So I'm gonna select that one to be correct, and then I can select the feedback. If I wanted this feedback to be correct or incorrect and what what I wanted to say. I can also come up here and say okay. I wanted this to have a certain amount of attempts. I want the score. We'll talk about all of that once we get into the quiz section of this training. But for now, I'm gonna switch Switch back to the slide view, and this is the same view that I saw before. But now you can see that I have a correct layer and I have an incorrect layer, and I can come in here to those layers, and I could format that however I wanted to, but those layers are the layers that will show if it's correct or incorrect. Now, if I preview this coming up to the top and clicking on preview, it will now preview what those two different options in, depending on what I have selected. If I select that and then click on submit here, you'll see that the incorrect or the correct feedback will actually show. So I want to close that out here, and you come into this object and you'll notice if I select my states. It actually because there was no state selected when I credit that rectangle. There was no state object, actually even created the state itself four selected was not created in order to do a pick one interaction, it does need to have a selected state so articulate automatically creates that four of me, which then creates this glow effect that you're seeing. If you don't like that, you can come in here, click on edit states, coming to select it and then remove that glow by coming into the drawing shape effect. And then, uh, under selecting or selecting words has selected are actually coming down. Let's come here going to glow and then selecting that no Chlo will remove that globe, however, I do want to make. I wanted to change so I can at least tell that it's been selected. So I'm gonna come up here and changes toe orange, And that means that when it selected, that is going to be orange. If I come in here and preview this again, when I select that, you'll notice that the selected state is now orange. I did not change that over here. So you see, the selected state still has that highlight. We've learned about this before. We can quickly just select the object to come into the home tab, click on format painter and then select that other objects. Or now it has the same selected state. No one. Nice thing about doing that. Interaction of the pick one is when I have a selected state, it automatically knows that you're only going to pick one of these objects. And so if I come in here and decide away, I want this one selected instead, it will unsolicited that object and come over here, and it's like that other object and same thing if I come back and so it will automatically recognize, Let's, um, only one can actually be selected if I did the pick. Many well, multiple can be selected so you could have multiple actually in there. But I'm gonna click on Submit here and you'll notice that there's my correct. Now, I could even trigger one more thing in here, and we'll talk more about this in depth, as I could trigger this actually be submitted. Right now. The submit interaction is being submitted by the submit button, but if I wanted to remove that button, I do have that ability to and that can actually submit it. When this is actually selected, we'll talk about all the different quiz options once we get into the quiz section, But coming back into, I'm gonna delete this page right clicking on it, coming down to deletes. And so I'm gonna collect. Don't ask again. So I don't get this pop up every time. But now I'm gonna come back into the insert tab and now we're gonna talk about the zoom Region. Let's go ahead and just select one more rectangle here when it's like that on my stage, maximize this so I can see everything. And now I'm going to click on Zoom Region and you can see that get this green highlight box and I can move that green highlight highlight box to zoom in on a certain part of that object or on the stage. Now, if I expand my timeline back out, coming to my timeline section, you'll see here is the actual zoom section or the zoom time period that this is going to zoom in. So that means when the slight first starts, it's going to zoom in. And by the end of this zoom section, which is at three seconds, it's going to zoom back out. If I wanted to move that I can just go ahead and drag and drop. Let's say I wanted to zoom in on 1.5 seconds there, and then it will zoom out on 4.5 seconds. And so and then I can drag aunt stretch that out or make it smaller. Bigger however I wanted to. I want to come in and just preview that again. And let's see what this looks like so you can see we see our whole rectangle. But you can see I zoom in on just that certain part and then zoom back out. Now one of the So that's a nice feature to emphasize. If you're going to focus in on a certain object, you can use that soon. Region. However, you cannot not zoom out. So that means if you're actually zooming in, you can actually go in and say, Okay, I want this to zoom in, but I don't want this to zoom out. There is not that option there, and so I can affect the duration. I can affect the start time, the end time, but I can't say okay, zoom in, but don't zoom out. So if you wanted to get that effect, you would have to do something different. But that's the zoom effect, at least. And so I'm gonna go ahead and select that and then hit deletes. And so I can remove that zoom effect at any time. And then the last thing is the record screen. Now, we went into this really in depth in a different video, so I'm not gonna go over this now. But this is how you would actually go in record your screen and inserted inside of your slide at any points. So that's the slide section, the slight formatting that you can dio inside of the insert and so you can go in and add new slides, create slide layers, convert to freeform zoom region and then also in search screen recordings inside of your course. 21. 18 Illustrations: in the next section in the insert tab is the illustration. So inside of the illustrations we have a couple different things. We have the ability to bring in an image. We can take a screenshot. We can also bring in shapes or create our own types of shapes and objects and images and stuff. We can also use captions and then characters. Now you can bring in your own images. You can if you have access to, like a stock library, like I stock or the Learning Brothers or something like that, you can use their images and bring them in to build part of your E learning course. And you can also take your own screenshots. If you're doing a walk through step by step process, you can take those screen shots and create him inside of here by using the screens screenshots section. You can also come in and create your own shapes, and I've seen a lot of people get very intense with shapes. You can create gauges. You can create buttons. You can do pretty much a lot of stuff with shape section, so don't think just because it's a default shape that there's not a lot that you can do. You can actually do a lot now. In fact, I recommend actually doing as much as you can within the shapes to help with file size and also to help with being able to if you're going to share. This is a template allowing the people to actually change colors and everything. You can do that with the shape easier than you can, finding the stock image or and then going into photo shop and changing stuff like that. Captions are basically highlights or thought bubbles. That's, Ah, your users or characters will be saying so we'll talk about that here in a second and then characters. You may have access to the E Learning Brothers Library, which gives you a lot of different characters or something like that. There's a lot out there, or you can use what articulate already has. So there are some default characters that you get, or you can get character packs they always after from bundles and stuff that you may already have access to. So you could use that already inside of you articulate storyline course here. Now I'm First of all, we're gonna walk through each of these sections, but we're gonna talk about first of all, the pitcher section. So picture is just basically going through and using some stock images that you already have some PNG files J pegs or anything like that you can see down here if I select this drop down box, toe all pictures. This lets me know all the types of pictures that are available supported that you can bring in. You can see J pegs. You can see PNG files, BMP files, GIF files, tiff files, E M F files, a lot of different types of files. It does not support SPG files. If you're familiar with what SPG files are those air basically, um, files that no matter how far you expand your course or contract your course that ah spg file will not get pixellated Ah, help in future versions. It does allow you to do this, but for now it does not, um and so you can go in here and see OK, does support. J packet does support P and G's and different things like that. So I would come in here, just get this gorilla just, you know, random object image that I can go in and just click on open here and that places it inside of my course. And so that's how I bring an image in. Now, once I brought an image in I can't go in here and format a lot of difference. Odd options for this image. There is going to be a separate video just on formatting images. So at this point, I'm not gonna worry about it because we're just focused on the insert tab. So we're gonna come back into OK, now that the images in here, what can I do? Well, for now, you can at least resize it. If you hold down the shift button, you can resize it proportionally. You can move it in. You can come back into the insert tab, click on pitcher and even bring in another instance of that as well. Or if it's already in here, you could just, you know, command, see or control C control V copy paste it, and so you can have multiple objects there. Um, or you could just hit delete, and it will delete that as well. So that's how you at least bring in your P and G's. You bring in your J pegs inside of articulate storyline. So that's one way. Let's go ahead and talk about the next way. Is this screenshot option? If I select the screenshot option, it will actually allow me Teoh, create a screen clipping, and if I select extreme clipping, it's gonna completely go away. But now I have the option to actually drag out a certain area on my desktop. So I'm gonna drag out this area and it's gonna automatically place it inside of my course. And so if I'm creating a step by step process and I wanted to not do the string, according, I just wanted to create some screenshots real quick. Well, instead of having to get snag, it's or having to do something else are articulate storyline does that for you, and it's so integrated that I don't even have to click on import or anything. It just automatically shows up in my course as one of my objects. I could delete that if it doesn't work, I could come in here under formatting again. We'll talk about for matting options in a different video, but I could crop it if I don't get exactly right. There's a lot of different options that you can do with that image. But that's at least how you take a screen shot. And by selecting this drop down box that's and selecting screen clipping, you can take a screenshot. Now, if I'm in the screenshot moment, I decided, Well, I don't want to take it. I can just click the escape button and it will take me back to where it was before. Okay, so we're gonna go into shapes and we select the shape down, drop down box and you'll notice all the different shapes that we have available to us. Now I'm going to in a later video talk about different shape options. But for now, let's go ahead and just add some. You could see that we can add arrows. I'm and those arrows as I drag him out. We'll have a little pointy option there will also coming down here. We can add rectangles. Um, we can add difference. Starburst as well. If you hold down the shift button, it will keep it proportional when you have a shape. If you ever see this a little yellow square, this actually allows you to adjust best shape itself. You can see I can adjust the angles of that shape. And so, depending on what you have selected, what you've actually created, you can see here is the Yellow Square. Now I can drag that out and create a sharper edge. And eso just takes him playing around with these different options here. So you can see here I can drag outs the corners and so has some sharp corners. And I've seen some people do some pretty awesome stuff with shapes. And so there's a lot that you can actually dio. There's also free form, one that you can actually click somewhere, and we'll start dragging out this line that if I start rotating or start moving it around and clicking on a lot of different spots, it will start creating a completely new shape. And if I connected at the very end, um, by double clicking, it will connect it. It's now created that shape for me, but I'm gonna go ahead and just delete that now, with any shape selected, you can come into the formatting tool, and you can go in and change the formatting for any of these objects. There's some default formatting or you can go into the custom formatting Now have a complete section on formatting, so we'll talk about that later. But this is at least how you create your shape itself. Ah, lot of other shapes. You have kind of sharp corners here or you also have some three D looking effects as well. So you have this You wanted to get kind of a three d rectangle there you can get that going . Plus, you have lightning bolts. So again, a lot of different stuff. And my recommendation is trying to Kary create as much as you can save storyline because it gives you the flexibility of changing colors, it gives you the flexibility of changing the shape size without getting a lot of pixel ization. It also gives you, ah, lessons the file size inside of your project so you don't have a large file size. Um, and so it work with whatever you can try to work with shapes that come default inside of storyline. So I want to do a control A and then deletes all that object for now. And then I'm gonna come into the caption section Now the caption section gives me a lot of thought bubbles that allows me to insert text inside of those now inside of the shapes. One thing that you want to become familiar with is if I actually create a shape, I could actually just start typing on that shape. And it will create a caption type of shape or caption type of object on that. So but the caption itself, one of the nice things is if I'm going to create a thought. Bubble, for example, is I could take this yellow square like we learned about, and I can actually move that to position it right next to that person. So it actually looks like it's coming out of their head and that they're thinking, and I can also adjust that thought bubble and whatever size that I want. That's one of the nice things about using captions compared to just using shapes and typing something in the shape so you can see any type of caption that you want, and you can still come into the formatting and change this caption to whatever color style you want or even get it. Custom. Phil and format now light outline and everything there again, We'll talk about the different formatting options in a later video. And then the last thing is the character. If I select the character, have two different options. I have illustrated character and then photographic character now, depending on the different packs that you have. So if you purchase storyline with the character pack and installed it, you'll have more options than you can see here. If you did not, then you can purchase the Loring Brothers, which will give you a lot of different photographic characters or illustrated characters. But you just have to insert those as pitchers, and not in this way. One of the nice things about this way is if I come until an illustrated character, you can see. Here's all my different illustrated character options. However, I can come in here and I can adjust a lot of the difference. Ah, items here so I can say OK, I want pointing to the left. I want him pointing to the right. I want to face forward, and then it can come into expression. And so I want them talking. I want them disappointed. I want them stressed, and then now e Learning Brothers does have a lot of these different types of poses. However, you can come into the pose, and you can actually even customize it a little bit more. So I have the stress look, but I can have whatever and you know, the position of the hands that I want, um, and come in here and I can also have them at a keyboard. I can have them holding a poster, whatever I wanted to do and then click insert inside of them. And then I can come in here and just resize this in any way that I want. Um, and I could have. It's, you know, kind of hanging off the stage a little bit and just have them from the waist up or something that you have a lot of flexibility there. Now that's the graphic one. And there's not a lot of different types. It's very one. It's one style with the illustrated characters, but with photographic, it actually gives you your different actual character packs. Now this is the defaults character pack that you get and you can see Here's that character . The head shot the torso and then the full. So if you just wanted the head shot. You can get just the head side. If you just wanted the torso, you can get the torso and then you can come into post and you have a lot of different poses to choose from so you can come in here and adjust the poses. And then I can click on insert. Now. I can also come in here and resize it how he wants. But I can at least come in here and insert that character, that photographic in there. So if you did get a difference, character packs. When you purchase storyline, make sure you install those. When you install those, they will select and you when you click on photographic character, they will come up here has a different option. But if you did not get more characters, you could come over here and get more characters. Or you could subscribe to the Learning Brothers and get more characters that way. So there's a lot of different characters to choose from a lot of different options out there. But that's how you actually use different types of illustrations from pictures, screenshots, shapes, captions and characters inside of articulate storyline. 22. 19 Visually Updating Shapes: we've learned how to insert shapes into our course. But now let's learn what we can do with those inserted shape. So when you click on shape coming down, Teoh this erecting on just drawl out of rectangle. Now what we're gonna be talking about in this formatting section applies to whatever shape we decide to use. So keep that in mind. What we're learning about here will apply to all shapes. Now, with this shape is actually selected, you could come into the format section. There's a couple different things that you can do. First of all, if you decide that, wait a second. I don't want this shape. I want a different shape. You can come over here and then the inserted shape section. You can just select a different object. You can click on change shape here, and then you can change that shape to be something else, and it will keep the same proportions as the previous shape had. That may not always work. I recommend just inserting a completely different shape. But that's at least an option that you can do there. So I'm gonna click on Control Z to take that back to where it was before. You can also click on text blocks and insert a text box inside of that shape. However, you don't necessarily need to do that like we talked about previously. Just with the shape selected, all you have to do, start typing. Once you start typing that text box will then go inside of there. You conform at that text in certain ways once you have it inserted inside of your box. But for now, just typing it in will give you the actual text centered in that shape. Whatever shape that you've actually created now the shapes styles is the next section that we're going to talk about these air default styles that are actually created, Um, from the whatever design tab that you have in there and this will be the default colors. So if you adjust that set defaults the design tab, these will be different colors. However, there is also the option to select this drop down box, which will give you a lot more other options so you can see that I have this and a white would just kind of outlines options as well. I have this other kind of Grady int options that I can choose from, uh, come other some other accents to these different colors. So they're the same colors, but with different variations. If you select that drop down box, however, you're not stuck to those, you could come into the shape Phil. It's like this drop down box and select any color that you see here. Or if you don't see the color that you want, you can come into more field colors, and this will give you an even broader selection. However, if you know the hex value, which is the HTML value for the color that you want, you can go ahead and type that inside of here. If you don't know that, um, well, you can figure that out with the different color pickers or eye droppers. There's a lot of different options to choose from once you have the color you want. If you're going to use that color a lot, I recommend adding it to custom colors so it would actually be part of your custom colors, and you don't have to copy and paste in this HTML value of the hex value every single time . You could also just the darkness the lightness and the darkness for that color. Underst By selecting this box going up and down, you can enter in the hue saturation Ah, and other elements here, or the red, green and blue color values. You can also use an eye dropper and select somewhere on the stage that has that color that you want. I'm gonna go ahead and select. Okay, Now the outline. I could do the same thing. I can come in here. I can adjust the outline color if I wanted to. However, one nice thing about the outline is you can come in here and adjust the weight and so you can have ah thicker outline. You can also adjust the dash options for it. If you don't see those, if you don't see the weight that you want, you can come into more lines and we're actually give you the additional shape formatting options. Ah, what type of the cap type the joint type. Also compound type, dash type with as well. You're gonna just that all here. We'll talk about more of that once we get into formatting. But for now, that's the shape our that's Thea outlines that you can actually create. I want us like this drop down box. And actually, if I don't want an outline, I just come into your and select no outline. The next option is this shape effect. If I select the shape effect, you could see that we can add a drop shadow, and there's certain directions in the drop shadow. I can add a reflection, and I can have certain amounts of reflection as well. I can add a glow with different colors in that glow, and then I can also have soft edges, which will give me just kind of soft edges around my shape itself. I don't use those a lot besides Drop Shadow, and if I do use a drop shadow, it's going to be just a very slight drop shadow just to make it pop a little bit. The next couple things that you could do with shape for matinees you can bring front. You can align it to other objects. If you have other shapes selected, you can adjust the width and the height, and then you can come in and preview it. So once we get into the formatting section, we're going to talk about all these different options and other things that you can actually do. But I at least wanted to let you know now that you start working with shapes Ah, where you can change the colors. Now that you're starting to use shapes, you can change the colors, You can change the outline, and you can add on different shape effects inside of articulate storyline. 23. 20 Insert Media: in this section. We're going to be talking about the different ways to insert media inside of your course. Now we're not gonna be talking about the different types of options that you have available for each media type. We'll talk about that more in depth in a different video. I'm just worried right now how to actually bring in the media and to use it instead of the course. So let's first of all, start with video. So if I just click on the video button, it'll pull up an option for me to go find a video on my desktop so I can select that video and you could see the different video types we can bring in SWFs fl V's, A W a V Ice. Also w MVS movies different things like that. So I want to go ahead and click open here, and it's going to insert it, and it's going to convert that video inside of my course. And so once it's inside of my course that I can move it, I can adjust the different timelines available you can see that automatically creates a timeline inside of my course itself here and for the length of time that I can go in and I can animate text to. I can also go in and I can have in triggers that could make this video interactive. There's a lot of different elements that you can do once these videos inside of here. So we'll talk about the video options once you've brought in the video in the next dissection, but at least is how you bring in a video and make it part of the course. Keep in mind that if you make a bit video part of your course, it does make your course file size much larger. Videos are basically the highest data rate or data. Um, videos themselves have a lot of data to it. And so they are the files, the largest file size for media that you're actually going to be using inside of your courses. So bring it in. Tons of videos may not be the best option. You may want to get a streaming service or something that actually you can then have stream from your course. You make it course itself so much smaller and then have the video itself just kind of embedded inside of your course, So you don't that if you do it that way, you don't get the ability of time things to your video, so you just It's a trade off. If you wanted to have the video stream or if you wanted to make your course file size larger, it's up to you. So I'm gonna go ahead and select this, and I'm going to delete that. Let's talk about the way that you would stream it. Now I do have a venue account myself, and it's 1 90 90 year. But I think it's very, tremendously helpful, especially if you don't have your own streaming service. If you have other streaming services or just want to put it on YouTube, you can put it on YouTube however you want. But all you need is this embed code. So I'm gonna go ahead and copy that embed code come back in the storyline going to instead of clicking on the button, I'm gonna click on this drop down box and go video from website Now. This is where I can copy the embed code and paste it inside of this box and then click on insert. Now, what will happen is it will then insert this box and you can see a little thumbnail of that video inside of my course. But the final size. And this is the benefit to it. The file size does not get increased with your course, so it will still use the video itself. But the file again, the file size does not actually get increased, but the learner has to actually hits play. If they're on mobile or depending on your video settings, you could have this set to auto play. So it just depends on how you want to set things up. Um, but just making your course ah, lot smaller by importing it from video or from YouTube or something like that is gonna help your course of file size tremendously and loading time and everything, so I highly recommend it. So I'm gonna go ahead and just delete that, And the next option is the ability to actually record from a webcam. If I click on record from a webcam, it's gonna pull up the webcam here. You'll notice my big microphone in the way here, but you can go ahead and click on record in your webcam and some so it's gonna do a countdown. And there we are. It's recording, so I could be talking and recording the device at the same time here and now. Once I'm done, I'm gonna go ahead and click, OK, and then it's going to insert it inside of my course Now that Web cam was really small. I could stretch it out, or it can adjust the settings when I recorded it. But that's a way to record from your webcam. However, there are other things, including a feature inside of articulate. Oh, are an additional tool called articulate Replay and replay doesn't allow you to record your webcam as well as your screen at the same time, so you can create a little bit more complex recordings. And I highly recommend using. That's because instead of just recording just your web, um, you can record both and then insert it like we did with the under the insert tab and then coming into, um, screen according and bringing in a video or just inserting as a video here. So okay, so that's working with videos. The different options that you can do there. The next thing is flashed. Now, Flash will insert an SWF. If I click on SWF here and go on your desktop or wherever you have that s W have saved. You can click that SWF and then click open Now. What's gonna happen, though, is this SWF is not mobile compatible. So this will work great on the desktop, you can see is just a rotating animation and it's gonna work great on the desktop, but it's not going to even show on the mobile device. So if you're publishing to just desktop great, you can use SWF seeking use any tool that creates SWS. But keep in mind that if you're going to be publishing this also to mobile, you may not want to use SWFs because it is not supported, and it's finding nowadays less and less support. So I highly recommend not using SWF it all or else you're gonna create for yourself down the road. Ah, lot more rework. So if you can, we're gonna talk about Web objects later. And Web objects, in my opinion, is a lot easier and a lot better for you. So we'll talk about what Web object here is here in a second. So I'm gonna go ahead, and the next thing is the audio. With audio. I can go ahead and bring in an audio file. I'm gonna go to my desktop, click on desktop, click on an audio file, click open here, and it's gonna insert that audio file inside of my stage. Now, right now, it's gonna just set auto play when the timeline starts, Plane or I can actually come in, and I can trigger this audio to play when a button is clicked or something happens. Um, but by default, it'll just do auto play, and I can insert come back in the answer, click on audio and answer as many audio thousands that wants. If you wanted to go ahead and just delete that you can and then select its drop down box. You also have the ability to record from a mike or audio from the files what we just saw there. But if I wanted to record from a mike, I can just click on record here, and then it will start recording my audio from here, click on safe, and then it won't insert that inside of my course. So two different options you can record it on the fly or you can actually go in and imported from additional tools like audacity is one of my favorites for just audio recording. Or you can import it as a video from a screen recording. If you're using screen floor Camp Asia or something like that, those different options here. All right, so one more option of media type I'm coming back into the insert. I want to go into Web object now. Web object actually allows you to bring in any HTML file that you've created and you can creates. Ah, a lot of different just your own HTML file. So if you've created that HTML find you wanted to bring it in here, you could do that. Or if you just wanted to attach a Web page if you wanted to have, like google dot com, you can just type in the address. But if you're gonna bring in your own HTML html file, you need to go ahead and click on this browse icon and go find it. You can decide if it's gonna displaying a slide or if it's gonna display in a new browser, and then you can also decide if this is gonna load object Web object automatically. Now, if you don't have a web object and you wanted to go beyond what? The capability of story, Linus, there is a great tool out there called edge and meat and edge animates is made from adobe. And if you have the creative cloud, you automatically have this as well. But if I go ahead and click on create new go ahead and close this window here for the lessons, I'm just gonna just create this rectangle and I'm going to create this so animates across the stage just like we saw with the flash one. So same types of animations that you create with flash you can create inside it here. And I'm gonna go ahead and just save this called sample and then I'm gonna publish this out now. But the nice thing about this is the fact that you can actually go in. And I mean, when you publish this, it's creating on HTML file. It's not creating that. See, swf file. So this is going to be compatible with mobile, so it will show it and ah, and you don't have to worry about it actually going in and seeing it in sight of Ah, on android or IOS device or anything, It's going to be compatible, but there's a lot more flexibility to it. If you wanted to check this out, check out my course on edge enemy itself. But I'm gonna come back in here, go into Web object. I'm gonna click on this browse icon, and I'm gonna find that Web object that I created this sample folder and I'm gonna go into publish and then I'm just going to click on Select folder. You need to select the folder that it gets published too. So let me hide this. Go back in and I'm gonna double click on this folder. And in the published one is this web folder, and I need to make sure that that this is where my HTML file is. It just needs to know where your HTML file is, the directory for it. And then you click on select folder and then click OK, and then break. Basically, it's going to bring in that html file. You see it down here says sample that html file. It's gonna bring that in, and it's gonna play this, but it's not gonna play it until I actually published out storyline itself so I can stretch it out however I want, but it won't play until once it's out. Once you publish out your story line course, then it will play. So it's just one thing that you have to keep in mind that when you preview it instead of storyline, Web objects do not play and really only going to be using Web objects. If you're needing to create some type of interaction, that's ah is more heavy than what storyline can handle. Or if you have some type of already HTML file built that you want to insert inside of your course. That's, Ah, another reason why you would bring in that Web object. But that's how you go in and insert media video, flash files, audio files and Web objects inside of articulate storyline. 24. 21 Insert Text: in this next section is in the insert tab. Is text inserting text? Now we have learned about how to insert text in the home tab. If you remember coming to the home tab and then just coming down Teoh inserting or actually coming into insert in this next section, we're going to be talking about inserting a text box so you can come in and insert and use text inside of your articulate storyline project. Now, inside of the insert tab, you just come over to the tech section, click on text box, and then you can click anywhere inside of the stage area. So I'm gonna come in here and say, This is a sample title and then I'm going to come down a couple lines. This is some sample text now, like we learned about on the home section that you can come in here and format this in any way that you want. But by coming into the insert tab, you could also come in and insert a symbol. If I click on symbol and I can search for certain symbols like a copyright symbol, trademark symbol, quote symbol or any other symbols that I wanted to. If I select this drop down box, I can also select what types of symbols air related to certain fonts. I also subset, I can also come in here and see what the subset is. If I wanted to look at a c O. R. If I wanted to do the Unicode or a certain character code or anything like that, I can come in here, insert that inside of my insert inside of this course itself. So let me click on the copyright sign and click insert, and now it's actually come in as an insert inside of that text box. So coming back in a symbol if I wanted to do a subsets, I can also come in here, do a subset and then click on insert as well. So by coming in here and clicking those symbols, I can also come here. Click on references. If I click on references, this is a spot for me to actually come in here and add a reference, Um, and so references are variables. Basically, if I wanted there to be a variable inside of inside of the text, for example, I haven't created variables, and we haven't talked about variables yet. But if I come in and create a variable, let's go ahead and just create a text. Variables. So we're gonna say sample text. The name of your variables cannot have any types of separation. So if I come in here, I'm just going to keep this a text instead of true or false and number. We'll learn about all those different options later. And then I'm just gonna say sample text goes here and then click. OK, now, if I click OK here as I'm typing out the text, I could come in here and decide that I wanted to insert the variable text. So I click on reference Select this year where says sample text and then click OK, and you'll notice what it does is it actually creates that it creates percentage sign at the very beginning and the very end of that variable and only gives me the very variable name. It does actually give me the variable text. When you preview the course, however, it will give me the variable text. The nice thing about that is, if you use that same variable, that same text, like a company name throughout your course. Well, if you decide, or if your company gets acquired or something like that, you could come in here and in one spot, change the text inside of this variable for add something to it. And now, without even going into any page whatsoever. If you preview the course again, you'll notice automatically has that added text there. So it's just nice if you if something's going to change, or if there's some type of term or acronym or something like that that you wanted to change in one spot and have it changed throughout the course. Well, put it inside of variable. And but just be careful with the amount of variables. If you have tons of variables, that's where you need to be concerned. Okay, so the next thing you could do with them, the insert tab. We've already talked about all the formatting that you can do. So refer back to that video if you wanted to see that video and learn about what you can do there. But if you come to hyperlink, you can actually create a hyperlink that will for this portion of the text that will jump to a certain you are out and you can select if you wanted that text to do more than just jumped to you. Well, if you wanted to trigger something else, you can select this action drop down box and selected to be something else. However, if you wanted this to be a file, you can either click on these three dots and go find like a pdf that it's going to link to . Or you can just type in if you wanted to just put in the U R L you copy and paste in the u . R l um, and this would actually check the u R l just to make sure that it's okay. And this gives me the different formatting options of when this link is clicked on. What happens so you can either display in the current browser, which would take over the course. Or you can display in a new browser, which would basically keep the course as is and pop open in new window. Then you can also say, Okay, browser controls are gonna be default or if you don't want there to be any controls, meaning that there's not gonna have its own next and back button and then you can also have it going a full screen. Or you can have a certain pop up window if you wanted to, and so that gives you all these options. But for now, just typing in the U. R L will do it. And if you wanted this to happen right now, the default is when the user clicks. But if you click on when you have other options like one of double clicks, when they right click or when the timeline starts, it will pop open a lot of different options available to you. But that's how you create a hyperlink, so that's essentially it. Creating a text box, you can create several text boxes. You can drag out a certain area for the tax box. Let's come back in the insert going attacks box. I can drag out a certain area which will create that with and then anything beyond that with we'll just go to the next line. So a lot of different options that you can choose from inside of the insert section inside of the text section here 25. 22 Interactive Objects: all right, so we talked about inserting media. We have talked about inserting text, and now we're gonna talk about inserting triggers, controls and markers as well as some other objects, so the triggers themselves. If you click on trigger, this will allow you to insert a trigger that's going to happen when the timeline starts. Now you can adjust that to happen had certain other times. But these air basically triggers that you can add. You can change the state of a certain object. You can hide a layer. You could show a layer. You can close a light box. You can show a light box. You can play some media, place him sound on, and so basically a trigger is something's going to happen. Something is going to play. Something is going to show something's gonna hide. That is a trigger so you can insert it inside. Of here. However, your triggers panel over on the right hand side is typically where you'll be inserting these types of triggers just by coming over here and clicking on insert. That's what will allow you to insert it if you have an object selected with that object selected coming over here, and clicking on insert trigger will apply that trigger to that object. And so that's a whole nother section that we're going to be talking about. But this is just another way to insert triggers, especially timeline triggers that you may want to use. And then the next section is the controls. Now controls are where default buttons you can see. We have a rounded rectangle button. We also have even more rounded button. We also have sliders, and we have hot spots. We have check boxes, radio buttons, data entry. We're gonna talk about sliders in a completely separate video hot spots. We're going to talk about that once we get into quizzes will talk about check boxes, radio boxes as well. But let's quickly just add a couple of objects, and you can see that when I have this selected under the format, I can actually select the outline of this as well. I could check styles and let's say I can change different types of styles that drop down boxes that I wanted to. I can also come in and select the shape effect. I can go in and select the size of the actual box as well. I couldn't come in and type in some additional stuff for that selection. Just by selecting the object and starting to type, you can see the shape outline is where it can actually change the outline around the object itself on. And then I so I can arrange. And then I can also publish or preview this out as needed as well. So that's the different options that Aiken dio inside of here it with just those kind of check boxes inserted. Now, the next thing is, you can also come in here and select the data entry box, which is basically where someone could start typing something in with that selected, I'm gonna come in here going to formatting, and I'm going to go in and select ah, shape or I'm gonna select a color. Or I can select an outline and change how this actually looks because I don't like the radiant that gets created. So gonna go in and just like the feel to be blink and then you can see it's just kind of has an outline here, but it still says, type your text in here. I could type that inside of there coming back in the insert. We're just gonna go into button and select a button here, and as I drag out that button, I can type in some text. This is very similar to an actual rectangle. In fact, a lot of the times I don't like how they rounded rectangles are. I usually just want a full square, So I'm gonna come in here. It's like the square. I can create this into a button in the same way that I can create this into a button. So it's really if you wanted to use the default buttons, you can do that. Or if you wanted to create a rectangle and create a button with the same type of states that we've learned about, you can do that as well. Sliders. If I come in here and select a slider, I can change a just how that slider looks coming here and grab the ah, the yellow squares and adjust the size of that slider on. I can adjust it also coming into formatting. I can adjust the look of that slider as well. If I wanted to, we'll talk about programming and design of the sliders where it starts where ends and how you actually update the sliders once we get into a trigger section and talk about sliders in that way. But that's at least how you insert it. Since this section is only talking about inserting, I'm just worried about inserting itself so different types of sliders you can see. And then we can adjust so you can select that, and also just the the yellow rectangle or the yellow square there for the size of the actual slider knob itself. All right, so the next thing that you can insert is hot spots so I can come in here and drag out a hot spot area that is not visible when the user actually sees it. So if I click on preview, I won't see that hot spot. However, you can see that the hand will actually change over that hot spot, meaning that this is going to be clickable. I still have toe add the trigger over here on the right hand side. I still have to add the trigger to show something, but that's at least how you insert the actual hot spot itself and then a number counter instead of a data entry feel like we have. You can have this being number counter and they're up it, and then it will decrease it as well. These are the different types of radio buttons, different types of check boxes that you can dio, and so there's just a lot of different options for these more interactive controls. The next thing is the marker section, so if I come in here, I want to go ahead and just delete some of the stuff here. And I want to come into the markers. By selecting the marker drop down box. You can see all these different markers that are available, and these a lot of the markers have different icons that are inside of them. If I select one of those markers, and you can see that most markers have a little pop up so you can come in here and type in whatever text you want for the header and then whatever text you want for the actual text itself Now I could come up here under the formatting, and I can change the icon. If I decide to change the icon, I can insert audio if I wanted to insert some audio I can insert some media that will then be placed inside of here. I can also have changed the animation if I wanted this to be a Polt a swirl and we'll see what that animation looks like here in a second where you can even just completely shut off that animation if I wanted to. And if I wanted this to show the pop up when they hover over it and not click on it, I could do that. Or if I just wanted them to just see audio. Only I can click that as well. I can change the color of the actual drop or the number, and there's a lot of different options there. I can change. Or it can get custom, change the icon color, change the border color, and then I can also change the label the pop up. I can change that. What? How that looks like. And then I still have some of my formatting available so that one of the other nice things is if I do change the pop up, I can click on, apply to all, and if I use a lot of markers, it's gonna ply toe all of the markers that are available for me. So now let's go ahead and preview this and see what a marker actually looks like. So you can see that right now it's pulsating, so it's kind of blinking. Maybe a little hard to see, but it's blinking, Um, and it's if I have or over it, you can see that it gives me the title. But if I select, it will actually give me in the description than any media that's inside of there. What that object selected. If I come back over here and select swirl instead of ports, then I can preview this and you can see that it's going toe kind of swirl around. It's hard to see on the white background. Let's go ahead and create something. I'm gonna insert a shape, and then I'm going to take that shape, format it and then send it backward. And now, if I preview this, you can see there's this world. It's like a white swirl that's swirling around that object. Now. I could change that white swirl to be something else if I wanted to, but I just added that color behind it so I can see something there. Okay, so that's how you go in and insert some of these markers and you can change the icons. You can change the colors and the looks, but pretty much they all do the same thing. They pop open with this little pop up text entry box that you can then add in some some elements inside of there as more of a description. This is mainly used for If you have an image, you want the user to click on something to explore what that part of the image is. You can do that inside, using these markers under the insert section. All right, couple other things in the insert section we're going to on the interactive Object section . You can also create a scrolling pain, but you can also create what a mouse icon looks like. If you select this mouse icon, you can come in here and actually animate the mouse. And so we learned about this. When you're actually creating screen recordings, you can have a mouse enemy to certain sections. If I wanted this mouse to come over here, I can stretch out this area of where it animates. You can see that's going to start from over here, and then it's gonna end over here, and by the time it gets over here, it's going to stay there basically. And so that's my mouse movements that I've inserted and you can see on the timeline. There's my mouse cursor. It's now selected and animated that over. However, I cannot actually come in here and select more than one section more than one mouse movement if you wanted to the way that it's designed. If you wanted to have a non additional movement, you would duplicate this page and then on the next page, have a change. The actual mouse movement itself. What that mouse selected. I do have the option to come in here and go into formatting, and you can see I can choose where I want to enter from. I can also choose if I wanted to show click effects as well. So once it gets to it and clicks as soon as it ends here, is going to click, and it's going to show that effect straight points or path. If I wanted to go straight there, if I wanted to do a double click and then what? Icahn, I actually wanted to show. So coming back into here, one more thing, we're gonna talk about the scrolling panel. The scrolling panel will actually allow you to select any object here and created into a scroll section so you can see that this object itself is gonna be a scroll section. So now I can come in here and then insert shapes inside of that scroll section just by selecting that and then dragging it. And you could see that as soon as I drop it in this area, uh, half my rectangle is going to be selected. But as soon as I drag it in that area, that means that it's now in that scrolling section on. And now, if it goes beyond that expanded box area, then that's where the scroll bar actually gets created. So I can have more than one object actually inside of that scroll section. If I wanted to So create my shape and then drag it inside of there. And then Aiken just scroll down here and even push it down a little bit further. Just keep scrolling, push it down and create. It's have to be careful, because at one point it's gonna more. I move it, it's gonna pop it out of there. So you just have to keep moving a little by little, and it will create a scroll that the user actually has the scroll through in order to see all the content in that section. You can do that with text boxes. You could do that with shapes. You can do that with images if you wanted Teoh and use the scrolling panel for that section . But that's essentially at the interactive objects inside of articulate storyline that triggers the controllers, that markers and the mouse is that you can use to create your different types of courses. 26. 23 Working with Images: in the last section, we talked about the ability to actually insert different types of media's. We talked about videos, flash files, Web objects and audio files, and in this section, we're going to be focused on we just in the basically, in the last section we just talked about how to insert him in this section. We're gonna talk about the different options that you can do with the images that you bring in or the different options you can do with the video. So we're gonna start with images here and talk about all the different formatting options that you can do with the image. So, like we learned in the last section to bring in an image, you just come into the insert tab, go into pitcher and then find that image that you want to play around with or insert. And then once you have that image on your stage, you can now go into the formatting section and you can see by default. Once you've inserted image and the image is selected, it will automatically bring up that formatting section for you. So here we are. We have that image on stage. We can come over and we can adjust a couple different things under the adjust section. We can adjust the brightness. If I wanted to make up the contrast or the brightness, lower the brightness or just go back to normal, I can adjust that. I can also adjust the contrast. So if I wanted to bring in a little bit more definition but wanted to take that out as well , I could do that or I can come down to picture correction options and this will pop open with different cut correction options. If I don't want to select one by one, I can come in here and just adjust the brightness from here and you can see that it's updating on the stage, my brightness. I can also come into the contrast, do that there, and this is also where I can adjust the transparency if I want to make this a little bit of a little bit see through and then the color and then the mode as well. However, I don't want to do that right now, so I want to come back in going back into normal on the brightness, normal on the contrast. But let's go back in here pitcher correction options. And let's adjust this back to normal for the transparency for now as well. Now, if I start timing things, let's say I start, you know, timing my image here. I'm just gonna grab this and say, OK, this is that two seconds. Now I want to come into my animations. I'm gonna go in and add an animation like a faded and well, I decide that. Wait a second. This isn't the correct image. Or I'm given a new image from my design department that I've already re timed. And I have already, you know, animated. And basically everything is already set in place. Well, that's a pain to have to go in and re time everything and re animate everything. Well, thankfully, you can come into the format, you could go into change picture, and you can actually find the new image without messing up any of the animations or any of the any of the timing. So even this is a way for you to start developing even before you have all of the images in place. So you at least can go in and move forward in development and then once you have the final images, you can swap those out by selecting the image and then coming over to change picture. Now, the next option under adjust is the ability to actually reset size, reset, pitcher and size, and this will actually reset it back to where it was. So if you start adjusting this, let's see you accidentally mess it up. And it's not proportional anymore. Well, you just click on Reset Pitcher, just like the drop down box, where you set picture and size and we'll take it back to the size that it was by default and a couple other options is the pitcher styles. This will basically create a frame border around the picture. It also create a drop shadow, which this picture is a PNG, so there's not really offset border, so that may not always work. Or you can set like a little drop down box around here. You can also set if you wanted a black frame around it. If you wanted this to be in a circle itself, you could select that circle. If you don't want the reflection to be there, you can see this automatically sets a reflection. If you like the circle, but you don't like the reflection will come over to picture effects, go down to reflection and then make sure that it's at no reflection. So you still have the circle, but you do not have the reflection. That's if you want it set that way. Ah, I'm gonna come back over here and select none where you can select the drop down box and you can select all these different options. I have not ever used the's picture styles before, so it's up to you. If you wanted to use those, I personally find them or clip already. But it's again. Those options are available to you. The picture shape itself is also allows me to select if I wanted this to be a circle. So if you have a profile picture that you wanted to be a circle, you can come in and select that picture shape. Or if you wanted to be a certain shape itself, like a trap is a waiter or something like that, you can come in here and select us. You can see I have less equal sign. But if the equal sign is now made up of my picture, itself. You can also just like the picture border on and then picture effects if you want there to be a shadow. If you want there to be a reflection, glow soft edges or anything like that, you have that capability. Now. Any time you see this little expand button, this will actually pop open with additional formatting that you can dio and it's always the same. Four. Manning. You have a feel you have line colors. You have line styles, you have shadows, you have pictures, and you have tax boxes. Now with shadows. It does give you a lot more capability than just selecting. From that drop down box. You can adjust the transparency. So if you just wanted a slight shadow, you can come up here and adjust the transparency. The more the higher the percentage, the less, um, visible of actual shadow is as well as the size, the blur, the angle, the distance and then also a color. If you want a different color shadow, you can come in here on the color shadow and adjust that as well. If I come into the picture settings. I have these different types of presets that I can select from the drop down box here, and we didn't talk about the presets. But the presets are also available in this re color section. So if I want to take take this color image and make it a black and white image well, I can select this drop down box and making a black and white image. I can also come into different light variations, and I can come in and set a transparent color as well. So the nice thing about this, the set transparent color is if your image is not, if it's white around the image, and it is not transparent around it, but you need it to be transparent. What you can select, set transparent color and select the white around it, and then it would automatically cut it out. And now you have your object. Cut out the white cut out announced now transparent eso. It's it's great if you have a color background to be able to do that kind of thing inside of there. So and then more variations, different types of colors you wanted to adjust. You can do that under the re color, or you can do that here under the presets as well. And then brightness, Contrast, transparency. And then the blend allows you to go in and blend with the colors and then also mode. You can see that there's some options here. For mode. You could have color dodge. You could have color burn if you wanted to have it. Ah, and where the reset picture will reset it back to where it was normally before you started making all these effects. So that's the different options that you could do within the formats and said then the other options are bring forward. Bring backwards a line if you want to align the pictures, group certain pictures together or if you wanted to zoom the picture. If you click on Zoom Pitcher, let's go ahead and preview this and the zoom picture will basically take that picture. And if you click on it, it goes away pretty quickly. So I'm gonna make sure I'm gonna right click on this and show until end. So it's always shown, and now if I click on it, actually, I need to take away some things here, so I'm gonna go ahead and take away the animations and let's take away the drop shadow. Okay, when a reset pitcher and size. And now let's go ahead and preview this. Let's also resize this a little bit. There we go, so you can see that because it was at full size before it didn't really know where to zoom it, too. And so if I click on it now, it's going to zoom to the full screen of what? That images by defaults. And so because I did not resize it before, it couldn't it was at full size anyway, So it's a There's no point. But now, because I made it smaller ICA Netley zooming up to full size and that allows the user to zoom up the image into full size. So if you wanted to have them look at a really large image, make sure you bring in that large image and then make it smaller and set a storyline. But add that zoom effect and it will be handled. Zoom in once they've actually clicked on it, so you can take that off by clicking on that is, um, effect, and then you can also go in and crop it, and you can see these different elements these black lines around this. If you wanted to crop certain items and so not everything would be visible, you can go ahead and crop it there. This is really useful if you're working with, like, people pictures and he only wanted their torso. You can cut out their legs and crop that using the crop future. And this is also where you just the size the height than the whip of the image. And then also, you can come in and expand this. You're gonna just the rotation. You can adjust the scale, and you can also adjust the crop by default or by numbers inside of here as well. And then, if you ever mess up, you can always come back in and go reset. This is also the position There is an X and A Y value horizontal and a vertical value on, and you can see that the horizontal is counting from the top left corner. You can change that to the center if you wanted to, but basically, if you wanted to get an exact position, which at times you may want to, you can just type in a number there and just a position 10 and then vertical to 22 then all text is very expressed, especially when you're working with accessibility. Five. Away compliance. You want to make sure you add all text on your image. So coming here, adult text, which is basically a description of the image. So text ah, or screen readers can read that description off for accessibility. So that's how you go in and adjust the different formatting options inside of articulate storyline. 27. 24 Working with Audio: all right, So the next piece of media that you can use inside of articulate storyline is the audio file. Now there's two different options. When the audio, when you're using audio instead of articulate storyline, the first option is to take an audio that you've recorded from your device, using any type of mike microphone or any type of application and then inserting it inside of story lines. So you're doing the recording outside of story line and then bringing an insider storyline once you're done. Now, some applications that you can use for, um for recording our audacity. Let me pull that up. So audacity is a free tool. So if you wanted Teoh find audacity, just typing audacity and Google. And there it is. It's a free recorder. It's a great recorder. I mean, does exactly what it's needed. It will convert to MP three to wait files or any other types of files that you need for audio. Now, the next thing is, get a good microphone. Now, if you're going to do your own recording, definitely get your own microphone. So I'm gonna just type in Yeti. Microphone is a great one that doesn't cost too much. So if I type in getting microphone, there it is. It's made by blue, and it looks like on Amazon it is about $98 there. So this is the microphone that I'm currently using. Ah, and you'll just have to play around with settings to make sure you get it exactly right. Um, you might want to get a pop filter or a boom stand or something like that to help you, Ah, help record and to make it sound a lot better as well. So and the next thing is the Once you have the audio recorded, you've export it out. Go ahead and click on the audio file and then find that audio file and then click on open. But you'll notice you can bring in W or MP threes. W amaze wave files and forays as well. A a seas and then a couple other files that you can bring in. So once you selected that, then imports imports it inside and places it on your timeline. A couple of things that you can do up here. You can preview this and we'll play the audio file. You can also go to audio volume, you can adjust it to be low, medium high or mute. And then the audio editor will talk about that in a second. Or you can come back into Sorry, the change audio, and this will allow you to swap out the audio. So if you just like you did with the images, if you've already done some timing and everything, you need to swap out the audio. You can do that. Or let's say you've missed placed the audio that you attached, and you need to export this out to, then move it to somewhere else. We can click on export audio, and that will export it out there. No, If you click on the audio editor, this will bring up the editor itself. Another way to get there is just by double clicking on the audio file, and that will bring up the editor. A couple things that you can do within this editor, First of all is you can delete and you can a silence. You can adjust the volume so you want to select this option in the entire option here, and then you want to come in to volume, and now you can adjust the volume instead of just the high medium low. You can actually adjust it at a little bit more complexity here, so or a little defining a little bit better here. So if you wanted to adjust the volume on certain parts, you just like the part that you want to adjust the volume and come in here on volume and then just decrease the sound and click OK and that will decrease the sound. It looks like it accidentally selected everything there, but then you can come in on Let's these creases sound a little bit there, and you can see just by selecting just that section and decrease the sound just on that. If you wanted to silence that section, you can click on silence and you could say duration of silence to insert, and it will insert silence during that time. And if I hit Control Z that will take me back, I can hit play pause. I can also crop certain elements. I can delete certain elements and the neck and import had new audio files. If I wanted to insert a new audio file, I can click on import, find a new audio file and then I will insert it right. At that point in the timeline, I can also cut certain elements if I wanted to just select that element hit, cut or copy, and so cut will just take it away from where it is. And then you can come back over here and hit pace than that. Well paced it there. No copy will not cut it. It'll just copy it from how it currently is. And then you can come down here and hit paste, and it won't now have to do quickly to areas that the same thing will actually happen. So, um and then Zoom Region just allows you to zoom in to a certain spots. So if I want to select this area and then click Zoom Region, it will just zoom into that spot that I have selected now down at the bottom, right. You can zoom in and you can zoom out so you can get a better look at different things. But that's just adoption. A couple different options that you can do by select this and come over to crop. It will actually crop everything but that selection that I have. So now, if I zoom out, you can see that pretty muc