 Okay, happy Wednesday everybody. Welcome to our Snagit webinar, which is part of the Distance Education webinar Wednesday series for fall 2017. So we're focusing today on how you can use Snagit to create annotated screenshots and actually some simple videos as well. And we are very fortunate to have with us today, Andrew Ortiz, who is a Snagit guru, and he works for Southwestern College as our training guru, our training services coordinator. So he's going to be walking us through some of the ways that you can use Snagit in your classes, in emails, on web pages. There are really lots of applications for this product. So before we get into talking about it, I wanted to briefly go through with you how you can get Snagit as part of our site license if you don't have it yet. So I'm going to go through some slides here, and Andre is going to talk you through how you can get Snagit on your work computer or on a home computer. Hi Andre! Hi! Happy Wednesday everyone. So two potential ways to get Snagit, one of them is if you're on campus and you're asking for Snagit on your desktop, or for some reason you have a desktop and a laptop if you want it on both. Ideally you would want to go through the MySWC portal, sign in, and then through the campus apps button on the top, you're going to see that ServiceNow icon. Click that ServiceNow icon and then just request Snagit to be installed on your computer or computers. The more information you can provide to them to identify the computer, most computers here on campus have an SC sticker number on them, so just give them the SC number because they may be able to do it remotely as long as your computer is on and visible on the network. So that's one way to do it. That's for on-campus computers. If you're requesting it off-site and you want to install it at home on your laptop or your desktop, ideally you would go through SharePoint. So if you log into SharePoint, you'll click the Departments tab as soon as you get to the SharePoint homepage. And then from there you go into Training Services which is the last link on that list. And then the next window you're going to see is you're going to see a link that says TextMith. Click on TextMith and then you'll be brought over to the submission form for TextMith. You're going to see an Add Document link where if you click it, you'll be prompted with a form for you to fill out. Okay, you're required to submit your first name, last name, SWCID, school department or office and a phone or extension. Once you do that, you're going to get some links that take you to the download links for Camtasia and Snagit. So each one has a different link and each one has a different product key. So make sure that you keep track of both of those. When you're taking to the link on the actual website, you're going to see a little caption at the bottom that says already have a software key. Then you just need to download the actual application installer for either Windows or Mac for each application also. So keep in mind it's two independent downloads, one for Camtasia, one for Snagit. And if you have two different laptops, you can actually install it on both as part of our work at home agreement. Yeah, same product key for both installations, yes. And Camtasia is pretty good about alerting you about updates. It'll tell you, oh, there's a new update available. Do you want to update now or later? So if you get those prompts to update the applications, I would highly recommend that you do so. Okay, well I'm going to stop sharing here so that Andre can show you everything you can do with Snagit. Okay, all right. So it's my turn to share my screen. All right. So there I am. You can see my desktop is pretty clean because I don't want to have a lot of clutter to confuse you. But I do have my Snagit icon on my desktop right off the top left corner over there. So if you don't have an icon, you can always go ahead and create one. If you don't have an icon and you just want to run Snagit, you can always just go to your Start menu and then start typing the name of the application that you're trying to run. And if you have it installed, sure enough, you'll see it. So this is my Snagit capture tool window. As you can see, I have a few options right off of that that I can turn on or turn off. I have a capture button. Basically, if I hit capture, it'll initiate the actual capture. Right down here, as you can see, as soon as I hover over it, it says, oh, your hotkey is print screen. So that means that if I were to press print screen on my keyboard, I basically initiate a capture right off of that on laptops and Macs, it may be a little tricky because some laptops print screen, while it may be on your keyboard, it's not activated unless you have like your fn lock key enabled on your keyboard. So you have to be wary of that on Macs. I'm not sure what the default will be on that. But it's a good way for you to figure it out and then basically setting up one key to do the capture for you. Okay, you're going to see that right off of that. We start off with an all in one solution. So it's basically telling me you can do one or the other or actually one or the other, not both. But you get to decide what you want to do each time you run it. If you're always going to be doing images, then basically just set it to an image. And then every time you hit capture, in this case, click print screen or hit print screen on your keyboard, it will default to image. If you're going to be doing a video, then set it to video. And every time that you hit print screen on your keyboard or hit your hot key button, it will go ahead and do video. Ideally, you would want to leave it as an all in one because you get you get the choice every single time to decide what you want to do. Okay, some of these switch settings like preview and editor. It's very handy to preview everything in your editor, especially if you're going to be working with annotated screenshots. That way you get to see what it looks like as you're working on it before you commit to a final save. Copy to clipboard. If you copy it to the clipboard, that means that you have it available for you to use in other applications right off of that. You can just go ahead and do a screenshot and paste it forward or Excel, etc. Ideally, you would do all the edits in Snagit before you paste over. So right now, I have that one disabled. Capture cursor. It's basically signaling that it will include the cursor arrow key or the prompt key, etc, etc. So this is up to you if you want to keep it for video. It might be a good idea to capture the cursor because that way if you're signaling stuff on your recording with your mouse, then you'll see it. Okay, let me go back. Five second delay. I think but yeah, delay the start of capture by five seconds to allow for additional setup time. So ideally when you're recording video, if you want to have like a five second buffer time before you start recording, that will go ahead and do it for it. Okay, so let me go ahead and capture so you can see what's going to happen. And before I do that, let me open up an application. I'm just going to open up word here and then if I go to Snagit and say capture. As you can see my screen switches over to like a crosshair and this crosshair is basically asking me what is the area of capture you want to capture. And it's pretty nifty because this will actually detect whether you want a full screen capture in this case the full window or if you just want to do a selection an area of the selection. So right now if I'm concentrating on a particular area of the screen like basically the pane where you can go ahead and type. If I do that it's going to focus on that. And then this toolbar that I now get basically tells me what do you want to do? Do you want to capture an image or do you want to record a video? Right, it tells me the resolution for either image or video that I'm about to capture. If I'm unhappy with the selection that I just made I can always redo the selection or I can just cancel out of it. But for right now let me go ahead and capture an image. Okay, and as soon as you capture the image you're going to notice that the Snagit editor which is a second window. Right, we have two different windows. We have the Snagit toolbar and we have the Snagit editor. The editor is where you go in and do all the fancy stuff like throwing arrows, text boxes, call outs, shapes, fill colors with a different color. You can do stamps, you can crop and as you can see there's a more button that if you click to expand you have selection, cutout, pen, line. You have a whole bunch of options that you can do. Like eraser if you actually want to erase part of the screenshot that you captured by mistake. Blur, which is very useful for hiding sensitive information. You can magnify, basically blow something up to make it even bigger than it already is or just move stuff around. So right now as you can see down here it actually also does a very nifty thing of keeping track of all the screen captures that you've done, whether they're images, all the ones that you see that don't have this little film strip rails on the ends, those are images. Sorry, those are videos, but the ones that don't, those are images. So they stay on your recent history for you to continue using if you need them to. And the cool thing about them is that they actually maintain as you can see any annotations that you've done, whether you've saved them or not, which is pretty cool. But let me go back to the one I just captured. So as you can see it's a static image. I can't really do anything as far as movement goes, but when it comes to adding annotations, whether they're arrows, text boxes, etc., etc., I just need to select the object. In this case, if I'm doing arrows, I can pick from quick styles, which is basically a predefined gallery of styles for arrows that you can pick from, or you could just make your own, right? If you were to pick one, and for example, maybe change the color to like green, you're going to see that now you have a new preset that you can go ahead and add to your list of quick styles for you to continue using just by clicking on the little plus sign over here. And as you can see, it is now a new preset that I can go ahead and select from, basically just click and draw it on the actual screenshot. And there's my arrow, right? That little addition of additional quick styles is available for all of the annotations that you have here at the top, text, callouts, shapes, etc., etc., so take advantage of it, specifically if you're going to be using one particular style of an arrow, a callout or a shape, okay? So that's arrows. If you need to move stuff around, you do need to make sure that you switch from your tool to a move tool so that you can move your arrow and you don't just necessarily move the location, you can also change the orientation by making sure that you click on the sizing handles, which are the little circles on the edges of the shapes or in this case, the arrow. But you can go ahead and move, you can resize, etc., etc., you can change colors. Right now it's a green. Maybe I want to go with a different shade of green, maybe a lighter green. And then notice how since it detected a change, it's now asking me, do you want to save this one now? So if you do, you hit the little plus, if you don't, you don't have to. You have additional options like shadows, you want to apply shadows, colors, the ending style, the line style and the arrow end style, thickness, opacity, start size, end size, Bayesian curve, which I don't know what it does. Oh, look at that. Gives you a squiggly arrow instead of a straight arrow. So you have all these options to pick from for your callouts. Okay, any questions so far? One, is there a way to superimpose one screenshot over another, like Photoshop layering? I'm going to superimpose an image of an iPhone on the on the screenshot. So if I click and draw, there's a superimposed image. Okay, so we have arrows, we have text. And as you can see, text, we have just standard text boxes that you can add, you have the option to change the fill, the outline, whether you want to shadow or not, basically this little grid specifies where the shadow is going to show up in this case, the shadow would be in the bottom center. If you put it in the center, I think it's hard to see the shadow, but that the top left, the top right, that would make it a lot easier to spot. font face, if you want to go from a standard aerial to some other thinking too hard. So you have standard list of fonts, aerial, arrow, black, etc, etc. You can change the font size, the line width, and then if you expand advanced, you can see that you can apply some additional effects like bold italic underline, you can change the alignment, you can change the, I believe this is the spacing, vertical spacing or vertical alignment within the image. And then your opacity, if you want to make your text a little faded, padding, I think padding is like space around the edges of your text box so that you always make sure that the text doesn't get too pushed to the edges, which might make it hard to read. Callouts, you have all these options, you've got text boxes, whether they're square, you can have arrows with text, you can have rectangular, rounded corner, rectangular, and then just the regular callouts with the little speech line. You also have shapes. You can do rectangles in all course shapes and colors, whether they're hollow or filled. And then you have these other options like polygons. So if you need to do some odd shape, I think this what it would do. Yeah, you basically just trace the shape that you want. And then the more times you click, the more vertices and lines you end up having. So So Andre, I did a little research while you were playing with this image. And it looks like the new version of Snagit does allow us to do this. So if you want to try this out, the instructions say to drag an image from your film strip at the bottom onto your current image. And then let's see what happens. Oh, wow. Look at that. Yep. There it is. Of course, you may want to resize it so that it doesn't take up more than your original canvas did because then you end up with a transparent edge beyond the original capture. And this would be a great time to use shadow because it would really separate those two images if you're going for. Yeah. Wow, I learned something new today. Notice how my arrow did go behind. So if you want to make sure that your arrow is on top of that, I think if you right click your order, if you say bring to front, now it's visible. So it is a layer, layer approach, just make sure that whatever you want to be at the top is all the way forward. That way it's visible. Thank you. Okay, so that's snagging and capturing images. Of course, once you're done, if you need to save it, you can basically, if you go to file and do a save, it will go ahead and save it. But if you need to save it as another format, if you go into file save as, you can see that you have quite a list of options. You've got your standard GIF, JPEG, PDF, if you want to save as a PDF. Notice how there's a snag it capture file format as well. TIFF, if you want high resolution images, BMP, PSD, TGA, etc., etc. So depending on the need that you might have, you have all these different options to save the image as. If you just do a file save, like I said, it will retain all the changes that you've made to the screenshot capture and all of the call outs that you've added, whether they're call outs from your menu up here, or if they're images from your film strip, like we just found out we can do, they stay here and they stay there with the option to be able to be edited later on. Okay, you do have some options to import and export from the cloud. You can import stuff from Google Drive. So if you already have images in Google Drive, just bring them in. Let's see, what are some of the most popular ways to use snag it with canvas PowerPoint sample info. Okay, well, I'll let Tracy handle the canvas portion. I can do the PowerPoint. Sure. So I use this a lot when I want to bring an annotated image into my course. So if I have a page in a module that's walking through how to do something, I will put a text direction and then I'll put an annotated screenshot in to show them where that button is or what the process is to do something. And some of the annotations that Andre has been talking about, like arrows, or the stamps for like a number one, number two, number three, I'll put those on the screenshot I took, and then I'll put that in the canvas page so students can see the directions as they're reading them. And actually, the under the annotations, you actually have a step option, which gives you the 123. So instead of you actually creating the individual objects for 123, basically just pull them from here, and then just drag them to where you need them to notice how you have one that actually points to a particular part. So if you click and add, and again, just keep in mind, you can change, of course, if you rotate, you're going to notice, oh, look at that. There's number two. And there's number three. So basically just click and point. And it starts the sequence for you. I was trying to rotate to see what would happen. Yeah, the number changes too. So if you needed to change the order, look at that. The number goes along with it. And Angela had a follow up question about if they need to be fully accessible. So yes, any image that you put in canvas, you would want to have a text alternative for it. And so for the image that I was just describing, my alt text would be something like first do this, second do this, third do this. Now for PowerPoint. Well, if you're if you're going to be demonstrating a process in PowerPoint, and you want to do screenshots of what you're capturing, then ideally, you would go ahead and you snag it to capture your images, do all of your annotations. Once you've got everything done, whether you're saving it or not, if you just right click down here on your on your recent history, and copy it. If you go to PowerPoint, and start off a new presentation, if you right click and paste, you get everything in one fell swoop. And the cool thing about this is that all of your annotations, whether they're arrows, call out boxes, text boxes, stamps, etc, etc, even the blur stuff or filtering sensitive information, all of that comes along with it, you don't have to do any of that in PowerPoint, it's all done for you already. You also could put these into a Word document or email anywhere that you can put text and images, you could put an annotated screenshot. Right. Since it's still in the in the buffer, the copy buffer, I could paste this across all different applications that allow me to insert an image with or without annotations for that matter. Let me show you now. So let me go ahead and close my editor so I can actually close the editor without fearing losing any of the work I've done because again, all of this gets stored down here. And as you can see, if I were to scroll all the way back, I can actually find the first screenshot I did. I think that was it. Yeah. So let me go ahead and close the editor so I can go back to my Snagit capture toolbar. And let me show you what it looks like as far as creating a video capture. Alright, so capture because I actually want to capture the entire window. So click that. And my toolbar for some reason moves over here, that's okay, bring it back. So now I'm going to record video. And there's my counter 321. So now believe it or not, I am recording my screen. And if I were to work on a presentation, if I'm adding slides, etc, etc, even if you're just presenting a slideshow, you can go ahead and capture it while you're presenting. I'll show you what the button looks like in a minute. So here's my recording. And as you can see, I'm still in the same Snagit editor window, which still shows me the annotations at the top. But unfortunately, once you record a video, the only thing you can do as far as editing is trimming on the video. And as you can see down here, if you've used Camtasia already, you're going to notice that the playhead is pretty identical to the playhead in Camtasia, I have a green and red selection mark, that basically just tells me I can select. Once I've selected, I can cut. That is all you can do. I mean, the other stuff that you can do, you could actually export the video as an animated gift, which is a sequence of images that make it look like a video, or an animated, oh, sorry, save the frame as a PNG. So an individual frame would be saved as a still image of the video clip. But unfortunately, that's all you can do with videos in Snagit. If you did need to do additional fancy stuff, you could go ahead and just go ahead and share it over to Camtasia Studio, and then do all of your editing, your fancy editing, in Camtasia Studio. But as far as videos go for Snagit, trimming is about all you can do and then exporting as a gift. Or if you needed to save it as an mp4, you could go ahead and do file save as and notice that the default is mp4. So I'll pop in and just share one way that I use Snagit for video. As you all know, I love Camtasia for my instructional videos. But sometimes if I just want to record a really quick video like video feedback for a student, or I just want to capture a certain action, rather than say an annotated screenshot, maybe I want to actually click the buttons in a three step process and make a little video of it. I'll use Snagit for that because it's so fast. And one of the other really nice things about Snagit video is you can switch between webcam and screencast, which is great if you're giving video feedback, you can start by smiling at your students saying hello. And then with one click, you can go into the screencast mode and look at the screen together. And then you can click back to the webcam if you want to. So for very, very simple videos that allow both, I am a fan of Snagit. Going back to the resolution question. So in this case, because I selected a very small screen capture for this one, you can see that my resolution is 174 by 305. But when you select bigger resolution or bigger captures like the screen that I did earlier, this is 1138 by 899. And you can always resize these to make them smaller, only if they're bigger, you don't want to resize something that's small and too big because then you lose quality. But if you need to make them smaller, because you're going to just put them on a screen for a PowerPoint, if you want to have high quality for printing, then basically leave it at whatever high resolution you might have initially. But basically any time that you decide to capture a new image, just by hitting the capture and you selecting the this case, if it's the entire application, it will be as as big as the resolution of the monitor, which in this case, happens to be 1680 by 1050. So whatever the highest resolution is on your on your on your screen size, it will it will capture the image at that resolution. And then from there again, you can go down. But if you start small, don't blow it up because because you'll lose quality. It looks like we hit most of the questions that have come up in the chat. So maybe this is a good time to encourage a few more questions since we have some time. And while you guys are thinking about questions you might have, I wanted to share something for Jackie who is asking how else you might be able to use this. So I have a file that I can share that is hopefully familiar to you and I'll show you. Well, I'll see if you can see where I use snagit in it. Okay, so here is a training calendar that might be familiar to some of you. This is our canvas training schedule. And at the end of that training schedule, I put some information about additional training opportunities. And so as you can see right here, I've got an image that is taken in canvas. I put an arrow to show people where the help item is on the global navigation menu. And then up here, I have circled two of the areas that I mentioned in the paragraph above. And if you look really closely, you might see one other feature that Andre talked about in this screenshot. Can anyone see it? Bonus points. Can we see another feature that I used shadow? Not the shadow. Oh, it's true. I did. I do have shadow on it, yes. But there's something else. Anyone? Okay, I'm going to give you a clue. I'm going to start circling in the general area. Anyone see it? Is it that pink circle? Can you see in there? I'm going to make it really big. So this is a this is a real account. And so I have blurred the person's face in that circle. So again, blurring is great for sensitive information. So I don't want people to see the person who is in there. I want them to focus on the image. If it was a person's name, I could do that as well. Notice how you didn't even notice that. That's nice thing about the blur. Does anyone want to see a demo of how to blur the sensitive? Oh, there we go. Angela just requested that. So yeah, let's go ahead and do it. So let me share my screen again, go into desktop to go into the editor. So I'm going to pick this image right here. And maybe I want to blur out the text, even though it's kind of small. Let me blow it up to make it a little easier to read. So right here, if I wanted to blur out the text here, if I go to my annotations, and I go into my blur, okay, I have a few options. I have a smooth blur of intensity 25, blur of intensity 50, intensity, intensity 75, and then intensity 100, I can also pixelate. So if you don't want to do a blur, but you want to do a pixelate, you have the two options. So I'm just going to do a standard blur. And then all I have to do is just hover over the area and click and drag. I'm basically just clicking and holding the mouse button. And then as soon as I let go, there's my blur. If I had done the pixelate option, I'm going to try as you can see the pixels gets get bigger as you reach the intensity, a higher intensity, so I'm going to stay with the 25. And then same deal, just click and drag over. And now it's concealed. Right. The other thing you could do to conceal sensitive information is basically put objects on top of the information and the I guess the other way that you could do it is let's see. So let me do a shape. I'm going to do a filled shape. And I'm just going to go over and do that I could do that. But then it basically defeats the purpose of you concealing or signaling that you're concealing sensitive information. So you would probably want to stick to a blur. Okay. So are there other features people would like to see demoed since we are on an image right now? Stamp Oh, stamp. Sure. Okay, so for stamps. If you go to stamp, you have quite a few categories that you can pick from. You have my stamps. So my stamps, as you can see is empty right now, because I don't have any. If let's see, what if look at that, I can add more, I can add my own. So if you have an image that saved as a PDF, and I think ideally you would want to transparent background on that PDF file, you can add your own. But if you don't want to add your own, and you just want to work with the stock ones that you have, you have some accents, you've got stuff for algebra, and a black or red tone, you've got business charts and graphs cursors for OS 10 or PC. You've got emojis, look at that. Yay, emojis. You can also do geometry, black and red tones hand drawn in English or German and French, which I've never seen before. Oh, look at that. Okay. Keyboard. So if you need to indicate keyboard stuff, try doing Mac and black. So basically, when you're signaling people like maybe pressing a key or a function key on their keyboard, if you wanted to do that, if you're being particular to a platform, in this case, OS 10, you can do that. If you go to the PC side of it, then of course, you've got your PC keys from your keyboard. You also have maps, which is pretty cool, because you can actually just bring in like size that you would see on the road for interstates, detours, all that kind of stuff. You've got medical numbers, some snag it also. So if you have a dark background snag it or a light background snag it, you can work with both of those. And then you have some symbols and vehicles. So basically just pick the category, pick the stamp that you want, and then just draw it or click it. And then you have all the options to resize. And of course, you've got the option to do a shadow opacity would just make it translucent. Rotate, you can rotate that green handle is always for rotating. And then the white handles, the white round handles are for resizing. Okay, so that's stamp. Any other questions? Can we demo a shape? That's another really common one. Yeah. Of course, let me work with this transparent background that way. It's easier. And let me actually just fill the background with white. So it's easier to read to fill white. There we go. So if I do a shape, as you can see, I have rectangles, I have circles, or ellipses. And then I've got rounded corner rectangles. So if you want just a standard rectangle, you click and drag. And if you want a perfect square or a perfect circle, notice how right now I'm actually achieving that. If you hold down the shift key, as you're clicking and dragging, you get a perfect square. Okay, the same for the ellipses. If I just click and drag, notice how that ellipses can go either wider or taller. But if I hold my circle, that's just a perfect circle that I can draw. And maybe you make us my own emojis. But yeah, you can you can do all that stuff. Again, perfect circles, or perfect squares, just hold down the shift key on your keyboard, and you'll be able to to draw them. Okay, so here are a couple of examples of snag it screenshots using some of the things that we talked about today. You'll notice you also can use a box shape with text in it. That's one of the features as well. Same thing with arrows. Alright, so I think we've covered most questions, although we do have another minute or two if any come to you. And usually your best questions come to you after the event is done. So I have Andre's contact information here. The extension as well as the direct line. And Andre also does training for Camtasia. So he is a great resource for all the tech Smith products that are part of our site license. And that will take us to the end of our time. Thank you so much for joining us, everybody. I'm going to stop the recording now. And I look forward to seeing you at our next webinar.