0 1 00:00:00,001 --> 00:00:03,242 Hey there, in this video we're going to make Anaglyphic Text. 1 2 00:00:03,267 --> 00:00:06,609 Basically it's that kind of Cyan-y red color... 2 3 00:00:06,797 --> 00:00:10,672 overlapping to interact to kind of look 3D retro. 3 4 00:00:11,367 --> 00:00:14,281 Anaglyphic is a word that I'm probably murdering... 4 5 00:00:14,758 --> 00:00:15,866 but you get the idea. 5 6 00:00:15,891 --> 00:00:18,477 Let's go off and make this Type in Illustrator. 6 7 00:00:19,234 --> 00:00:20,979 First up, and you don't have to do this. 7 8 00:00:21,004 --> 00:00:25,125 Open up 'anaglyphic.ai' from the 'Exercise Files'. 8 9 00:00:25,150 --> 00:00:27,852 The only thing I've done is I've made it kind of slightly... 9 10 00:00:28,833 --> 00:00:31,700 solid off-white background, because I think it looks better on it. 10 11 00:00:31,817 --> 00:00:34,825 Anyway, grab the 'Type Tool', and type in some Type. 11 12 00:00:35,739 --> 00:00:37,865 We're doing some work for that bicycle brand... 12 13 00:00:37,890 --> 00:00:41,052 that we were doing work for before, called Roar Cycles, or Roar Bikes. 13 14 00:00:41,771 --> 00:00:43,732 I'm going to make the font size really big. 14 15 00:00:43,764 --> 00:00:46,262 And it's easier just to grab the 'Black Arrow', hold 'Shift'... 15 16 00:00:46,878 --> 00:00:47,901 and grab one of the corners. 16 17 00:00:50,591 --> 00:00:54,778 Pick a font size, any Font Type, anything you like. 17 18 00:00:54,990 --> 00:00:58,357 I'm going to use Abril. I like Abril, it is from... 18 19 00:00:58,544 --> 00:00:59,849 you can see it there, Fatface. 19 20 00:00:59,966 --> 00:01:02,076 That is from TypeKit... 20 21 00:01:02,108 --> 00:01:04,307 which if you're a Creative Cloud subscriber... 21 22 00:01:04,332 --> 00:01:06,670 you can go to typekit.com, and download for free. 22 23 00:01:07,162 --> 00:01:09,052 We'll start with this guy. 23 24 00:01:09,085 --> 00:01:11,521 I'm going to do some big letters to get started with. 24 25 00:01:12,519 --> 00:01:14,440 And I'll have kind of two versions, right? 25 26 00:01:15,487 --> 00:01:20,206 So this one here, I'm going to break apart into separate letters. 26 27 00:01:20,409 --> 00:01:21,636 So I'm going to go to 'Object'. 27 28 00:01:22,597 --> 00:01:24,799 You saw it at the beginning, I want to overlap it and do stuff. 28 29 00:01:24,824 --> 00:01:26,690 There could be separate letters, but I'm lazy. 29 30 00:01:26,972 --> 00:01:29,081 So I just want to go to 'Type'... 30 31 00:01:29,245 --> 00:01:32,112 and go to 'Convert to Outlines'. 31 32 00:01:32,300 --> 00:01:34,534 Know the shortcut, 'Command-Shift-O'. 32 33 00:01:34,940 --> 00:01:38,206 What the hang is it for the long version? 33 34 00:01:38,339 --> 00:01:39,612 There it is, 'Create Outlines'. 34 35 00:01:39,753 --> 00:01:42,878 'Command-Shift-O', so if you're on a PC, it's 'Control-Shift-O'. 35 36 00:01:43,440 --> 00:01:45,167 I'm going to right click them, and ungroup them. 36 37 00:01:45,300 --> 00:01:46,870 So now they're all kind of just separate. 37 38 00:01:47,555 --> 00:01:49,336 Now I want to find those colors. 38 39 00:01:49,453 --> 00:01:52,672 Basically you can get away with just guessing, whatever looks good. 39 40 00:01:54,016 --> 00:01:56,898 A nice easy way to kind of get something that's quite close... 40 41 00:01:56,923 --> 00:01:59,282 is to go to 'Window', remember Color Themes from earlier? 41 42 00:02:00,103 --> 00:02:01,814 So Color Themes, where I could find them. 42 43 00:02:03,298 --> 00:02:04,478 It starts off at 'Create'. 43 44 00:02:04,751 --> 00:02:07,767 Switch to 'Explore', and type in 'Anaglyphic'. 44 45 00:02:07,800 --> 00:02:10,800 And if you're like me, I had to write it down... 45 46 00:02:13,173 --> 00:02:17,056 and you have to Google '3D glasses from the 80s'. 46 47 00:02:17,081 --> 00:02:18,806 Then you eventually find the word Anaglyphic. 47 48 00:02:19,314 --> 00:02:22,642 I never remember how to spell it, or even the word itself, in all honesty. 48 49 00:02:23,447 --> 00:02:27,314 So what we're going to do is click on this, I'm going to pick a bit of red. 49 50 00:02:31,167 --> 00:02:34,079 You don't have to pick all of them, or maybe I'll pick that up. 50 51 00:02:34,589 --> 00:02:36,245 And then, oops, sorry. 51 52 00:02:36,527 --> 00:02:38,948 You grab that one, and that one, I'll pick that color. 52 53 00:02:42,058 --> 00:02:43,776 Stealing from that Color Themes Tool. 53 54 00:02:43,801 --> 00:02:45,831 Now we kind of need to do some interactions... 54 55 00:02:45,856 --> 00:02:48,456 because, they look okay like this... 55 56 00:02:49,370 --> 00:02:52,152 but it looks better with some Color Blending. 56 57 00:02:52,363 --> 00:02:54,503 We've done Blending loads in this course... 57 58 00:02:54,528 --> 00:02:56,245 but it's super useful, and versatile. 58 59 00:02:56,472 --> 00:02:57,886 So what we're going to do is have them all selected... 59 60 00:02:58,683 --> 00:03:01,932 and you have to do them each individually to get that kind of perfect color... 60 61 00:03:01,980 --> 00:03:04,932 but you'll probably find switching to Multiply... 61 62 00:03:05,042 --> 00:03:07,402 will give you that kind of Overlap effect. 62 63 00:03:07,636 --> 00:03:09,940 What I might do is just really overlap them. 63 64 00:03:11,027 --> 00:03:14,287 It's more of like a super graphic, kind of title-y thing... 64 65 00:03:14,312 --> 00:03:15,909 than it is meant to be like perfect. 65 66 00:03:16,088 --> 00:03:18,760 Now this guy here is too dominating, he's too dark. 66 67 00:03:19,019 --> 00:03:22,073 So what I'm going to do is pick just a lighter color. 67 68 00:03:23,948 --> 00:03:26,605 'Hue Saturation', I'm going to go to 'Brightness'. 68 69 00:03:26,753 --> 00:03:28,792 And maybe Desaturate it as well. 69 70 00:03:29,300 --> 00:03:33,573 Just because I felt he's dominating too much of those color spaces. 70 71 00:03:34,573 --> 00:03:36,730 That's going to be my Anaglyphic lettering. 71 72 00:03:38,058 --> 00:03:41,917 I don't like him still, I might just pick black and white... 72 73 00:03:41,942 --> 00:03:44,768 and go to 'no' Saturation, crank it up. 73 74 00:03:45,066 --> 00:03:46,183 So I'm happy with him. 74 75 00:03:46,230 --> 00:03:47,980 I want to show stuff around. 75 76 00:03:50,448 --> 00:03:52,581 Now I'm just messing. Carry on with the next one, Dan. 76 77 00:03:55,152 --> 00:03:56,081 Can't help myself. 77 78 00:04:00,886 --> 00:04:04,643 Now it's looking kind of eligible but not eligible enough, creative. 78 79 00:04:05,402 --> 00:04:08,269 The other one is this guy here, I'm going to leave a copy up there. 79 80 00:04:09,464 --> 00:04:11,425 I don't have to break this one apart... 80 81 00:04:11,761 --> 00:04:13,886 but I might just track it in a little bit. 81 82 00:04:15,800 --> 00:04:17,136 Remember our shortcuts from before. 82 83 00:04:17,161 --> 00:04:20,768 It's 'Alt' and the left arrow, '<', or 'Option' and the left arrow. 83 84 00:04:20,793 --> 00:04:23,277 Just to track, and little bit tighten it up. 84 85 00:04:23,980 --> 00:04:25,534 Just want to steal the red color. 85 86 00:04:25,559 --> 00:04:28,112 Now if I use the Eye Dropper Tool here, we're going to run into problems. 86 87 00:04:28,137 --> 00:04:30,503 First of all because it won't copy, you see. 87 88 00:04:30,675 --> 00:04:33,089 It says it's filled with red, but it's actually still black. 88 89 00:04:33,409 --> 00:04:36,214 If I grab the 'Type Tool', highlight it, you see, it's black... 89 90 00:04:36,239 --> 00:04:39,596 but because there's two things kind of fighting it out... 90 91 00:04:39,621 --> 00:04:40,822 it ends up causing problems... 91 92 00:04:40,847 --> 00:04:42,847 so I'm going to undo before that thing goes red. 92 93 00:04:42,995 --> 00:04:46,026 What we'll do is select on this, and do it the official way. 93 94 00:04:46,252 --> 00:04:49,940 Let's click on the Fill of this guy... and say 'Swatches', 'Add to Swatches'. 94 95 00:04:50,191 --> 00:04:51,339 There he is... 95 96 00:04:51,372 --> 00:04:52,948 and looks same as the blue one here. 96 97 00:04:53,753 --> 00:04:55,034 I'll grab the blue one... 97 98 00:04:55,059 --> 00:04:58,644 and I'm going to say, you my friend, go to 'Properties', 'Fill'... 98 99 00:04:58,855 --> 00:05:01,026 and add to the Library as well. Click 'OK'. 99 100 00:05:01,292 --> 00:05:02,487 We'll do it the official way. 100 101 00:05:02,716 --> 00:05:04,388 There are two versions of this. 101 102 00:05:04,560 --> 00:05:09,200 One is going to be filled with red. 102 103 00:05:09,763 --> 00:05:11,615 This one is going to be filled with blue. 103 104 00:05:12,021 --> 00:05:13,857 Don't use the eyedropper tool, it just causes problems. 104 105 00:05:14,732 --> 00:05:15,620 I'm going to have it so that... 105 106 00:05:15,645 --> 00:05:18,795 it just kind of over offsets just a little bit. 106 107 00:05:19,529 --> 00:05:21,286 You can obviously mess around with this later. 107 108 00:05:21,465 --> 00:05:24,965 And the top one, or both of them, doesn't make a difference. 108 109 00:05:25,154 --> 00:05:27,763 If you go to 'Opacity', 'Normal', and go to 'Multiply'... 109 110 00:05:27,788 --> 00:05:30,130 they give you that kind of cool, I don't know... 110 111 00:05:32,247 --> 00:05:34,638 I feel like Michael J. Fox would have approved. 111 112 00:05:35,615 --> 00:05:36,700 There you go. 112 113 00:05:37,752 --> 00:05:39,481 So that's the kind of Anaglyphic effect. 113 114 00:05:39,514 --> 00:05:41,739 You can do with anything obviously, it's pretty easy. 114 115 00:05:41,764 --> 00:05:43,505 Just make sure they're the right colors. 115 116 00:05:43,747 --> 00:05:45,853 Make sure the Blending Mode is set to 'Multiply'... 116 117 00:05:45,878 --> 00:05:47,537 then kind of offset them left and right. 117 118 00:05:47,669 --> 00:05:49,514 You can decide on how much you want this to be... 118 119 00:05:49,539 --> 00:05:50,756 or how little you want it to be. 119 120 00:05:50,888 --> 00:05:53,091 It doesn't have to be on an off-white background... 120 121 00:05:53,116 --> 00:05:54,786 it doesn't have to be these two colors. 121 122 00:05:54,811 --> 00:05:57,279 I've sent it down with lots of different colors... 122 123 00:05:57,638 --> 00:05:59,302 but the technique is exactly the same. 123 124 00:05:59,646 --> 00:06:02,911 All right friends, go forth and make cool Anaglyphic. 124 125 00:06:02,936 --> 00:06:05,425 I've said it like a million times, I'll hopefully drive it in there. 125 126 00:06:05,513 --> 00:06:08,091 Mainly for me, so when somebody asks me what it is... 126 127 00:06:08,203 --> 00:06:09,719 I remember the term finally. 127 128 00:06:09,836 --> 00:06:11,094 Anyway, I'll Google it. 128 129 00:06:11,119 --> 00:06:12,641 Regardless, next video.