1 1 00:00:00,000 --> 00:00:02,417 (rock music) 2 2 00:00:04,670 --> 00:00:06,270 Using Pixelmator Pro. 3 3 00:00:06,270 --> 00:00:10,460 Let's talk about using the arrows or circles strategy. 4 4 00:00:10,460 --> 00:00:11,640 So what we're gonna do 5 5 00:00:11,640 --> 00:00:14,860 is we're actually gonna import two images. 6 6 00:00:14,860 --> 00:00:17,990 So we're gonna import my favorite candy, when I was younger, 7 7 00:00:17,990 --> 00:00:19,080 which kind of explains a lot 8 8 00:00:19,080 --> 00:00:20,940 why I ended up like I am today. 9 9 00:00:20,940 --> 00:00:23,680 And then arrows, okay. 10 10 00:00:23,680 --> 00:00:24,720 So let's go here. 11 11 00:00:24,720 --> 00:00:26,690 We'll paste it in. 12 12 00:00:26,690 --> 00:00:29,820 And let's select those items, zoom out, 13 13 00:00:29,820 --> 00:00:32,873 and just shrink them down so we can see them, okay. 14 14 00:00:33,870 --> 00:00:36,820 So we start with Nerds here. 15 15 00:00:36,820 --> 00:00:39,380 And let's just ignore the arrows for now, 16 16 00:00:39,380 --> 00:00:40,620 so I will hide those. 17 17 00:00:40,620 --> 00:00:43,520 And what we can always do is just double-click here, 18 18 00:00:43,520 --> 00:00:47,320 call this arrow, and call this Nerds. 19 19 00:00:47,320 --> 00:00:48,580 And it's important to name them 20 20 00:00:48,580 --> 00:00:51,680 because sometimes you'll have tons and tons of layers 21 21 00:00:51,680 --> 00:00:53,680 and you just won't know what each layer is, 22 22 00:00:53,680 --> 00:00:56,810 even though there's a tiny little image there. 23 23 00:00:56,810 --> 00:01:00,930 Okay. So let's take a close look now, here, at the candy. 24 24 00:01:00,930 --> 00:01:02,920 And the reason I wanted to also show you this 25 25 00:01:02,920 --> 00:01:06,260 is because it really has a nice representation 26 26 00:01:06,260 --> 00:01:08,260 of the opposites on the color wheel. 27 27 00:01:08,260 --> 00:01:09,940 And the next time you go into a candy store 28 28 00:01:09,940 --> 00:01:11,630 or any grocery store, 29 29 00:01:11,630 --> 00:01:12,700 look at the packaging, 30 30 00:01:12,700 --> 00:01:14,480 and look to see how a lot of packages 31 31 00:01:14,480 --> 00:01:16,970 have opposites on the color wheel, here. 32 32 00:01:16,970 --> 00:01:21,970 So we know the opposite of the color wheel for green is red. 33 33 00:01:22,560 --> 00:01:23,610 Okay, great. 34 34 00:01:23,610 --> 00:01:24,470 And if we wanted to 35 35 00:01:24,470 --> 00:01:28,150 we can actually put in a background layer as well. 36 36 00:01:28,150 --> 00:01:29,410 And I'm going to do that, 37 37 00:01:29,410 --> 00:01:32,430 and I'll make it a darker shade of green. 38 38 00:01:32,430 --> 00:01:33,350 It's not gonna look that great 39 39 00:01:33,350 --> 00:01:34,870 but I just wanna kind of show you 40 40 00:01:34,870 --> 00:01:37,170 how to use arrows in this example here. 41 41 00:01:37,170 --> 00:01:39,450 And then, after I insert that background layer, 42 42 00:01:39,450 --> 00:01:40,520 we're gonna have to recolor 43 43 00:01:40,520 --> 00:01:42,330 the outside of the Nerds box, 44 44 00:01:42,330 --> 00:01:44,240 which is gonna be white. 45 45 00:01:44,240 --> 00:01:47,720 Okay. So we have the background layer selected, 46 46 00:01:47,720 --> 00:01:50,170 and I'm gonna use the can of paint here, 47 47 00:01:50,170 --> 00:01:53,090 and we'll just get this darker green color 48 48 00:01:53,090 --> 00:01:55,560 and throw it in there, okay. 49 49 00:01:55,560 --> 00:01:57,570 Now let's select the Nerds box, 50 50 00:01:57,570 --> 00:02:01,300 and what we have to do is we have to remove the outside. 51 51 00:02:01,300 --> 00:02:02,960 So let's select this item here. 52 52 00:02:02,960 --> 00:02:06,810 Hold the mouse button down and then select Quick Selection, 53 53 00:02:06,810 --> 00:02:09,220 and Pixelmator's awesome for this. 54 54 00:02:09,220 --> 00:02:11,610 Select, cut. 55 55 00:02:11,610 --> 00:02:12,730 Select, cut. 56 56 00:02:12,730 --> 00:02:15,030 Whoops, undo. 57 57 00:02:15,030 --> 00:02:16,153 Select, cut. 58 58 00:02:17,960 --> 00:02:18,980 Oh, it's not working 59 59 00:02:18,980 --> 00:02:21,140 because I selected the arrow layer for some reason. 60 60 00:02:21,140 --> 00:02:22,900 Go back to Nerds, here. 61 61 00:02:22,900 --> 00:02:24,283 Select, cut. 62 62 00:02:25,670 --> 00:02:26,503 And again. 63 63 00:02:27,960 --> 00:02:28,793 Did it again. 64 64 00:02:29,930 --> 00:02:31,893 Select, cut. 65 65 00:02:33,740 --> 00:02:37,130 Very gently here, cut. 66 66 00:02:37,130 --> 00:02:39,230 And we can make the brush size smaller, even, 67 67 00:02:39,230 --> 00:02:40,063 if we wanted to. 68 68 00:02:40,063 --> 00:02:41,370 It's easier to select, though. 69 69 00:02:41,370 --> 00:02:44,230 Select again, cut. 70 70 00:02:44,230 --> 00:02:45,250 Almost done. 71 71 00:02:45,250 --> 00:02:46,083 Cut. 72 72 00:02:49,580 --> 00:02:51,090 Cut. 73 73 00:02:51,090 --> 00:02:52,790 And I'm gonna have to zoom in here 74 74 00:02:52,790 --> 00:02:54,510 and I'll make the brush size a lot smaller. 75 75 00:02:54,510 --> 00:02:56,930 I'm gonna hit Command D to deselect. 76 76 00:02:56,930 --> 00:02:58,310 And I'll select that. 77 77 00:02:58,310 --> 00:02:59,770 Cut. Good. 78 78 00:02:59,770 --> 00:03:02,790 And you'll notice that there's a couple of hairlines here 79 79 00:03:02,790 --> 00:03:05,860 which are in between areas that I've cut. 80 80 00:03:05,860 --> 00:03:07,190 And so what I like to do at the end 81 81 00:03:07,190 --> 00:03:09,290 is I like to actually go here 82 82 00:03:09,290 --> 00:03:11,700 and select everything again. 83 83 00:03:11,700 --> 00:03:13,150 And I can cut. 84 84 00:03:13,150 --> 00:03:17,710 But let me first of all just hit the option button, 85 85 00:03:17,710 --> 00:03:19,480 deselect that. 86 86 00:03:19,480 --> 00:03:21,930 Option, deselect. 87 87 00:03:21,930 --> 00:03:23,670 Option, deselect. 88 88 00:03:23,670 --> 00:03:25,890 Good. Now watch what happens when I cut. 89 89 00:03:25,890 --> 00:03:27,930 See that little line there? 90 90 00:03:27,930 --> 00:03:29,340 Gone. Okay, good. 91 91 00:03:29,340 --> 00:03:31,250 Command D to deselect. 92 92 00:03:31,250 --> 00:03:33,170 Okay, we're done with the Nerds box. 93 93 00:03:33,170 --> 00:03:34,830 Let's make that box pop a little bit 94 94 00:03:34,830 --> 00:03:36,453 before we add the arrow. 95 95 00:03:37,360 --> 00:03:40,940 So what I can do is click here 96 96 00:03:40,940 --> 00:03:43,650 and we can add a bit of a shadow if we want to. 97 97 00:03:43,650 --> 00:03:44,853 Let's see how it looks. 98 98 00:03:45,900 --> 00:03:48,360 Okay, I like to blur the shadow always. 99 99 00:03:48,360 --> 00:03:50,340 I like that, all the way around it, okay. 100 100 00:03:50,340 --> 00:03:52,710 And that means that whatever item we put here, 101 101 00:03:52,710 --> 00:03:54,360 we have to have a commensurate shadow, 102 102 00:03:54,360 --> 00:03:55,193 meaning all the way around. 103 103 00:03:55,193 --> 00:03:57,030 Just to be consistent, if we want to. 104 104 00:03:58,100 --> 00:03:59,810 And what you could even do is, 105 105 00:03:59,810 --> 00:04:03,380 if that bothers you, how that's not perfectly even there, 106 106 00:04:03,380 --> 00:04:04,710 you can get rid of the shadow 107 107 00:04:04,710 --> 00:04:07,563 and instead of that you can put a stroke around it. 108 108 00:04:08,980 --> 00:04:12,003 But it's gonna be a bigger stroke, like that. 109 109 00:04:12,930 --> 00:04:15,200 And then you can actually also 110 110 00:04:15,200 --> 00:04:17,550 change the opacity on the stroke, 111 111 00:04:17,550 --> 00:04:21,360 and make the color closer to another color you see here 112 112 00:04:21,360 --> 00:04:23,390 but not as pronounced as black. 113 113 00:04:23,390 --> 00:04:26,050 Okay, so maybe something like this. 114 114 00:04:26,050 --> 00:04:28,120 It's a little bit less pronounced. 115 115 00:04:28,120 --> 00:04:29,840 But I'm just gonna undo all that stuff 116 116 00:04:29,840 --> 00:04:31,160 because I like the shadow, 117 117 00:04:31,160 --> 00:04:32,320 even though it's not perfect there. 118 118 00:04:32,320 --> 00:04:33,230 Keep in mind, 119 119 00:04:33,230 --> 00:04:35,090 we're gonna be looking at this from farther away, 120 120 00:04:35,090 --> 00:04:36,920 because it is a thumbnail image. 121 121 00:04:36,920 --> 00:04:38,370 It's good enough. Okay, cool. 122 122 00:04:39,420 --> 00:04:42,550 All right, next up we can insert an arrow. 123 123 00:04:42,550 --> 00:04:44,367 So let me just select that. 124 124 00:04:44,367 --> 00:04:46,870 And this arrow is way too big, 125 125 00:04:46,870 --> 00:04:50,253 so I'm gonna go and grab it here. 126 126 00:04:51,270 --> 00:04:53,160 And for some reason, 127 127 00:04:53,160 --> 00:04:56,510 it looks like there's a part of it missing. 128 128 00:04:56,510 --> 00:04:59,560 And I think it's because I might have deleted part of it 129 129 00:04:59,560 --> 00:05:02,290 when I selected, I thought I was selecting a Nerds box. 130 130 00:05:02,290 --> 00:05:04,210 So I'm gonna hit delete, 131 131 00:05:04,210 --> 00:05:07,110 and we're gonna put that layer in again. 132 132 00:05:07,110 --> 00:05:09,823 And we go back here, and get my pointing arrows. 133 133 00:05:10,940 --> 00:05:12,970 And I'm gonna paint them on the... 134 134 00:05:12,970 --> 00:05:15,473 Or paste them up on this layer here, on the top. 135 135 00:05:16,570 --> 00:05:18,273 All right. Keeping it real. 136 136 00:05:19,720 --> 00:05:20,913 Let's grab this arrow, 137 137 00:05:22,750 --> 00:05:24,300 and I want to get rid of that blue arrow, 138 138 00:05:24,300 --> 00:05:25,640 so we're gonna cut it out. 139 139 00:05:25,640 --> 00:05:28,080 So make sure you have the layer selected. 140 140 00:05:28,080 --> 00:05:30,673 Select this little icon here. 141 141 00:05:31,510 --> 00:05:35,050 We will highlight this and then cut. 142 142 00:05:35,050 --> 00:05:37,680 And it only cut out the arrow and not the Nerds 143 143 00:05:37,680 --> 00:05:40,320 because we did not have the Nerds layer selected. 144 144 00:05:40,320 --> 00:05:42,690 All right. Now let's go back here, 145 145 00:05:42,690 --> 00:05:45,450 hit Command D to deselect the dancing ants. 146 146 00:05:45,450 --> 00:05:47,490 Make it a little bit bigger for us. 147 147 00:05:47,490 --> 00:05:48,700 And then what I'm going to do is, 148 148 00:05:48,700 --> 00:05:50,400 just to be consistent, 149 149 00:05:50,400 --> 00:05:52,710 I'm actually gonna grab that shadow on the outside, 150 150 00:05:52,710 --> 00:05:54,540 do the same thing here. 151 151 00:05:54,540 --> 00:05:58,123 So we'll go here, and we'll add shadow. 152 152 00:05:58,980 --> 00:06:01,630 And we'll make the distance out there, 153 153 00:06:01,630 --> 00:06:05,440 and we'll blur it sorta like we did for the Nerds box, 154 154 00:06:05,440 --> 00:06:07,540 change the opacity slightly. 155 155 00:06:07,540 --> 00:06:09,290 That's close enough, that's good. 156 156 00:06:09,290 --> 00:06:10,233 Okay, great. 157 157 00:06:11,280 --> 00:06:14,000 Then what we're gonna do is we're gonna export this. 158 158 00:06:14,000 --> 00:06:17,083 So we go up here to File, Export. 159 159 00:06:19,380 --> 00:06:21,640 And we see that it's still way under 160 160 00:06:21,640 --> 00:06:24,840 the two megabyte threshold at the highest resolution, 161 161 00:06:24,840 --> 00:06:26,550 so we'll keep it up there. 162 162 00:06:26,550 --> 00:06:30,523 And I will export that as Arrows Or Circles jpg. 163 163 00:06:32,680 --> 00:06:33,710 And we're done. 164 164 00:06:33,710 --> 00:06:35,840 And as always I'm gonna attach all these files, 165 165 00:06:35,840 --> 00:06:38,330 so you can use them as well, if you want to. 166 166 00:06:38,330 --> 00:06:40,440 Now let's go and take a look to see 167 167 00:06:40,440 --> 00:06:42,520 what that image looks like. 168 168 00:06:42,520 --> 00:06:46,120 So that's it there, 684 kilobytes. 169 169 00:06:46,120 --> 00:06:47,740 And it looks good. It looks good. 170 170 00:06:47,740 --> 00:06:49,240 If we wanted to, we could have zoomed in 171 171 00:06:49,240 --> 00:06:53,370 and refined that a little bit by selecting the eraser tool. 172 172 00:06:53,370 --> 00:06:54,320 Okay, you can erase that, 173 173 00:06:54,320 --> 00:06:56,230 if you wanted to. 174 174 00:06:56,230 --> 00:06:58,340 And if you want, keep watching 175 175 00:06:58,340 --> 00:07:00,290 and I'll show you how we can erase that outside, 176 176 00:07:00,290 --> 00:07:02,250 otherwise you can move on to the next lecture. 177 177 00:07:02,250 --> 00:07:03,880 Thanks. 178 178 00:07:03,880 --> 00:07:06,030 All right, so let's go back here 179 179 00:07:06,030 --> 00:07:09,780 and let's get the eraser, okay. 180 180 00:07:09,780 --> 00:07:11,620 So here's the eraser here. 181 181 00:07:11,620 --> 00:07:13,070 Now when you select the eraser, 182 182 00:07:13,070 --> 00:07:16,040 there's a couple of different things you can do. 183 183 00:07:16,040 --> 00:07:18,710 You can change the brush size, make it bigger, 184 184 00:07:18,710 --> 00:07:20,200 so obviously that's gonna, 185 185 00:07:20,200 --> 00:07:21,190 if I select the Nerds layer 186 186 00:07:21,190 --> 00:07:23,770 it's gonna delete a little bit too much stuff. 187 187 00:07:23,770 --> 00:07:26,540 And you can also change the softness. 188 188 00:07:26,540 --> 00:07:27,373 The softness, 189 189 00:07:27,373 --> 00:07:29,610 you see how there's a bunch of different rings there? 190 190 00:07:29,610 --> 00:07:32,360 See that? It's kind of a nice look to it, 191 191 00:07:32,360 --> 00:07:36,650 if you're not sure exactly where the edge is of an item, 192 192 00:07:36,650 --> 00:07:40,430 or if you just kinda wanna brush erase around it. 193 193 00:07:40,430 --> 00:07:42,620 So let's make this size smaller, 194 194 00:07:42,620 --> 00:07:44,270 let's zoom in a lot, okay. 195 195 00:07:44,270 --> 00:07:45,210 It's not a perfect image, 196 196 00:07:45,210 --> 00:07:47,260 you can see it's a little jagged here. 197 197 00:07:47,260 --> 00:07:48,640 And then what we can do is 198 198 00:07:48,640 --> 00:07:49,970 let's just play around with it like this, 199 199 00:07:49,970 --> 00:07:51,250 no I don't like that. 200 200 00:07:51,250 --> 00:07:54,313 So let's make the softness a bit harder. 201 201 00:07:56,060 --> 00:07:58,253 Nope. (chuckles) 202 202 00:07:59,990 --> 00:08:01,530 Okay, that's good. 203 203 00:08:01,530 --> 00:08:03,500 And we could play around with that if we wanted to 204 204 00:08:03,500 --> 00:08:05,020 all the way around the outside. 205 205 00:08:05,020 --> 00:08:06,890 Or if you wanna be more precise, 206 206 00:08:06,890 --> 00:08:09,290 you can make the softness 100%, 207 207 00:08:09,290 --> 00:08:13,760 and then drag down here in little brush strokes. 208 208 00:08:13,760 --> 00:08:14,633 Stop. 209 209 00:08:15,920 --> 00:08:16,753 Okay. 210 210 00:08:18,120 --> 00:08:20,850 You wanna click and then release every now and then 211 211 00:08:20,850 --> 00:08:23,700 in case you screw up and you wanna undo what you've done. 212 212 00:08:25,100 --> 00:08:26,033 Undo there, see. 213 213 00:08:32,350 --> 00:08:33,273 Almost there. 214 214 00:08:38,490 --> 00:08:39,323 Yeah, it's good. 215 215 00:08:39,323 --> 00:08:41,400 And what you could've also done if you want to, 216 216 00:08:41,400 --> 00:08:43,870 is you can actually take this image 217 217 00:08:43,870 --> 00:08:47,780 and you can turn it a little bit by going here. 218 218 00:08:47,780 --> 00:08:52,780 Rotate it so that it's perfectly, perfectly vertical, 219 219 00:08:53,920 --> 00:08:55,660 if it wasn't already vertical. 220 220 00:08:55,660 --> 00:08:58,730 And then what you coulda done is grabbed this dude here 221 221 00:08:58,730 --> 00:09:01,020 and then come over here instead of using the paintbrush, 222 222 00:09:01,020 --> 00:09:05,850 and just go here and just very slightly, 223 223 00:09:05,850 --> 00:09:08,090 and I took my finger off the mouse, 224 224 00:09:08,090 --> 00:09:09,540 and I'm now using the arrows. 225 225 00:09:10,540 --> 00:09:13,250 Cut. See that? 226 226 00:09:13,250 --> 00:09:15,510 So it's perfectly aligned. 227 227 00:09:15,510 --> 00:09:17,940 And we coulda done the same thing up top, here. 228 228 00:09:17,940 --> 00:09:19,363 Okay, so, ignore that. 229 229 00:09:20,240 --> 00:09:21,720 What we could do is hit Command D 230 230 00:09:21,720 --> 00:09:23,133 to get rid of dancing ants, 231 231 00:09:24,250 --> 00:09:29,163 and we can turn this so it's kinda horizontal. 232 232 00:09:30,390 --> 00:09:33,760 Oops. It's hard to get it perfectly precise. 233 233 00:09:33,760 --> 00:09:35,310 You can zoom in if you want to. 234 234 00:09:36,390 --> 00:09:38,440 And then what we could do is 235 235 00:09:38,440 --> 00:09:40,430 we could do the same thing we just did, 236 236 00:09:40,430 --> 00:09:42,000 which is we can grab this 237 237 00:09:44,150 --> 00:09:46,360 and we can drag it down a bit. 238 238 00:09:46,360 --> 00:09:48,800 It's not perfectly horizontal though, here. 239 239 00:09:48,800 --> 00:09:50,750 So I wasn't precise enough, 240 240 00:09:50,750 --> 00:09:51,700 so let me go back here, 241 241 00:09:51,700 --> 00:09:53,970 Command D, select Nerds, 242 242 00:09:53,970 --> 00:09:56,403 and then turn it slightly more. 243 243 00:10:00,340 --> 00:10:02,070 And I'm gonna hit the up arrow 244 244 00:10:02,070 --> 00:10:03,710 so we can go right to the edge here 245 245 00:10:03,710 --> 00:10:07,200 to see if I'm being precise enough or not. 246 246 00:10:07,200 --> 00:10:08,663 We can zoom in, of course. 247 247 00:10:10,821 --> 00:10:15,821 And slightly, I gotta bring this side down very slightly. 248 248 00:10:16,020 --> 00:10:18,170 So I'm actually just gonna hit this. 249 249 00:10:18,170 --> 00:10:19,070 Whoops, wrong way. 250 250 00:10:20,430 --> 00:10:22,793 It's actually gotta be in half degree, 251 251 00:10:23,760 --> 00:10:26,390 so 355.5, let's try that. 252 252 00:10:32,353 --> 00:10:34,280 That looks decent, close enough. 253 253 00:10:34,280 --> 00:10:38,293 Okay, now what I'll do is I will grab this guy here, 254 254 00:10:39,310 --> 00:10:42,000 and I'll grab this and bring it down here, 255 255 00:10:42,000 --> 00:10:45,650 and we can zoom in a bit 256 256 00:10:46,760 --> 00:10:48,480 and then I can use the up and down arrows 257 257 00:10:48,480 --> 00:10:51,460 to move that item, that rectangle. 258 258 00:10:51,460 --> 00:10:55,330 And then I can hit Command X to cut. 259 259 00:10:55,330 --> 00:10:56,560 That's kinda a cleaner look. 260 260 00:10:56,560 --> 00:10:58,920 And if you're gonna make very big images, 261 261 00:10:58,920 --> 00:11:02,460 or big billboards for outdoors by the highway, 262 262 00:11:02,460 --> 00:11:03,857 you wanna be as precise as you can 263 263 00:11:03,857 --> 00:11:05,963 and zoom in as much as you can. 264 264 00:11:07,190 --> 00:11:11,270 And then what we would do is we would take this 265 265 00:11:11,270 --> 00:11:14,823 and then rotate it back to the way it was before. 266 266 00:11:16,410 --> 00:11:18,480 Yeah. That looks better, huh? 267 267 00:11:19,380 --> 00:11:22,720 All right. And what I'll do, 268 268 00:11:22,720 --> 00:11:25,430 hit Command D, deselect. 269 269 00:11:25,430 --> 00:11:28,563 Whoops, go back and redo that. 270 270 00:11:38,750 --> 00:11:40,510 Okay, and now what we can do is, 271 271 00:11:40,510 --> 00:11:43,870 it's not perfect but let's just export it. 272 272 00:11:43,870 --> 00:11:47,140 And I'll attach it as well, if you wanna check it out. 273 273 00:11:47,140 --> 00:11:50,260 So we'll export it and what I'll do is 274 274 00:11:50,260 --> 00:11:53,550 I will call it Arrows Or Circles jpg, 275 275 00:11:53,550 --> 00:11:57,900 or actually I'll call it Arrows Or Circles version 2, jpg. 276 276 00:12:00,760 --> 00:12:02,500 And that will look a little bit more precise. 277 277 00:12:02,500 --> 00:12:04,900 And as always I'll attach all files I discuss 278 278 00:12:04,900 --> 00:12:06,310 in each lecture. Thanks.