How To Create High Quality YouTube Thumbnails in Adobe Photoshop | Caleb Professoar | Skillshare

How To Create High Quality YouTube Thumbnails in Adobe Photoshop

Caleb Professoar, Producer and Youtuber

How To Create High Quality YouTube Thumbnails in Adobe Photoshop

Caleb Professoar, Producer and Youtuber

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (1h 2m)
    • 1. Introduction to Thumbnails

      0:56
    • 2. Concepts and Technicals

      3:31
    • 3. Choosing and Creating a Background

      7:12
    • 4. Including Proper Images and Cutting Them Out

      9:53
    • 5. Generating Text and Choosing Fonts

      5:37
    • 6. Blending Options and Effects

      16:32
    • 7. Vibrance, Saturation, and File Format

      3:56
    • 8. Closing Thoughts

      2:37
    • 9. Bonus Class - Beginning to End Example

      11:47
  • --
  • 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.

54

Students

1

Project

About This Class

Hey guys, thanks for dropping by to check out my class on creating thumbnails! I know you will find this information useful and be able to quickly apply these concepts to your own creations. Enjoy!
https://www.youtube.com/professoar

Meet Your Teacher

Teacher Profile Image

Caleb Professoar

Producer and Youtuber

Teacher

https://www.youtube.com/professoar

 

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.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

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.

phone

Transcripts

