(upbeat rock music) 2 2
-: (Chris) Let's discuss putting text and images 3 3
on a thumbnail, and I'll make the image side of it 4 4
much more advanced that what we've talked about before. 5 5
So, the first step is, I'm gonna go over here 6 6
and grab an image of me 7 7
and also an image that I've got from storyblocks.com 8 8
which is a service that I've subscribed to. 9 9
So, I'm gonna copy those two images. 10 10
Paste them here and make them a lot smaller. 11 11
Okay, and what we're gonna do 12 12
is we're gonna call this particular 13 13
thumbnail that we're gonna make, 14 14
"3 AMAZING INTERVIEW TIPS" 15 15
which is based on a vlog that I released a while back. 16 16
And so we have here some guy sitting, 17 17
waiting to be called in for his interview 18 18
and then I'm gonna be on the side of it 19 19
here as well and then we'll put the text up here saying, 20 20
"3 AMAZING INTERVIEW TIPS". 21 21
Okay. 22 22
So, the first thing we're gonna do 23 23
is we're gonna size the images. 24 24
And what I actually want to do 25 25
is I wanna flip this guy over 26 26
horizontally so I'm just gonna click here to flip. 27 27
Good. 28 28
And I'm gonna make the image of him 29 29
quite a bit bigger 30 30
and his head is gonna overlap with the text 31 31
and I'm gonna show you how to do that 32 32
to give it a 3D pop look to it. 33 33
Okay, so I want the background 34 34
to look exactly like this color here. 35 35
So what we'll do is, I've selected here 36 36
the layer of the person being interviewed 37 37
and I'll title that Interview Candidate. 38 38
And this is Me. 39 39
And again, I recommend titling your layers 40 40
because eventually you'll have lots of layers 41 41
and it's much easier to keep track 42 42
of all your layers by titling them. 43 43
So let me select the interview candidate 44 44
and what I'm gonna do is I'm gonna just cut off 45 45
this part here 46 46
and when I hit cut, meaning command X, 47 47
it's gonna cut just on this image 48 48
because I only had this image selected 49 49
and not me. 50 50
Cut. 51 51
Okay, good. 52 52
Now I'm gonna go to the background layer 53 53
and I'm gonna insert an image 54 54
or I should say a color to match this color here. 55 55
So I'll select command D to deselect the dancing ants. 56 56
And then what I'll do is I'm actually going to insert a box. 57 57
So I'll select rectangle here 58 58
and I wanna color the rectangle the same color as this here 59 59
so I'll select here color 60 60
and I'll pick this color here. 61 61
Good, okay. 62 62
We're done with the background now. 63 63
Now let's put in the text here, 64 64
"3 AMAZING INTERVIEW TIPS". 65 65
So I'll select text, 66 66
Then I'll select the arrow to select the text 67 67
and then in all caps, 68 68
"3 AMAZING INTERVIEW TIPS" 69 69
and this was an actual vlog I published a while back. 70 70
Okay. 71 71
So, now what I'm gonna do is, 72 72
oops. 73 73
I have to select this layer here, 74 74
I'm gonna move this over here 75 75
and I wanna left justify it, 76 76
so I'm gonna click here on T, for type 77 77
and left justify, good. 78 78
And what I'll do is, lemme see if I can 79 79
make it a bit bigger actually. 80 80
Lemme go up to 144, see if that works. 81 81
Yeah, it's a bit nicer, okay good. 82 82
Then I'm gonna put this guy's head on top of this 83 83
and I'll show you how to do that in a second. 84 84
But first of all, I wanna make this white 85 85
with a red outline and a shadow. 86 86
So what I'll do is I'll go over here 87 87
and I'll select white. 88 88
Good. 89 89
And then I'm gonna go here 90 90
and insert a stroke, which means the outline 91 91
and I'm gonna make the color of the stroke red 92 92
for a sense of urgency 93 93
and this'll be easier to read in a second 94 94
once we add the shadow. 95 95
I'll make the stroke with a bit bigger. 96 96
Now I wanna add a shadow just to the text, 97 97
so I'll select here 3 AMAZING INTERVIEW TIPS here, 98 98
go here in shadow. 99 99
Looks like I already selected it 100 100
but I'll make it black instead of a white shadow. 101 101
Black. 102 102
That looks decent. 103 103
Okay, cool. 104 104
All right. 105 105
Now, I don't know why the letter M looks like that, 106 106
it might be a bit of a flaw here within Pixelmator Pro 107 107
so I guess I'll have to change this font. 108 108
So, let's go back here for T for text 109 109
and let's change the font 110 110
to Helvetica Neue. 111 111
I don't know why it looks like that 112 112
but it is what it is. 113 113
And now what I'll do is I'll go back here 114 114
and I'll select black again 115 115
and this program is, 116 116
there's mistakes with it. 117 117
There's a couple of issues they have to fix 118 118
but I love it 'cause it's simplistic. 119 119
Okay, that looks good. 120 120
That's Helvetica Neue instead of just Helvetica Regular. 121 121
Okay, good. 122 122
We're done with the text now. 123 123
Now the next step is, 124 124
what I wanna do is I wanna put this dude's head on top 125 125
and we know that if we just drag this that'll work, 126 126
except everything else is gone. 127 127
So, the first thing you're gonna try to do is 128 128
I'm actually going to make two versions of this 129 129
and I'm gonna have one version is just his body. 130 130
So I'll click here, right click. 131 131
Duplicate. 132 132
And I'm gonna put this back down where it was before. 133 133
And this this one, I'm actually gonna cut out 134 134
everything except for his body. 135 135
And you'll notice that if I hide it 136 136
by clicking this eye here, 137 137
we have the image behind it. 138 138
I just wanna cut out on this image here 139 139
everything except for his body, 140 140
mainly his head I should say. 141 141
So what I'll do is, I'll go over here to this side, 142 142
I'm gonna hold the mouse button down 143 143
and select Quick Selection 144 144
and then I will just click around him. 145 145
Whoops. 146 146
Command D to deselect. 147 147
Lemme zoom in. 148 148
Okay, click. 149 149
Cut. 150 150
Oh, that might be good enough actually. 151 151
And I'll get rid of this as well. 152 152
Cut. 153 153
And the rest of this stuff 154 154
and just to keep it simplistic, 155 155
what I'll do is I'll actually go over here 156 156
and I'm actually just gonna cut out 157 157
as much stuff as I can that's not him. 158 158
Okay, good. 159 159
Oops, don't wanna get his arm there. 160 160
Okay, good. 161 161
Great. 162 162
Okay, cool. 163 163
And this this part as well 164 164
because I want my finger to be on top, 165 165
or my upper body I should say. 166 166
Cut. 167 167
Good. 168 168
Okay. 169 169
We're getting there, we're getting there 170 170
and I might add a bit of a shadow to him as well 171 171
so he pops a bit more on top of 172 172
the V and the I in INTERVIEW 173 173
and this is nice here because the chairs 174 174
are behind the TIPS here. 175 175
Okay. 176 176
So, what I'll do is I'll select this guy here, 177 177
and then I'm gonna go and add a shadow. 178 178
Okay. 179 179
Pops slightly more, very slightly 180 180
but I don't like these shadows here 181 181
that are appearing, 182 182
so I'm gonna go and erase those parts 183 183
by selecting the eraser here. 184 184
And the size of the eraser right now is 104px. 185 185
I could make it a lot bigger if I wanted to. 186 186
Let's make it big for now. 187 187
Okay. 188 188
Because I only want the shadow on his head. 189 189
Okay, it looks good. 190 190
Not perfect. 191 191
But because this image is gonna be just a thumbnail 192 192
you won't really notice the imperfections. 193 193
If we made this a massive billboard by a highway 194 194
you'd notice all the imperfections. 195 195
So what we're gonna do now is I'm gonna change the softness 196 196
and the brush size and I'm gonna see 197 197
if I can clean this up here. 198 198
Actually, I'll take the softness down to zero, 199 199
see what happens there. 200 200
Okay, good, yeah yeah. 201 201
Now you're gonna zoom way in here. 202 202
We want it like that 203 203
and I'll make the brush size a lot smaller. 204 204
Okay, it's working okay. 205 205
I actually don't like the way that looks, 206 206
so what I'm gonna do now 207 207
is I'm gonna select this item here 208 208
and see if I can just grab this and delete. 209 209
Okay, much better. 210 210
Good. 211 211
Let's zoom out. 212 212
Looks like there's some imperfections down here. 213 213
Cut. 214 214
Cut. 215 215
Whoops. 216 216
Let's try it again. 217 217
Yeah, sometimes it'll actually change layers on you 218 218
so you gotta go back here and select this layer. 219 219
Deselect and we'll try it again. 220 220
Cut, good. 221 221
Just a little bit more right here. 222 222
Good, and then that down there. 223 223
Not that anyone's gonna notice but 224 224
just for fun. 225 225
Oops. 226 226
That should be good, that should be good. 227 227
See how it likes to select different layers sometimes? 228 228
Okay. 229 229
That should be good enough. 230 230
Okay, great. 231 231
And if we wanted to, we could even add 232 232
a glow around him, an outline 233 233
and the way you do that is you go up here 234 234
and you select stroke for an outline 235 235
but I'm just gonna leave it like that. 236 236
That looks good for just this current exercise. 237 237
Okay, so the next step is, 238 238
what we're going to do is we're gonna export this, 239 239
but one more thing, I notice that there's a bit of 240 240
a imperfection up here 241 241
so what I'm gonna do is 242 242
I'm actually going to grab the, 243 243
this and this 244 244
and then I'm just gonna move it up. 245 245
I'm using the up and down arrows. 246 246
Okay, good. 247 247
Okay, great. 248 248
And then I've noticed an issue with me, 249 249
I've actually lost part of myself here. 250 250
So, maybe I have to drag this to the front. 251 251
Yeah, okay, that's good. 252 252
All right, let's zoom out. 253 253
That looks good. 254 254
Okay, great. 255 255
So now I'm gonna export this. 256 256
File, export. 257 257
And it's 933 kilobytes, which is very small, 258 258
it's less than a meg so we're fine. 259 259
YouTube, for now at least, has a rule 260 260
that you can't upload any thumbnail 261 261
that's more than two megabytes. 262 262
Okay, so I'll save this as TEXT AND GRAPHICS JPG. 263 263
Okay. 264 264
And we'll click export and we're done 265 265
and let me go back and just double check 266 266
to see how that file looks. 267 267
Here it is here. 268 268
It's 933 kilobytes, let me open it up. 269 269
Looks good. 270 270
Looks good. 271 271
Okay. 272 272
Great, if you have any questions 273 273
please let me know. 274 274
Thanks.