1 1 00:00:00,011 --> 00:00:02,594 (upbeat music) 2 2 00:00:05,160 --> 00:00:06,790 Let's talk about how to insert arrows. 3 3 00:00:06,790 --> 00:00:09,810 line:15% It's pretty simplistic, and there's many ways to do this, 4 4 00:00:09,810 --> 00:00:12,620 line:15% but what you can do is, go down here, 5 5 00:00:12,620 --> 00:00:15,580 line:15% and it might look like this rectangle, ellipse, 6 6 00:00:15,580 --> 00:00:20,500 line:15% whatever, the image here is based on how you used it last. 7 7 00:00:20,500 --> 00:00:23,230 So what you can do is go to Custom Shape. 8 8 00:00:23,230 --> 00:00:25,150 I'm gonna show you a couple ways to do this. 9 9 00:00:25,150 --> 00:00:27,170 And then you can just draw this, and that's the arrow, 10 10 00:00:27,170 --> 00:00:28,970 and of course you can change the color 11 11 00:00:28,970 --> 00:00:30,650 by selecting here if you want to. 12 12 00:00:30,650 --> 00:00:33,790 Now, just to keep it fun, what I'm gonna do 13 13 00:00:33,790 --> 00:00:38,420 is I'm gonna grab this image here of my favorite candy. 14 14 00:00:38,420 --> 00:00:39,603 I am a nerd, I get it. 15 15 00:00:41,090 --> 00:00:43,763 And I'm gonna paste that in here, 16 16 00:00:44,790 --> 00:00:47,065 and just 'cause it's fun to look at 17 17 00:00:47,065 --> 00:00:49,700 'cause it uses the color wheel nicely, 18 18 00:00:49,700 --> 00:00:51,520 which we talked about earlier. 19 19 00:00:51,520 --> 00:00:55,260 And so, here you have green and red on the same image. 20 20 00:00:55,260 --> 00:00:59,270 Let's say that we wanted to point to the color green 21 21 00:00:59,270 --> 00:01:01,390 and kinda emphasize that. 22 22 00:01:01,390 --> 00:01:03,300 So what we can do is, 23 23 00:01:03,300 --> 00:01:06,650 let me just send this to the back here, 'kay, 24 24 00:01:06,650 --> 00:01:10,300 and I'm gonna rename this here, arrows, 25 25 00:01:10,300 --> 00:01:12,840 just so we know what it is, our arrow. 26 26 00:01:12,840 --> 00:01:14,640 And I'll call this, actually, nerds. 27 27 00:01:17,430 --> 00:01:19,750 Okay, drag that up there. 28 28 00:01:19,750 --> 00:01:21,910 It's on top, it's fine, okay, good. 29 29 00:01:21,910 --> 00:01:22,770 And then what you can do is, 30 30 00:01:22,770 --> 00:01:24,140 if you wanted to you can even, 31 31 00:01:24,140 --> 00:01:25,940 and we've talked about this before, 32 32 00:01:25,940 --> 00:01:28,170 get rid of the color around this. 33 33 00:01:28,170 --> 00:01:29,500 You can't really tell there's a color there 34 34 00:01:29,500 --> 00:01:30,990 but it's actually white. 35 35 00:01:30,990 --> 00:01:33,380 So if I were to change this background here 36 36 00:01:33,380 --> 00:01:37,250 to a different color, all right, 37 37 00:01:37,250 --> 00:01:40,380 so we'll grab that kinda different shade of green. 38 38 00:01:40,380 --> 00:01:43,570 And then if we go over here to the paint brush, 39 39 00:01:43,570 --> 00:01:45,490 and then we can just paint that in the background there. 40 40 00:01:45,490 --> 00:01:47,380 But you see here, and that color's awful, 41 41 00:01:47,380 --> 00:01:49,280 we'll change it in a second, but you see here 42 42 00:01:49,280 --> 00:01:50,980 how there's still white around the side of that? 43 43 00:01:50,980 --> 00:01:53,400 And we know from earlier in the course, 44 44 00:01:53,400 --> 00:01:55,750 we talked about you select the layer, 45 45 00:01:55,750 --> 00:01:57,217 and then you can come up here 46 46 00:01:57,217 --> 00:02:00,400 and just select what you want to remove. 47 47 00:02:00,400 --> 00:02:02,473 Okay, cut. 48 48 00:02:05,250 --> 00:02:07,470 Whoops, that works, it's fine. 49 49 00:02:07,470 --> 00:02:10,370 And those little lines we'll get rid of in a second. 50 50 00:02:10,370 --> 00:02:12,693 Many ways to do things in Photoshop always. 51 51 00:02:14,780 --> 00:02:16,090 All right, that's good enough, yeah. 52 52 00:02:16,090 --> 00:02:19,970 And then we can just come over here and grab the eraser 53 53 00:02:22,270 --> 00:02:25,333 and then just erase any imperfections if we want to. 54 54 00:02:26,270 --> 00:02:27,940 And you don't have to be absolutely perfect 55 55 00:02:27,940 --> 00:02:30,880 because, I mean, these are gonna be shown on a mobile phone 56 56 00:02:30,880 --> 00:02:33,120 or smaller form factor screens, 57 57 00:02:33,120 --> 00:02:36,050 and not a big bulletin board outside. 58 58 00:02:36,050 --> 00:02:38,930 Okay, great, so that's how you do an arrow, 59 59 00:02:38,930 --> 00:02:41,460 and what I'll do actually is I'll make the color 60 60 00:02:41,460 --> 00:02:46,460 of the arrow the same color red here just to be consistent. 61 61 00:02:46,700 --> 00:02:50,610 So let me just select it here, okay, good. 62 62 00:02:50,610 --> 00:02:52,510 And I can also hit Command or Control + T 63 63 00:02:52,510 --> 00:02:53,673 after I've selected it. 64 64 00:02:55,050 --> 00:02:56,440 And then I'm gonna show you a different way 65 65 00:02:56,440 --> 00:02:57,570 to change colors now. 66 66 00:02:57,570 --> 00:02:58,533 Double click here. 67 67 00:03:00,280 --> 00:03:01,590 There we go, good. 68 68 00:03:01,590 --> 00:03:03,623 And then you can select Color Overlay. 69 69 00:03:04,600 --> 00:03:06,460 And we will select the color. 70 70 00:03:06,460 --> 00:03:09,100 Right now, kind of a gray shade is selected, 71 71 00:03:09,100 --> 00:03:11,340 but we'll select our own color here. 72 72 00:03:11,340 --> 00:03:14,510 And we'll click, get that out of the way, 73 73 00:03:14,510 --> 00:03:17,370 this red here, just to keep it somewhat consistent. 74 74 00:03:17,370 --> 00:03:19,253 There you go, okay. 75 75 00:03:20,470 --> 00:03:23,850 And you can also add drop shadows, 76 76 00:03:23,850 --> 00:03:25,040 which we've talked about before. 77 77 00:03:25,040 --> 00:03:27,890 I'll just leave the default one on there. 78 78 00:03:27,890 --> 00:03:32,710 You can also, if you wanted to, add a slight stroke to it, 79 79 00:03:32,710 --> 00:03:35,520 meaning another line on the outside, right? 80 80 00:03:35,520 --> 00:03:38,070 I always like to have outside selected, not inside. 81 81 00:03:38,910 --> 00:03:41,600 And the color, we can change that if we wanted to, 82 82 00:03:41,600 --> 00:03:45,690 to maybe it's a darker shade of green. 83 83 00:03:45,690 --> 00:03:48,200 There we go, it's a little bit consistent, that's fine. 84 84 00:03:48,200 --> 00:03:50,910 Play around, but have fun with it if you want to. 85 85 00:03:50,910 --> 00:03:53,480 And what I wanna do quickly is 86 86 00:03:53,480 --> 00:03:55,920 I'm gonna show you how to grab an image from the web 87 87 00:03:55,920 --> 00:03:58,530 and put it in here for an arrow. 88 88 00:03:58,530 --> 00:03:59,490 Before I do that though, 89 89 00:03:59,490 --> 00:04:02,833 let me just kinda change this background a little bit here. 90 90 00:04:03,710 --> 00:04:05,063 I'll just change the color, 91 91 00:04:06,050 --> 00:04:07,830 make it a little bit lighter. 92 92 00:04:07,830 --> 00:04:09,480 Yeah, I like that better. 93 93 00:04:09,480 --> 00:04:12,403 And then we're gonna go and select our paint brush here. 94 94 00:04:13,640 --> 00:04:15,200 And paint, there we go. 95 95 00:04:15,200 --> 00:04:17,740 That's fine, whatever, it's just an example. 96 96 00:04:17,740 --> 00:04:22,720 And let's go to the web now, and let's go and grab an arrow. 97 97 00:04:22,720 --> 00:04:26,883 And so I subscribe to this service here called, Storyblocks. 98 98 00:04:27,820 --> 00:04:29,567 And so I'll just select arrow. 99 99 00:04:29,567 --> 00:04:33,020 And let's just select this one here, I'll download it. 100 100 00:04:33,020 --> 00:04:35,480 And we'll use just one of these arrows, not both of them. 101 101 00:04:35,480 --> 00:04:37,002 And it's asking what format do you want? 102 102 00:04:37,002 --> 00:04:42,002 EPS is a vector graphic, meaning if you want to separate 103 103 00:04:42,010 --> 00:04:46,360 different parts of the image using Adobe Illustrator. 104 104 00:04:46,360 --> 00:04:50,310 JPG is just the image as is, including the white background. 105 105 00:04:50,310 --> 00:04:53,970 And PNG is transparent, meaning there's no white background. 106 106 00:04:53,970 --> 00:04:55,253 So let's select PNG. 107 107 00:04:56,570 --> 00:05:00,430 Download, open this up here. 108 108 00:05:00,430 --> 00:05:02,702 See how there's no white background here. 109 109 00:05:02,702 --> 00:05:05,220 And I'll come over here, and I will paste. 110 110 00:05:05,220 --> 00:05:06,053 There it is. 111 111 00:05:06,920 --> 00:05:10,543 I will select the item here, hit Control or Command + T. 112 112 00:05:11,830 --> 00:05:13,853 And I'll make it smaller. 113 113 00:05:16,820 --> 00:05:20,349 And I will crop out the blue part of it as well, 114 114 00:05:20,349 --> 00:05:22,399 which is pretty easy to do, I'll show ya. 115 115 00:05:23,870 --> 00:05:27,440 And of course, the Nerds box is on top of this 116 116 00:05:27,440 --> 00:05:30,040 because nerds is a higher level up here, 117 117 00:05:30,040 --> 00:05:33,300 if we wanted to, you can drag it behind for fun. 118 118 00:05:33,300 --> 00:05:34,750 And then, let's go back here 119 119 00:05:34,750 --> 00:05:37,400 and let's just get rid of the blue arrow. 120 120 00:05:37,400 --> 00:05:42,400 Select this, there, Control, cut, and we're done. 121 121 00:05:42,660 --> 00:05:45,060 As always, all files are attached 122 122 00:05:45,060 --> 00:05:46,630 to this lecture you're currently watching, 123 123 00:05:46,630 --> 00:05:49,400 including the PSD or Photoshop document. 124 124 00:05:49,400 --> 00:05:51,740 One more thing we have to do though is we have to export 125 125 00:05:51,740 --> 00:05:54,730 this document into a format 126 126 00:05:54,730 --> 00:05:58,640 that's small enough to work with YouTube. 127 127 00:05:58,640 --> 00:06:01,940 So we'll select Export, Export As, 128 128 00:06:01,940 --> 00:06:03,430 and you'll notice the image size 129 129 00:06:03,430 --> 00:06:05,570 will be a bit bigger this time 130 130 00:06:05,570 --> 00:06:08,330 because we have two images here. 131 131 00:06:08,330 --> 00:06:10,140 We'll do it in JPG format, 132 132 00:06:10,140 --> 00:06:12,840 and we just have to stay under two megabytes 133 133 00:06:13,770 --> 00:06:15,560 for the YouTube threshold. 134 134 00:06:15,560 --> 00:06:19,150 And then we can export this, and I'll export it 135 135 00:06:19,150 --> 00:06:22,590 and I'll call it Arrow Strategy JPG. 136 136 00:06:22,590 --> 00:06:23,900 If you have additional questions, 137 137 00:06:23,900 --> 00:06:25,953 please let me know, and thank you.