YouTube Thumbnails in Affinity Publisher | Ben Nielsen | Skillshare

YouTube Thumbnails in Affinity Publisher

Ben Nielsen, Good design is the beginning of learning

YouTube Thumbnails in Affinity Publisher

Ben Nielsen, Good design is the beginning of learning

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Lessons (47m)
    • 1. Introduction

      2:00
    • 2. Project

      1:16
    • 3. Thumbnail Design Principles

      3:43
    • 4. Sketching Thumbnails

      5:33
    • 5. Creating the Document

      3:54
    • 6. Make a Background

      7:00
    • 7. Adding an Image

      8:34
    • 8. Adding Text

      5:27
    • 9. Iterating on the Design

      5:24
    • 10. Exporting the Thumbnail

      2:32
    • 11. Wrap Up and Next Steps

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

28

Students

--

Projects

About This Class

Have you ever wanted to make awesome YouTube thumbnails? Well you are in luck, Affinity Publisher is the best design program I have ever used, and in this course we are going to learn to harness its power to create awesome YouTube thumbnails. 

This course will cover:

  • Intro to thumbnail design principles
  • Sketching thumbnails
  • Creating a thumbnail document to the correct size
  • Making a background
  • Adding a photo and removing it from its background
  • Adding text
  • Exporting the thumbnail

For this class we will use Affinity Publisher, but we will use Affinity Designer and Affinity Photo features through StudioLink, so it is best if you own all three programs to access all the features we will show.

Meet Your Teacher

Teacher Profile Image

Ben Nielsen

Good design is the beginning of learning

Teacher

I am passionate about good design and good teaching. I believe that anyone can learn simple design principles and tools that can help them create content that is both beautiful and functional.

 

Background: I am a media designer and librarian. My masters degree is in instructional design with an emphasis on informal learning.

 

