(rock music) 2 2
Man: Let's talk about putting texts on images. 3 3
We've done it before 4 4
but I wanna do a little bit more advanced version of it 5 5
in this exercise. 6 6
So let's start a new document in Photoshop. 7 7
As we know, we always have these parameters here 8 8
set for YouTube. 9 9
And we'll just call this one Text On Images. 10 10
And what we're gonna do is 11 11
we're gonna try to recreate the image 12 12
that Sasha used of me in the previous lecture 13 13
which looked like this. 14 14
This one up here. 15 15
Okay, so what we're gonna do is 16 16
we're gonna insert the image of me. 17 17
And it's, I already created it earlier 18 18
in a png format. 19 19
Which means that it's transparent background. 20 20
So what I'll do is, I'll just go and grab it here. 21 21
'Kay, so it's Text On Images, Chris. 22 22
'Kay and this is a png. 23 23
Which again means transparent image 24 24
instead of just putting white around it. 25 25
And we talked about how to do that before. 26 26
Hit enter. 27 27
I'll throw me over in the corner here. 28 28
And, next thing we're gonna do is 29 29
we're gonna create the text here. 30 30
Which is "Three Amazing Interview Tips" 31 31
I think that was it, let's go back and check. 32 32
Yeah, Three Amazing Interview Tips 33 33
and then if you want 34 34
I'll show you also how I did this. 35 35
A guy interviewing with these empty seats 36 36
in the background. 37 37
Okay. 38 38
So let's put on the text, Three Amazing Interview Tips. 39 39
So we'll select here. 40 40
Go here. 41 41
Three Amazing, whoops, gotta put it in caps. 42 42
Amazing Interview Tips 43 43
and I will make this bigger by selecting control 44 44
or command T. 45 45
And I'll do that, and I'm gonna right justify 46 46
just to be consistent with the image. 47 47
Whoops. 48 48
Select all, left justify me. 49 49
Alright. 50 50
Bring this over here. 51 51
And then the format that Sasha had here 52 52
was white with red. 53 53
So it has a nice pop to it with a shadow in the background. 54 54
So we'll do that as well. 55 55
So lemme just select this here. 56 56
And then I'm gonna go here and make this font white. 57 57
Can't see it, I know it's okay. 58 58
Then we're gonna double click here 59 59
and then we're gonna put a border around it. 60 60
Double click, there we go. 61 61
It, we're gonna put, yeah, we're gonna put a stroke. 62 62
A stroke means the outer layer, right. 63 63
Outsider or insider center. 64 64
I like to choose outside always. 65 65
And we're gonna make this one red. 66 66
And what we'll get as close to a color red 67 67
as we have in the image 68 68
that Sasha had in the previous lecture 69 69
meaning that one there. 70 70
It looks like it's a little bit wider too. 71 71
These, the outside. 72 72
So we'll make this wider as well. 73 73
Okay, so we got the color. 74 74
And we're gonna make the size of the stroke wider. 75 75
And, we're getting there, we're getting there. 76 76
Looks like it was a little bit bigger for her version. 77 77
And then what we'll do is we'll add a drop shadow as well. 78 78
And we'll have the shadow being black. 79 79
And we'll have the opacity higher. 80 80
And the reason it's lower opacity initially here 81 81
is because that's what I left on as default 82 82
in a previous image that I made. 83 83
Alright and we'll make the distance away 84 84
slightly more, it'll make this spread a little bit bigger 85 85
the size of it bigger as well. 86 86
There we go and that looks somewhat similar 87 87
to what she has there. 88 88
Not exact copy but that's close enough, okay. 89 89
So now that we're done with that 90 90
I'm gonna click okay. 91 91
And then what I'm gonna do is 92 92
I'm gonna select this text here 93 93
and if you can't see the outline, 94 94
you can again select command T or control T 95 95
and it'll just make it a bit bigger, like that. 96 96
That looks nice. 97 97
And then if we go back here 98 98
we see that there's an image of a dude sitting here 99 99
with empty seats as part of the interview. 100 100
And down here, it's tough to see 101 101
but this is my corporate logo and other things. 102 102
I'm not gonna add it here for the purpose of this exercise. 103 103
But I'll add that guy here, okay. 104 104
And you see how his head is in front of the text 105 105
and the chairs are slightly behind. 106 106
We'll try and replicate that as well. 107 107
So let me create a new layer. 108 108
You can put all this stuff in one layer if you want to. 109 109
But it's easier to manage if you have multiple layers. 110 110
So you can drag items on top or behind others or hide them. 111 111
So, and I'll just call this, "Interview Chair". 112 112
And I'll get that image in a second. 113 113
And, what I'll do is, I'm just gonna hide all this stuff 114 114
for now, just for simplicity. 115 115
And I'm gonna go and get that image chair. 116 116
And as always, I'll include all images 117 117
that I discuss in this, attached to this lecture, okay. 118 118
So, I went into Storyblocks 119 119
and I searched for the word interview. 120 120
And, I'm gonna download this image here. 121 121
And it's downloaded. 122 122
And I'm going to copy and I'm gonna go back to Photoshop 123 123
and I'm gonna paste it. 124 124
And what I'll also do 125 125
is I'll make it obviously a lot smaller. 126 126
So I'll zoom way out here. 127 127
It's a big image. 128 128
And this might be an issue for us 129 129
because when we save this image 130 130
so we can export it to YouTube, or upload it, 131 131
we have to make it less than two megs. 132 132
So it might be a bit of an issue. 133 133
So, but we'll deal with that soon. 134 134
Okay. 135 135
And that's good enough, I think, yeah. 136 136
And I'll drag this down here 137 137
and I'll put me back in the picture and the text. 138 138
Okay. 139 139
And this guy was over here. 140 140
Lemme go back to Sasha's image here. 141 141
Which is right here, okay and I had one, two chairs there. 142 142
Wow, I must have created a chair there 143 143
no I flipped the image I remember now. 144 144
So what we'll do is we'll flip this image around. 145 145
We could create another chair if we want to, 146 146
it's just too much work though. 147 147
So let's flip this image. 148 148
So we have the image selected. 149 149
And then we're gonna go up here to Edit 150 150
and then we'll go down to Transform. 151 151
It's a bizarre place to put it but they put it here. 152 152
And then flip, horizontal. 153 153
There we go okay, good. 154 154
Good, good, good. 155 155
Great, alright, making progress. 156 156
Let's go back to the way Sasha had it. 157 157
We need a white background which we'll correct. 158 158
And we need these two chairs on the side 159 159
and that's it. 160 160
Then we gotta put the text behind the dude's head. 161 161
Or that, yeah text behind the dude's head 162 162
and the text in front of the chair 163 163
so we'll do that as well. 164 164
Okay this will be fun. 165 165
Alright, now 166 166
we need to put a color back here 167 167
and if I left it just as a regular background, 168 168
it's white there, 169 169
that's not good enough. 170 170
So what I'm gonna do is this. 171 171
I'm gonna go to the interview chair here. 172 172
This image here. 173 173
And I'm going to delete what's here. 174 174
Now, I'm gonna hit, I'm gonna select it 175 175
see the dancy answer, I'm gonna cut. 176 176
Now you're gonna notice that 177 177
I'm not cut out of it. 178 178
Just what's selected on this layer here cut. 179 179
Okay, great. 180 180
Now we have to make the rest of this match 181 181
what we have back there. 182 182
So the way we're gonna do that is. 183 183
We're gonna go here into the background layer. 184 184
And then what I'll do is 185 185
I'm actually going to just copy this color 186 186
and then just paint it there. 187 187
Lemme just close this up 188 188
to get a little more real estate for us. 189 189
Alright, so I'll select this 190 190
and I'm gonna grab that layer there, see there. 191 191
And then I'm just going to paint. 192 192
Select the paint brush, the paint brush size is massive. 193 193
Boom, done. 194 194
Okay, so we're done with the background layer here. 195 195
Next up what we wanna do is 196 196
we actually want to put the guy's head 197 197
in front of the word, interview. 198 198
And I'll make this guy a little bit bigger too. 199 199
Whoops, sorry about that. 200 200
Select this here. 201 201
Transform 202 202
and make him a bit bigger, so that pops a little bit nicer 203 203
on top of the letter V there. 204 204
Okay. 205 205
Now there's many ways to do this. 206 206
But what I'm gonna do is 207 207
I'm just gonna copy his head and create a new layer 208 208
and put his head on the very, very top layer. 209 209
So I'll select him 210 210
and just for simplicity, let me get rid of the other stuff 211 211
and just focus on that. 212 212
We'll select this guy here 213 213
and we'll select just his head. 214 214
Lemme zoom in a bit too. 215 215
And I'm gonna make this size of this smaller. 216 216
Control D or command D to deselect. 217 217
Good. 218 218
Okay. 219 219
That should work. 220 220
And what we're gonna do, is just, I'm gonna copy it 221 221
that's all. 222 222
And I'm gonna show the other layers now. 223 223
Let me zoom out a bit. 224 224
And I'm gonna create a new layer up here. 225 225
So we'll go New, Layer 226 226
and I'll call it, "Head". 227 227
Okay, paste, there it is. 228 228
So it's actually, his head is on top and behind 229 229
so there's two versions of his head there. 230 230
And if I wanted to I can add a little bit of a shadow 231 231
as well to make it pop a little bit more 232 232
in front of the letter V there. 233 233
So we go over here 234 234
away form the text, double click 235 235
and I'll select drop shadow. 236 236
There we go, okay, little bit of a pop, that's fine. 237 237
It's not perfect but it's good enough. 238 238
Whoops. 239 239
The drop shadow. 240 240
Yeah I'll make it a little bit less pronounce there. 241 241
Slightly more than this. 242 242
That's good, it looks good. 243 243
Okay, great. 244 244
Now, let's go back and see if there's anything else 245 245
we have to add to this image. 246 246
Again, I'm not gonna put that yellow stuff down there. 247 247
It looks, it looks good enough, looks good enough. 248 248
I might wanna make 249 249
I might wanna make this a little more pronounced. 250 250
So I'm gonna make that red color there a little darker 251 251
so what we do is we select this layer here. 252 252
And then what we can do is 253 253
we can just go here, to stroke 254 254
which we did before, double click it. 255 255
And by the way, we can turn the stroke on and off. 256 256
Watch this. 257 257
See? 258 258
Same thing with drop shadow. 259 259
It's pretty cool. 260 260
Double click stroke. 261 261
And let's make this size, the stroke, 262 262
a little bit more pronounced. 263 263
Just slightly more. 264 264
And you can make the shade of red a little bit darker 265 265
if you wanted to as well. 266 266
Still missing something. 267 267
I'm gonna add another stroke layer on the outside. 268 268
Maybe like a very light, black line around all that. 269 269
So let's add another stroke. 270 270
Okay, so we'll go here. 271 271
Stroke, lie another one. 272 272
And this stroke here, I wanna make it black. 273 273
And then I'll make this just very, very hard, 274 274
slightly, slightly difficult to see but slightly there. 275 275
Let's see how that works. 276 276
Looks a bit better, looks a bit better. 277 277
And you know what, I think what we have to do is 278 278
we have to space out the text a little bit more. 279 279
So we go up here to Advanced 280 280
and then here you see the letters there. 281 281
What you can do is you can make it a little bit bigger 282 282
spacing between them, even a little bit more so 283 283
if you wanted to. 284 284
These letters are a little bit cramped. 285 285
So lemme try 75. 286 286
Yeah, it might be a little bit easier to read that way. 287 287
And you can see here, it's just a little bit more pronounced 288 288
between the letters here. 289 289
I like that a little bit more. 290 290
Okay, now, I'm gonna move this over here a bit more. 291 291
And then I'm gonna move Chris a little bit out of the way 292 292
Chris is pointing, kinda like the arrow with his finger. 293 293
And I think that's it, let's go back and double check. 294 294
Yeah it's good, it's good enough. 295 295
Yeah, okay great. 296 296
Now the next stop is this. 297 297
Because we have a couple images here 298 298
that are high resolution. 299 299
Like this one is 1.1 megs, this png and myself. 300 300
And this one is quite large as well. 301 301
When we export, we might have to actually 302 302
change the resolution a bit 303 303
because we gotta make sure 304 304
that the size of the image that we upload to YouTube 305 305
is two megabytes or less. 306 306
So let's go here to File, Export, Export As. 307 307
And watch the size here, 308 308
it'll definitely be bigger right here. 309 309
So it's not that bad actually. 310 310
It's only a megabyte, I thought it'd be bigger. 311 311
Well we're good then, we're good. 312 312
Okay, great. 313 313
So what we'll do is we'll export this 314 314
and I'll call this "Text On Images", 315 315
I wanna use jpeg, 316 316
yeah, yeah it's even smaller. 317 317
Look at that, that's great. 318 318
Wow, not bad huh? 319 319
Alright so I'll call it, "Text On Images" jpg. 320 320
And as always what I'll do is 321 321
I'll include all these files in this lecture 322 322
as attachment and as always if you have questions 323 323
please let me know, thanks.