Guide to Making Video Thumbnails with GIMP for YouTube or Skillshare | Christopher Navarre | Skillshare

Playback Speed


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

Guide to Making Video Thumbnails with GIMP for YouTube or Skillshare

teacher avatar Christopher Navarre, Software Instructor

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

22 Lessons (34m)
    • 1. Class Introduction

      2:04
    • 2. Where to Get Free Resources for Thumbnails

      0:22
    • 3. Options for Making Backgrounds

      0:53
    • 4. Extract Freeze Frame from Exported Video

      1:18
    • 5. Size a New GIMP Image for Thumbnails

      0:56
    • 6. Sizing Your Background Image

      1:53
    • 7. Adding Text

      1:58
    • 8. Centering Text with Guides

      1:14
    • 9. Changing Text Colors

      1:46
    • 10. Finding and Adding Logos to Images

      0:57
    • 11. Layer Groups & Centering

      1:59
    • 12. Create Extra Flashy Text with Perspective

      1:06
    • 13. Filling Text with Flashy Gradient Colors

      1:47
    • 14. Gradient Line Behind Text to Highlight It

      1:03
    • 15. Drop Shadow to Increase Visibility

      1:43
    • 16. Resizing Thumbnail Elements

      1:45
    • 17. Thinking About Thumbnail Wording

      2:15
    • 18. Text Color for Keyword Emphasis

      1:00
    • 19. Darken Outer Edges with Vignette Effect

      3:33
    • 20. Making an Attention Callout

      1:45
    • 21. Adding an Arrow Shape with ASCII Codes

      2:21
    • 22. Wrapup

      0:35
  • --
  • 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.

72

Students

--

Projects

About This Class

One of the best ways to get more views on internet videos is to have an eye-catching, clear, and informative thumbnail so that before people click in, they already know what they hope to gain from watching. Comparing them to book covers is a fair analogy. In this short series, I aim to show you many aspects of creating good quality thumbnails from start to finish using the same processes I do on a daily basis.

Here's a good idea of the skills we're trying to work on inside this guide to making YouTube thumbnails.

  • Selecting good backgrounds to use as our image base, whether picking the right freeze-frame from our video or using a stock image that conveys our video topic well
  • Learning what makes good text for thumbnails and how to make it stand out in a sea of competing videos.
  • Keeping your image document organized and aligned well with layers, guides, and adjustment tools like scale, move, and rotate
  • Techniques for creating extra flashy thumbnails like perspective and gradients for more casual styling
  • Use of drop shadow and vignette effects to increase thumbnail clarity
  • How to make attention calls outs with arrows and stroked area selections
  • We'll talk about the thought process of how to figure out if the thumbnail is clear and will look attractive to potential viewers

By the end of this course, you should have a good idea of how to create solid looking thumbnails for YouTube or other sites using exactly the same techniques I use for my online video channels. Of course, since what makes a perfect thumbnail is somewhat subjective will talk through a few different types, styles, and ideas you can implement for your thumbnails but the main goals should stay the same for thumbnails - namely quickly conveying your message, catching attention, and being clear and accurate about the video contents. So if you're looking for some good tips on how to make video thumbnails for YouTube and other video sites, I hope this guide will serve you well.

Meet Your Teacher

Teacher Profile Image

Christopher Navarre

Software Instructor

Teacher

My philosophy in information technology and learning in general is that video learning is the best way to learn for yourself. I can provide the videos but it's up to you as my student to absorb and practice the information to become a more educated and skilled person.

If you want to get a taste of my approach to education and tutorial series, you can find me on my YouTube tutorial channel Chris' Tutorials.

