Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:07,788 --> 00:00:10,217 Hi there, in this tutorial we're going to look at Type. 2 00:00:10,242 --> 00:00:14,054 And then we'll look at bringing in new fonts from Typekit... 3 00:00:14,079 --> 00:00:16,702 which is free as part of your Creative Cloud license. 4 00:00:16,984 --> 00:00:19,429 Let's go and do that now in After Effects. 5 00:00:19,601 --> 00:00:23,163 So let's put in our text, grab the 'Type' tool, the capital 'T'. 6 00:00:24,866 --> 00:00:27,991 You can click and drag to get a box with boundaries. 7 00:00:28,016 --> 00:00:30,398 So it gets to the edge of the body text... 8 00:00:30,452 --> 00:00:31,803 if you got a lot of text to go in. 9 00:00:32,389 --> 00:00:33,403 I'm going to actually-- 10 00:00:33,428 --> 00:00:35,226 See down here, this layer here, I'm going to click on it. 11 00:00:35,251 --> 00:00:36,444 Hit 'delete' on my keyboard. 12 00:00:37,491 --> 00:00:40,124 If I just click once, and you get a Type box that goes on forever. 13 00:00:40,499 --> 00:00:43,265 Mine is Aligned Center at the moment. 14 00:00:43,421 --> 00:00:44,842 So I'm going to go... 15 00:00:44,913 --> 00:00:47,069 over here, we've got Character, and there's Paragraph. 16 00:00:47,116 --> 00:00:48,747 If you can't see either of these... 17 00:00:48,772 --> 00:00:51,819 they're under 'Window', and there's 'Character', and there's 'Paragraph'. 18 00:00:51,844 --> 00:00:53,484 You need both of them working with Type. 19 00:00:53,710 --> 00:00:54,913 I'm on 'Paragraph'. 20 00:00:55,038 --> 00:00:56,444 And I'm going to make mine 'Left Aligned'... 21 00:00:56,469 --> 00:00:57,593 and I'm going to put in some 'Type'. 22 00:00:57,734 --> 00:01:00,359 'The Value of Sleep for Creatives'. 23 00:01:01,238 --> 00:01:03,734 I'm going to put a 'return' in just to break this up a little bit. 24 00:01:03,759 --> 00:01:06,125 I'm going to 'select' it all, do some typey things. 25 00:01:06,801 --> 00:01:09,473 Mine's on 'Arial' at the moment, I'm going to make mine 'all caps'. 26 00:01:10,296 --> 00:01:11,921 And I'm going to go pick a 'font'. 27 00:01:11,946 --> 00:01:14,741 Under 'Character' here, we got all the fonts that are on your machine. 28 00:01:15,507 --> 00:01:17,023 So you can pick one of those obviously. 29 00:01:17,048 --> 00:01:19,512 But if you've got a Creative Cloud subscription... 30 00:01:19,537 --> 00:01:21,250 you can go off to Typekit... 31 00:01:21,418 --> 00:01:23,066 and get a whole bunch of new fonts. 32 00:01:23,091 --> 00:01:25,098 They're really good, and they're free. 33 00:01:25,207 --> 00:01:27,098 They're part of your paid subscription. 34 00:01:27,309 --> 00:01:28,786 So let's go check that out now. 35 00:01:28,847 --> 00:01:31,070 This is Typekit, it might ask you to log in. 36 00:01:31,095 --> 00:01:32,230 That's me, Hi Daniel. 37 00:01:33,570 --> 00:01:36,887 What we can do is, go through, and just pick a font. 38 00:01:37,707 --> 00:01:40,700 There's lots of them, go through the 'Fonts' drop down. 39 00:01:40,732 --> 00:01:43,432 And you'll get lots of examples of stuff. 40 00:01:43,711 --> 00:01:46,133 Go through and just pick the one you want. 41 00:01:46,158 --> 00:01:47,749 Over here, are some helpful bits. 42 00:01:47,774 --> 00:01:49,540 Let's say I want stuff that's good for Headings. 43 00:01:49,867 --> 00:01:51,319 And it will sort it out from there. 44 00:01:51,344 --> 00:01:52,626 Let's say I want to turn that off. 45 00:01:52,836 --> 00:01:54,991 I want ones that are Serif fonts... 46 00:01:55,016 --> 00:01:56,501 which means they got that little feet. 47 00:01:56,883 --> 00:01:57,985 I'll fold the edges. 48 00:01:58,102 --> 00:02:00,725 So you can go and hunt these down... 49 00:02:00,750 --> 00:02:03,618 and switch on to hand fonts, it's hard to go and find. 50 00:02:03,711 --> 00:02:06,399 There's lots of other things you can go and do in here as well. 51 00:02:06,424 --> 00:02:08,719 One of the things you might consider is the width. 52 00:02:09,274 --> 00:02:11,320 Sometimes it's nice to be working with a skinny font... 53 00:02:11,602 --> 00:02:12,672 because... 54 00:02:13,266 --> 00:02:17,242 especially if you got lots of copy to go into Infographic... 55 00:02:18,110 --> 00:02:21,211 it's just easier, with lots of numbers to go into your graphs. 56 00:02:21,391 --> 00:02:22,930 It's easier to fit in skinny type. 57 00:02:23,313 --> 00:02:24,641 You'll fit a lot more digits in. 58 00:02:24,914 --> 00:02:27,578 Now the one I'm going to use for this class is Roboto. 59 00:02:28,172 --> 00:02:30,664 I'm going to bring in both Roboto and Roboto Slab. 60 00:02:31,235 --> 00:02:32,340 Click on one of them... 61 00:02:32,365 --> 00:02:35,297 and then click this button over here, where it says 'Sync'. 62 00:02:35,485 --> 00:02:37,399 I've already synced mine, and that's it. 63 00:02:37,424 --> 00:02:40,579 Just click on 'Sync', I'll do it for Roboto and Roboto Slab. 64 00:02:40,789 --> 00:02:44,086 And they just appear in After Effects, you don't have to do anything. 65 00:02:44,852 --> 00:02:46,047 Right, back over there. 66 00:02:46,250 --> 00:02:47,695 So with it selected, I'm going to go... 67 00:02:47,720 --> 00:02:49,477 you my friend, are going to be a Roboto. 68 00:02:49,680 --> 00:02:52,016 I'll use the Slab version for this. 69 00:02:52,797 --> 00:02:54,828 And there's some different widths... 70 00:02:54,939 --> 00:02:56,580 but that's fine for me. 71 00:02:56,605 --> 00:02:58,330 I'll change my mind, don't like the Slab. 72 00:03:00,173 --> 00:03:02,719 And, still Bold, there's even a black version 73 00:03:04,017 --> 00:03:07,001 So back to this arrow here, 'Section' tool... 74 00:03:07,026 --> 00:03:09,408 to move stuff around. 75 00:03:09,658 --> 00:03:11,506 I'm going to still use my Left Aligned... 76 00:03:11,531 --> 00:03:13,789 it could be centered, but we'll leave it there. 77 00:03:14,041 --> 00:03:15,189 What I might do is-- 78 00:03:15,353 --> 00:03:17,133 There'll be times in this course where you're like... 79 00:03:17,158 --> 00:03:18,603 "Can you just move on?" 80 00:03:18,636 --> 00:03:19,708 And this is one of those times... 81 00:03:19,733 --> 00:03:21,105 when I start messing around with fonts... 82 00:03:21,130 --> 00:03:25,760 for no reason other than my own pleasure. 83 00:03:26,805 --> 00:03:29,550 So that is going to be it for Type and Typekit... 84 00:03:29,575 --> 00:03:30,683 because it's not that hard. 85 00:03:30,729 --> 00:03:32,585 Let's go and start bringing in... 86 00:03:32,610 --> 00:03:34,757 the icons that we'll use in our Infographic. 7373