Create Custom Video Thumbnails in Inkscape | Dan Webb | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Create Custom Video Thumbnails in Inkscape

teacher avatar Dan Webb

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

13 Lessons (1h 4m)
    • 1. Intro

      0:37
    • 2. Finding Specs

      3:43
    • 3. Background

      12:58
    • 4. Background (Continued)

      3:51
    • 5. Selfie

      1:07
    • 6. Selfie Edit

      1:27
    • 7. Add Selfie

      8:58
    • 8. Add Selfie (Continued)

      4:47
    • 9. AddText

      11:09
    • 10. Inkscape Logo

      5:12
    • 11. Shadows

      6:40
    • 12. Exporting

      2:51
    • 13. Outro

      0:23
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

2

Students

--

Projects

About This Class

In this class, I will walk you through the process of creating an engaging thumbnail for a video using only Inkscape. By the end of this class, you will have created a thumbnail for a video using Inkscape and will be encouraged to use what you learned to create a thumbnail of your own design.

I designed this course for people like me who don’t learn well when they are overloaded with information but find it easy to learn when they are doing and having fun. 

The ideal student for this course is anyone who wants to learn Inkscape.

  • Introduction - About the class.

  • Planning - we will look up the specs we need to follow for video thumbnails.

  • Create the Background - We will create an eye-catching background and learn how to create a halftone effect.

  • Take a Selfie - We will use our cell phone to capture a selfie to use for the thumbnail.

  • Edit the Selfie - We will edit the selfie so it will stand out.
  • Add and the Selfie to Inkscape - We will add the selfie to the project and edit it to make it fit in.

  • Text Layout - We will add the text to the project and make it stand out.

  • Create the Logos - We will get the logos off the web and use the trace feature in Inkscape to make them into vectors.

  • Exporting for Use - We will export the thumbnail using the specs we found in the earlier lesson.

  • Conclusion - Thank you more to come.

Meet Your Teacher

Teacher Profile Image

Dan Webb