See full profile

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. Class Introduction: Hello everyone, cursor. And in this series I want to show you guys how we can create thumbnails for online video sites such as YouTube or skill share using GIMP, the GNU image manipulation program. So if you don't already know, is a free program by default and a fairly solid alternative to Photoshop. For the remainder of this quick introduction, I'll be putting a few thumbnails up here that are similar to what we're going to build inside of this quick series. So one of the topics we're going to be focusing on is how to select good background images for your video. So this could be either a screenshot from your exploited video itself or the raw footage. Or it could be an image that we can grab off the internet that actually has commercial rights. And there are several good sites or talk about on how to do that. We're also going to spend quite a bit of time talking about what makes good text for a thumbnails. In many cases, it's nice to throw some keywords onto your thumbnail, nice and big, so that other people can see them. So we'll cover that in more detail and some other tricks you can use to increase the visibility of your text will also be covering a lot of the basic tools inside of him to do stuff like resizing your images or layers, rotating them around or making them pop out with the perspective tool. There are also some effects inside of that. I use all the time for increasing thumbnail Clarity, such as drop shadow or a vignette. In addition, I also try to go through my general thought process on if a thumbnail is going to look good, whether it's having an item position here or there is going to look better, how big you should make it, what to focus on with the background image if you want to scale it up or move it around. And also an example of how to make a call out to further get people's attention onto your thumbnail, which is kinda the main point of a thumbnail. So when everything is said and done, we're looking at about 33 minutes of video content. So it is going to be a lot more in depth than I would usually go into on my YouTube channel. And that's why I decided to make it a quick Skill Share course. So if everything I talked about so far sounds like skills you want to pick up so that you can apply it to your video channels, whether that's unskilled, share YouTube, Vimeo, other sites, then I hope you'll continue to watch and get something out of it. So thanks for watching the intro to the series and I'll see you guys in the next video. 2. Where to Get Free Resources for Thumbnails: So we're going to start on to stock image and photo sites. So I'm looking at Paxos.com and then on the left tabs over here we have pixabay.com. So these are both free stock, photo and image sites where all of the content, as far as I know, is free to use with no attribution required. So if you need them for purposes like these, they really handy and readily available. 3. Options for Making Backgrounds: Now when it comes to creating the background for your thumbnail, There are three ways you can go about doing it. One, you can create everything from scratch as custom graphics, making shapes or drawing whatever you want to onto a new image. Secondly, you could use a stock photo as a background, ideally something that is related to the topic at hand. So maybe if you're talking about making videos than the background image that you pull off a site like Pixabay would be related to that, maybe some cameras. The third option is that you can grab a freeze frame from the actual video itself and then layer some text and graphics over that. So that would be the case where you open up your exported video and then you grab a freeze-frame, import that into camp, and you write some text over that. So that's the approach we'll take in this video. But if you need some resources for building the background of your thumbnail, These are good sites to take a look at. 4. Extract Freeze Frame from Exported Video: Here on my desktop, I have a stock video clip from pixels, and we'll use this in place of an exploited video for creating a thumbnail from. So we want to grab a background image from this video clip. So I'm gonna double-click it and open it up in the video player of our choice. And this case it's going to default on my computer to MediaPlayer classic VLC media player is also another good one. So we want to create a thumbnail on how to make thumbnails. So what do you need to do is navigate through this video and find a frame that we think would work really good as the background for our thumbnail. So in a clip, the short, I'll just hit play. And then when it gets to something I think looks good, we just pause it. So BEC over about 1 second and we have a bunch of colors on the screen right here. So I think this would actually be a pretty cool frame to use for our background. So I'm going to extract this image out of the video. We can do that by going up to File and then Save Image inside media player Classic. And now we can save it onto the desktop. By the way, just for reference on the desktop here I have a couple of other really cool stock images, and these ones come from Pixabay. I believe both of them. So those would be other examples of what you could use for the background of a thumbnail. And then here we have the frame that we just extracted. So we're going to pull this into camp and then we'll get started on editing our thumbnail. 5. Size a New GIMP Image for Thumbnails: So inside of gamma, I am going to go to File and New, and we'll create a new image. Now on YouTube, you want the thumbnail sizes to be 16 by nine in terms of their width, height ratio. So that's probably going to be either 1920 by 1080 pixels or one hundred and two hundred and eighty by 720 pixels. The same ratio at different sizes going higher than this with the same ratio probably isn't recommended at least for your final export. Because in the past, at least I believe YouTube had a two megabyte thumbnail MAX file size limit. So if your image is too big and you export it especially to a PNG instead of a JPEG, it might be too big to be accepted by the uploaded. So that's why I would keep the sizes a little bit smaller than that. So let's go ahead and hit OK here. If you background color is white, it should be white. So just use the fill bucket with the white color and make the background white for us as a starting place. 6. Sizing Your Background Image: And now we wanna take that thumbnail image from our video clip and drag it in here. So with this video clip, because it already has a 16 by nine ratio, it's going to fit this green nicely. There would be cases where your video frame is not the same width, height ratio as your thumbnail. So in that case, you might want to use tools like scale to increase the size until you can fit the screen completely. And then let's say you needed to make the thumbnail way bigger in order to fit the screen. But then you have a lot of extra room on the sides. Then you can use the Move tool and move it around. And as long as there's information on the sides, you can get the exact area that you want to shell for your thumbnail by moving it around and when it scaled up. And you want to show a specific area of the video frame, you can just use the move tool to drag it around as long as there's information on the outside, you don't want like the white background to be showing in most cases, then you can highlight the part of the video that was really important to your thumbnail. Like in this case, we might want to show the tablet as the main thing that's important for the thumbnail image. I'm going to undo that, though, because the video actually fit the frame perfectly. To begin with, a quicker way of doing all these undoes. By the way, you could go into history and sort of hitting undo a million times. We could also go into Windows, dark cabal dialogues, and then I believe it's undo history. So now we can just go all the way up here to where we have the drop layers and just reset it to that point. So are these other changes as soon as we change something else now that they'll just be ignored and removed from this list, we don't need them anyway. So let's start from here. So if you need to zoom in and out quickly control the middle mouse wheel. Let's go ahead and change this over to the Tool Options so that when we use it to or we can make selections and about the deep. And then I'm going to take this tab over here and make sure it's on tour options so that when we're using tools like the text tool, we can add it information about those changes. 7. Adding Text: So now at this point we may want to add some text onto our thumbnail. It's usually a good way to grab attention, especially if you make the text borderline on obnoxiously large up to you to decide exactly how you want it to appear. But we can grab the text tool, click on the screen somewhere in order to start having a area to write text on. So this will be the starting place for where the text appears in auto, go left to right by default, I also recommend that you find some fonts that are very large and bold, that they're easy to read and very visible. So a couple of examples of those which you can find on the internet very easily with a Google search would be babies know, AIC and BIC noodle titling. I think I got these two off of the font.com to be specific. So babies noise is a really good bond. So I will go ahead and use this to type N. So when you're writing the text for your thumbnail, you want to be really quick and to the point and you want it to make it really obvious what the video is about. You're probably gonna import less words and your thumbnail than you would in your actual video title. And just because you need to focus on the main point here, since you're basically going to have less room if you're writing big text and you want to focus on the keywords. So one example for what I might decide to put up here could be YouTube thumbnails. Now you can see the default font size I have set here is 350. That's really big and it's going to be too large for these two words. Those are long words, but that's okay. We can decrease the size. So I'm going to click inside the box, hit Control a to select all the text characters. And now I can just come up here to the text size and scroll down the middle mouse wheel or type in a number of you prefer. And we basically get this down to the size where it's going to fit the screen. So something like 275 in this case, I'm maybe a little smaller, 2-6. All right. So we can roughly position it in the middle of the screen. That's going to be OK. You don't want a little space on the edges there. If you pushing too close to the sides of the image, it's not going to look very good on one other thing you wanna do is probably to center your text. 8. Centering Text with Guides: So if you want to center, you can do that easily with guides by going up to image guides, New Guide by percent, and then you go direction, vertical, leave it at 50%. And this will put a vertical line right down the middle, halfway across the screen. So we can hit OK there. And now if we drag our text, we can snap to this vertical line. So as long as it's going up and down this line, it is perfectly centered on our screen. One quick thing to note though, it's basing that centering on the outline of our layers. So if I add an extra space here, That's going to change the outline of our layer, that yellow dotted lines. So now if we try to center it again, it's actually going to want to be slightly more to the left. But if you look at the text characters, that's not accurate. So be aware of that. Don't leave any extra spaces here. If you don't want your centering to be offset from the center. So let's make sure that's right back in the center there. Alright, cool. So you can't choose to have different font colors for your text if you want. I usually just leave it as white because random colors, I don't think look very good. It depends on what kind of video you're doing. If it's a gaming video, maybe you do want fruity colors. 9. Changing Text Colors: So if you want, you can select all of your characters and you can change the color with the color selection tool here. And you can select any color you want from the lessons. So first just click on the color you want with this bar and then you can adjust the level of saturation. On the left is less saturated, on the right is more saturated closer to the actual color that's being selected from this bar. And then down at the bottom is darker. So if you want a dark brown, you'd go somewhere too, the bottom, middle, or bottom right. And then you can, okay. When you have the color that you want, if you want to change back to a previously used color, you can click here. And then the last elected colors will be listed out here. And you can just click on them and then hit OK to change back. So for videos that are about a program, I like to throw in the name of the program at the bottom, and also the logo of the program for more of a visual indicator of exactly what's going on. So when I'm doing thumbnails for a tutorial about a program I like to throw and the name of the program and also the logo of the program at the bottom there. In order to make it really clear that I'm not just talking about making YouTube thumbnails with anything, but I'm talking about making it specifically with Gimp. So we can add in text at the bottom, just like at the top, by using the text tool clicking down here. And then I'll just right for the name of the program and the move tool to center it, roughly speaking, now because this ward down here as less characters than up here at the top, it's fine to leave it as the bigger font size, unless we want to really emphasize that the YouTube thumbnails is the main point of the video. Then we could decrease the size of this text down here to make it more like YouTube thumbnails. And then GIMP is just a subtopic. So depending on how I'm feeling during the day and might actually make this iss here smaller. But I think for now that is fine. 10. Finding and Adding Logos to Images: If you needed to find the logo for Gump, you could go to Google and type in Ghent PNG on images. You'll be able to find different variations of the logo. And if you're going to use a logo inside of another image, like a thumbnail like this. Then you're going to want to make sure that the resources you download R dot PNG files. And the reason for that is that PNG images support transparency. That's where you get the background check or pattern here. So you can open up this image in another tab and then you can right-click on it and then save as, put it on your computer and then drag it in and you'll have it here to use. So in my case, I just store commonly used logos in this folder here. So I can bring in the logo into this instance. And now we can scale it down with the scale tool to be roughly the size we need it for this thumbnail. So I want it to be big, but not too big. So probably right about there is good. Go out and hit scale. Now I can use the move tool to put it in the bottom left-hand corner. 11. Layer Groups & Centering: And now we'd probably want to center the logo and this text here. So I kinda wanna treat this whole area as one layer. One way we can do that is by creating a layer group. So on the bottom right hand corner where we have the Layers menu, you can create a layer group with this button here it looks like a folder with a plus sign. And then we can double-click on the layer group name to rename it. And we'll just call this bottom layer. Now everything I wanted to be in the bottom layer to move all at once. I can just drag in. So I'll put this image here and I'll put the text in there as well. Now, if I click on the layer group, we can actually move them as one thing. No, it's a layer group because the dotted line is now blue instead of yellow for a single layer rather than a layer group. So now when I have the Move tool, I want to move the active layer as in the layer group and not whatever gets selected by left clicking here. Because if you left-click on something on the screen at all, try to select the layer that corresponds with wherever you are putting here. In this case, that would be the GIMP. And if I click up, that would be the YouTube thumbnails text. But we want the active layer. So I'm going to hold Shift or alternatively you can click down here. Shift is the toggle key, but I'm just gonna hold shift down to toggle to move the active layer. And now I'm going to drag this over to the center. So now it's going to basically Center both of the underlying layers once I get them in the middle of the screen. And if I want to adjust things, I can just left-click on each individual layer and position them how I want in correlation with each other. And then when I want to recenter everything, I just hold Shift down and now I can read snap it once again to the bottom of the screen. I'm thinking maybe I want the text here a little bigger for the things. I'm just going to select the text characters and port 400 as the font size. And this is reposition things a little bit more. And now clicking on bottom layer, the layer group, I'm going to reposition it one more time at the bottom. So at this point you just need to kind of play around with the text and figure out exactly where you want it on the screen. 12. Create Extra Flashy Text with Perspective: This so far has been kind of my standard way of creating text. If you want to create something that's a little bit more visually flashy, what you could do is use the text tool, put it in the middle of the screen, start typing your text. So I'll just put the text year flashy was centered for now. And then on this scale dropdown menu, we can right-click and there's other tools we can use to manipulate it. So one thing you can do with text is Gs, the perspective tool to make it look like it's going to pop out at you. So use the perspective tool, left-click on the layer, that text layer that you want to manipulate. And now you can adjust these four corners in order to make the text appear kind of 3D in a sense, because by adjusting the perspective, the size and angle of the characters aren't going to all be the same. So I can bring it all the way out to here, hit Transform. And we have too much text on the screen. All go ahead and hide the other text. And maybe the GIMP icon here as well provide now, so you can see immediately how using perspective is going to make text more standout than just having it really flat on your image. 13. Filling Text with Flashy Gradient Colors: We could also add a gradient to this. So if I right-click on the text layer and then I do alpha2 selection, we get a perfect outline of the text areas which have been selected. And now we can add the gradient colors to this. So I'm going to right-click on the paint bucket tool and go down to gradient or G on the keyboard. And we can select a gradient from the list of gradients that we can use to fill in these text characters. Of course, you can also create your own custom gradients. I'm not going to really mess with that in this video because that's a whole another topic. So let's just grab something like golden. So now with this, we can left-click on our screen at 1 and then drag it until we have the gradient where we want it to be. You can also move the pointer around a little bit to angle it differently. So depending on the length of the distance between your start and end point, that's going to determine the size of the gradient itself. Basically after the end point, it just has the end color gradient. And before the start point, it's going to have the starting color of your gradient. So if we stretch the distance here, everything in between those two points is going to be what gets shown in the gradient here. Also, the angle between your start and end point is going to determine at what angle you're gradient should apply onto your text. You can also change the shape. So right now we have linear, which is probably what you want. And in most cases I would think, but you can change it to something else like square or radial if you want a different shape. So let me click out of here and then we'll just do a really tiny radio here. So you can see that's like a sphere. And, and if we do spiral, then that's just gonna be looping around in a circle, but put text, I think that linear is going to be working best and most cases. So then you hit enter to commit your gradient, and that would basically be what you end up with. 14. Gradient Line Behind Text to Highlight It: Also you can use gradients to do things like put a line behind your text. So if I add a new layer here, and I'll just put that layer below the flashy text. Let's go back to gradients and I'll find an option, something like flyer glow radius where the gradient isn't solid in all areas. In fact, most of it is transparent. So now reuse a gradient like this onto the screen and then we only stretch it for part of our screen like this. Then we can actually get something like a line going across the back of our texts so we could position it somewhere down here. So you have this doing point here. And we go kind of like that. Hit entered the committed. And that would be one way we can add some extra random graphics to our thumbnail. But usually I'm not personally into these kind of thumbnail graphics. You'd see them more in gaming videos before tutorial channel. I don't think that's really appropriate. So I'm actually going to get rid of these two layers that we created. But if you'd like using gradients or you want to use perspective text, that's how you do it. So now let's bring back all of our original text and the logo here. 15. Drop Shadow to Increase Visibility: So one problem we still have is that the background has a lot of white in it and our text is white. So the text is going to be hard to read it, especially because when people are seeing your thumbnail on YouTube, it's gonna be more like this size. So you gotta keep that in mind that it's going to be much smaller than it is when you're looking at your computer screen and you zoomed all the way. So we definitely need to make that more visible. And one way we can do that is to add drop shadow. So I'm gonna take my YouTube thumbnails layer here. I'm gonna go up to the filter's menu, go down to light and shadow, and then do drop shadow. So with the drop shadow, I like to make the blur radius 0 so that there's no blur at all. In fact, the shadow becomes kind of like a copy of the original text, just anti-black Color. And then I take the opacity and I'll crank that way. Something like one or even 2. And if that looks too and tense, you don't have to go that high NBA opacity. What I'll usually do in combination with a 2 opacity is to lower down the distance of the shadow to something like ten. So with that, it's a little bit more subtle, but it's still helping the white text to appear very visible since black is obviously going to be a perfect contrast to the white of the base text. So I can go ahead and hit OK to commit it. And if I want to use that same drop shadow on the GIMP tax down here in the bottom corner, as simply need to select the text with a left-click and then hit control in order to repeat the drop shadow or the last effect that we just used from the filter's menu. Select it and then control F. And we have a drop shadow. I could even click on the logo and do that again. So control F and we give it a drop shadow. 16. Resizing Thumbnail Elements: Another problem, I dc with our thumbnail right now is that the main thing I wanted to focus on? Kind of the color is back here in the background, are now being headed by our logo. We could get around that by adjusting the position of our logo to the bottom left. Another option would be to increase the size of the background and then to reposition it to show the parts that I wanted. So I'm going to select the background layer and I'm going to use the Scale tool. So right click on this menu, which is now perspective, and change it to scale. And let's scale out this background so that we're going to have enough room to move that thumbnail up without showing the actual white background as the final background layer. So I'll go ahead and hit scale here to commit it. I'm going to use the Move tool on the production image layer. And I'm just gonna move this up a bit. So let's go ahead and adjust the position here, not quite where we want it to be. So the more you have to scale up your image, the blurry or it's going to start to look, especially if the image resolution was initially not very high. So if you're grabbing a background image from a site like Pixabay, you can always start with the highest resolution and scale it down. That is better than having to take a lower resolution and scale it up. But I think we can get away with scaling the background a little bit more here. So I'm going to scale the background image up more. Hit scale. And let's adjust the position till we can center with that tablet kind of more in the center. At this point, I think what I'm gonna do is scaled down the GIMP logo as well. Don't really need it to be super big anyway. So we'll make it something like, let's just go with 450 now and hit scale. And we'll move it closer to the center and just kinda organized that where we want it, maybe with the YouTube thumbnails at the top. We move that up a little bit. 17. Thinking About Thumbnail Wording: At this point, you probably want to spend a minute and think about if everything you've got so far makes sense. So we have the text YouTube thumbnails at the top. We could consider dropping the word YouTube. It might be kind of implied that if you're making thumbnails, that it is already YouTube or four videos and not all thumbnails would go and visit YouTube specifically. There are other sites you can put videos on as well, like Facebook or bit Shou. You could also swap the YouTube text out for another logo if that makes more sense. But you know what, in this case, I think what I would want is to say how to make thumbnails and then having camp at the bottom specifies the program. So I think that makes the most sense. So what we can actually do is just left-click. We can go back to the Text tool. Left-click on our text layer. You can see right now it's not text, but it's going to remember that it was taxed at 1. So when you left-click on your text, you can confirm to go back to our text layer. So that's going to remove the drop shadow, not a big deal. It's really easy to add back in. So I can take the YouTube text here, delete it, and added some new texts. So we could say how to make thumbnails, which is pretty clear, but also kind of long. So instead, I might say make thumbnails and will be positioned this in the center. If we want to change all the text size to be the same, then we need to select everything. So I selected all and make it something like 300 now, bigger than we originally started with, because make it shorter than YouTube. So that's going to work nicely. And now you can position that in the center. But what would be better than make them nails might be saying make thumbnails in GIMP. So I'm not certain that would actually be better performing, but we can go with that for now. If you later decide that maybe the thumbnail would be better if you changed a few things, you can always edit it later and we upload the thumbnail to your video after you publish it. I'm going to go down here with the text tool where we have. And I'm gonna change it to say, of course the n comes before them. And I might make the n smaller than the gap because I really want to focus on this being the program. And now we'll just reposition everything in the layer. Again, we can select our text, hit Control F to reapply the drop shadow, since that was our last effect. And I think that's looking a little bit better. 18. Text Color for Keyword Emphasis: We might wanna do is emphasize the words thumbnail. And so what we can do is change the color of those two specific words. I don't always do that, but sometimes it makes sense. So I'm gonna go back into the text tool, select the thumbnail portion of the text, and let's change the color to red. So I'm gonna select red from the slider bar. Move this saturation darkness grid to the top right to have a bright red and then we'll make that red there. And then on the bottom, texts layer will do the same thing with Gimp. So I'm going to select the text color. I'm gonna go into the color selector. I'm just going to select the same read from the recently used colors and hit OK. Now we can take the text layers and hit Control F on them to add drop shadow again for both of them. So I think that's actually working pretty well because the VAD has a very vibrant color. It's going to stand out a little bit better, I think, than the make and n, but everything is still pretty visible. You can always check the visibility by zooming out a bunch that is quite visible. There. 19. Darken Outer Edges with Vignette Effect: Now, if you still think that the background is too bright, one thing you can do is add a vignette. So if I add a new layer to our document, and I'll just leave the name of the layer vignette. So, you know, I use that tool quite a bit. You have to position it right above your background image that the vignette only applies over that and not the text itself. We don't wanna darken the text. We wanna darken the background image. Now we can go up to filters and then go to light and shadow, and then vignette in the drop-down. And this is going to darken the edges of our thumbnail. Kind of having the center area where it stays bright. And then as you approach the outer edges of this oval shape over by default, you can change the vignette shape here if you prefer, so you can make it a square if you want. I mean, you know, it actually lets go ahead and make it square. I use circle too much. So with the vignette, as it approaches the outside, it gets darker. Once it reaches the outer rim, it's going to be very dark, completely dark and black by default. I think actually, though, that is optional, it doesn't have to get that dark. So if you play around with the slider bars, you can get the right amount of darkening. It can adjust the size of the vignette. You can see that by using the gizmos and the document itself, that sizes like the radius is going to be adjusted up here. So you can use this slider bars or you can use the tools on the screen. Generally, I think it's easier to use the visual indicators. So I would start by just dragging the points until you have it roughly like how you want it. And then you can adjust the slider bars for more of the finer details. So you can either use the slider bars on the popup window in order to control the size and shape and the amount of the vignette effect. Or you can use the gizmos inside of the visible part of the image in order to adjust it a little bit more visually. Usually the way I prefer to do it. You can start by adjusting it visually and then you can use the vignette pop-up window to make finer tuned adjustments. Just moving it a little bit slower with a slider bar. And you can just kinda get it to be how you want. So with the gamma here, if you want there to be a smaller fade radius, then you can just increase that up a lot. And then the distance between where there is light and where there isn't light is going to be a much smaller distance. So one trick, if you do want to lighten the amount of the vignette effect, you can just take the opacity down here and lower that down by a bunch. And the percentage that you lower the opacity is basically going to be the percentage that the effect is completely see-through or ignored. So if you put it at 50% opacity, you can just make it half the effect that it has currently without adjusting anything else. Or you can use the opacity here as a 100% hit OK, and then you can lower it down as a layer. So you have the full effect committed there. We lower the capacity to 50%, basically deciding, oh, we actually only want half of that effect at this point in time. But there's since you had the full effect originally, we can always ramp it back up to a 100% opacity as a layer option. So doing it this way gives us a little bit more flexibility and controlling it later without recreating the effect again, of course, you can always delete the vignette layer, create a new layer, and create a completely new vignette effect if you decide and by making all of your changes on a separate layer that you use just for the vignette effect. It makes it really easy to delete it and then recreate it without affecting the background image. In fact, if we wanted to completely remove the vignette effect, we can just toggle it on and off as this whole separate layer. So the underlying layer is not affected. And that's why he layers really good. So you can change one thing without changing everything. 20. Making an Attention Callout: Okay, one more thing that a lot of people like to do is to have arrows pointing at things on the thumbnails. So what we can do is draw a circle or a square around something that we want people to look at as like a hook for our video. That could be this color selector area over here, just as a random example. So we can start by using a rectangular or Ellipse select in order to draw that shape. So let's go with didn't Ellipse, select, select the color that we're gonna want the circle to being. Let's go with something like a yellow, a rather bright one, maybe not fully saturated, but somewhere around over here. Okay, and then let's left-click and then us left-click and drag an ellipse around the area we want to focus on. And now we have this border where we can stroke align here to draw circle. So right click, go to Edit and then stroke selection. Increase the line width a bit. We want it to be visible, so I'll make it 15 pixels, I suppose. And then using solid color and anti-aliasing or stroke it. So now we've drawn the borders of a circle and then the thing we want people to look at, note the layering. So like if you want the circle to be above the image, then you would actually want that to be up here. So you can see I actually made a mistake. I drew the circle on the vignette layer. So I'm going to undo a couple of times, add a new layer, and then let's pull that to the top. I'll rename it Circle layer, and now I'll just stroke it again here. So edit, stroke selection, 15 pixels, stroke. Okay, so now you can see that in this case, the circle is above the logo. Maybe I don't want that if it I said I don't want that. Order it lower than the logo there. So up to you, what you want to show on top. 21. Adding an Arrow Shape with ASCII Codes: So now if we want to arrow to point at this, we can actually get that by typing on the keyboard using a font. So we'll go back to Google or Duck, Duck Go any search engine. And I'm going to search ascii arrow. So in this way we don't even need to get an image because we can actually type, assemble for arrow and then just stretch it to the size we need it. So I'm going to click on the arrow symbols here, and then we'll get the alt code. So technically you can put in a sequence to make it appear, but even easier, we can just copy the assemble from here into gamma and then use it with any font we want. So I'll go ahead and grab leftwards arrow here. I'm just going to hit Control C. And then we'll use the text tool. And we can left click and hit control V to paste in an arrow and to show that this isn't an image but rather an arrow code, we can change this to any other font. So I'm just scrolling through the fonts here. And you can just get the font, and then you can just get the arrow shape that you think looks good. So maybe we want the aerial font. So I'll just move this into position now, like any other text layer, let's increase the size of it so 350, not big enough. Let's make it 100 thousand. And now we can reposition it again, and we can take this and rotate it like we could any other layer. So in the scale tool dropped down, I'm gonna right-click, go to rotate, and let's left-click on this and rotate it. When you do rotate it, it's no longer going to be a text layer since text is typed left to right. And now we're just kinda converting it into an image in a sense. But we can go ahead and rotate it committed, and now just get the arrow to be where we want it to be. But I think I also don't want the arrow to be yellow. It's too similar to the color here. So let's edit it once again, and let's change it to something else. Maybe like a light blue. And now let's rotate it again. So I'll zoom out and let's make it 1500 pixels to make it even bigger or reposition it again. And now let's rotate it with the rotate tool or something like that. Put it into position. And in this case, I do want this arrow to appear behind the text. So make sure that the layer is below the text layers. So if it's up here, it's gonna show over your texts. That would be bad. So let's position it down there. And that's one way that you can get tons of variations of arrows or other symbols by using the symbol codes that are actually built into most fonts. 22. Wrapup: I know I went into a lot of little details in this video and not everything is going to imply to every thumbnail you wanna create exactly what works best is a little bit up for debate. It does depend on what kind of channel you're running, whether it's a tutorial channel, a gaming channel, or a blog channel, that kind of thumbnails that you'd probably create a going to look quite different from each other. But I hope this video has helped to give you an idea of how you can create thumbnails for your videos and actually help to tell your viewers about what the video is about before they go ahead and click on it while also getting their attention, of course. So I've been Chris, thanks for watching and I'll see you guys in my future video content.