1. Introduction to Thumbnails: Hey, guys, my name is Professor, and I run a YouTube channel with over 10,000 subscribers. No, I've been doing this for a while now, and I love it. It's a lot of fun, but one of the more important aspects about getting your videos scene is making high quality thumbnails. I have been making my own thumbnails for a long time now, and I wanted to share my concept and creation process behind that. Here we'll go over concept, creativity and cover different techniques that you can use to make your own effective and quality thumbnails. By the end of the class, you'll have made your own thumbnail as well. And even if you do not have access to photo shop skills that you'll learn here can be used in any photo editing software, so you'll still be able to make your own thumbnails for YouTube and your own channel. Let's be sure to get your videos scene with a great first impression. All right, time to hop in 2. Concepts and Technicals: All right, guys, thanks so much for continuing to check out the videos before we make our thumbnail. Want to talk to you about Alor attraction and pay off? Now I'm gonna be looking through my notes here while we talk. So bear with me basically before making your thumbnail. It's important to identify What is my video going to be about? That's an important question because sometimes we only have one chance to make a potential viewer interested enough to click our video. You also want to convey a sense of professionalism as well. It is also good practice that if you put something in your thumbnail that there is some sort of pay off within the video in general, what they see in the thumbnail is involved in the video. The reason why this is important is without this type of pay off your at risk of dislikes and low retention time on your video. And this can hurt how your video performs within the YouTube algorithm for the long run. So remember the thumbnail needs to convey your idea. Thumbnail should have pay off in the video and the thumbnail should catch attention Now that we've got this. Let's talk about technicals. Now, upon opening photo shop, you'll probably find a blank template like this or your photo editing software. What we're gonna want to do is go to file. We're gonna go to new Now you'll see I already have a preset for YouTube thumbnail in here that I've created. The dimensions of the thumbnail for YouTube should be 1280 with by 7 20 height in pixels are right. I like to have my resolution at 72 pixels per inch and your color mode eight bit RGB color . Your background content keep it clean. Simple, like white, black or transparent, because by the end it might not even make a difference, because we'll be talking about background images. Color profile doesn't really matter. Don't worry about your advanced things too much, but if you want to, you can copy every single option that I have here. And then, like I said, you'll want to name it YouTube thumb. Now save it as a preset for future use. Now that we have the dimensions down, let's go ahead and click. OK, now this is going to be our thumbnail workspace. All right, Mm. You're gonna notice that over here, towards the right, you'll see layers. Layers are gonna be a key process in the way we work. And creator thumbnails. They're gonna maximize your potential and your thumbnails potential by the end of this. So when it comes to layers, just imagine that the higher up the layer is that means it appears on top. The top layer is on top. The bottom most layer is on the bottom of how image and perspective is kind of like looking at a top down perspective on a map or something. Layers were looking down and build looking down at Lego's. I'll explain this a little better when we hop on in tow layers. All right, but just remember, this simple concept and everything else will be clean and easy peasy. 3. Choosing and Creating a Background: alright guys. So the next thing we're gonna want to talk about is background. I like to begin with my background when I start to create a thumbnail. The background won't convey the main message, but it can be useful in pre setting the theme of the video before the viewer sees it. Imagine this. We can use a more minimalistic approach and a sleek, simple background to convey a sense of professionalism and formality. Or we can use a background of something the viewer will see many times in the video. Like this image of FL Studio is in the background of this thumbnail. This looks more busy, but it will attract people who are familiar with FL Studio and looking to improve their specific skills in the software with the background. The key thing is asking yourself, What audience are you trying to reach out to and attract with this video? Let this dictate the background decision you are going to make when starting your thumb. Now, if you're not sure for this step, review your video and think who would enjoy this video? Let's go into making a background first. So what I'll do for this project is I'm going to design the thumb now for this process on skill share. All right? And I'll do it like I'm making a YouTube thumb. Now, first thing I'm gonna want to do is find a sleek background. Now, in my mind, I have this imagined already. Now let's start with it. Basically, I need to start with a queen White slate, and I'm going to add, um, a nice reflection here. I'm going to make a new layer and create new. Okay, Now, I noticed that I didn't make it big enough here. The way to go back is you confer press control, Ault Z beautiful or Control Z to step forward. I'm gonna go back to my select tool going to select this area. That's as much as I can select. And like I said, layer new layer. Now on this layer, I'm going to fill this image with a color just white. The reason why is because I'm going to add a Grady into it with blending options. If I right, click a layer, Aiken, bring up the option for blending options with this, I'm going to go towards that Grady in overlay, going to reverse this now. Gonna do a more gray color here, so I have to move my microphone. Did it do? All right? Good. Perfect. Let me change this scale of it a little bit to add a little more layer dimensionality. Okay. And I'm going to quickly de select this work area. I'm going to create a new layer new layer. Call this layer a line on this line, layer. Let's use the rectangle marquee tool to make a selection. A very tiny selection. I'm going to hold control. Positive to shortcut. Zoom in control. Negative. Shortcut zooms out. Right. Click this, Phil. Fill with Black. Got it. All right, Now select D Select. I'm going to decrease the pace ity of this line. Nice. All right, Good, good, good, good. Good. Now you'll see why I did this a little bit later. In fact, I might transform that line to be even thinner right now. Could Truell. I'm going to edit transform, and I'm going to scale this line to be even more thin like that. Yeah, that's good. And check this out. Could going to duplicate this layer just right. Click duplicate Boom. Now let's drag it over. So it continues the and one more. It's not what you click in the image that moves. It's what later you have selected. That's going to move it. All right, All right. Good. I got myself a nice simple background to use. All right, guys, on the topic of background, I just wanted to give you one more quick and simple way to make a background. You may already have a background image in mind saved into your photos. Just pull up your file browser and then drag it over into the project. Now you'll see this little shaping marker. If you want to adjust it bigger or smaller, I would recommend hitting this paperclip mark right up here. This will maintain or lock Mark. This will maintain aspect ratio so it doesn't look stretched and then I can this or this and I can. But I got myself another background humors. Enter or you can double, click, select. And it is now on the page as a layer here, and I can still adjust it as well with and it transform scale. You also have rotation perspective, a lot of other things like this in general. So ah, be sure to explore those options as well. And, uh, this was a quick and easy way to select the background. You may find one on Google images that you like, or you may buy one off of a stock website like pond five. Um, I hope that the creation and the simple way to create a background was helpful. See you guys in the next video. 4. Including Proper Images and Cutting Them Out: the next part we need to think about is including an image or two images. Having an image that stands out can help bring eyes to your video as well. This image will set up for the payoff. Try to use something like a picture of yourself if you plan to make this a Siri's that involves your personality directly communicating with your audience. Four. Maybe you're creating a tutorial for something. In this case. Try and use an image of what the tutorial is about. Once you have chosen a main image, let's talk about cutting the image out of another picture and dragging it into the thumbnail workspace. Don't worry will apply effect effects later when we're further on in the process. So I'm imagining a YouTube uh, just logo right here, right? So now you can often find some images or logos that you need online. But I'm also gonna teach you how to make one yourself with your own finish. YouTube logo type in PNG. Transparent because sometimes you won't have to cut something out. Sometimes you might. Let's go ahead and grab this. It looks like it has a transparent background. I'm gonna save the image as I'm gonna save it into my work pictures. We'll save this as PNG's YouTube logo. Minimize this. Let's open up our files. So I'm gonna go to my browser. My image browser Right here. Now, I'm not gonna actually, I am going to drag it directly onto the image. Now, if it's a true PNG, which it is, we won't have to make adjustments. Now, let's talk a little bit about an image that you might need to cut out of something else. I'm gonna go ahead and bring up a different image. Let me get rid of the YouTube line. Okay, let's say we want to use the image of this celebrity in our thumbnail. Maybe I'm making a tutorial on how to sound like him. I'm gonna go ahead and put this right up here. Now we have a separate image. What we're gonna need to do is cut him out of this and bring it to the thumb. Now, now, this isn't too hard. There's a few different ways to do this. There's the quick way, which is using magnetic lasso, and we'll see how this is effective. And then we'll look at the cleaner way, but it will take more time with pen tool. So with a magnetic lasso, you'll just click a spot to start, and the magnetic lasso will try and trace over the line that it thinks follows the image. All right, so you'll just do, do, do do. And if you have to set any quick angles, click boom, keep on going now. The reason why magnetic less so can't always be effective is because it's not too great at dealing with fuzzy areas like hair or areas there half transparent. It could miss out on some details. Notice how it's cutting some of the clothes out because of the camo effect. So magnetic lasso tends to be better for, like, cartoons or if you need to directly cut a logo out. Something that simple, like this magnetic lasso, is extremely effective on simple shapes. Now that we have the selected will press Control Z, the copy and control V boom. Now drag this picture right out here. I'll open up the thumbnail over here. Make sure you have your drag selection. Click this and boom, See how it's in the thumbnail now. Now let's talk about dependable. I'm going to delete this layer. Here, layer Dele going back to Metro Buhman. Let's Diesel are going back to the celebrity or a person. Let's go to the pen tool right here. Let's zoom in and start to manually make our selection. I clicked to start and click to keep going. The reason why the pen tool can be so effective is because, technically, the pen tool can cut through pixels. Ah, you also have manual control over. The whole thing you get is detailed as you want. Or you could do a quick one like this. I'm just gonna do a quick a quick grabbing of him to do control Z. If you make a bad click boat, if you want to do multiple backs control Alti. Now that I've fully traced around the image I want, I'll right, click the area inside and click make selection. Now you'll be asked about a feathering radius. Uh, that means softening the selection or the image. It could be a good way to blend things a little easier for me. I usually don't feather, and I just blur, but I'll go ahead and click two pixels. Anti alias to Operation New Selection boot. Now we see this looks just like the selection we made with magnetic lasso. Let's press control, See control the Now I have a whole new layer that I can just drag over onto the thumbnail like I did earlier. But 1st 1 thing I want to do is I want to get rid of this background. Let's say this is an image of me that I'm gonna need to be using for mawr thumbnails in the future so you don't have to do this again. Go to file, save as and save this as a PNG in your work area. So wherever you save your pictures boom, celebrity. So live slip go to P and G this PNG you can preserve transparent parents, see and just drag the picture in from your files next time. Now I can drag this it. And so let's talk about just doing it like this first. Like we said, Boom! Awesome. He's in there, right? Or let's delete. Let's go to our work pictures and look, celebs, all we do is drag right there. Now we have this at work tool as a work image. Any time that you need it, I'm going to delete this. Let's go back to our YouTube logo. You'll notice when you drag an image in that It had that a sizing, right? Check this out. What that means is it just wants to know what's going on with the proportions. Okay. Now, if you want to make it so things don't look stretched. You want to keep them even. You can go up here to this link tool, click it and then as you adjust, things will stay proportional. Then press enter. Now we have our YouTube. Well, I have my YouTube logo here. I'm going to edit the size of this YouTube ago. I'm going to go to edit transform, make sure you have the proper layer selected. Going to go to scale again, make sure linked and here should be good. Now, one concept I wanted to talk about was getting perspective on your image. Remember when people see your thumbnails on the YouTube browser, the thumbnail is going to be much smaller than the work area we're looking at. So sometimes it could be good to decrease the image size to get a real perspective on what your thumbnail is conveying is the image big enough. Is it concentrated? Will the text that I need to put in be bigger? We'll know these soon enough. I'm going to take up about this half of the screen with the YouTube thumb now, because or the YouTube logo thumb. Now I think that this is a great image that conveys the message. Perfect. This is how you get your images in and start to use them. No, don't forget to save your project. So in case your computer crashes or something else happens, could save as and save it into your photo shop project areas. Wherever you have that, save it as your PSD. This means you'll be able to open this project later. PSD is not an image format. It's a file format or a project format for photo shop. 5. Generating Text and Choosing Fonts: our guys welcome back again. Now that we've covered our image and background, let's cover the concept of adding text. All right, I like to include a brief text within my thumbnails that can explain what the video is about. The reason why is that not everyone will look at the videos title that you create. Sometimes there's not enough room on the home page to generate the whole title, or most of the time it's just easier and our eyes arm or attracted to a nice design. Hence, this is where the thumbnail comes into play. Try to avoid convoluted fonts because the signs of the for them now in the browser is small , so complicated fonts can be difficult to see now. There is always exceptions. Remember, it's all about your creativity and what you want to bring. Sometimes a fancy, complicated font can look nice with a very simple background design like this. This brings me to one important note. The process of zooming out to get perspective on your image is really important on this step because you need to know whether the people will be able to read the text out of thumbnail at its proportional size when they are looking for videos to see. So it's really helpful during the text creation process. Remember, keep your message or your text straightforward and use attractive words if possible when creating the text for your thumb. Now let's go hop right in on how to on what I would do here. So I want to convey a sense of professionalism. My audience that I will be reaching is all you viewers, people that have a membership to skill share. Knowing this, I know that the people coming to look for this information take what they want to learn very seriously enough so that they're willing to pay $10 a month to be a part of skill share just like me. So I know that people are very serious. That's why I want to make a very formal thumbnail that will attract people with this mindset. So let me go select the text, but first, remember new layer. All right, Our text generating tool is right here by the tea. Let's click that and click, hold and drag to create your area where the text will be generated. You'll notice that my text font is huge right now, which is fine. Let me think of what I could say. And then we'll adjust everything else how to create quality thumb nails. All right, so I'm looking at this right here, and it looks just a tad bit overwhelming. Maybe I will try different fonts. If you go up here, the top left, you can select different funds. One thing I like to do is select one, and then, wow, I have all of them selected out. Click inside the box. You can now scroll up and down through your different fonts. Well, this text looks good with a very simple, minimal background like I told you about earlier. But if I had a more complicated background, this text would be very hard to see. No, I think I don't think I'm gonna go with this one, though. Mm. How to create quality thumbnails. Let's keep looking. I'll remember ANC free is great. You can also install fonts that you find online. It's very easy to do that now . If you want your text to be bigger than what can be generated with the thought right here that you see, you can also go to edit while the text layers selected at it transform scale and remember to link your size. So that way it doesn't look the way it doesn't get morphed. So I went ahead and added our text. Now this thumbnail still looking a bit bland? No, we'll cover that next. How to add some effects to make it a little more eye catching. Save your project, as always. 6. Blending Options and Effects: Welcome back to another video, guys. Now we're going to be talking about adding effects to our layers. This is why layers are so important is because right here we're gonna be generating things separately to make sure that everything looks correct. Let's just hop right in and start by, zooming, beckon and let's right, click our YouTube a logo and click blending options. Now let's let me demonstrate each one for you. That way You know what they do, how to adjust them and decide which ones you like. I'll tell you my favorites. You have a drop shadow, which adds a shadow behind it, and you'll see this. See drop shadow. All right, so we have a drop shadow. We have inner shadow, which adds a shadow to the inside of the image outer glow, which you can't see right now. Let me go ahead and change the background behind here. That way you can better see it. Now let's go back to the YouTube logo. Let's right click the blending options. Let's go to outer glow. You'll see that this adds a glow effect around your image d increasing and decreasing size as well as messing with softer, precise. On all of these, you'll see color areas where you can make different colors selected. All right, we have inner glow, which adds the glow to the inside. Bevel and emboss will add a three D style texture, and there's different ones. There's inner bevel outer bevel in Boss, which kind of mix of both pillow and boss and stroke in Boss. Now, as you choose these, there's different sizes to work with. Soft in or hard in the edges, your depth can change as well. You can change the highlight mode and the angle. Kant er and texture can add different effects on the bevel and boss. So maybe if you create a pattern in photo shop and then you can use it as well. Satin, I'm pretty sure is like a color overlay. Not sure I don't use this one. Color overlay is more direct. This is what color you want to go over this image and Europay City. Remember, you can even do other things like dark in multiply color. Burn thes Different highlight modes will affected the different way your color overlay acts . Think of that as a creative process tool now color overlay is also like Grady in overlay. Same thing. This could be a useful tool when adding dimension to a background, possibly, and it could change your Grady INTs boom. Different ones all over the place is lots of different, interesting, interesting tools. You also have pattern overlay and stroke. Stroke is pretty good for texts and things like that, or just to make things stand out. You know, changing color change. The opacity is just adding an outer line to the affected area. My favorite ones to use during creation tend to be outer glow, inner glow, drop, shadow and stroke. And sometimes I will also use Grady in or color overlay. Those tend to be the ones that I like to use in the creation process. So I'm gonna go back and get perspective on my image again. What I really want to do is make it look like this YouTube thumbnail. I want to make the shadow look like it's on this area down here. Let's see if we can make that happen. If not, we'll have to duplicate and create something interesting. Let's do distance angle. Yeah, that would work, but I want to do something even cooler. Check this out. I'm going to duplicate this layer layer. Duplicate later. Now I'm going to drag down here. I'm gonna put it below the image. I'm going to blending options color overlay with more of a shadow color. Maybe here. Oh, like this. Now, let's adjust the dimensions on that image. Edit Transform with perspective. There we go. Check it out. We just created the effect that there is light shining on this by creating a shadow down here. Let's make it look even more like a shadow. Blending options will do an outer glow effect with that same color, and we'll fuzz it up a little bit. Check this out. Now it looks even more like a shadow. Okay, let's make this a little bit smaller. We're going to do the edit, transform perspective, Just make it a little bit smaller. Now, you'll want to remember the angle that you generated with this creation because it might generate how your drop shadow on your text or other options work in your image. Gonna control s and save this now also, this right here I'm going to give it a more see through design. So that way it doesn't look like it's on the pick on the image. I want it to look like its laying on the on the dimensions of this ground ish area. We kind of tried to make Let's go to screen and let's decrease the hope. A city just a little bit There we go Out of glow needs to be needs to also be used to be darkened as well as the color overlay needs to be darkened. Act as if to darken the image. Perfect. Good, good, good, good, good. Now we could still do more to bring out that you to butt in. But I want to save it here in apply some transformations to the text. Alright, let's right. Click our text. You know you want to be super safe Duplicate that layer cause if something you do that you like works but you want to experiment to see if you can add more but you're afraid you'll mess something up. Just create a second layer. So if I do something super cool with this one and I'm like, Wow, this looks so great and blah, blah, blah. But now I think Well, I want to see if this other thing works but want to keep this. I can revert just by disabling the viewing of a layer. That's why layers are so convenient to work with now let's try seeing how we can make these words stick out a little more. We got a drop shadow drop Shadow looks really nice. We might just keep that just like that. We can mess with Control Z. Let's keep the drop shadow there. We might not even get undergo. Let's go to stroke. Let's go here. Let's click that YouTube red color. Nice click. OK, it looks pretty decent like this. It matches up well, Yeah, it's a little dark, though. I want to make the overall, uh, I think the overall text brighter. I could do this by either messing with the color were using, or I can use an inner glow to try and make the overall image brighter to I think what will stick with is the stroke. And will Dan. Let's just increase the Let's go to a brighter tone Red. There we go. That's a little bit brighter. Let me go back to my inner glow turned the oap a city way down, be on and Grady int overlay could be useful to look at that. Look at how well that white toe black looks now that we've defined the edges or defined the outsides of the text. Now, what do you think with the drop shadow that looks interesting or without I like with the inner shadow Maybe just a little bit. Maybe just a little bit less defined? Yeah, right here. Boom. Look at that. This is looking great. I remember If you don't like it, boom, we can revert. You can even layer on top of it. Effects are going to mostly be where the creativity is gonna do something interesting. Let's go back to messing with the YouTube logo a little bit. We can make the YouTube logo stand out a little more to let's do we couldn't boss it, and we want to make sure the angle of the shading is the same as this. So it's gonna be right about here. This extra dimensionality on the image actually works in tangent with the shadow we've already created here, and it makes it stick out a little more. Much of the inner bevel adds the dimensionality that I'm looking for here who? I kind of like the overlay. Yeah, look at that. That looks nice. Even Mawr dimensionality to that. That's great. Awesome Would save where we're at right here. Let's make the background just a little more interesting. Let's go to our background here, all right, and let's go to later. New layer. Go ahead, click. OK, now with this layer, let's blending options. Let's see if we can color overlay. Nope. We have to put some type of substance in this layer so we'll do another Phil just like actually, no, we'll just use the black one that we the gray one that we made. Boom. Let's look at this. Let's look, let's put it right above here. Oh, that looks interesting. Okay, let's go to our blending options. Let's make a Grady int overlay that does. That doesn't stick out too much. Kind of like food like this one. But let's take the the black and also let's smooth make more. Oh, excuse me. Oh, now the white part. Since I guess that this is the one we're gonna have to effect down here. Terrible. - I like this right here. I just wanted with just the binner stroke. Give it a nice little book and then the shadow. Let's get rid of the out. Not the other glow. Seems little necessary. The color overlay makes it fit more in the ground. We just need to adjust the outer glow a little bit. Maybe we'll just decrease the old Pacey and make it softer itched, softer edged. There we go. Nice. Now the top right top left Seems a little blank, but I like the stark contrast gonna save it as is now and we're gonna move to one of our final steps. 7. Vibrance, Saturation, and File Format: All right, guys. Welcome back. Now we're going to talk about post adjustments and saving the image. All right, So one thing I like to do before I finish up any of my thumbnails is add a little bit of saturation and vibrance. Maybe some brightness or contrast as well. We can do this by going layer new layer. Now, this whole area is highlighted. You can select specific areas to effect by clicking control. Boom. But we're not gonna do that. We're going to effect the whole image by first using turn up. The vibrance turned down the vibrance just to look at what this does now. Mess with the saturation after you returned the vibrance to zero. So when it comes to vibrance saturation in these post effects, you don't want to use a lot because it makes things look a bit tacky. You just want to use a little bit to give your thumb, you know, a little bit extra color. Just make it a little more appealing to the eyes. So I usually just whip around until I'm, like, a kind of like how something looks I'll be like, Boom, boom, and you can compare before and after by clicking this eyeball. Yeah, that's looking nice. We'll go back now, and we'll also do brightness and contrast. Zoom back out now. Since you understand each step of the creation process, you can go back and make those kind of adjustments. I like where the image is at right now, so I'm going to save it. Let's think now the next issue is what format do I save? The image as there's two options, Really, There's PNG and J. Peg. All right, so I use PNG because I like to use high contrast colors and text with lines. If you use J Peg, it might blur those lines. It gets a compressed format that save size. It's really great, but I'll make both copies just in case. The P eight The PNG is over the two megabyte limit for the thumbnail, in which case I'll use a high quality J peg. But I always prefer to use PNG when I'm using or the final format for my thumbnail. So let's say file save as will go to the area. You want to save it to thumbnails. How to make a thumbnail. Let's click PNG safe Now let's also do a J Peg version J Peg version safe. I recommend either using baseline or progressive with five scans. I'll use Baseline Standard. I'll go to a large file maximum. You could preview the image. It's not a lot, so that's great. I'll click. OK, so now we have our J peg and our PNG image of our thumbnail created thistles exactly what we needed to upload for our video. 8. Closing Thoughts: Alright, guys. So my closing thoughts here remember there's no right way or wrong way to do something when creating a thumb. Now this is your chance to make a first impression on potential viewers and potential subscribers as well. It's also your chance to let your current subscribers know that there's new, exciting content uploaded from you. For them to watch. Be creative as you want, as official as you want. As interesting as you want. Really, the thumbnail is an extension of your channel and thereby an extension of your personality as well. As long as you're enjoying yourself, there's no reason to stop doing what you're doing. So make sure that you make something that reflects who you are and that you want people to come see you for I think that's the best thing to do when it comes to this. Remember like that. Just the tools, the concepts, the things If you decide, you want to let that dictate how you create, just keep doing what you're doing and make sure you enjoy doing it and take all these pointers and tools that I've showed you as tips and directions that I've used over my time being on YouTube that have been effective with creating thumbnails as well. Guys, be sure to post your thumbnails and how they ended up looking in the project area below. I like to see how they look, and I like to see how your guys projects end up being on my classes and be sure to check out my YouTube channel here because skill share and I have a partnership. I am an affiliate of theirs, and I like to send people over here as well. I like to send people over there. If you like to see some funny videos or how to make music or just some interesting things, you could follow me there. Also be sure to follow my skill share profile as well, so you can be notified about upcoming future classes. I will be teaching creative processes for all types of creators. Content creators. If you ever want to learn new skills, I may be posting a class on it on the future. But yet go check out youtube dot com slash professor. Check out my music that I make on Spotify Apple music Soundcloud, check out my YouTube. Follow my skill share profile and guys, thank you so much for following with me through this class. Let me know your thoughts below post those projects. I can't wait to see what you guys did. And I hope you guys are gonna be making more effective thumbnails for your YouTube channel soon. Stick around for the next video. If you want to see how I would approach making one for my YouTube channel rather than one to attract you guys to this video Siri's. 9. Bonus Class - Beginning to End Example: All right, guys. Thanks for sticking around for video nine. I'm gonna show you step by step in one quick sitting how I make my thumbnail my most effective thumbnails like this T shirt that you've gone through the other crap classes previously. So you understand the basics as we go through this and how we can continue to apply more and more styles to our thumbnails. Let's hop right in. All right, guys. So, like, before I'm gonna go to file new make sure I use my preset that we made before YouTube thumb now. Okay, now let's pretend I'm making one on how to use FL studio. I'm gonna use a screen shot that I took of fl Studio in my images, and I'm gonna use it as the base background for this for this thumbnail. Drag it right on in there. Adjust the dimensionality a little bit. Now, everyone looking at this thumbnail, we'll know. Hey, that's FL studio. I want to learn that we have a good base background. Let me create a new layer. We're gonna go ahead and add the FL Studio logo on here so I'll go to my work pictures, find PNG's All right now, let's make that a little bit more appropriate. Let's get our text in here. Something needs to be. It is be bold and strong. It needs to stand out a little bit because, like I said, the backgrounds busy. I'll teach you a cool tool to influence that in a better way to make things more clear right after this, let's say how well, do the text first. How to use though studio How you use FL Studio. Let's change our font up to something big and bold. That's nice, font. Let's see what we can do to make that blend better. I've got an idea. All right. So first, what we're gonna want to do is go to our image blending options. I'm going to put a Grady int overlay on this, and I'm going to maybe add some. Yeah, something like this looks really nice. Okay, whoever overlay. Now let's create. Ah, here. I would create a new layer click. Ok, I'm going to also dragged my text down here because what I'm gonna do is I'm going to change its color to white. Now. The next thing I'm going to do is go to this. Add another layer and I'm going to add a black box here something that looks really slick with Phil with the color black. Oh, accidentally did gray. That's okay, Phil with black. Nice pull back. Get some reference on here. Let's blend this this box in a little bit. You know what? We're going to save how this looks now because we're going to try something else. Let's make a new layer of text, and we'll stick with my classic big boys style to use studio. I write changeup, that text. What do we want to put on here? That sticks out? But the how and the to look really funny. So it's caps how to use. Make everything cast. Fl Studio God. Great. Let's increase that phone size almost there. Got it. Good, good, good. Let's put it over here. Now What we're gonna do is we're going to go to blending options. We're going to create a Grady and overlay for this. I'm going to use the noise because I like how noise looks as a Grady in overlay, sometimes going to add stroke to make the outlines more clear, I'm going to add a drop shadow to further emphasize. I'm going to make it brighter with inner glow. Here we go. I'm going to use a outer glow. Nice. That's coming along nicely. No, in her shadow, drop shadows. Fine. It's looking pretty good here. Click. OK, now let's mess around with the fruit. Blending options. Add a nice little outer glow about a boom by the being. Check this out, make it more precise, get spread a little more. But a boom. Maybe e wanted to beam or soft like that. And let's use the yellow actually for it because we already established that little nice yellow over here. Let's use that to reflect it over here. Once used no stroke because it looks weird. Drop Shadow adds a little dimensionality and inner glow. Let's see what we could do with the inner glow and nice. This looks pretty effective so far. I could even go as far as making the words themselves a little bigger. Let me go now. Remember our last process. This condemn finitely benefit from some vibrance and saturation, that's for sure and contrast Who? The brightness looks decent too. Look at that. A little dough. Ooh! Now we got some colors and some light. This is how I would make my YouTube thumbnail right here. Then, of course, I would save as a PNG. And don't forget to save your project as well, in case you ever want to use this format later. Sometimes I go into my old projects and I just change the text in the image. And it's that easy because it's a part of a Siri's PSD. Save that as my Photoshopped projects and we got ourselves a beautiful looking thumbnail for YouTube in it. Let's observe the concept's quickly. FL Studio is in the background. Which FL studio is in the text. The FL studio logo is here. There is, like 34 times the chance Someone who wants to learn fl Studio will see this and improve will see no and be like, Oh, that's exactly what I need. The theme Is there the messages there, the images there? Um, a little more complicated. But we used some of our tricks, especially those blending options to make different parts stick out more than others and to establish theme. I really hope that you guys were able to make something like this to if you guys stuck around for this last final bonus class. Let me know what you guys made below. Let me know what you guys think. If you guys have feedback, remember, check out the channel and I can't wait to see what you guys design as well. Go ahead and put your YouTube channel on it. I'll go check out your channel. I can't wait to see what you guys make. Thank you so much for checking out these classes. You guys rock. Follow my teacher profile so you can keep up with more classes I'll be making in the future . You can expect to see classes about Sony Vegas, Adobe Premiere, Adobe after effects, more photo shop, FL Studio sound design, image design and, uh, special effects as well as movie and audio. Visualize er's. I'll be covering all of these in the future. That's about it. Thanks so much for being here. Guys. Take it easy and keep grinding. I'll see you on the next class