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