Motto: Good design is the beginning of learning.

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: Hi and welcome to this course on creating thumbnails using affinity publisher. My name is Ben Nielsen and I'm immediate design educator and I'll be your instructor for this course. It has been said that the thumbnail is the most important part of a YouTube video because if people don't click on your video, they will never see it. So it's important to get the thumbnail right. In this course, we're going to use a Finney publisher to make YouTube thumbnails that will stand out. One of the things that makes it feed publisher, the most powerful design two on the market right now is that it has the power through the studio linked feature of a feed designer and a funny photo as well. This really helps with thumbnails because you often need the features of a field photo and Affinity Designer NFP publisher altogether to make your thumbnails. And this stops you from having to hop between programs because of the studio linked feature. As we go through this course, we'll be learning about a lot of different aspects of building a thumbnail. We'll start out by learning some of the principles of thumbnail design. Those apply no matter what program you're using. Then we'll dive into a funny publisher and we'll learn how to create the document, how to add a background, text and images to your document in order to create a thumbnail that people will really want to click on, we will be using the features of a F01 designer, anything photo inside of affinity publisher. And so it is best if you own all three programs in order to be able to do everything that I'm going to do in this course. You will have to open up all three programs, but you do need them all in order to be able to access all the features that come to Studio Link. You don't need any prior knowledge to take this course, but I do have an introductory course on infinity publisher that you might want to take if you want to kind of dive into all of the basics of the feed publisher. Because in this course we'll really be zeroing in just on those features needed for thumbnails. So I hope you're ready to dive in and learn more about affinity publisher. We're going go ahead and get started. And in the next video we'll talk about the project for this course. 2. Project: The project for this course is to design a thumbnail for a YouTube video. This can be a video that you've already made, one that you're working on right now or just one that you hope to make in the future, you should fall along with each video in this course and complete the assignments as we go through. That will help you to really build all the skills you need for creating great YouTube thumbnails. Of course, with any design project, you should iterate many times on a thumbnail to get the final result that you want. When you're done, you should export it following the export instructions in this course and then upload it as a JPEG to the project section for this course. Of course, it should be the proper size for YouTube, which is a 16 by nine aspect ratio, which we'll talk about more later. It should also have a background and at photo of a person or a product and some type of text on it may be that a title or a question or something like that. We'll go through each of these steps throughout this course. So don't be concerned, you can totally do this and please do take the time to follow along because you will learn a lot more by doing than you will just by watching. So let's go ahead and get started. In the next video, we're going to talk about some of the principles for thumbnail design. 3. Thumbnail Design Principles: Let's talk about some of the principles for YouTube thumbnails design. Youtube thumbnails are an interesting area of design because they are technically a layout design. And you should follow the four core principles of design. Things like proximity, repetition, alignment, and contrast. But they don't necessarily get used in the same ways that you might think in your other designs. That's because YouTube is very much focused on getting people to click through. And so it's really the emotional, the extravagant that gets people to click on them more than the cleanliness or the clean edges of a really good design. And that's one of the most frustrating things for me as a designer working on Youtube is I kind of set aside some of my own design biases and try and work on what works on the platform in order to get people to actually see the videos so that they can get the help from the content that I'm making. Now this doesn't mean that you should go out and make outrageous claims. You shouldn't really be super click Beatty in your stuff, but you should in your titles being playing some type of value or mystery or something that would get people to click through on it. And that is basically created an emotional response with your audience to your thumbnail. For that reason, one of the best things you can do with a YouTube thumbnail is create one that conveys some kind of emotion that goes along with your title. So you want the text on your thumbnail if you choose to include texts. And you'd need to for this project just to make sure that you develop all the skills. You want to make sure that that text combines well with the title. Sometimes that can be the title itself, but often it will just be something that works together with the title, like a question that goes along with the title or just a portion of the title or some kind of exclamation, something that can really draw them in. The other thing that you want to consider is the emotion. So products are great. And in this course, we're going to showcase a product on a thumbnail because the video greeting is talking specifically about using an iPad. But emotional expression is also great in humans. So if you want to take a picture of yourself, you need it to be very expressive, right? So that's why you don't want to just grab a still from the video and make that your thumbnail because that's southern going to be as expressive as it could be. And so you really want that emotion to be conveyed through the text, through the picture, through the colors that you're using in your thumbnail. You really want it to be eye-catching. And so high contrast is important, like we talked about the principles still design, but really high contrast is often important in designing YouTube thumbnails. So I do a lot of thumbnails that are like black on white or white on black. So that, that contrast really pops out and stands out to people there on the YouTube platform. The other thing that you want consider with contrast is contrasts with other people's thumbnails. So if you're starting out looks exactly like other thumbnails there, then it won't really stand out from the other thumbnails on the page when people are searching for a video or they're looking at their homepage. So you want to think about that. Your contrast isn't just within your thumbnail, but also contrasting with the other things that if you are might be seen, repetition is another really important principle in design. And you want to keep repetition in mind as you're creating multiple thumbnails so that you have a cohesive brand across your thumbnails. When people see their video, they know that they belong to you because you are repeating the same elements over and over again. Maybe it's your face, maybe it's a logo, maybe it's some branding elements like a border, like we'll talk about later in the course. But you want that kind of that repetition going along. So these are just a few principles that you want to keep in mind. Again, just to summarize, makes sure that your thumbnail has a clear message that it follows good design principles, although not necessarily in the way that you're used to in other layout projects. Make sure that it conveys emotion so that people feel an emotional response to clicking on it. In the next video, we're gonna go ahead and get started by talking about sketching our thumbnails. 4. Sketching Thumbnails: Now that we know a little bit about the principles that we need to use in designing a YouTube thumbnail. It's time for us to start sketching out the thumbnail that we will want to design. And so I'm not inifinity publisher for this. I am actually on my iPad using the app called Paper. And the reason that I've been doing this on my iPad is just so that you can see it easily. I would normally do my sketching on real paper with a pencil just because that's a little bit easier and a little bit faster, but it's just a little bit easier if you can see here on my screen. So I'm gonna go ahead and do this when you are sketching thumbnails. You really just want to make a roughly rectangular box. And then you want to put in the main elements that you're going to want to see on there and Azure sketching, you are putting down different ideas. So the video that I want to make a thumbnail for is actually going to be one called Why iPad apps should not be free. And so we're going to think about this. And the first one that I want to sketch is going to be with a person should be Me. And what kind of emotion where I want to have on my face. Maybe anger. And then over here on the side, I'll put something like not free. And so it's not going to be the whole title, but it's going to go along with the title, draw people into my title and then I need some thing that could indicate what kinds of things I'm talking about. So maybe in the background, I could have program icons. Okay, next, I'm going to want to try one where I featured the iPad and then maybe surprise face. And it looks a little angry. And then on the iPad itself, put the not free. And then maybe a banner behind the head or above the head that says iPad apps. Anything to try to draw these people in. Let's try another one. Just a big iPad. And something that says app should not be free. Maybe just like dollar signs around the edge. So what you can see is these sketches are really rough. They are just concepts and ideas getting out there to see what we like, what we don't like, but they aren't meant to look perfect. In fact, they are meant to look quite rough. And so you just do a bunch of these trying out different ideas, switching things up a little bit as you go along. And it's just a lot easier to test out ideas in the sketching phase than it is to test them out in the actual designing phase when you are in affinity publisher, it's just takes a lot less time. It's quick, easy, and cheap to do this. Okay, so let's keep trying out some different ones. Puzzled emotion. Maybe. Now I have this idea of maybe a puzzled emotion. Maybe I'll change it to say, say should ask a question in it. Say should iPad apps be free? Maybe I can put a picture myself in the center. And then maybe some app icons along the bottom. So sketch out a bunch of different ideas for the thumbnail of the video that you want to make. And you can do that on paper with pencil. I think that that is really the easiest way to do it. There's really not a lot of barriers to just sketching things out. If you feel hesitant about sketching, don't worry, these are not meant to be seen by anybody. These are just meant to help you deal with your ideas. So just go ahead and sketch out a bunch of different ideas. Each time you're gonna make a thumbnail, you move into affinity publisher to actually make the thumbnails. In the next video, we're going to talk about setting up a document. 5. Creating the Document: Now that we have sketched our document, it's time for us to go into a funny publisher. And the first thing that we're going to do is actually make our new document. So we're going to come up to the File menu at the very top, choose file and choose nu. This is how you will always create a new document. So let's go ahead and set our document. We have some presets along the top. And of course we are going to be working for the web because we're creating a YouTube thumbnail. And the standard YouTube thumbnail size is actually this 1128720, and that is a 16 by nine ratio. You can actually do anything that's a 16 by nine ratio, but you don't really want to do anything that's less than 1280 by 720. And important point to remember about YouTube thumbnails is that they can appear in a variety of places at a variety of sizes, right? So depending on what device people are on, they can appear at very different sizes. The difference between a smart phone and a TV is of course quite large. And the difference between different versions, even on the desktop version of a browser, can be very different depending on if they are on the homepage where YouTube has recently been making thumbnails quite a bit larger, or if they're in. Next, on the right-hand side of a page, one of viewers watching a video or, you know, if they appear in a search result. So these can vary quite a bit. So you really don't want to go any smaller than 1280 by 720, but always you want that 16 by nine aspect ratio because that's what it will be shown in. So I actually like to go ahead and double that aspect ratio. And that's this one down here. And it's just the 25, 60 by 1440, which is also 16 by nine. It's just double. And that is just what I like to choose, just to make sure that I have plenty of resolution regardless of where it is shown, you can always adjust the settings on export if you need to lower the file size when you are exporting it, there's a two megabyte limit when you are uploading thumbnails to YouTube. Alright, there's just a couple of other things to point out while we're making the document. Over here, you see where it says document units. And this one is in pixels because it's for the web and that's where we want it to be. But if it was set to something else, you might want to just switch it to pixels. I think it's easier to deal with pixels when you're designing something for the web because it makes more sense than anything else, because it will actually be shown in pixels. Dpi of 72 is fine. This isn't going to be printed out ever and so you don't need to increase that. So a dpi of 72 for the web, perfectly fine. Alright, then the image placement policy, you can prefer embedded or prefer linked for a YouTube thumbnail because these are not huge, large documents like books or magazines, almost always will choose prefer embedded, just so the image is embedded in the document. And if I move that file around as I often do on hard drives, and it can make sure that any images I've placed stay with that document. If I were doing a large document, I would choose preferred linked just to keep the size of that document down. Thumbnails are very small documents, so we will stick with prefer embedded the number of pages. I normally we'll start with one. We will want to iterate quite a bit, but a lot of times we will want to actually copy our pages to iterate on them. So starting with one is fine. We don't need to worry about these other things. We don't need facing pages because this is not a book or a magazine, it's just one page. And our color format is already in RGB, which is what we want for the web. We don't need margins or bleed because these are not printing documents. And as long as you're in the 16 by nine aspect ratio, YouTube will show the entire size of your thumbnail. And so you don't have to worry about the margins because nothing's going to fall outside the margins. Alright, let's go ahead and click Create. Alright, and now our document has been made and that's really all we need to do to set up our document. We have our 16 by nine aspect ratio and we're ready to go. In the next video, we're going to go ahead and talk about making a background for this document. 6. Make a Background: Now let's talk about making a background for this document. Now, you might make the background first and you might decide later that you want to change it. But it's a good idea to start out just with a background, even if you decide to change it in later iterations, if you just want a white background, well, that's the default. So you can just stick with the white. And I do that quite a bit because y m black arc, the colors that are used a lot for high contrast. There are a lots of other times where I want to have a colored background or a gradient background. And that's what we're going to look at specifically in this video. The easiest way to do this is to go over to your Shape tool, which looks like a square for me, but for you it might look like whatever you selected last. If you don't have this square or the rectangle tool, just hold down on it and you'll get a list of all of these different shapes. The Rectangle Tool is what we want and you come out here and just target that top left hand corner. You see, as long as you're snapping is turned on, which is this magnet up here. You'll snap into place there. Then you can just click and drag out. Drag all the way down to the bottom right corner. Now you have a rectangle. You can see that in your Layers panel on the right, it says rectangle income over there, click on that and rename it. We're going to call it background. Depending on how complicated your document gets, it can be more or less important to name your layers, but it is good practice to have them names so that you can easily tell what's going on. Then all we have to do to add a color is come up into our swatches. And you can see that our fill is the whole circle and that's in front. That means we're going to be changing our fill. The stroke is in the back, that is the black line that looks like a doughnut. We don't want a stroke on here at all. So I just click the stroke to bring it forward. And then I click the little circle with a red line through it. That will make no stroke. We don't want a stroke on this unless we do in the future. We'll talk about that in a second. But let's go ahead. My colors are currently set to graze, but if we click here, there are a bunch of different palates and you can make your own palettes willing come here to colors. And we're just going to choose something so that we can see how this fills out. Let's choose something along the lines of like maybe a midtone purple and you can see that nothing happened. And the reason is because I'm still on my stroke. This is a really common mistake that people make. There'll be on the wrong thing and they won't understand why nothing is happening. So let's go ahead and hit Command Z to undo. Click on our fill to bring that forward. And then we'll click on our purple. And now we have this purple background and we can just set things on top of that. Let's go ahead and let's try something a little different. We're gonna go ahead and duplicate this page. So going over into the pages panel on the far left, we'll right-click and we'll just choose duplicate. I'm just doing that so I don't have to draw the square over and over again. I'm storing my first page. You can tell because it's highlighted, but I'm just going go ahead and double-click my second page. And that will pull me down here. And I'm going to grab my move tool, which is the black arrow top-left corner, and select this rectangle. Now the next thing they want to do is add a gradient to this. Gradients can sometimes add more dimension or they can give you the ability to place light and dark elements on the same page. Because you can have a gradient going from light to dark, so you can have contrast on both sides. Let's go ahead and this is actually down here. It's called the fill tool, and it looks like a color wheel with a line coming out of it. When we grab that, it will allow us to just fill, which basically means make a gradient. So we can choose the starting point of our gradient and then drag to the ending point of our gradient. Let's go ahead and go up to the top in the middle. And it's just going to snap right there in the middle. And I'm just going to click and drag down. And if I hold down shift, it will keep it in a straight line. If I don't hold down shift, I can put it at an angle. Let's go all the way down. And you can see that this gradient is running from a light purple to a dark purple. So the purpose that we started with and then a dark purple. But if we select one of these, so our bottom circle is selected, we can change that. Let's just say we wanted to go to like a mid-range green. And then we have kind of this range going from purple through integrating. Now we can adjust our midpoint right here on this little line. We can drag that up or down to just our midpoint and we can actually even add more colors into this. If we click in between the midpoint and another circle, we have a little plus. We can add another color. And as long as we're selected on that color, we can add something else to it. Say maybe we want a magenta and then we get another point that we can adjust. And these other lines that can adjust the midpoint between those. You don't want to go too crazy with this. So if you select one, you can just hit Delete on your keyboard to get rid of it. So there's a lot of different effects you can do. And depending on your design, you might want different angles. So you can actually grab these points and drag them into different places. If you want to lessen the effect, you can actually grab them and drag them outside the range of the document. And that will just allow you to lesson kind of saturation of that color there. So that's how we would go ahead and setup gradients on our background. Let's go ahead and grab our Move tool. Go back to our first page. And we're just going to duplicate this one more time. Now let's click on New Page to, to go there. And we're gonna go ahead and add in a stroke. So let's select our rectangle. Grab our stroke to the front. And let's go ahead and give this a complimentary color stroke of yellow. And then we can't actually see it really. We can zoom in holding down option, it's going to let you zoom. We can see this tiny strip of yellow, but that's not what we would want. Say. You wanted to use a border as your like branding. So you always want to use the same color border in your branding. This is how you would do it. You go to the stroke studio on the right. And then you can increase the wet just by dragging the slider and just going drag that up. And one thing that will happen is this stroke is actually going outside. We just can't see it because it's outside the bounds of our document. But we can change our alignment right here. We can set the stroke to the inside and then our entire stroke is going on the inside instead of just half of it. And we can see the whole thing. So we can drag that to make it as big as we want. If we wanna go beyond 100, we can just come in here and type in something like 150. And it will get bigger when necessarily want it that big. So you can really establish a brand using these kind of background options and creating the same things over and over again. So we've got our stroke that's the same and maybe the background colors the same. You can kind of repeat those to create your brand. And that's how you can create a background with a solid color ingredient or a barrier. In the next video, we're going to talk about adding images to your thumb. 7. Adding an Image: The next thing that we're going to do is add an image to our thumbnail. Images of products or people in your thumbnail can really help people to understand what the video is going to be about. And so it's important to include these. And so we're going to look at how we place a photograph here in a famed designer and then how we use the tools of Affinity Photo through studio link in order to manipulate that photograph. So let's go ahead and place it. If you remember, we talked about how we were going to do place embed. And so this will actually put the photo into the document. If we weren't embedding it, if we replacing as linked, it would actually leave the photo where it's on the computer and just reference it so that we could see it inside this document. Where do I place embed? So let's go up to our file menu. And we're just going to use place. My image is in my downloads. And it's just this photo of an iPad that I took on my iPhone. This is not a great photo. We just took a snapshot, but the idea is we can edit it and we just want to cut out the product or the person that we're trying to feature. We don't really need to worry about the background. So let's go ahead and we'll just click and drag this out and make it nice and big. And then we need the tools from Affinity Photo in order to cut this out. So we're going to come up here into our top bar, and you can see that there's the affinity publisher icon, the Affinity Designer icon, and the Affinity Photo icon. And these are the persona's and as long as you own the other program and have it installed on your computer, you can access the tools from designer and photo inside of affinity publisher. So let's go ahead and we're going to click on the photo one because we're dealing with a photo at this point and we need the tools involved with the photo persona in order to be able to mask out the background on this and just have the iPad with just that slightly. And then let's go ahead and grab our selection brush. I'm just gonna come in here and we're going to try to select the iPad. If you find that you're having trouble with this, you might be selected on the wrong layer. So right now we're on the image layer and we're able to select this. If we're on the wrong layer though, we wouldn't necessarily be able to, to erase part of a selection. We just hold down option on our keyboard and we just want to get rid of the part of the stool that it's sitting on there. And we do want to get the stand. So I'm going to zoom in a little click, click, clicking causes it to select. I don't want to miss anything in the middle here. So where I see those little marching ants in the middle, I'm just going click to make sure that that is fully selected. Okay, that is a pretty good selection. There might be having just a little bit of trouble with the casing around the top. Maybe right here. So to make my brush size smaller, I just hit the bracket key on my keyboard. I just want to get the exact outline of this iPad wherever the contrast is lowest, which is right here between the case and the door here. That's where it can get a little bit difficult for the selection brush to measure it. A useful thing to remember when you're doing this is. Isn't for like a big advertisement or something that will appear in a magazine. This is just for a YouTube thumbnail. And the size that it will appear out is going to be pretty small in most instances. And so if things are a little bit off, it really won't be noticeable. But now we have our selection and so what we wanna do is mask out the background, Right? So we've made the selection and the mask tool is actually the tool that looks like a square with a circle inside it over here by the Layers panel. If we click that, we're going to see is it masks out everything that was not selected. And so it all disappears. If we wanna see that mask, it's now this layer right below the image is a pretty good mask for us. If you want to de-select, you just hit command D. And then it is de-selected to move this image around. Then we can grab our Move tool, make sure were selected on the image layer. Then we can move it around. And we don't need the image to be that big because we masked out all those other parts. So we're just going to crop it using the crop tool, which looks like two squares joined together. On the left-hand side, we're just gonna crop down to only the part that we need, which is the iPad. And that will just make it a little bit more manageable to be moving it around. Since we are in the photo Persona, there's a lot of different things that we could do here as far as like applying layers and stuff like that. If we needed to adjust the brightness or the contrast of the image meeting like that, what I want to do is get rid of these fingerprint smudges on the iPad. So I'm going to zoom in options, scroll down to the Band-aid and that's the Healing Brush Tool. Also under the Healing Brush tour, the Patch Tool and the blemish removal tool. I think we're going to try the Healing Brush Tool first, but we might try some of the other ones in a second. We'll set our source first by holding down option, clicking where we want to pull from. And we're just going to come over here. It's going drag over. If you're getting something coming in, set the source Again. I think on some of these smaller ones, I'm going to try that blemish removal tool, which is just a single click. And that works pretty well to clean up the dust and the fingerprints and make that look a little bit better. So I think I'm happy with how that looks. Another thing that people often want to do is kind of add a border around the object or around the person that they're cutting out. So let's go ahead and learn how to do that. For that, we're actually going to use the designer persona. Jump over there. And we're just going to grab our pen tool. And let's make a new layer to put this object on ADA layer, we want to put that layer behind our iPad so that this stroke will work. And we're just going click through on the points of that and you can see it's using yellow because that's the last thing that we used. But we will be able to change that color to whatever we want. Although in this case we might want it to be yellow because it would match. Okay, once we close that because our setting on our stroke is to be on the inside. It's now going to the inside, but we can go ahead and switch that to the outside. And then we get this standout with the pen tool. We don't have to be super precise, but it kind of helps to make it the same shape as the object that we're dealing with. And that's how you could add a border to it out. One thing that you might wanna do is actually group those two layers together. Do you can click on your iPad and click on the layer below it, right-click and then choose grip. And then when you try to resize those layers where anything, you'll be able to use them together. For example, if I zoom out here, if I wanted to reposition this, move it around, I could do that. If I wanted to flip it with the tool up in the top right, I can do that. So I can put this here. There's a lot of different uses for somebody like this that can just help it to stand out from the background a little bit and draw people's attention to it and say, oh, this is about iPads. We can size it up. As we get bigger, you can see some of this fringing is showing up on the bottom there. So we might want to actually go clean up our mascot Little bit. If we're gonna make it that big, I'll just scale it down a little bit. I don't think that will be very noticeable. So that's what you can do with images. You come, you place them in there and then you can remove them from their backgrounds. You can make any adjustments to them that you need to. And you can add a border around the cut-out image to kinda make it pop off the screen there. And you can do that with people or products or different things that you want to make standout. You of course, could also add an image as a background. If you were looking for like a full background, maybe like a landscape or something like that for like a travel video. In the next video we're going to hop back into the publisher persona and we're going to start talking about adding text. 8. Adding Text: So now we are back here in the publisher persona and we're going to talk about adding text. Now, there are two tools for adding text. The first one is the frame text tool. The frame text tool lets you drag out a frame and then fill that frame with text. Let me just show you how that looks when you right-click and choose Insert filler text, you can see it fills it in with tiny little texts. You can select that text and you can use the font to adjust that text size. And it will be in this frame. And you can make the frame bigger to show more text. And if you make the frame smaller, it will hide texts. For what we want to do is actually use the other text tool. So we're gonna go ahead diverse selection tool, select it and then delete it. And we're going to choose the a, which is the Artistic Text tool. And some people know this as point text. And basically as big as you drag it out is how big your text is going to be. That's essentially setting your font size. So let me just type in iPad apps and then you, if you come in and you adjust that you'll actually always shrink your font size. So this is just much easier to work with when you have only a little bit of texts, not like a book or a magazine, just a little bit of text and then you can just drag it up and down. So I think I'm gonna change this to all caps because we want it to be very noticeable. And we'll go ahead and we change to my brand font. So fonts up in the top left. And the font my brand uses is quicksand. And I'm gonna change that to quicksand bold. Then we can change the color or font. This black box up here in the middle will actually let us change the color or choose our switches. And that's the same as if we went over to our swatches on the right to choose our fill factor, Grace. And she's white. When I look at my sketches really quick. And change this to say, Apps. Good. And here's the nice thing about plaintext is we can just scale that down. Then I'll duplicate it by holding option and dragging. I'll put not. And where I change my placement to be centered. So then I can easily grab my move tool and center this up. It's like those two together. And then under my alignment, I'll choose align center. Then I'll take this and I want to scale it up, but I want to scale it up around the center instead of from the top left corner. So I'm going to hold down command, scale it up from the center. And as I drag it down to give it a little bit of space, I'm going to hold shift to keep it in the same line. Duplicate this top text again, apps should not. Let's make that centered as well, that we don't lose our centering. And then we'll say app should not be free. Think I'm actually going to take just the B. I'm going to place it here. I'll take the NOT because I want free to be really big as well. We'll rewrite that free. Okay, and the last thing that we might want to do with text is maybe add a background to it. So it kind of stands out from the page. So let's do that with just our not word. So let's go ahead and we'll grab another shape tool. Will use the Rectangle tool. We're going to write a rectangle and you can see it's using our last settings which are a fill with a gradient and a stroke. And we don't want either of that. So let's go over to our swatches will get reverse stroke. And we don't want our filter to be like that. Maybe we'll use the yellow again. If we want to get the exact yellow we used before, we can actually grab the eyedropper tool and we can just click and drag over to get our yellow. Then we click the eye dropper swatch. And that'll fill it with yellow. And we can drag in our Layers panel to rectangle down below the word not like, not as well and change the placement just so those aren't overlapping. And I think since it's on yellow, we would want, actually want to change this text then to be black. So click it. And in the swatches, she's black. So then we have apps should not be free. You can make lots of different styling choices with the way that you do your texts. To try out a lot of different options to see what's going to be best to get your point across. Those are the basic tools that you need to be able to create your YouTube thumbnails. You need to be able to sketch the document, then create a document to work in, add a background, add pictures, be able to cut them out and add borders to them if you want. And then also you need to be able to, of course, add texts so that you can add a message explicitly onto the thumbnail if you want. And all of these can be mixed and matched, used and not used depending on what you're doing. And so in the next video, we're actually going to be talking about doing iterations. I should be using the stuff we have here to create the thumbnail that I would actually use in a video. 9. Iterating on the Design: All right, so now that we've kind of learned the tools, I'm actually gonna go ahead and make the thumbnail that I would use if I were going to put a video like this up on YouTube. And what you wanna do as with any design process is iterate on this. You don't want to just make one and then stop. You wanna do some iterations to get some different ideas out. And these might be different iterations based on your sketches or iterations based on ideas that you have as you're going along. The best way to do this is once you've got 12, I've got this page here page to you. I'm just going to duplicate that page. So I'll right-click choose duplicate, and then it can work on this one and I can still evaluate it against the other one that I already created up down here. The first thing that I want to do is go ahead and change out my rectangle colors, because I don't think that the purple and the yellow will go exactly with my branding. So let's go ahead and we'll try a couple of different things here. First, we're just going to switch the rectangle to white, and then we're going to switch the border to black. Now we need to select all of our text and change its color as well, because it won't stand out here. So let's choose black will change this rectangle to black and the texts there to white. Then we need to decide if we want to keep this border or not. I'm just going try turning it off with the checkmark on the right. Seeing how that stands out without the border. Kind of like the border standing out. But I don't think a black border will work too well. So let's duplicate it again. We just want to keep duplicating so that we can keep evaluating our image. So what I'm gonna do is actually reverse everything. Again. I will make my stroke white and my fill black. Select all my texts. You can select multiple by holding down command while you're selecting in your Layers panel. And we're going to change that to white. Select our rectangle, change its filter, white, select not, and change its fill to black. Then we can go ahead and on our stroke, we can change that stroke to white and get that to stand out. So here we have the reverse, we have one with color. I'm liking this one the best I think, but I'm not loving this rectangle behind the not I think we need to do something with that. And one thing that I like to do is just come up here to the middle handle and you can get these arrows going in two directions. And that will let you give a little slant to it, which can add a little bit of interest. Alright? And one other thing that I want to try to do, I'm just going to duplicate this one again. I'm going to try and add in some icons to this iPad screen. That would be some iPad apps. So we're just going to do what we did before. We're gonna go to File and place. All right, and then from here I'm going to select the icon that I think would be useful. So I'm going to select the affinity icons were feign, designer and infinity photo because they both have iPad apps. And then when you click open, now that I have my place images panel that opens up on the left because I have multiple, so I can choose which one I'm placing first, I'm going to place a thinning designer. Was going click and drag that out to a good size. And then I'm going to go up to its top left corner and click and drag out to exactly the same size, Affinity Photo one so that they are matching. So I could do that. I might want to skew them a little bit. So I'm just going to go up to the top and tried to rotate slightly to maybe make it look more like it's actually sitting on the iPad. It doesn't need to be exactly realistic. But, um, I wanted to look a little bit better. And then we zoom out to kind of see what it would look like. See which one of those might stand out to somebody who's looking through a YouTube feed. This one that I have kind of developed here, it is very dark, but the important parts of it are bright. They're standing out. So I think it would still do okay to stand out even though it is a pretty dark thumbnail. And the key here is you just keep iterating. You try out different things and you look at your sketches and maybe you go back and you sketch out a couple of different things to try out different ideas. But you just keep pushing on your design to see if you can make it better until it's time to go ahead and post your video and get the thumbnail up. You could in theory, keep designing forever and that's not what we're after, but what we are after is enough iterations to make sure that you worked out the best ideas about the design. And one of the nice things about YouTube is you can actually change the thumbnail later. So if you made one thumbnail and you decide that it's not working very well. Very few people are clicking on the video and you want to try out a different thumbnail later, you can, you could go and you can make a new iteration of the thumbnail. And you could upload it to YouTube and you could try that out and see if more people are clicking on it. And that's the basic of iterating on your thumbnail designs. In the next video, we're going to look at how we would export this for you. 10. Exporting the Thumbnail: Right, we've made our design and to the last thing that we need to do is export it. And this is what she'll do both before you upload it to YouTube, QB, the thumbnail and your video, and before you upload it to your class project. So let's go ahead and see how he would export will go up to our file menu. And we're going to choose Export. Affinity is giving me a preflight warning here. This is because I've been working in different personas and I have some parts of this document that are actually off of the cameras, but we don't need to worry about that because we know that everything on the canvas is what we want to export. So I'm just going go ignore and continue. Pre-flight warnings are really more for when you're dealing with large documents, with texts like books and magazines where it might be going off the document. So click ignoring, continue. And then you're gonna see here that we have a lot of different options for what we can upload. Youtube tends to like jpegs the best. So we're going to choose JPEG, which is this green one here. And you can see our size is what we set our size to 256K by 1440. And what we wanna do is look down at our estimated file size and see how big that is. You can see this is 4.52 megabytes, which is too big. But the reason it's so big is this area here is set to All Pages. So let's go ahead and click that and we'll just choose current page. Then you can see this jumps down to 760 kilobytes, which is well, well below two megabytes, it's fine to you export that size. We don't need to drop our quality at all. We can just keep a JPEG best quality and the quality at 100%. And then we can choose Export. Then just go ahead and name your file. And I normally will name mine something like the title of the video or the thumbnail app should not be free. And then title card, or you can call it thumbnail and early say title card. And then just click save. And that's all you have to do. You go ahead and you've made your thumbnail and please go ahead and ask you export it, upload that into their class project section for this course. Tell us a little bit about why you decided to make the thumbnail you did were elements you decided to choose and why. And I'm really looking forward to seeing all of your projects and what you're able to do here in affinity publisher. In the next video, we'll go ahead and wrap up the course. 11. Wrap Up and Next Steps: Thanks so much for watching this course on creating thumbnails using affinity publisher. I hope that you've learned a lot and that you feel confident in your ability to go forward making thumbnails. Of course, it's an iterative approach so your thumbnails will get better over time. I'm very excited to see what you've created. So please remember to upload your project into the project section for this course. Tell us a little bit about it so we can see what you've done. And I'm happy to provide feedback on them if you'd like, if you're interested in learning more about vanity publisher, other affinity programs or even design principles. I have a lot of courses here on skill share that can help you in your design journey. A great next step would be to take my intro course to affinity publisher, where we make a restaurant menu if you haven't taken that course already, another great step to learn more about studio link would be to take my course on poster design. Or if you'd like to learn more about layout, Kohonen take my course on business card design. There's also lots of courses on Affinity Designer and Affinity Photo, as well as designed basic principles if you need a refresher on those. Again, thanks so much for watching and I will see you in the next course.