0 1 00:00:02,207 --> 00:00:04,777 Hi there, in this video we're going to do two things. 1 2 00:00:04,802 --> 00:00:07,824 We're going to take this colored image, and turn it into a black and white image. 2 3 00:00:07,980 --> 00:00:09,443 Then we're going to do some cool stuff... 3 4 00:00:09,468 --> 00:00:11,600 with colors, and blending with the background. 4 5 00:00:11,625 --> 00:00:13,575 You can see a few different options there. 5 6 00:00:13,880 --> 00:00:16,262 Let's go do that now in Adobe Illustrator. 6 7 00:00:16,958 --> 00:00:20,403 To get started you can open up a file, in our 'Exercise files'... 7 8 00:00:20,428 --> 00:00:23,645 called 'blending modes - black and white.ai'. 8 9 00:00:24,294 --> 00:00:26,950 I've just put in some basic stuff to get us going. 9 10 00:00:27,020 --> 00:00:29,700 Phase one, is bringing in an image, and making it black and white. 10 11 00:00:29,778 --> 00:00:32,341 So we're going to go 'File', 'Place'. 11 12 00:00:32,622 --> 00:00:37,567 And we're going to find an image in here called 'grayscale.jpg'. 12 13 00:00:37,997 --> 00:00:39,083 Click 'Place'. 13 14 00:00:39,108 --> 00:00:41,653 I'm going to drag it so it kind of fits in the background here. 14 15 00:00:41,678 --> 00:00:44,536 It's a little bit too big, we should trim that up. I'm not going to bother. 15 16 00:00:45,616 --> 00:00:46,958 I also want to send it to the back. 16 17 00:00:47,113 --> 00:00:49,910 So 'Command Shift', and square bracket, '['... 17 18 00:00:50,153 --> 00:00:52,161 or 'Control Shift', square bracket on a PC. 18 19 00:00:52,606 --> 00:00:54,254 Now we need to make it black and white. 19 20 00:00:54,583 --> 00:00:56,317 So black and white in Illustrator is... 20 21 00:00:56,342 --> 00:00:59,130 with it selected with my 'Black Arrow', I go up to 'Edit'... 21 22 00:00:59,155 --> 00:01:02,458 and I go down to 'Edit Colors', and I've got 'Convert to Grayscale'. 22 23 00:01:02,958 --> 00:01:03,942 And it's black and white. 23 24 00:01:04,528 --> 00:01:07,099 Now that's fine, and this one looks fine. 24 25 00:01:07,286 --> 00:01:09,505 I find that Illustrator does... 25 26 00:01:09,530 --> 00:01:10,682 it's got one option, right? 26 27 00:01:10,707 --> 00:01:12,755 It's pretty kind of, just take it or leave it. 27 28 00:01:12,942 --> 00:01:14,222 So what I tend to do is... 28 29 00:01:14,247 --> 00:01:16,833 I'll do the same image in something like Photoshop. 29 30 00:01:16,858 --> 00:01:18,278 I know it's not a Photoshop class... 30 31 00:01:18,310 --> 00:01:21,715 but even if you've never used it... 31 32 00:01:21,840 --> 00:01:23,371 do this particular thing. 32 33 00:01:23,552 --> 00:01:25,106 All you want to do is... 33 34 00:01:25,131 --> 00:01:27,629 with it open, go to 'Adjustments', there's an option in here. 34 35 00:01:27,661 --> 00:01:29,770 This little icon here is the 'Black and White'. 35 36 00:01:30,294 --> 00:01:32,200 It does a similar sort of thing, we'll have a little look. 36 37 00:01:32,505 --> 00:01:34,208 It's slightly different. 37 38 00:01:34,240 --> 00:01:36,801 Where it gets different in Photoshop though is... 38 39 00:01:36,833 --> 00:01:38,176 you get to adjust the colors. 39 40 00:01:38,201 --> 00:01:40,325 So in here you get to say what you do with the reds. 40 41 00:01:40,488 --> 00:01:41,980 So you get a bit of control. 41 42 00:01:42,185 --> 00:01:44,731 You can see, rather than just leave what the default is... 42 43 00:01:44,756 --> 00:01:47,146 you can say, actually I want to do some other stuff with him... 43 44 00:01:47,171 --> 00:01:47,991 maybe darken him up. 44 45 00:01:49,028 --> 00:01:50,442 Just gives you a lot more control... 45 46 00:01:50,467 --> 00:01:53,231 about how this thing gets converted to black and white, which I love. 46 47 00:01:53,256 --> 00:01:55,028 There's no green in the image, but these guys do. 47 48 00:01:55,069 --> 00:01:57,575 A little bit cyan in his pocket, turns out. 48 49 00:01:57,793 --> 00:01:58,965 Little bit blue in his shirt. 49 50 00:01:59,411 --> 00:02:01,255 So you get to kind of have a bit more control. 50 51 00:02:01,466 --> 00:02:04,786 Another cool thing about this in Photoshop is this guy here. 51 52 00:02:05,152 --> 00:02:08,933 It's got a terrible name, the On Art Modifier. 52 53 00:02:09,316 --> 00:02:10,332 But give it a click. 53 54 00:02:10,481 --> 00:02:12,942 What it does is, means that you get to click and drag. 54 55 00:02:12,967 --> 00:02:15,130 So I've turned it on. You know it's active because it's dark. 55 56 00:02:15,162 --> 00:02:16,229 And over here I get to say... 56 57 00:02:16,254 --> 00:02:18,349 say his cheeks need a bit of work, I can click, hold... 57 58 00:02:18,731 --> 00:02:20,146 drag left and right. 58 59 00:02:20,427 --> 00:02:23,504 So instead of just trying to guess over here what colors are affecting things... 59 60 00:02:23,545 --> 00:02:25,317 you need to go, and say, this bit of the checkered shirt... 60 61 00:02:25,450 --> 00:02:26,880 a bit brighter, darker. 61 62 00:02:27,187 --> 00:02:29,310 So it's just really kind of teched our pocket. 62 63 00:02:29,484 --> 00:02:31,249 I need to kind of darken down... 63 64 00:02:31,626 --> 00:02:34,022 because here it's quite bright, I need to darken it down. 64 65 00:02:34,148 --> 00:02:36,617 The fence here, bring it up, down. 65 66 00:02:36,796 --> 00:02:38,789 So you just click, hold, and drag. 66 67 00:02:38,960 --> 00:02:39,906 The other thing... 67 68 00:02:39,931 --> 00:02:41,587 you might not want black and white... 68 69 00:02:41,612 --> 00:02:43,938 you might want a tint, there's a tint option here. 69 70 00:02:45,366 --> 00:02:49,272 By default it's got kind of sepia kind of tone. 70 71 00:02:49,664 --> 00:02:52,796 So that is the Black & White Tool in Photoshop. 71 72 00:02:52,821 --> 00:02:53,984 Now you can save that out. 72 73 00:02:54,242 --> 00:02:57,257 Maybe as a PSD, maybe as a JPEG, and bring it into Illustrator. 73 74 00:02:57,282 --> 00:03:00,445 I'm not going to, but if you want to do more with Photoshop... 74 75 00:03:00,470 --> 00:03:03,468 tips and tricks like these, I've got a Photoshop course. 75 76 00:03:03,493 --> 00:03:06,734 So check out either the Essentials of the Advanced one of that. 76 77 00:03:07,296 --> 00:03:09,359 All right, back into Illustrator. 77 78 00:03:09,625 --> 00:03:11,491 What we want to do now is get-- 78 79 00:03:11,718 --> 00:03:14,270 there's kind of coloration interacting with the background... 79 80 00:03:14,295 --> 00:03:15,453 like we saw at the beginning. 80 81 00:03:15,515 --> 00:03:17,312 It's quite easy, it's called Color Blending... 81 82 00:03:17,337 --> 00:03:19,023 like we did in an earlier tutorial. 82 83 00:03:19,234 --> 00:03:21,273 So 'Black Arrow, I've got this red box selected. 83 84 00:03:21,398 --> 00:03:23,437 Go to opacity, click on the word 'Opacity'. 84 85 00:03:23,679 --> 00:03:26,523 'Normal', and then just play around here until you find one that works. 85 86 00:03:27,726 --> 00:03:29,296 I like Multiply, looks pretty good. 86 87 00:03:29,718 --> 00:03:31,030 They've all got different kind of effects. 87 88 00:03:32,203 --> 00:03:34,366 Also know that if you use a different color... 88 89 00:03:34,391 --> 00:03:35,968 I use kind of a rich red... 89 90 00:03:36,554 --> 00:03:40,022 that's going to work this way with Multiply... 90 91 00:03:40,047 --> 00:03:41,853 but if you have a different color you'll find... 91 92 00:03:41,878 --> 00:03:43,757 that some of these options can be quite different. 92 93 00:03:43,976 --> 00:03:46,012 I'm going to leave that at Multiply, because I like it... 93 94 00:03:46,037 --> 00:03:47,030 and move on to our next one. 94 95 00:03:47,538 --> 00:03:48,624 What we're going to do in the next bit... 95 96 00:03:48,657 --> 00:03:51,375 we're going to grab our 'Artboard Tool', just make a duplicate. 96 97 00:03:51,695 --> 00:03:53,647 So 'Artboard Tool'... 97 98 00:03:53,672 --> 00:03:56,679 I hold down the 'Option' key on a Mac, 'Alt' key on a PC... 98 99 00:03:56,937 --> 00:03:58,132 to get a second version. 99 100 00:03:58,539 --> 00:04:01,155 In this one what I want to do is not only colorize this... 100 101 00:04:01,180 --> 00:04:02,616 actually I'm going to touch this bit to black. 101 102 00:04:03,187 --> 00:04:04,249 I want you to be black. 102 103 00:04:04,913 --> 00:04:06,554 Doesn't really matter with Multiply. 103 104 00:04:06,867 --> 00:04:09,609 It could be a normal Multiply only. They both look the same. 104 105 00:04:09,859 --> 00:04:11,187 What I'd like to do is... 105 106 00:04:11,212 --> 00:04:13,601 add these kind of guys up here, grab these three. 106 107 00:04:13,906 --> 00:04:16,921 I'm going to just make them nice and big. 107 108 00:04:16,946 --> 00:04:19,250 Just stretching them out, I'm going to rotate them. 108 109 00:04:19,484 --> 00:04:21,171 What I really want to do is... 109 110 00:04:22,421 --> 00:04:24,077 the layer order is kind of important. 110 111 00:04:24,155 --> 00:04:25,453 Not kind of important, it's very important. 111 112 00:04:25,953 --> 00:04:27,500 So I'm going to get him there. 112 113 00:04:30,914 --> 00:04:33,125 What I can't do is overlap this other document. 113 114 00:04:33,585 --> 00:04:37,429 So I might have to move this guy across with my Artboard Tool. 114 115 00:04:37,454 --> 00:04:39,437 So there's a bit more space. 115 116 00:04:41,854 --> 00:04:44,252 So with these selected, I'm going to send them to the back... 116 117 00:04:44,409 --> 00:04:48,214 and bring them forward so they are just one-- 117 118 00:04:48,503 --> 00:04:50,800 Just in front of the gray, but not in front of this text... 118 119 00:04:50,825 --> 00:04:52,558 because I don't want this color affecting that. 119 120 00:04:52,886 --> 00:04:55,730 Now exactly same thing, I'm going to go through, 'Stroke'-- 120 121 00:04:57,120 --> 00:05:01,080 sorry, the word is 'Opacity', and pick another one of these. 121 122 00:05:01,362 --> 00:05:05,269 You can do some really cool stuff with different colors. 122 123 00:05:06,339 --> 00:05:09,308 What is this color mode? It's quite cool. 123 124 00:05:10,089 --> 00:05:12,339 Looks like too much. Just one of the boxes. 124 125 00:05:12,800 --> 00:05:15,300 And this one here is 'Multiply'. 125 126 00:05:15,777 --> 00:05:19,769 Looks pretty cool. 'Color Burn', 'Lighten'. 126 127 00:05:21,050 --> 00:05:22,261 Kind of color burnt. 127 128 00:05:23,096 --> 00:05:24,730 Cool kind of Instagram look. 128 129 00:05:24,996 --> 00:05:29,128 And what we might do as well is draw a rectangle to crop these guys in. 129 130 00:05:29,153 --> 00:05:31,121 So I'm going to intersect you, intersect you. 130 131 00:05:31,738 --> 00:05:35,823 I'm going to select all these boxes plus that image in the background. 131 132 00:05:35,848 --> 00:05:37,636 Can't grab him, hard to grab. 132 133 00:05:39,964 --> 00:05:41,378 Come on, Daniel. Professional. 133 134 00:05:41,808 --> 00:05:43,347 Grab them all, cut them all. 134 135 00:05:43,878 --> 00:05:47,370 So I've got everything selected, this image, these boxes, this guy here. 135 136 00:05:47,395 --> 00:05:48,347 Because this guy's in the front... 136 137 00:05:48,372 --> 00:05:52,426 I can hit 'Command 7', or 'Control 7' on a PC. 137 138 00:05:52,793 --> 00:05:56,324 Just kind of crop them all in. They're still there. 138 139 00:05:56,692 --> 00:05:59,856 I'm going to select on this, and move it to the back so I can see my text. 139 140 00:06:00,465 --> 00:06:01,676 One last thing I'll show you. 140 141 00:06:01,701 --> 00:06:03,008 You saw at the beginning there... 141 142 00:06:03,033 --> 00:06:04,934 I'm going to grab my Artboard Tool, 'Shift O'. 142 143 00:06:05,340 --> 00:06:09,097 And I'm going to hold down the 'Alt' key, or 'Option' key. 143 144 00:06:09,520 --> 00:06:12,707 I'm going to right click, 'Release Clipping Mask'. 144 145 00:06:13,082 --> 00:06:14,918 Don't want you guys anymore. Thank you, very much. 145 146 00:06:15,098 --> 00:06:18,738 We're going to do two things, one is, I'm going to kind of posterize him. 146 147 00:06:18,887 --> 00:06:20,535 It's called Half Tone, kind of that cool-- 147 148 00:06:20,847 --> 00:06:23,245 I don't know, exaggeration of old school printing. 148 149 00:06:23,457 --> 00:06:24,895 Not old school, actual printing... 149 150 00:06:24,927 --> 00:06:27,699 but I'm going to blow it up to look quite cool, so we're going to select him. 150 151 00:06:28,035 --> 00:06:29,512 We're going to go into 'Effect'. 151 152 00:06:29,754 --> 00:06:32,473 Dan's going to try and remember which one this is in. 152 153 00:06:33,402 --> 00:06:34,683 Guess it's Pixelate. 153 154 00:06:35,369 --> 00:06:37,650 Color Halftone, that's what I'm after. 154 155 00:06:38,174 --> 00:06:39,994 I'm going to just leave all the defaults. 155 156 00:06:40,447 --> 00:06:41,650 And that's going to be our result. 156 157 00:06:41,675 --> 00:06:44,391 What we might do as well just to kind of give it... 157 158 00:06:44,453 --> 00:06:47,728 a little, I don't know, what's that? Dan's Netflix show. 158 159 00:06:50,197 --> 00:06:51,650 It's Making a Murderer. 159 160 00:06:52,080 --> 00:06:55,275 I love that series anyway. 160 161 00:06:55,588 --> 00:06:57,853 That's what we're going for anyway, we're going for red. 161 162 00:06:58,002 --> 00:07:00,603 Then we're going to go and play with the opacity. 162 163 00:07:01,211 --> 00:07:03,908 Actually we're playing with the Blending Mode inside of Opacity. 163 164 00:07:03,933 --> 00:07:06,704 And in here we're going to pick one of these, right? 164 165 00:07:07,041 --> 00:07:08,908 Kind of some color burn, I like it. 165 166 00:07:10,001 --> 00:07:12,446 It's got that kind of look to it. Maybe I'm making it up... 166 167 00:07:12,471 --> 00:07:14,431 but you get the idea, right? 167 168 00:07:14,456 --> 00:07:16,681 You can play around with obviously Color Halftone... 168 169 00:07:16,706 --> 00:07:19,806 you can drag that off, click on this guy, and update it in here... 169 170 00:07:19,847 --> 00:07:22,861 and decide, kind of Max Radius, Channels 1, 2, and 3. 170 171 00:07:22,886 --> 00:07:24,088 Just kind of edit it. 171 172 00:07:24,113 --> 00:07:27,571 This looks quite different when you're working with a colored image... 172 173 00:07:28,674 --> 00:07:30,431 because we only have one channel being used. 173 174 00:07:30,681 --> 00:07:33,173 So play around with the colored image, mine look quite cool as well. 174 175 00:07:34,080 --> 00:07:38,525 All right my friends, that is how to work with black and white images... 175 176 00:07:38,550 --> 00:07:41,861 and do some cool stuff with Color Blending Modes. 176 177 00:07:42,266 --> 00:07:44,094 All right, I'll see you in the next video.