Adobe Captivate 2017 for Beginners – Creating your first eLearning project (Webinar Recording)



straight into it so thanks everyone for your patience so this is a an introduction to captivate I'm going to take you through a an end to end process in the hour that we've got and we'll try and dive as deep as possible without getting too caught up in a particular feature or a particular focus because we've only got an hour and I really wanted to take you through I guess my my process around getting a project up and running so I'm going to just start sharing straightaway and hopefully you can see what I've got up on the screen now this obviously is the captivate 2017 splash screen and I just quickly wanted to show you the options that you've got available up here so of course the recent button will show you what you've recently had open the new button will allow you to create a new project but just quickly I want to jump you into this other little button up in the top right hand corner which sort of is sitting over on the side there may not be as noticeable or you might not have seen it or thought about it but that takes you into us a couple of sample projects that they've got in there and I've actually got one open already because they can take a little while to open and I'm just going to open up this picture perfect simulation sample which I've actually got open already which is this one now the first thing that I would like to bring to your attention with regards to this particular project now this comes with the software and it's a really good project to explore and get some ideas on not only how they have designed the learning but there's some good technical things going on here as well which I will talk about just quickly I wanted to bring to your attention along the top here of the screen along the top of the slide view we have what's called the breakpoint view now this breakpoint view has been inherited from a previous version of captivate so we're currently in version 2017 which is version 10 if you do open up a captivate file that has already been created and you get this particular breakpoint view appearing along the top that's actually telling you that this project was created in version 9 the previous version of captivate so the file will retain the the settings now this breakpoint view is talking about what this project will look like in different devices and the whole concept and the whole idea of responsive learning you may have come across that term before responsive learning is a module or an experience and online experience that responds accordingly to the size according according to the size of the device so for example if we were to show this device through a mobile screen whatever is appearing between the two triangles along the top here that will be displayed in the mobile view and anything outside so over to the right here will not be displayed the tablet view is showing you what how this project will look in a tablet and desktop will show you how it looks in desktop when we create a brand new project in 2017 the current version of captivate we do actually have a different type of breakpoint view in actual fact we have what's called a slider so I wanted to bring that to your attention straightaway because it can be a little bit confusing because one moment you might see a slider along the top and then if you open up a project that's been created in a previous version of captivate you will see a different different set of options available up here now what I like to do in situations like this if I open up an existing file that someone else has created I like to go in and preview it straight away now when you're creating your own projects it's a really good idea to preview more often than not because previewing allows you to test functionality and it allows you to test sort of what you've done sort of previously and any navigation issues or any interaction issues will pop up in the preview so when we go into preview or we click on the preview button we've got a few options here we've got an option to play just this slide now what that does is that just plays the up that just plays the timeline within the Edit view and you'll notice that this playhead sort of plays along you can actually go down to your timeline down the bottom here and you've got a red play bar which allows you to see how that slide will be built based on the objects that you've got there and you can actually drag these panels up and down and you'll see this particular slide does have quite a few objects on there so you can really see how that's how that's being built so that particular preview option which is play this slide and you can also achieve exactly the same outcome there's a little play button just down the bottom of your timeline which will do the same thing now what happens with this is that if you do have any interactions or buttons they won't actually work so for example you might have a button that stops halfway through the slide this particular type of preview when you preview I'll just play the slide it will just play to the end regardless of what's in there so you don't really get a true a true picture of the interactivity but at least you get a bit of an idea as to timing so you can do quick little previews just to test some objects object introductions and timing of objects as they appear on the slide ok couple of other preview options here of course I'm gonna jump ahead a little bit and just actually look at this preview project option now what that will do is that will open up the project in a web browser and I will just preview this project you're just going to question from Jonathan there my timeline won't descend how can I get rid of it that's a good question Jonathan I will get to that answer just in a moment because while it's generating you can't actually do anything you're just going to wait till it generates but when you do when the preview has been generated in your browser that will open up your default browser and a couple of things I want to point out I want to point out here is if you look up in the browser web address you'll see it says localhost colon two three and blah blah blah and then there's a big number at the end now this is a generated preview based on how your project looks at this particular point in time now here's just a little bit of a tip or a word of warning say for example I'll keep this browser window open in the background and so for example I was to go back and just change something or change something on the screen so I can go into here and say this is picture-perfect so I've just added some words going back to the current generated preview and refreshing it won't actually pick up those changes so because it's still looking at a preview set in time for when you actually press the preview button good question has to be completely honest with you captivate can be a little bit memory intensive and if you are talking about as you're working or editing in your program probably and I'll get back to you in a moment Jonathan what you can try and do cuz is if you go into edit and then preferences and then it might be worthwhile actually clearing the cache there's a project cash option here and you can clear the cache and depending on the way your computer set up then that can that can help and potentially what I also like to do is actually give my Windows machine if you're on Windows a bit of a cleanup as well because I can delete files that might be clogging up the vacation and so forth so I'll try and give that a go if you can 16 gig of rams is pretty good but yeah try and clear the cache if you can that's a bit of a tip for everybody try and clear that case if you can going back to Jonathan's question my timeline mode descend if you hover your mouse just above the word timeline and below that scrollbar you should get a double-headed arrow and you can drag that down it will only go down to a certain point it won't drag all the way to the bottom but here's a little tip what you can do is if you hover your mouse just over the word timeline and double click and that will collapse the panel so that can help to just get rid of the timeline and you can just double click on the word timeline again and that will pop it pop the timeline panel back up or if you go through the window menu and you can tick timeline and you'll see that you go through the window menu in taking the tick off timeline will completely remove that panel so the only way you can really get it back is by going into window timeline or there's a shortcut key right there ctrl alt T so hopefully that can that helps answer your question Johnathan so a couple of couple of other things that I just wanted to bring to your attention so you've got your preview so if you do make any changes it's a good idea to re preview the change to get a true reflection of those new changes that you have made and it can take a little while to generate the preview especially if you've got a lot of slides and a lot of images and things like that and I'll get to a couple of traps and tricks with previewing when we go in and create our new project now but I'll just quickly show you how that change that I just put in you don't have to save the file to get the preview to reflect those changes that preview will bring up those new words straight away so there you go you'll see up here we've got this break point view so that shows you what the project will look like on a mobile on a tablet and in a on a desktop but this changes if it's a brand new project created in 2017 and we're going to have a look at that right now so I do recommend that you go in and explore existing projects this is a really good one just to get some ideas on on learning experience design in general so I'm going to close that down and I'm gonna close it down as well so creating a brand-new project from scratch now I'm not going to go into all of these in detail we'll do some upcoming webinars and look at these particular situations or focus on these particular future work situations and I'm not going to create a blank project I'm actually going to create a responsive project and talk about why in a moment but essentially a responsive project is a blank project with some extra functionality and design features ready to go if you decide to go down the mobile or tablet path if you create a blank project then you don't have those responsive features or tools readily available so we're going to create a responsive project and I'll show you a couple of tips when dealing with responsive projects so so just quickly responsive page size so what this basically does and we've just created a brand new responsive project and what I'd like to draw to your attention straight away is you'll see along the top here we've got a completely different set of options available and this is a big leap from the previous previous version and the reason being is is this first of all we've got some pre defined device sizes already built in and where it's different from the previous version is not only do we get the width of the device but we also get the height of the device so for example stock standard desktop here is 102 four by six to seven but if I go into iPhone for example that's the device size of the iPhone and the for those of you who have potentially worked in the previous version of captivate and tried to create a responsive project you had to build the project sort of three times for each break point Rose here or in this version it's a lot quicker because things are taken care of I'm not going to go into a lot of detail about about responsiveness and flawed boxes at the moment cuz I want to sort of start back at the beginning but a couple of things I just wanted to bring to your attention when you create a responsive project the very first slide has what's called a fluid box and I actually want to get rid of the fluid boxes for a moment because I just want to focus on some fundamentals but here's here's a problem that you might find first of all how do I know that there's a flawed box well that's a really good question and I'm glad you asked first of all if you click somewhere on the on the slide you'll see that I've got a an object here R that's already in there and over in my properties panel and this properties panel will display properties for the current selected object so the properties panel will change depending on what you've got selected and to point out here that you've got this option for this selected object that says unlock from fluid box so something's telling me that okay there's got to be a fluid box in there how do I select the floor box well here's here's another tip for you don't tell anyone but let me give this one to you for free there's a really painless way of selecting fluid boxes and what we do here is we click anywhere outside the slide you click and drag like you're creating a lasso and just come over the edge of the slide like so and then when you let go you'll now notice that I've got this fluid box selected now if you try and select it another way by clicking on the edge you'll notice it you can if I hover my mouse over I do get the fluid box appearing but depending on what's going on on the slide it can be a little bit difficult to actually click on the fluid box but just a little a quick little tip a surefire way of selecting the fluid box you'll see that I can actually select it that way good question I haven't used that particular wireframe er you and so but I I've used other prototyping tools and they work in a similar in a similar fashion where things will fluidly adjust according to the frame so the device size okay um another trap and I'm just talking about a quick trap here so there is this option and if I don't have anything selected on the slide my properties panel over here will display properties related to the slide by the way if you don't have your properties panel appearing you can once again go through the windows menu and select properties and that will display the properties panel for the selected object or the properties for the slide if you've got nothing selected now here's a trap you might want to get rid of the fluid boxes because you're not ready for them yet and you click on this button there's a button over here that says remove fluid boxes and you click on it and lo and behold I've still got my fluid box here so what's happening is a broken is it not working do I have to reboot no you don't here's the thing the remove fluid boxes option will only work on slides that you have put the fluid boxes in yourself now this particular slide is based on what's called a master slides and for those of you who have used PowerPoint you may have come across master slides before and master slides sit in the background or behind the slide and define any layout or define any pre-existing objects that might appear when you create a new slide based on a particular master slide so I just wanted to bring that to your attention because I'm just going to close this down and and do this again just to show you as soon as you create a responsive project captivate automatically gives you this blank slide with a fluid box that you can't actually get rid of and I don't want to look at flood boxes too much at the moment because I want to go back so what I'm actually going to do here and what I can do is I can actually go in and change the layout it's very similar to PowerPoint and what this does these pre-existing layouts that come with the software are very good and they're a good way to keep or to get you started and to hit the ground running but the problem is they're very limited in the way that you can get in there and actually modify them and change them and so forth so I'll give you another example I don't want you to get frustrated using captivate so I'm trying to get you through a few of the traps so for example if I go and select another title sorry another slide master because I'm just interested see what's going on I can go and click on this content one for example and straightaway the screen changes but now it's like okay well what's the fluid box layout and once again I can do my little tip to select the fluid boxes and now I do actually have a couple of extra fluid boxes theoretically we can delete fluid boxes I guess it is being recorded Barbara you can delete flawed boxes but once again you can only delete them if you've actually created them yourself so if I try and delete this fluid box I've got a select and I press Delete then nothing's happening that's because when you create a slide based on one of the master slides it's very limited or restricted in what you can do with the float boxes so you can't actually delete them so I'm going to show you a trick on what to do so what you could do is you could actually just select blank out of the master layout and you'll notice straight away that remove fluid boxes button has disappeared and if I try my tip on selecting fluid boxes nothing is happening so I've got a clean canvas and I'm a lot more comfortable in just building stuff from scratch without things happening randomly or automatically when I actually didn't want them to happen so I guess the point I'm trying to make here and time flies when you're having fun is that by all means create a new project based on a on the responsive project layout you may not be ready to apply responsive features and functionality but once you get more comfortable with the the fluid boxes and that's the the terminology then you can apply that functionality over the top of your existing projects thank you Alex I will repeat that to delete the floor box that captivate gives you as part of the slide master the quickest way to do it is to go into the slide properties and go into the blank slide select blank and that removes the fluid box Jonathan very good question I will get to that but what I wanted to do is I just wanted to draw your attention to getting rid of the fluid box I'm going to step back a little bit fluid boxes will come shortly but I just wanted to get some on the screen to start off with and just talk about some fundamental concepts and then we can apply the flawed boxes over the top yes absolutely so we're going to start from sketch and I wanted to really pinpoint some of the traps you can fall into especially for young players so first of all I'm going to insert a an image and the image is going to be a logo okay so straight away I'm going to insert an image and here we go so here's my image and of course a couple of things that we can do with images we can of course resize them unfortunately if I just resize it just freely using a using one of the resizing handles it can cause my image to be elongated or warped and for those of you who work with big companies it's a no-no to warp the company logo if you do find you've accidentally done that or you've opened up a project where the image has been warped we do have an option under image properties so to select the image first either on the slide or using the timeline layout down the bottom and I'll get to that in a moment and we've got a really cool button over here that says reset to original size so I'm just going to click that button to reset and that'll bring me back to the original size of the image so that's a quick way to reset the image to the original size I can resize the image keeping it in proportion so here's another really cool tip I'll give this one to you for free don't tell anyone we're going to hover hover the mouse over the corner of the image and before I click and drag to resize it I'm gonna hold the shift key down on the keyboard that's the shift key down on the keyboard and now as I resize it you'll notice that it's keeping the image in proportion to the original size so it's not warping image that same shortcut key or tip works in things like PowerPoint and other other programs where you can work with images okay so I can I commit this around I'm gonna worry about fine-tuning it in a moment now why I'm gonna I'm going to resize a well so I'm going to insert another image now I'm gonna put a nice background to the slide so let's insert another image so we just go up into the media button up here there's a media button at the top and I click on image you'll see there's a shortcut key there shift control M these shortcut keys do pop up as you hover your mouse over the features if the shortcut key doesn't pop up it means there actually isn't a shortcut key for so I'm just gonna click on image or I could have done shift control m and I'm going to select a another image and this is quite a large image and lo and behold this big image has come in and it's completely colored the slide now a couple of things I want to point out here first of all the other image has disappeared and some of you are probably already guessing that the the previous image that we had in there has now gone behind the new image so there is a layering concept in captivate like there is in other programs like PowerPoint we can very quickly change the layering or the order of the images by using the timeline down the bottom here so as we start to add new images or add any object for that matter then brand new objects will automatically appear at the top of the stacking order and we can very easily change the order of these or the stacking order of these objects by clicking on the timeline layer clicking holy your left mouse button down and just dragging up and down to change the order of those objects so that's a quick little tip there another thing that's happened here is this image this new image that we brought in is a lot larger than the stage or the slide so here's a pretty neat feature which I like to use quite regularly I will select the image and there's a button over here under the image properties called fit to stage when you click that button you'll notice that the image proportionally resizes to fit within the boundaries of the stage and then of course we could quite easily just resize that just be as big as the stage like so and there's a couple of other little things that we could do or you might even actually want it quite big so I just wanted to bring that to your attention that's a pretty cool pretty cool feature there only so here's a question from Ewan good good question so in answer to your question let me think about that you can't create a mask in the true sense of the word of creating a masks like you can in more higher-end image editing programs but quickly I just try something here so what I could do here is okay group object and make a layer I'll try something just thinking of the off the bat here we do have a way of actually getting rid of this white background so this is quite a cool feature we've got this option here over on the right here which allows us to select a blank or select a transparent color so if I click on this button here when you hover your mouse over the top of it nothing really appears so it's not really straightaway what this what this particular button does but it's to create a transparent color so if I click on this button and then I click the eyedropper and then I select the white part of this image and you'll notice that it actually gets rid of the Y's I still get a little bit of a mass some of you may have seen that before now what I could do yes it's a gift would probably work better a flat gif of a ate a bit gif and but what I could do here from if I'm in a bit of a hurry I just want to try something else I could actually try one of these shadow options so there's a shadow option here I could make the blur really sharp like one I could put the shadow in the middle I could change the opacity to swing 100 I'm just sort of making this up as I go along you so bear with me for a minute and then you actually have an option or is it there used to be an option I'll have to find it you've put me on the spot here where you can actually just show the shadow only so leave that with me I'm going to I'll come back to on that year but very good question Gretl can we flag that question please and I'll gonna get back to you and the and the community with some way it's be good to have captivate be able to do that for us but yeah you're right probably a gif image would have been better to do that so I'm just gonna pop that down there or I might even actually put in a white a white glow so there you go that looks a bit better okay so moving along now believe it or not I have actually done a storyboard on how I wanted this project to work out so I have done some planning and storyboarding and I've worked with subject matter experts and I've worked with a learning designer and I've got a I've got a high-level storyboard to show you what we're going to create and how I would approach this particular particular learning piece now the thing I want to show you is we've got a couple of pages we've got a title page we can have a welcome page to welcome people we're gonna open up our learning experience with an opening question and we're going to get people to choose a response to a question and depending on which response they select they're going to visit one slide or they're going to visit another slide so I'm gonna have a question with two responses depending on where they click they go on down a different path now that concept is known as branching okay that's called branching and in actual fact captivate has a special view which I'll show you when we get some branching in there and it's called the branching view and that can be a really good way to see it it basically represents this type of view but within captivate so once you've got those branching scenarios happening we'll be able to view that in captivate then from each of those slides we go back to a summary slide to talk about okay thanks for your feedback then we're gonna put in a quiz question we're gonna have quiz results and we're gonna thank them and put in say a hyperlink to a internet link or something like that and we're going to do this in 23 minutes the Pepsi challenge has been laid down and the reason that I wanted to show you this path is because first of all it talks about branching we're gonna put some buttons in there that allow us to go to different slides and then of course you can expand on this concept and make this as big as you like but the foundations will be laid so hopefully you're all ready for this seatbelts on and let's go so the first thing that we're going to do is we've done the first slide now a couple of really good habits to get into because this will help you further down the track first habit is we've got these objects already in here I'd like you to get into the habit of naming your objects as they appear within the project now I'm not talking about the file name I'm talking about the name of the object as its represented in the project itself so for example this particular object what's the file name well we can go to the library to have a look and here's another tip just remember this tip this is an awesome tip especially if you've got lots of assets and lots of images and you want to quickly find where that asset or that images in the library and we haven't really seen the library but we're going to jump you in the deep end or throw you in the deep end with the library try this for a tip are you ready right mouse click on the image and we've got this option find in library now this is one of my favorite tools or features within captivate because what this does is it immediately goes to the library and it's got the item selected and we can have a look and you'll see that that's actually the name of the file it's not a very good filename but um that's my fault try not to get into the habit of naming your files randomly like that we can change the name of the asset as it appears in captivate what I'm just about to do won't change the file name back in Windows Explorer that's that's finished with so there's still a file in my folder in Windows or the Mac that's we've just created a copy bought it into captivate and now that's what it's called clipboard such-and-such so we can right mouse click on the asset in the library and we can select rename and I'm just gonna call this logo we don't need a file name on the end I'm just gonna call it a logo couple of things first of all I've chained the name of the asset in the library so it's gonna make it easier to see my assets is that list grows but it hasn't actually changed well there you go it has it's updated the name of the layer in the timeline but here's the thing which was I was getting to shortly the instance of that asset on the stage at that particular point in time has a different name altogether and I'll point this out here while I've got this image selected it's called logo because I just changed the name of it but the name of the instance of that asset on the slide is called image one so you'll see up here it's called image 1 and also to the left here is called image 1 now when we want to go and control that image or that object further down the track with things like advanced actions and things like that captivate refers to that object by its instance name on the slide because you control the instance we're not controlling the library asset ok so just quickly I'll show you something I'm just going to insert a new blank slide if I go into the library and drag this asset back over into the slide you'll now notice that the same SS has a brand new instance name ok so I just wanted to bring that to your attention good question good question so jaws will read the instance name as it appears on the slide and that's that that's a good question we'll be doing we've got a webinar we've got a webinar planned for accessibility so thanks for your question even so just be mindful of that get into the habit early you don't want to be going back through a project that you've created with lots of things already in there and start maybe everything get into the habit early and name your instances ok 18 minutes to go so I'm gonna go back and I'm going to rename this instance and I'm going to call it IMG for image underscore logo underscore oh one now there's no rule for this the reason I like to do this is because I M G stands for the fact it's an image logo is obviously logo and oh one refers to slide one so I know it's an image of the logo on slide one why would I need to put those types of references in there that's a really good question I've quickly going to show you something I'm just gonna jump well and truly into the deep end here but if I go so I want to create an advanced action that controls the display of this image if I go in here and we're going to do another webinar on advanced action shortly but so say show and then in here you'll see that the reference to that instance just comes up with a name so if I had to just call it logo one or something else this I want to know that there's an image so that list is ultimately displayed in alphabetical order so I know if I hit the letter I then all of the images will appear so you can start to filter out the list based on what you type in or I could even type in logo as well and that will display so I just wanted to it's a bit of a method to my madness so that's the reason why it's a good idea to get into the habit early okay now we might want to display this slide for a particular length of time or introduce these objects so for example I'm going to actually put some text in now and I can use a shape so I'm just going to put in a rectangle shape and when you select shape your mouse turns into a hairline cross I can click and drag to create a shape here and a little bit of a lag I've got 32 gig of ram you'll notice that it took a while for it to draw that's captivate for you I'm sorry there's not much I can do about that another shortcut key if I want to add text I can either double click or shortcut key of the of the hour is if you hit the f2 key the function to so if you hit f2 key on the keyboard that's edit text for shapes ok so hitting the f2 key on the keyboard so I'm just going to type in welcome and what I can do here by default that's the default shape color for shapes as you put them in I'm gonna change the opacity to 0 you'll notice I've now got a completely different set of properties here as well because it's a shape and I'm going to change the font size to bigger and I want to Center the shape smack bang in the middle of the slide so using my align toolbar up the top here if you don't have that visible window align by default I don't think it's a visit it's visible unless you turn it on so window align very similar to the Alliant features in PowerPoint so select your shape or your text box there and you've got this option Center horizontally on the slide now the cool thing about this is that button is pressed in so it's locked in so if I want to move that up and down and move it just drag it see I'm actually dragging it over to the left and it's not actually going anywhere and it's constantly going to be in the middle horizontally so that setting is locked in and I can actually just click on that button again to take that off and then that gives me a little bit more flexibility as where the object is shown so that's a good one Center horizontally if you are trying to move an object around and it's stuck in the middle our chances are that button is Preston okay now what we're going to do also all these habits to get into which which are really good habits name your shapes I'm actually gonna call this one SS welcome oh one so it's a welcome s s 4 smart shape you may see other people I've seen that pop up around the place but you can call it anything you like as long as you know what what you're talking about what we're also going to do here is I'm going to create what's called a style for those of you who've used Microsoft Word then styles work in a very similar fashion and I'm just going to show you something I'm just going to quickly go to the next slide and I'm going to insert another shape and you'll notice that it comes up with the the fill and I don't want to have to keep changing it to 0% etc etc so what I'm going to do not just delete this I'll go back to the previous shape that I put in and it looks like it's got a bit of a stroke ran out so I privileges I cam might leave that in there and I'm actually going to do what's called create a brand new style so in the properties panel for the shape just over on the right hand side there's a tiny little options menu so if I click on this options menu and I'm gonna create a brand new style so click on new style and I'm gonna call this text white stroke to for example so I know that it's the Texas is white and it's going to outline stroke too so click on OK and you'll now notice that style name pops up there now the style has captured everything from the fill to the opacity to the font size and the stroke now if I change this font size to 72 you'll now know so I've got a plus sign here which means that that style there's properties that style has chain so I can actually update the underlying style with the new setting or the new font size by going back and clicking on that options button save changes to existing style and any other shape that has that style attached to it will be updated with the new settings I click on OK and the plus sign will disappear so think about applying styles as you can okay we'll get back to timing in a moment I just want to go in here we're going to go in and I'm going to put in a I might actually skip this slide here we're gonna go to the opening question the opening question is who makes Adobe up I didn't hit f2 there you go why didn't anyone read all this I'm gonna hit the f2 key who makes Adobe captivate good question and I'm gonna Center that I'm gonna put in a couple of other buttons over here a couple of other buttons and it actually shapes and what we can do is we can actually make shapes buttons now the way we do this is we select the shape and under the properties of the shape we've got use as button so I'll come back to that in a moment now but what we're going to do is I'm actually gonna create a brand new style here now I can't create a brand new style because I haven't made any changes to this style so what I'm gonna do is I'm just gonna change the fill color like that blue stroke on stroke like that hit the f2 key I'm just going to type in Adobe and I'm gonna change the font color to dark so this might need to scroll down to find extra properties and now you'll notice that the plus sign has appeared next to default smart shape and I can create a new style so if this menu is grayed out it means you actually haven't made changes to that default shape so I'm going to create a new style here I'm gonna call this standard button you can have spaces in your style name so click on OK and now I'm gonna select this other shape over here and straightaway I can go to my style drop-down menu I can select standard button and you'll notice that it does update with all of those or all of that formatting and I just need to click on users button because we're going to invite people to click on those buttons to go somewhere hit the f2 key to edit the text I don't okay now okay I want to get a working prototype finished cuz I've got eight minutes so I'm going to get a working prototype finished and then we can fine-tune things with it with some of the tips okay to insert a brand new blank slide shortcut key because time's running out the deadline and I've got the boss looking over my shoulder so shortcut key to insert a new slide control shift J brand new slide and what I'm gonna do is I'm gonna get into the habit now of naming my slide so while I've got the slide here slide properties up in the top right hand corner I'm gonna just type Adobe because that's the name of the response and I'm gonna actually insert another blank slide ctrl shift J and I'm gonna call this I don't know now where I've got up to is I've done the opening question feedback one feedback – so these are the two slides I've created now gonna put in another slide control shift J and I'm going to call this one summary summary feed birth okay you'll notice that the slide names appear over here why have I put slide names in good question so a couple of reasons first of all with this particular button we want people to when they click on that button they're going to land on this slide so I select the button and because I've used the shape as a button I'm going to now apply an action so if you click on actions and on the success of clicking on that button I want to jump to a particular slide there's lots of actions in there and we'll explore those in future webinars we want to jump to a particular slide my list of slides appear but when I click on this drop down menu you'll now notice these slide names that I've put in there have appeared so it makes it a lot easier for me to then say well actually want the slide called Adobe and believe me when you've got lots and lots and lots of slides there and you've got lots of branching happening it's a lot easier to to reference the name okay and I don't know if I click on that I'm going to jump to a slide called I don't know now I'm going to go back to Adobe the adobe slide I'm just going to put in some text there well done you know your stuff and then I'm gonna go what I'm actually gonna do is I'm gonna select this shape I'm gonna copy it and I'm just gonna go to the next slide I'm gonna paste it and then I'm gonna say more training you require so now I'm up to sort of up to here and of course here's the thing we get to slide three we're not going to put any interactions on slide three we want people to automatically so the slide will display for three seconds how do I know that good question so in the timeline you'll see down here and I can make that a little bit bigger you'll see there that it actually displays for three seconds so if I play that it'll play for three seconds I might want it to display for four seconds so what I can do is I can hover my mouse over the end of the slide layer at the end of the actual layer that represents the slide and I can drag that out to four seconds and what I can do with the layer that represents the object I can right mouse click on it and I can show for rest of the slide so that will automatically appear for the rest of the slide now I'm not going to invite people to click on a button to then move on I want people to automatically go to the summary slide so what I can do here is I can actually assign an action to the slide itself so have a look at this this is quite interesting just like we assigned an action to these buttons we can also assign an action what happens when people reach the end of the slide so under the slide properties we've got an actions area so I'm going to click on actions and on XS where do I want to direct people good question I'm going to select jump to slide and I want them to jump to the summary slide so in actual fact they're going to leapfrog over I don't know onto slide five I'm going to go to slide five I'm just actually going to copy this text box and go to summary and I'm going to say summary here click here when ready for quiz cuz we're gonna do a quiz okay let's test this and see what happens are you ready for testing how do we test it good question we're going to preview so I'm gonna click on the preview button at the top and I'm gonna click preview the whole project the thing I'd like you to notice here I'm just gonna pause this quickly just go back to the beginning is that we have a completely different responsive slider from the previous example that we had because this shows us what this file will look like in a device and it does it all fluidly as opposed to just having three breakpoints okay let's see what happens here we're going to just play this automatically welcome great goes on to the question who makes the dhobi captivate if I click on Adobe well done you know your stuff on slide exit it should jump to the summary so it's leapfrogged that that's slide so that's great that's just what we want to do excellent now a couple of things to point out normally in online experiences we when we hover over a link or something that we invite people to click on our mouse turns into a hand so this is a bit of a default setting which is a really good idea to be mindful of we want our mouse pointer to change to a hand and by default there's always these click sound so we're going to disable a click sound as well the way we do this while the shape is selected we go back into the actions and this will only be applicable if the shapes being used as a button and you'll see here we're gonna select hand cursor and disable click sound now the thing is if we had decided okay we want to do this for all of the shapes that we've got got in there that are buttons we'd have to go into each one individually and you'll notice that as I go onto the next one I've got to do the hand curse and disable clicks out but if I've used my Styles I can now apply this setting that I've made to all items of the same style so if I had 20 shapes in there where I wanted to display the hand cursor and disable the click sound all I need to do is go into one shape rub made those changes go to my options menu just near the word display and others choose apply to all items of the same style and that's using the style name that I had up here and lo and behold if I now go and click on that shape which is now button those settings have been applied so styles are very very powerful especially when you want to start applying settings to similar types of of shapes and objects so that's really cool so be BR mindful of that okay times up but I'm going to keep going so feel free to so I'm just going to quickly do a quiz the way we do that is we go through quiz and questions slide multiple-choice there's lots of other different types of questions there I'm going to put in a question who makes captivate and the answer here is you just have to double click a few times Adobe and here I can put Google for example now with the correct answer if you don't have the quiz panel appearing straight away you can display window and then quiz properties and that will allow to add extra functionality to your quiz but to select the correct answer all you need to do is actually go on to the slide itself and click on the little radio button to define which is the correct answer so Adobe in this case by default when you add a quiz you automatically good question Jonathan I'll bring that back up again you automatically get quiz results which which is which is a good thing and we'll be continuing others in a future webinar very shortly but to answer your question Jonathan if you go into the quiz menu at the top you've got questions slide and you've got a range of different types of questions here and I just selected multiple-choice and then clicked on OK and we'll do it we'll be doing some webinars around different question types as well last but not least we if we've got a quiz results here and then once again inserting a brand new side ctrl shift J shortcut key of the day and then I'm going to insert a rectangle good question I guess if you're uploading this to a learning management system the learning management system people need to log into a learning management system and the this learning interaction and these quiz results will be automatically associated with the users login of the learning management system so hopefully that's answered your question there are other ways of of doing this and we can we can talk about that offline as well and we'll be doing some webinars around that as well click here for more information and what we can do here which is pretty cool this shape which I can use as a button I'm actually going to apply my standard button style I'm gonna use as a button and what I'm also going to do here is I'm going to link to an external external web page so I've actually got our YouTube channel open anyway so here of all I did there is I just copied the URL from the browser window by right mouse clicking and copy and then what I'm gonna do here while I got the shape selected users button action on success I want to open URL or file and a little field appears directly underneath it I'm going to click in that field I can either right mouse click and paste or I can just do control-v or command-v to put that put that URL in there I'm going to press Enter and here's a little tip for you as well if you are linking to external websites outside of your learning learning experience I can't recommend enough there is this option next to the URL this is probably the most important tip today click on the little arrow and you've got the option to open that web page in a new tab or a new window so that leaves the existing window open in the background and it will open up the external web external web page in a brand new browser window or brand new browser browser tab so let's test that shall we once again also making sure that this button is displaying a hand cursor and disabling click sound and of course apply to all items of the same style will only work retrospectively to existing objects in your project it doesn't apply to new objects where that style is actually applied so just be mindful you might have to update that with you when your objects it you add ok let's test sorry we've gone over time but uh it is very exciting I could talk for talk all day about this so preview project quick little test let's see how this works welcome good question Matthew we can definitely cover that in the next our next webinar so who makes the dhobi captivate I don't know more training you require and this slide will then go on to the next slide click here when you're ready for the quiz I didn't put that action input so you all know how to do that I'm gonna click on Google get that wrong incorrect click enter to continue that takes me to the quiz results I could review the quiz but if I continue I then go on to the next slide click here for more information I click and you'll now notice that that web page opens up in a new tab so my learning experience is still in the background so I could continue on if I wanted to so much to share with you I think we're going to get another webinar up and running very very shortly so in the next couple of weeks I reckon so I'd really like to continue on from where we left off and SCORM is actually a whole subject on its own thank you Alex and you and thanks to the thanks to the feedback on that and yes SCORM cloud that's that's absolutely are correct now just a quick quick word of warning this project or the default by default projects aren't ready to upload to an lms straight away very quickly very quickly this is probably the most important thing for today if you do want to upload this to an lms we need to go into the quiz menu and quiz preferences and we need to enable reporting for this project if you don't have this button ticked and then you upload it to an lms if there's no there's no glue or there's no communication between the module and the lms and will definitely pick up on these these settings you will need to configure you will need to configure the settings such as identifiers etc and LMS errs do these in they do work a little bit differently so probably a good idea to check with your vendor your LMS mentor to make sure that there are specific specific fields that do need to be filled out but please enable reporting for this project double check configure most of you will probably be using SCORM 1.2 and I'm happy to run anyone through some settings if you have an immediate need to make sure you get this right so just get in touch I'm happy to spend some time over the phone with you if you want to quickly explore this for any projects that you might have so look it's ten past twelve my tummy's rumbling I don't know about yours but look really happy to take calls and and help with some specific specific needs and requirements we do have a course coming up in the Adobe head office in Sydney on the 22nd and the 23rd of February so please keep an eye out on our various channels and our our website as well where you can find out more information give us a call send us an email you've got our contact details and I'm happy to talk through any immediate issues that you may have and I'm happy to stay online and answer some questions now as well if you do or if you just want me to run through anything with you so sorry it was a little bit rushed at the end there but hopefully we've covered a few things that have helped you get get on your way and please please keep in touch and I'm gonna hang around here so and answer any questions so Alex really good question if you took the course one-on-one support lasts forever that's that's my gift to you my promise to you yes that that's wrong i I'm actually not going anywhere I love working here great team doing what I love so I'm happy to help to help out and look and I'm happy to give some one-on-one advice and to just just have a friendly chat even if even before the course or even if you don't do the course so I feel free to get in touch anytime any other question