Teacher

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Intro: Hi, I'm Dan Webb and welcome to my course using a Escape to create a video thumbnail. So in this course we're going to create a thumbnail for a video, and it's the little picture you see in video search results that inspires you to click on the video and watch the video hopefully. And we're going to create this using entirely escape. To do this, we'll do a little bit of photo tweaking. We're going to do a photo mask. We're going to lay out some text and create a background. So hopefully there'll be some conceptual they'll learn. And it should be fun. So join me and we'll jump in and get started. 2. Finding Specs: Okay, so here we are at the Help website. And I just wanted to check for image size and resolution here and what they actually require. So if you look at this here, it says your custom thumbnail image should be as large as possible. It will be used to preview the image in the embedded player and we recommend your custom thumbnails have a resolution of 1280 by 720 with a minimum of 640 pixels. Okay? So we're gonna go larger than that. 1280 by 720 is a little bit smaller than what we wanna go. We're going to go 1920 by 1080. So we'll be fine there. And we want it to be uploaded in formats such as JPEG, GIF, and ping. And we're going to use JPEG. So we'll have to remember that when we get to the end and remain under a two megabyte limit, will have to also remember that. So we make sure that our final image is of the right file size. And try to use a 1609 aspect ratio as it is most used in layers and preview. So what this is is actually the width compared to the height. So it's a ratio. Okay, Let's jump over here to escape and talk about aspect and ratio a little bit. So I just draw a rectangle here and we'll get into this a little bit later. But just so you understand aspect and ratio, we have the width and the height there. And all aspects and ratio is, is a, the ratio of the width to the height. So if I was to go here and change this to 16 and change this to nine. That's the aspect ratio we've been talking about, so 1609. So let me zoom in here and you can see that's the dimensions of a TV screen. So the, they're normally 1609 HDTVs or 16 wide by nine. Tall aspect and ratio. Now, if you grab one of the sizing handles here and hold down control, aspect ratio is locked. So we can make it any size we want. And it still is the same aspect ratio even though it's different sizes. So let me show you here that was 1609. And if we select that and this lock the aspect ratio, and that's going to lock this. And I will show you how that works. So if I was to go here and change this to 1920, which was that dimension that we just saw on the side and hit F4. So it seems to fit. Now you can see that that is the same aspect ratio, but now it's 1920 by 1080, is it automatically chose that other size because This is locked. And now for you, if we change this to 720, you can see has 1280 by 720. That was the other dimension we saw on the side. So aspect ratio is just a ratio of the width to the height. And if we lock them together up here or you use control when we scale things, that aspect and ratio stays the same. So I hope that all makes sense and let's move on to our next video. 3. Background: To get started, we're here in escape and we're going to set up our workspace. Inkscape usually starts out in inches or millimeters, or minds actually in millimeters right now. So we're going to change that. So we have we can start with the right size document and work on it from there. So, so we're gonna go to File and Document Properties. And in here we're going to change the display to pixels and the units to pixels. And then we're going to change this to the dimensions that we found on the site. So 1920 by 1080. Okay, And then that's really all we got to do. And you can see it's already, you don't have to save this because it's already changing back here you can see the aspect ratio of the page change. So just close that down. And now if you use your middle mouse button, you can drag this around and zoom around, pan around on the page, and hold down the control and user middle mouse wheel and zoom in and out. So we get that kind of centered. And we're going to go ahead and make a sunburst or whatever you wanna call it, kinda like the rising sun thing, but in some different colors. So let's zoom out a little bit. Control and middle mouse wheel. And now we want to draw a rectangle. So I'm going to click on the Rectangle tool over here and just drag this. Like so. All right. So it looks like that's totally blank and doesn't have any even in a stroke to it, but it does have a little bit of stroke to it. Yours might be different than this. It doesn't matter at this point because what we're gonna do is give it a color and a, and a stroke. So if we go over here down in the bottom left and right-click on nothing on the x down there and set stroke. So that takes the stroke off and then just left-click on the blue here. All right, so now we have blue. And you can look over here. If you don't have this open. You can open it up by going to objects, fill and stroke. And then you can see this here. So you can see the fill is blue now. And if you're not seeing this blue, check your opacity here. Because if, if this, if opacity gets turned down, then you end up with that. So even though it's blue, it doesn't show up. And then the stroke and opacity here, same thing. And we have a set to none. You could change that. You can change the color of it. And then stroke style. You can change the size of it, but we're going back to none. And so we now have blue and none. Okay? So one of the first things we want to do is we want to squish this in the middle. All right, you see we have a center point here. I'm going to hit F3 because we have this selected and it will fit the Zoom to the rectangle 0 what we have selected. And I'm going to hit Edit. And I use F2 for this. So here on throughout the course, we're going to use F2 to get to that. And all these have keys to them and you learn those that makes it easier on us. So first thing we wanted to do is go to path and choose object and choose object path. So right now you can see, let's go down here. I'll select this and we get back to my selection arrow so I can explain this. You can see down here in the bottom is this rectangle. We want this to be a path because a rectangle is just a rectangle and we're going to squish it in the middle. So we're going to go path and object path, okay, now you can see it says path down here on, with four nodes. It's just the corners. Now we're going to add a couple of nodes to it. So let's go back to node edit, hit F2. And we're just going to double-click on each side there and try and line them up, whatever, what we're going to snap into the center here. So that gets us talking about snap. Snap is over here on, well, it could be different places, but this toolbar here, it looks like this. And if you don't see this, you can, you can go to View and then go to Show Hide, and you have all of these things here. So just make sure that that your snap controls bar is on. So you can turn them all snaps on and off by clicking that right there. And that comes in handy when you're accidentally snapping to things and you need to get it turned off you just and, and as the percent key. So if you hit Shift and percent, it turns that on and off like that. And then what we have is common ones. We have the snap to other points. We have cassettes and nodes, and we have snap to paths and handles. And this one we're looking for here is snap to the center of objects. So we don't really need bounding boxes to snap the center of objects. And this won't snap. When you drag this, it won't snap to itself. So what we want to do here is we want to put something in the center there. So we will draw a line here. And we're going to make that snap to the center of this object. So once you get close to it, you'll see it says that pops up is this handle to object midpoint. So that's what we're going to take there. Now we have that, we can use that to snap our pieces, do so that's an F2. We're back in Node edit mode and now we can snap both of those to the center there. Okay, let's go ahead and get rid of our line here, my Delete on the keyboard. All right, now we have this with a squished perfectly in the center and then I'll come in handy when we start rotating this. So you'll see that here in just a second. So let's zoom out a little bit control and drag the middle mouse wheel down. I'm going to put that about right there. And it doesn't matter at this point, we'll move it around here in a second, but I'm going to squish this a little bit, so it's a little bit thinner and a little bit smaller. Okay, so there we go. We're going to start with that and now we're going to start rotating this around and making copies of it. Now if you want to make a copy of something, hit Control C and Control V, like you do normally. And paste. It, doesn't put it in the same spot. So undo that. So if you wanted to make a perfect duplication of that, right in the same spot you hit control D or Control D. Now we have a copy of that right on top of it. Now we can click once on it and you get the the rotation handles out here. And you can start rotating that until you have a about the same amount of space in between is this thing as wide? Go do that. I'm going to grab two of them in this time. So I'm going to shift select the first one, Control D, and do the same thing. All right? I'm going to select all of them. Control D. Click again to get the rotation and then rotate that around. Right? You see how that's working? And we can do all of them again. Control D, select it and rotate that around. This time I'm going to take a few of them, Shift select, all three of those. Control D, select again to get the rotation and bring that around there. And you see, I have something funny happening here. And what this is trying to do, this is kind of a quirky kind of thing. It's trying to snap to the object midpoint. At the same time I'm trying to move it. So let's just go ahead and drop that and hit Control Z. Now we will turn snap off completely. Select and shift select these two control D to duplicate. Select, Get our arrows and this on around. Now if I'm moving too fast for you, I do have a course out there called Inkscape Quickstart and you can take that and get a little bit slower. Introduction into Inkscape. And let's take one at a time here now it's a Control D. And we'll rotate that went around. And we're probably not going to have enough space here prior to move them around a little bit, Control D. And yeah, so let's try to space these out a little bit better. They don't have to be perfect. But we're just going to kind of move these around a little bit until they're looking a little bit more evenly spaced. Here we go. All right, so now we have our sunburst thing. And it looks kind of weird in the middle there. But, but we want to make this all one piece. So let's control and scroll back. And we'll 0 at this point. This is all we have on here. We can hit Control a and select. All right, and now we'll go to path and hit Union. So this is going to just make it one big object. So that put all that together. Now you can see I have, now I have a path with a 136 nodes on layer one. So if I fill it, you can see it changes the whole thing to that color. So all right, so I want to omit this sunburst to start over here to the right because that's where my head's going to be on this. And now I'm going to just make it smaller about the center. So I want to hold down Shift to make it about the center and I want to keep it somewhat round. So I'm going to hold down control also, and now it stays round and about the center. And I just wanted to make sure all extends off the edge of the page. So there we go. All right. One more thing I wanna do is I want to put a and hit F for zoom all. And that's everything into the canvas there. And now I want to make a rectangle and I wanted to snap to the edges of the page. So let's turn on snap again and make sure page this is page right here turned on. And then I can see I get up page snap, click and drag down to the bottom on the mouse button down and we're going to drop it on that handle there. So now we're, now we're at the same size as the page. And what I wanna do here is I want to change the color of this a little bit. Let's have it open right here. So we can just drag this and I drag the lightness slider a little bit. And this is kinda in the purple families. I wanna make this more blue and do the same thing with this one. This more blue. There we go. Okay, so now let's go ahead and send this to the back page down. I'm going to duplicate this. So Control D. And now we have two of them. Select, select this. And now I have both the rectangle that I duplicated and the sunburst both selected and then hit path and then I went to intersection. Okay, So what that does it use that rectangle to trim the sunburst. So now if you look, it actually consumed that square. That's why did the duplication see I only have two objects now. So the one that I left behind when I duplicated is still left behind. So let's go to Control Z a couple of times. Get back to where we wanted to be. I'm going to hit F4 on the keyboard to zoom to fit. Okay, this is getting kinda long here. Let's stop here and we'll pick it up again in the next video. 4. Background (Continued): And now these are still a little bit close to the same color. So let's go ahead and change the lightness of this. Get more of a light. Here we go light-blue and make this more of a deeper blue. There we go. I like that right there. It can make it whatever colors you want when you're making your ears. Okay, So now I want to add some effects to this. So I'm going to get all this selected. So let's hit Control a. Now I have the two objects selected, that's all we have here. So I wanted to go to filters, textures, and I chose this one right here. This is goulash. I think it's how you say that. And it's a watercolor effects. So let's go ahead and select that. And you can see what I did there. It made it look like a watercolor, but it extends out past the edges of the page and we don't like that, so we're going to clip that a little bit. So let's go ahead and control and mouse wheel back a little bit. And we don't want to draw another rectangle, snap to the corner of the page. Just like so. We want to give that a no, no fill and no stroke. Now we want to hit Control a to select everything. And we're going to right-click on that and we're going to use create clip group. So what that'll do is use the outermost rectangle there and clip everything off. So now we have a clip group. And the thing about this clip group now though, is it takes a lot of processor so that you can see as we're zooming in and out, it's recreating this thing and it's taken a lot. So we're going to decide that we want to keep this. So we're going to turn it into a bitmap. So what I wanna do now is go ahead and select everything. Control a, or you can just draw a big square around it. And now I wanted to go to edit and make bitmap copy. Okay, so our process a little bit, and it's where it says done her rendering bitmap. And now it's done. So now you can see I have an image on layer one. Alright, so let's go ahead and hit Page Down to send that to the back. And now I'm going to select on the image again. And now you can see it. I have a group of one objects clipped. So this is that piece that takes all the processor. We're just gonna hit Delete on the keyboard to get rid of it. And now all we have left is that image. And you see if I drag it over, That's all we have left. So I Control Z to get that in the middle. And I went way too far without saving this. You should save a lot sooner. Don't follow my lead on that, but we're going to save it right now. So let's go ahead and first off, hit F4 on the keyboard. Make it fit the screen and we'll, we'll save this thing. Hit File, Save. Okay, so I'm gonna save this here in my folder. And we're going to call it done now. And hit Save. Okay, Now we have this saved and we'll move forward to the next video. 5. Selfie: Okay, We're going to work on getting a selfie here that we can put onto our thumbnail. So change modes here. Okay. So I'm just going to, you might want to get toward a window or something like that so you can get good lighting and get where you are lit up well, so you can see it on nothing. I'm up at myself over to one side. And that way I can point it out to the side. I'm going to be pointing at the text that's on the on the now. So I'm just going to make face and look at the lens and point up to the left here and then take the picture. So here we go. Okay, see how those came out. Alright, that's about what I wanted. I hope heads in there. And I think that'll work good. So now we're going to transfer that to my computer and we'll modify it. 6. Selfie Edit: Okay, I'm using Android here and I'm going to edit this photo a little bit, just changing the brightness and contrast and exposure in that on the Android standard tools that have him on iPhones, you can take it over to Windows or Mac when you put it on your computer, do the exact same thing. There's not much to it, It's just that Inkscape does not have these tools built-in, so we gotta do it before we get it there. And this is not an unnecessary step. I just like to make the image pop out of the image, pop out of the thumbnail a little bit more. So what we're gonna do is hit Edit here. And we're going to go to brightness and contrast. And that for Sam and do is up the exposure just a little bit. I'm gonna hit the contrast. Make the contrast a little bit more and you can see how that really makes the darks and lights further apart. So it makes it pop just a little bit more. See if brightness, if I want to do something with that and make those darks a little darker, I think that's what I want right there. So that really pops out to me. So now I'm going to hit Save. And now that's saved to my phone and I'm going to download that to my computer and we'll get started in Inkscape. 7. Add Selfie: Okay, so now let's bring in our image. We're gonna go to file import. Okay, so now we want to pick this picture that we took and we already changed the contrast and that to the way we like it. We're going to bring it into Inkscape here. We're going to accept the defaults here which is embed. And we're going to get the DPI from the file. And the image rendering mode is auto, so, okay. And it comes in and it's really big here. So let's hit F4 to fit everything. And let's grab this upper corner here and start scaling this thing. And we want to hold down Control so it keeps the aspect in ratio. Let's go down to about there and then we'll set it on the page and see if we like that are not so almost the same size of the page. So let's go ahead and hold down control again. I want to just leave a little bit of space in between my head, the top of my head, and the top of the thing so we can always resize it later. Okay. So hit it for to bring everything in view here. Right now. What we're gonna do is we're going to create a mask that out. 8. Add Selfie (Continued): All right, so now we're going to finish up working with this picture. One thing we wanna do is make this extra line. I'm gonna make it white. And we're going to move this picture over and trim this up. So let's get started. So first off, let's go ahead and make this a white outline. Let me select that. And we're gonna go ahead and fill it white. And we're going to take the outline off of it completely, or the stroke off of it completely. So set stroke to nothing. Alright, now that we have that we can move it back to where it needs to be. So page down. I want it one odd if and only if yours didn't go all the way down, you had him I have to hit it a few times. So there it is all the way in the back. I had Page Up. It comes to the front of the background. Hit page up again, it comes to the front of the image. So I have page down and get it right, why we want it. Okay, so that looks pretty good. It's actually hanging off the page down here, so we're going to clean that up a little bit. So to do that, we're going to use the fact that we have a path, this clipping this and a path around here, and use some of the path functions here. So if we draw a rectangle, make sure you get all of the image in there and snap it to the page. And I'm not seeing that. Just yet. Her page corner handle to page corner. So that's what we want right there. Now you might have to zoom in there. You could zoom in there and move this around until you get the right spot. But let's go ahead and give it a outline of black or stroke of black and no fill. Okay, So now there's our rectangle and what we want to do is chop some of this stuff off down here. But first let's get it in the right spot. So the Select tool and select our image and we want to select the outline also. No objects selected. So let's zoom in here a little bit and get the outline. There's the path and select here. Okay, We've got two objects selected. Those two parts we want hit F4. And now let's go ahead and drag that over a little bit here and get it to where I'm hanging off the page a little bit. This might be a good time to turn the snap off completely and get it where we want it. I would say that looks pretty good right there. So now that we've got that where we want it, we're going to trim this up. You know, we used a path to trim this out. Well, let's get that path back. And then we'll trim the path and it will set it again. So what we need to do is just hit Release clip by right-clicking. But there's the path and the picture. So let's select the path. Should we got a path with 75 nodes here? And now we'll shift and select this border that were used. And we're going to hit path intersection. Okay. And now you see it. Just the part that was inside there is what, a cout. So that's why we wanted and now we will go ahead and clip that again. So I'm going to select the path shifts like the picture and set clip. Okay, now we're back to where we were, but now we have this white sticking out here too. So we should have duplicated our rectangle before we did that. But no big deal. We'll just draw it again. I will draw it down and snap it right to their return or snap off. Control Z. Turn snap on and snap it down to corner. Now I wanted to get the Select tool again and shift select out here where this white is hanging over. And we have the rectangle and the white and we're gonna do the same thing again. Path intersection. Okay? Now you see the page shadow again all that because we're going right to the edge of the page and you can move it move it just to check and see if you want to. And you see it stops right there. Control Z to put it back and hit F4. So we can see everything and I think that's a good picture. So now in the next lesson we'll move on to adding text. 9. AddText: Okay, let's add some text to this. So if you're not zoomed in all the way, just hit F4 on the keyboard and we'll zoom to fit. And then we need the text and font box here. Pretty soon the dock. So click on Text and then text and font here. If you need to pull this up, It's open. Don't worry about it. First step, let's click on the Text tool over here. And just click on the document out there. And let's type create. Click again to create another text block. Want to put these all in their own middle textblock. And now we want to type video. And click again thumbnails. And click again, type in. And then click again type Inkscape. Okay, now select the Select tool up here. And then now you can see we have five separate objects here with texts than them. So now we want to change the font to this. And so if you want to drag a window, select them all or you can select one and then Shift select. If that's easier for you, make sure you don't get the whole O Object and should see a little bounding box around it like that. If you select a whole one, they move all the way to the outside. So, okay, so I picked a font here off of Google Fonts, and it's called Bartleby. Scroll down here until we see. Here we go bow be Bowlby. I'm not sure exactly how you say that, but that's all for Google fonts. So if you need more information about getting fonts, That's a great resource. And I have more information on Google fonts in my full Inkscape course. So you can check that out. But it's like Bobby and then hit Apply. And you can see what it looks like here. So that's good right there. Let's while we have it all selected, let's choose a color. And I'm going to go ahead and make this all bigger and make sure you're not stretching it are and in one way or the other. So hold Control down. I'll keep things proportional to one another. I'm just going to fill up the space there and click on that. All right, so now that we have a size, we can see it. Let's select the white to fill it all white. And now let's work on the size a little bit. So I create all these as you do M hold down the control to keep them proportional. So we'll make, create about that big. And let's do the same for all three of these. So that is a 103 font size. Let's just do that for all of them. 1, 0, 3. Apply. Undo both of those. 103 pi. Okay. That's starting to look good and make it a little bit bigger. Whoops, undo that and hold down control Hong doing it, so it stays proportional. Okay, now let's align this a little bit. So select the Align and Distribute down here if you don't, if it's not already open, I can click on it here and it'll show up. If it's not already open, you just select object and align and distribute right there. All right, so let's select all the text again. Shift and select each one. And then we're going to select center. Center on vertical axis. Looks pretty good and we will move it up to there. We're starting to get there. We can also do a distribute. So if you wanna do centers vertically, you can do that and it'll distribute everything equally. But this N is going to give us a problem here, so we don't really want to do that. I'm going to undo that and we'll just do that manually. So first thing I wanna do is put some boxes around these still make them stand out a little bit better. So Let's just go ahead and do that. And so I'm going to move Inkscape down, holding Control down mom doing this. So keep it either vertically or horizontally. Move movable. So hold down Control and just drop that down there a little bit. I'm not sure exactly how that got so big. No control down and make it smaller. Bump it up underneath here, holding Control down. Keep everything centered there. And control, and that's pretty good. Right now. Let's put boxes behind these, like I said. So we're going to just start and just eyeball this to be about that big. I'm going to get the Fill box over here. And I'm going to pick this light color here. So our boxes now that light color. And then we'll make a little bit darker kinda in-between the two. Yeah. Kind of like that right there. Okay, now, let's go ahead and choose the picker tool again and move this backwards so it's behind the Create. So to do that, if you look here in object, you can see there's rays lower race to top and, and lower. So it's page up, page down, home and end. So we just want to do the page down. So to lower it. And i'll, I'll just do that with the keyboard. So Page Down. And I all I needed to do as one, and I went there. So now we want to give it a little bit of skew. So selected again. And he says arrow turns the horizontal arrow and you can drag it and make it skewed like that. So that's what I want. Okay, so now let's Control D to duplicate it. And we'll drag it down to here for video. Now on to page down. Now it's behind it. Let's do that for each one of these here, and do one for thumbnails. It's kind of thumbnails in. So Control D to duplicate, drag it down to here. And we will select till we get our selection. So we have this which is rotating skew. You select again, you get re-size in different directions. So we're just going to resize it horizontally here. Hold down Shift and I'll do it about the center. And we're going to get it out to about there. And we're going to fix the skew because it skews it while we do that. Here we go. So page down, page down again. Here we go. We've got thumbnails. And now I'll create a little. And for this I'm going to do that separately. So let's go ahead and first, nudge this up. Just hit the up arrow. And it looks good. So what we can do is select the shape and then the text. And then we will align it center horizontally. So we do that and that puts it in the center. Do that for each one of these center horizontally there. And that center horizontally. So that put them all in the centers and now they're all kinda about the same. And now let's make a little one for this. So let's go ahead and create that box again. And it's using the same fill as before, so that's convenient. Let's draw a box there and I'm going to hit Page Down and then we're going to skew it. So I wanted to get the Select tool, select it again, and then skew it. All right, so that matches. So that's good. Now let's combine this and this. You could just drop this in the back, back here, but it's wanna make this one big shape here. Actually I'm going to leave it like that in case when I move this around, we could and we could just move it like that. So I'm going to leave it just like that. Drop it about right there. You want to make sure it's behind thumbnails because it can get like that. So let's go ahead and select just the shape and page down. Here we go. I select an ASO and hit the down arrow to nudge it down. There we go. Thumbnails in and then Inkscape. So Inkscape, we're going to replace this with a, with a logo here later. So we'll just leave that as is. And let's get this lined up like we want it. So grow out just a little bit, which is control and the mouse wheel up and down. So I can get to everything. Select just that right there. And we'll move it around so it so it works for us. We have that too big just on that side. There we go. That looks better. It gets pretty good right there. So we will leave it and make it just a hair bigger, Control and drag that. Got looks pretty good right there. So we're going to leave it like that. And will in the next video we'll come back and we'll do this Inkscape logo. So I'll see you in the next video. 10. Inkscape Logo: Okay, So we will now replace this Inkscape with a logo. So let's jump out to Chrome here and we'll search for escape logo. Go to images. It looks like there's a pretty good version of it here That's doesn't have the glow and all that. We're going to do the flat version of it. Okay, so that is a list like that has a background already cut out of that one. Sometimes that gets a little weird in when you're copy and paste and n are going to want to show tracing images anyway. So let's go to that one. We'll right-click and hit Copy Image. Now let's go back over here to Inkscape and Control and middle mouse Vela scan back and just paste it in. And now with that selected hit three on the keyboard and it will zoom right to that fitting. Okay, that looks pretty good. Now, let's go ahead and trace that. So path, Trace Bitmap. That's what we're going to get there. Let's just do that and see what we come up with. So hit, Okay. And I'll drag that off. Oh, it looks really, actually really good. That's not a very good representation of it. So we got it. Now let's close that box down and select the image back here and hit Delete. And look at that actually came out beautiful. Now let's see what we actually have here with a background behind it. It's just Control and scroll back and we'll put a background behind it just to see. So that's why it Let's go ahead and just put a blue background and see what it's going to look like on there. And now with that selected and hit page down, okay, actually it's perfect. It left the background out and everything. So now we need, just need to come up with a outlined version of that and so do the same thing. We will. We'll just leave this blue back here so we can see what we're doing. So let's select the logo Control D to duplicate so we don't mess the original up with that selected hit path and break apart. Now we have all these different little pieces for it. Now if we hit path and union, and it'll actually make all those one big piece and just combine them together. So that's union knows. And now we have this piece which is all one piece without all the internal cutouts, which is what we want because we're going to do a outline. So now let's make it white and page down. Okay, now you can see it's barely there. Now we're going to go ahead and do a path and dynamic offset again. So we can control what size we make it here, grab a little handle and that right there, get bigger. Does that I would say we want to do about that size right there. And I got looks great. So let's go ahead and keep that. Get rid of her background. Delete, select all that. Control G to group it. And now it's four to zoom all tween. Just drag that up on top of things and hit F4 again. And I can start fitting it in here. And of course it's not going to fit as good as this one did. Let's go ahead and delete that and start filling it in here. So have a little more space between these two, then I do these two. So let's fix that first. I'm going to scroll controls, scroll wheel down, and I'll make it smaller. And now I'm going to schist, nudge that up a little bit too. It looks good. Now I want this n. Let's click and drag that over to the side a little bit. Yeah, I'll do that for now. And now. Fit this up into here like so. That's looking pretty good. I don't know if we just drag it. Have an overlapping a little bit control while we resize. Think everything's a little too big. Let's just bring all this down a little bit. So drag a window around. Just all the text and boxes, control and resize it a little bit. Here we go. Drag that down to there. Let's center that up a little bit. Hit F4 to zoom to fit and get looks pretty good. So in the next video, we'll add some drop shadows. 11. Shadows: Okay, so we're going to add some subtle drop shadows to these just to make them pop off the page just a little bit, separate him from the background. Inkscape has its own Drop Shadow command, and I don't like it at all, so I'm not going to show you how to do that. I'm going to actually show you how to do it the way, a different way, which I think you have more control and you can make a better looking object. To start with, we want to take whatever we want to drop shadow to be, which in this one it's going to be this box here. And it's a group of two objects. So we just want this box out of this group. So if we control select that. You can see now we have the rectangle. And even told me down here as I selected that if I, if I hold down control and says click to select in groups. So I do that rectangle and that rectangle. It's not want to make a copy of that. And if I copy and paste it, just control C, control V, It doesn't put it in place. So I'm going to undo that. And I wanted to show you that. You can copy it by Control C are selected on the end here. But then there's also a paste in place. So if you paste in place, you see it put a new one there. So I have now I have a rectangle on layer one. Okay, so that's how you put an object right on top of another object. You can use Control D for duplicate, but it doesn't work when you have an object in a group. So anyway, that's that. So now let's just make that black. Left-click here and make that black. And now the way I do this as I go to the fill and stroke and I just use this blur right here. So if I start turning this up, you can see it starts blurring the edges. The more I go, the more blurry it gets, and the bigger it gets too because it blurs it way out. So we'll just put a little bit of blur on that. And now let's send it backwards by page down until it's loops. So what just happened there is I'm still and I clicked in this box to move it around. I'm actually in this box. So now my page up and page down is actually just changing that value. So you gotta be careful that you get it to about where you want it, which I think we wanted about art in here somewhere. And then click out of that box before you hit your page down command. I'm still stuck in it. I'll select the object and hit Page Down. Here we go. So it took two times and now I'm behind it. Now you can see we have a pretty nice looking shadow there. There's a couple of different things you can do to change it. Opacity here we'll change it and make it more opaque so it, The little more subtle. And I think I'm going to leave it about there, which was just a little bit of opacity. And now so we used about 6.386. So if we remember those as we run down through here, it should be pretty easy to do the rest of these. So Let's go ahead and select this next one. Before I get too far on this, I wanted to move this over. I think this will look better if we just selected both of those and kinda line this up. So hold down control. Yeah, I think I like that. So we're going to move it there before we do this. And now let's just select this rectangle. So select off of it and then select the rectangle. Now we're going to duplicate it, since it's not part of a group. Turn the blur up a little bit. Make it black. It doesn't matter which order you do this stuff in. And then bringing that down to about a 6 ish. And I'll select back on it and hit page down until it's all the way behind those things. So now it's has a nice shadow to it. All right, For this one, we have two objects lay on top of each other. So this isn't going to work right? If we were to do this when your shadow is going to be casting on top of this. And I want this to be like all one object. So we're going to select this object and this object, which are the two blue backgrounds. And we're going to go to path and union. So what this does is it makes, it, makes it all one outer path, takes the outermost extremity and makes it combined. All right, so now that we have that, we can control D to duplicate and make it black. Bringing the blur up, opacity down. And then we'll select on it again and hit page down a couple times. Okay? Now the last one, this one. So this is a group. So we really just want this white here, this white outer outline. Some of the control select that. And if you look down here and pay attention to your bar down here at the bottom, because as you can see, I didn't get the right thing. This is black. I wanted the white outer outline. So let's try that again. Control my cursor way out here. Control. Still not getting that. There we go. I got it that time. Alright, so now I want to hit Control C to copy it. And then edit, paste in place. All right, So there's that outer outline. Run, make it black. We're going to blur it a little bit. Bring the opacity down. So I'll select it again and hit Page Down. And now we have a shadow there. And we zoom back a little bit control and mouse wheel down. Get a little bit better. Look at it. You see how this stuff just separates from the page a little bit, makes it look a little bit nicer. So there's our shadows. And now in the next lesson, we'll talk about exporting this so we can use it. 12. Exporting: Now we're going to export this in the size, the adjusted, if you remember in the first, one of the first videos, we went and found that information. One thing you need to know is Inkscape. When exporting as images, it only uses ping. I'm not sure why that is, but that's fine. We can use a ping, so we'll just export it as a ping. All right, which is a PNG file. It happens in on box over here, so mine's already open here. Export Ping image. If you don't have yours, just go to File and go to Export Ping image there. And that will pop it up over here. So as you look at the settings in here, there's a lot of different settings and I'm not gonna go through all this, but if we export the page since we set the page up properly to begin with, we'll get what we want. And we want the width. We have width and height. We want the width of this thing to be, to be 1920, and the height of this to be 1080 automatically changed there because it knows the aspect ratio of my page that we set up to begin with. So now we have that. It asked for a where do we want to put it? So we're going to hit Export As we're going to drop it right here in this directory that I have selected. You can put it wherever you are saving your files, but I'm going to call this Inkscape them now. So let's go ahead and hit. Alright, escape them now. Now we just hit Save. And now you would think you would have an image out there somewhere because you just hit Save. Well, that's not the way it works. All it, it was saved this path into this little box here. So do not go looking for your fall right now in this directory, it is not there. And I've made that mistake multiple times because when you hit save, that feels like you should have saved it. But now it's now the next step of the process is just to hit Export here. So if you hit Export, starts exporting it. And now if I jump over to my directory, you can see that I have my imager. That's a ping format. So let's double-click on that and bring it up and see what it looks like. And look at there, there's our thumbnail created in Inkscape. So now you can upload that as the thumbnail for a video using a course or whatever. 13. Outro: Congratulations on making it to the end of the course. Make sure you share your video thumbnail with me here on Skillshare. If you learned a lot, leave a review and if you want to follow me, you'll learn more about when I put out new content. And also I have other content here on Skillshare. So check that out and we'll see you around. Thanks.