0 1 00:00:00,023 --> 00:00:02,313 Okay, so we're in the Typography section... 1 2 00:00:02,338 --> 00:00:04,546 and we're going to do lots of tips and tricks in this video. 2 3 00:00:04,579 --> 00:00:07,758 Lots of little stuff that will help your work flow. 3 4 00:00:08,203 --> 00:00:11,984 Let's start with-- we'll open up the Characters panel, just because. 4 5 00:00:12,009 --> 00:00:13,875 We can use one over here on the side, but it's... 5 6 00:00:14,141 --> 00:00:16,500 maybe just easier for the moment to have a separate panel. 6 7 00:00:17,391 --> 00:00:19,221 So what I'm looking to do is... 7 8 00:00:19,246 --> 00:00:21,961 this font up the top here, I want to change. 8 9 00:00:22,852 --> 00:00:25,414 Some of the nice things you can do is... 9 10 00:00:25,439 --> 00:00:27,383 up the top here, when I drop down... 10 11 00:00:28,023 --> 00:00:29,953 there are some Filters along the top here. 11 12 00:00:29,978 --> 00:00:33,297 I want to change it to something like, maybe a Slab Serif. 12 13 00:00:33,547 --> 00:00:35,086 So what it's going to do is... 13 14 00:00:35,218 --> 00:00:39,259 somehow magically it knows all the fonts in here that are Slab Serifs. 14 15 00:00:39,284 --> 00:00:41,750 So just really easy to cut these things down. 15 16 00:00:42,297 --> 00:00:44,320 Say I want to use a hand written font... 16 17 00:00:44,805 --> 00:00:47,574 you can see, I'm just hovering above it, and it's updating on the left there. 17 18 00:00:47,599 --> 00:00:48,530 Super handy. 18 19 00:00:48,555 --> 00:00:51,102 Make sure you turn it off otherwise it stays on forever... 19 20 00:00:51,273 --> 00:00:53,016 and it looks like you don't have too many fonts. 20 21 00:00:53,289 --> 00:00:54,359 Favorites is a good one. 21 22 00:00:54,384 --> 00:00:56,203 Say you are mixing with fonts lots... 22 23 00:00:56,235 --> 00:00:58,585 kind of playing around with brands, and trying to look for fonts... 23 24 00:00:58,610 --> 00:01:00,094 but these are few that you use all the time. 24 25 00:01:00,352 --> 00:01:01,305 You just star them. 25 26 00:01:01,789 --> 00:01:04,554 So Museo, I use a lot, let's say we use Lust. 26 27 00:01:04,764 --> 00:01:06,953 So what you can do is you can come into here... 27 28 00:01:06,978 --> 00:01:11,211 and kind of go into the drop down and just click on this option. 28 29 00:01:11,688 --> 00:01:14,125 Just lists your favorites. 29 30 00:01:14,227 --> 00:01:18,296 So just a quick way rather than scroll. 30 31 00:01:18,321 --> 00:01:20,031 Depending on how many fonts you have. 31 32 00:01:20,344 --> 00:01:22,953 Another handy one, Find Similar is a handy one as well. 32 33 00:01:23,086 --> 00:01:26,250 For some reason Museo doesn't work, right? 33 34 00:01:26,773 --> 00:01:28,445 So I'm going to change this into Lust. 34 35 00:01:29,906 --> 00:01:31,328 So I'm using Lust, right? 35 36 00:01:31,969 --> 00:01:35,593 It's a nice big display font, but I want to find something else. 36 37 00:01:35,930 --> 00:01:38,156 I've used it too much, or I just want to find something different. 37 38 00:01:38,313 --> 00:01:40,836 Click on this, there's an option here, this little wavy line... 38 39 00:01:40,861 --> 00:01:42,961 it says 'Apply Similar Filter'. 39 40 00:01:43,305 --> 00:01:46,180 I want you to go and find similar fonts to Lust, and you can see here... 40 41 00:01:46,710 --> 00:01:47,679 Pretty cool, huh! 41 42 00:01:47,852 --> 00:01:50,094 It's got some-- Where was that one? That one. 42 43 00:01:50,119 --> 00:01:52,156 No, you're not allowed to use curls, that's banned. 43 44 00:01:52,859 --> 00:01:55,070 But there are some good ones in here that are pretty close. 44 45 00:01:55,695 --> 00:01:57,266 So that's quite -- 45 46 00:01:57,291 --> 00:01:58,189 It doesn't work for all of them. 46 47 00:01:58,214 --> 00:02:01,164 If I click on this guy, Museo, and click on similar... 47 48 00:02:01,234 --> 00:02:02,469 it goes, can't find anything. 48 49 00:02:02,664 --> 00:02:04,773 So, it doesn't 100% work. 49 50 00:02:05,248 --> 00:02:07,013 The next thing is TypeKit. 50 51 00:02:07,466 --> 00:02:09,560 If you're not using it already, drop down... 51 52 00:02:09,585 --> 00:02:12,935 you have to have a paid Creative Cloud subscriber account. 52 53 00:02:13,138 --> 00:02:14,818 Click 'Add Fonts from Typekit'. 53 54 00:02:15,396 --> 00:02:17,146 I won't cover this too much because... 54 55 00:02:18,138 --> 00:02:20,646 you're probably already using it, if you're not, you probably can't. 55 56 00:02:21,419 --> 00:02:24,669 I always click 'Browse' at the top here, login with your Adobe ID. 56 57 00:02:25,498 --> 00:02:26,787 "I love you." 57 58 00:02:28,669 --> 00:02:30,146 Let's say I'm going to put my name in there. 58 59 00:02:31,208 --> 00:02:32,309 The cool thing about it is... 59 60 00:02:32,334 --> 00:02:35,857 you can decide on what kind of fonts you're looking for. 60 61 00:02:36,185 --> 00:02:39,583 And because it's part of your Creative Cloud subscription... 61 62 00:02:40,208 --> 00:02:42,442 it allows you to download these guys for free. 62 63 00:02:42,536 --> 00:02:44,982 It's really easy to do, say you like this one here, you click on it. 63 64 00:02:47,302 --> 00:02:48,560 You click 'Sync All'. 64 65 00:02:48,685 --> 00:02:50,263 And kick back, relax. 65 66 00:02:50,288 --> 00:02:54,536 And Cortado should appear in Illustrator in a sec. 66 67 00:02:54,561 --> 00:02:56,029 Can you see at the top there, there he is there. 67 68 00:02:56,271 --> 00:02:59,630 So now I can say 'Cortado', there he is there. 68 69 00:02:59,958 --> 00:03:00,903 I quite like him. 69 70 00:03:00,927 --> 00:03:04,544 Now what I find quite handy is, well up here, I want to search by this... 70 71 00:03:04,569 --> 00:03:08,380 because this is the ones I've gone through and pulled from Typekit. 71 72 00:03:08,405 --> 00:03:11,833 So it's often the stuff I've kind of really spent time trying to find. 72 73 00:03:13,677 --> 00:03:17,208 Those are the filters, let's turn them all off, they stay on. 73 74 00:03:17,263 --> 00:03:19,138 So you got to remember to turn them off when you're finished. 74 75 00:03:19,630 --> 00:03:21,536 The next thing to look at is... 75 76 00:03:21,561 --> 00:03:25,935 to do with Open Type fonts and their Ligatures. 76 77 00:03:25,974 --> 00:03:27,919 There are some fonts in here that have... 77 78 00:03:28,107 --> 00:03:30,888 can you see, TK and O, those are good fonts. 78 79 00:03:30,913 --> 00:03:34,255 Those are both Open Type fonts, the Typekit ones, or the ones that say O. 79 80 00:03:34,497 --> 00:03:36,981 The ones that are not so good are these TT ones. 80 81 00:03:37,006 --> 00:03:38,872 These old school True Type fonts. 81 82 00:03:39,075 --> 00:03:40,236 The reason for the difference... 82 83 00:03:40,261 --> 00:03:42,630 sometimes you've got on your machine, like two of the same font... 83 84 00:03:42,655 --> 00:03:45,404 and you're like, "Why do I have Lust and Lust?" 84 85 00:03:45,536 --> 00:03:47,794 Lust MT, or something else, Lust Pro. 85 86 00:03:47,819 --> 00:03:52,068 Often it's to do with the Ligatures and Glyphs that come along with the font. 86 87 00:03:52,380 --> 00:03:56,894 What I mean by that is, this font was designed by a wonderful Type designer. 87 88 00:03:56,919 --> 00:03:57,805 I love this font. 88 89 00:03:57,830 --> 00:03:59,853 But let's say I want to look at-- 89 90 00:04:00,619 --> 00:04:02,822 I don't like the way their X is, it's a bit flowery for me. 90 91 00:04:03,072 --> 00:04:05,126 I'm going to duplicate that a few times. 91 92 00:04:05,923 --> 00:04:08,517 What I'd like to do is, because this is an Open Type font... 92 93 00:04:09,360 --> 00:04:10,497 or a Typekit font... 93 94 00:04:11,134 --> 00:04:12,111 TK or O... 94 95 00:04:12,564 --> 00:04:14,970 what I can do is, I can highlight a letter... 95 96 00:04:15,181 --> 00:04:17,658 and you can see down the bottom here, there's alternatives. 96 97 00:04:21,164 --> 00:04:24,016 The Type Designer, Typographer, Fontographer, not sure of the word... 97 98 00:04:24,895 --> 00:04:28,305 they've decided, he or she has decided that they've got kind of two options. 98 99 00:04:28,547 --> 00:04:30,758 That's true of lot of the letters, select on it... 99 100 00:04:30,783 --> 00:04:33,539 and there's a big flowery fashion there. 100 101 00:04:34,282 --> 00:04:37,383 There's actually two versions of this O I might choose to use. 101 102 00:04:38,813 --> 00:04:42,071 It's a nice way of building up kind of complex looking things... 102 103 00:04:42,096 --> 00:04:44,907 you're not happy to do the Curvature Tool, or the Width Tool. 103 104 00:04:45,188 --> 00:04:46,375 You can see them better. 104 105 00:04:46,400 --> 00:04:50,117 Say the designer has decided that-- 105 106 00:04:52,446 --> 00:04:54,172 they call them Stylistic Sets. 106 107 00:04:54,197 --> 00:04:57,890 So they've designed it with all these flowers, all those flourishes. 107 108 00:04:58,188 --> 00:05:00,196 And what you can do is, with it selected... 108 109 00:05:00,820 --> 00:05:02,156 we're going to go to this Open Type. 109 110 00:05:02,181 --> 00:05:05,750 If you can't find that, it's under 'Window', 'Type', 'Open Type'. 110 111 00:05:06,055 --> 00:05:07,187 Now what I want to do is... 111 112 00:05:07,212 --> 00:05:09,263 down the bottom here, there's this one called-- 112 113 00:05:09,288 --> 00:05:10,172 so this is the Set 1. 113 114 00:05:11,216 --> 00:05:13,654 You can see, there's the same. 114 115 00:05:14,076 --> 00:05:17,763 So that's what the designer decided is the kind of first option. 115 116 00:05:18,091 --> 00:05:19,411 Second option, Set 2. 116 117 00:05:20,443 --> 00:05:21,700 Has all these curly bits. 117 118 00:05:24,044 --> 00:05:27,833 Set 3 has some kind of coming back across. 118 119 00:05:28,036 --> 00:05:29,083 This one here. 119 120 00:05:30,560 --> 00:05:31,513 4. 120 121 00:05:31,810 --> 00:05:33,528 4 looks the same as everything else. 121 122 00:05:33,693 --> 00:05:35,442 5, I'm just going through them all. 122 123 00:05:35,997 --> 00:05:39,966 They often, if it's an Open Type font, or Typekit font... 123 124 00:05:39,991 --> 00:05:41,451 there is Stylistic Sets. 124 125 00:05:41,856 --> 00:05:46,059 You'll find just kind of some extra Glyphs and Ligatures to use. 125 126 00:05:46,536 --> 00:05:49,974 You can copy and paste them from each to kind of build up something quite nice. 126 127 00:05:49,999 --> 00:05:51,779 Another new feature is... 127 128 00:05:51,804 --> 00:05:53,669 It's been used around for a while... 128 129 00:05:53,694 --> 00:05:57,005 but it's just-- somebody uses Body Copy here... 129 130 00:05:57,536 --> 00:06:00,607 there's variable fonts, which is kind of crazy, right? 130 131 00:06:00,632 --> 00:06:03,950 There's only a few of them available at the moment. 131 132 00:06:04,497 --> 00:06:08,794 Illustrator has included a couple in this version. 132 133 00:06:09,630 --> 00:06:11,263 This is CC 2018. 133 134 00:06:11,661 --> 00:06:13,958 If I drop this down, there's this chunk in here. 134 135 00:06:13,983 --> 00:06:17,505 Can you see, it says 'VA', so it is Open Type variables. 135 136 00:06:17,779 --> 00:06:20,029 And pick-- there's not many to pick from. 136 137 00:06:20,054 --> 00:06:21,654 So we're going to pick from... 137 138 00:06:21,702 --> 00:06:26,786 I'm going to use Acumin, because it has lots of things, so click on that. 138 139 00:06:27,123 --> 00:06:29,239 Now what's going to happen is nothing... 139 140 00:06:29,264 --> 00:06:32,318 except, you see this little option here, 'Variable font', click on that. 140 141 00:06:32,474 --> 00:06:33,966 And this magic happen. 141 142 00:06:34,294 --> 00:06:35,544 So, watch this. 142 143 00:06:35,569 --> 00:06:38,919 Somehow, watch this dragging, keep an eye on it, let's move this up here. 143 144 00:06:40,646 --> 00:06:42,536 Watch this, you, Weight. 144 145 00:06:42,561 --> 00:06:45,396 It just magically gets bigger. 145 146 00:06:46,036 --> 00:06:48,529 So it's not just like adding a Stroke around the outside. 146 147 00:06:48,554 --> 00:06:51,236 The designer's made some really kind of stylistic choices... 147 148 00:06:51,261 --> 00:06:53,228 on how things grow, where they grow. 148 149 00:06:54,646 --> 00:06:56,622 So Weight, same with Width. 149 150 00:06:57,802 --> 00:07:00,357 It's pretty amazing that you can just go, actually I want the-- 150 151 00:07:01,857 --> 00:07:03,431 instead of condensed or compressed... 151 152 00:07:03,456 --> 00:07:06,178 you can just kind of find some kind of happy medium for what you need. 152 153 00:07:06,677 --> 00:07:07,786 Same with the Slant. 153 154 00:07:08,896 --> 00:07:09,966 Pretty cool, heh! 154 155 00:07:12,318 --> 00:07:14,701 There's not many fonts that are built into Illustrator. 155 156 00:07:14,726 --> 00:07:16,800 There are more you can go and buy, and use... 156 157 00:07:16,825 --> 00:07:18,537 if you need that kind of flexibility. 157 158 00:07:18,746 --> 00:07:19,982 Not all of them have the full-- 158 159 00:07:20,007 --> 00:07:22,833 I picked that one as an example because that has Weight, Width, and Slant. 159 160 00:07:23,115 --> 00:07:28,192 Some of them, let's say, like some of these variable ones, say Minion. 160 161 00:07:28,606 --> 00:07:31,575 And I click on this, it only has weight and optical size. 161 162 00:07:32,154 --> 00:07:33,271 So I'm going to choose the Weight. 162 163 00:07:33,482 --> 00:07:35,326 The Optical Size is kind of interesting. 163 164 00:07:35,583 --> 00:07:37,874 It's not really making it wider or bigger. 164 165 00:07:37,899 --> 00:07:40,372 It's just kind of like getting more volume. 165 166 00:07:40,397 --> 00:07:41,686 Some pretty cool stuff. 166 167 00:07:42,076 --> 00:07:44,227 All right my friends, that is my tips and tricks... 167 168 00:07:44,252 --> 00:07:47,794 for Fonts and Type in Adobe Illustrator. 168 169 00:07:48,132 --> 00:07:50,663 Let's get on to some more Type things in this section. 169 170 00:07:50,867 --> 00:07:52,211 All right, see you in the next video.