14 Comments

  1. Annie Smith said:

    I am a Master Instructional Designer, and I just wanted to say that this was extremely helpful, and full of excellent tips. I am hard of hearing, and I was able to listen to the entire audio without a single issue. I noticed a lot of criticism and negative comments below, and unfortunately you just can't make everyone happy! Having said that, EXCELLENT webinar! Thank you!!

    May 23, 2019
    Reply
  2. newsveteran said:

    Take it from a 15 year seminar instructor; start with saying what Captivate is. Most of the time my participants were not sure exactly what this program is all about. Also, when starting, show a completed project so the participants have an idea of the goal they are trying to reach as well as what the program can do. When I taught Premiere, I showed a finished video and the excitement was all over the room as they had a good idea what they were working towards, and were anxious to get started.

    May 23, 2019
    Reply
  3. Connor Mattson said:

    Can you move things between layers/ how do you add a layer

    May 23, 2019
    Reply
  4. Shane Lennon said:

    good work

    May 23, 2019
    Reply
  5. Elizabeth Merkle said:

    Thank you Dave.

    May 23, 2019
    Reply
  6. Inevitable Crafts Lab said:

    sadly the distorted audio makes it copmpletely useless, i wont listen to this for one hour.

    May 23, 2019
    Reply
  7. Paul Tonks said:

    Really useful; well paced in my view, great tips – thank you.

    May 23, 2019
    Reply
  8. NomadXofficial said:

    As a beginner I’m not attracted to how the explaining goes, very confusing

    May 23, 2019
    Reply
  9. lapaginamaestra said:

    I have a question. In Captivate 2017. How to activate the menu that shows the "custom tablet", "tablet portrait", "custom mobile" and "mobile portrait" ?. In Captivate 2017 if I start a project in "Responsive project" that menu is not shown (Note: I do not want to use Fluid Box. I hate that method.) And in "blank project" that menu I want is not shown.
    In which window, tab or where should I click to display the menu ?.
    Thank you.

    May 23, 2019
    Reply
  10. Revilo Tandayu said:

    Thanks sir, what is your name in the Adobe Community?

    May 23, 2019
    Reply
  11. Creative Maurya {A to Z} said:

    really it's work for beginners …………..

    May 23, 2019
    Reply
  12. The Truth said:

    This video is way too long to explain basic actions.This video could've have been cut to 20 min.

    May 23, 2019
    Reply
  13. theskatebard said:

    why is the audio quality so terrible?

    May 23, 2019
    Reply
  14. jack motel said:

    This is a great introduction with practical takeaways, thank s keep up the good work!

    May 23, 2019
    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *