1 00:00:00.04 --> 00:00:01.05 - [Instructor] In this movie, I'll show you 2 00:00:01.05 --> 00:00:05.00 how to apply and modify a calligraphic brush. 3 00:00:05.00 --> 00:00:06.05 And we'll also be applying 4 00:00:06.05 --> 00:00:09.06 that brush to live, editable text. 5 00:00:09.06 --> 00:00:11.06 Okay, so as you can see, I've reverted 6 00:00:11.06 --> 00:00:13.08 this file to its save state, and so, 7 00:00:13.08 --> 00:00:16.03 I'm going to start things off by selecting 8 00:00:16.03 --> 00:00:18.07 this point text with my black arrow tool. 9 00:00:18.07 --> 00:00:20.09 And then, I'll bring up the brushes panel, 10 00:00:20.09 --> 00:00:22.06 and I'll just go ahead and assign 11 00:00:22.06 --> 00:00:25.00 that 30 point pressure brush. 12 00:00:25.00 --> 00:00:27.01 And notice that nothing happens, 13 00:00:27.01 --> 00:00:29.07 and that's because where text is concerned 14 00:00:29.07 --> 00:00:31.06 you have to give the brush something 15 00:00:31.06 --> 00:00:34.03 to lock onto, and here's how that works. 16 00:00:34.03 --> 00:00:36.02 Step one is to go up to the Window menu 17 00:00:36.02 --> 00:00:38.04 and choose the Appearance command 18 00:00:38.04 --> 00:00:40.06 in order to bring up the Appearance panel. 19 00:00:40.06 --> 00:00:43.02 Notice that we're seeing the main Type container, 20 00:00:43.02 --> 00:00:46.03 along with the characters that it contains. 21 00:00:46.03 --> 00:00:47.08 I'm going to go ahead and double click 22 00:00:47.08 --> 00:00:50.09 on the characters, and notice that selects the type 23 00:00:50.09 --> 00:00:52.08 at which point we can see that it has 24 00:00:52.08 --> 00:00:55.02 no stroke, but it does have a fill. 25 00:00:55.02 --> 00:00:57.00 Now no matter what I do to this stroke, 26 00:00:57.00 --> 00:00:59.05 I'm not going to be able to apply a brush to it. 27 00:00:59.05 --> 00:01:02.09 So I'm just going to get rid of this fill for now 28 00:01:02.09 --> 00:01:05.07 by selecting it and clicking on the trash icon 29 00:01:05.07 --> 00:01:08.01 in the bottom-right corner of the panel 30 00:01:08.01 --> 00:01:10.00 just so that we're starting fresh. 31 00:01:10.00 --> 00:01:11.08 All right, now I'll go ahead and click 32 00:01:11.08 --> 00:01:15.09 on Type No Appearance in order to select the Type container. 33 00:01:15.09 --> 00:01:19.00 And then I'll drop down to the Add Stroke icon 34 00:01:19.00 --> 00:01:21.06 in the bottom-left corner of the Appearance panel, 35 00:01:21.06 --> 00:01:23.04 or you have that keyboard shortcut 36 00:01:23.04 --> 00:01:25.08 of Control + Alt + forward slash. 37 00:01:25.08 --> 00:01:28.06 That's Command + Option + forward slash on a Mac 38 00:01:28.06 --> 00:01:32.02 at which point we end up with a very thin black stroke. 39 00:01:32.02 --> 00:01:34.03 All right, now that I've created that stroke, 40 00:01:34.03 --> 00:01:36.04 I can assign any brush to it. 41 00:01:36.04 --> 00:01:38.04 And so for the sake of demonstration, 42 00:01:38.04 --> 00:01:41.08 I'm going to apply this one called three point oval, 43 00:01:41.08 --> 00:01:43.07 which we know because it's up here 44 00:01:43.07 --> 00:01:47.03 at the top of the panel, is a calligraphic brush. 45 00:01:47.03 --> 00:01:48.06 All right, now I'm going to change 46 00:01:48.06 --> 00:01:50.06 the color from black to white 47 00:01:50.06 --> 00:01:55.00 at which point we see that this brush is pretty darn thin. 48 00:01:55.00 --> 00:01:56.07 Now, there's a couple of different ways 49 00:01:56.07 --> 00:01:59.01 of modifying a calligraphic brush. 50 00:01:59.01 --> 00:02:01.05 One is to double click on it's icon 51 00:02:01.05 --> 00:02:03.08 up here at the top of the Brushes panel. 52 00:02:03.08 --> 00:02:05.08 And that will not only potentially modify 53 00:02:05.08 --> 00:02:08.06 the way the brush is assigned to the selected text, 54 00:02:08.06 --> 00:02:12.01 but it'll change the core brush definition as well. 55 00:02:12.01 --> 00:02:14.09 What if you just want to change the way the brush is defined 56 00:02:14.09 --> 00:02:17.05 without changing its original definition? 57 00:02:17.05 --> 00:02:20.03 Then you would drop down to this dialogue box icon 58 00:02:20.03 --> 00:02:22.05 at the bottom of the Brushes panel. 59 00:02:22.05 --> 00:02:25.06 And you may note that I've made my panel pretty tall 60 00:02:25.06 --> 00:02:29.01 because we've got a lot of brushes to look at. 61 00:02:29.01 --> 00:02:31.03 And so I'll go ahead and click on that item, 62 00:02:31.03 --> 00:02:35.01 which is going to bring up the Stroke Options dialogue box. 63 00:02:35.01 --> 00:02:37.03 Now you can change the angle of the brush 64 00:02:37.03 --> 00:02:39.09 just by dragging this little arrow icon, 65 00:02:39.09 --> 00:02:43.08 and you can change whether it's elliptical or circular 66 00:02:43.08 --> 00:02:47.05 by dragging on the side handles, 67 00:02:47.05 --> 00:02:49.08 but I'm going to make my changes numerically. 68 00:02:49.08 --> 00:02:51.05 Now, if you want to see what's happening, 69 00:02:51.05 --> 00:02:53.09 make sure to turn on the preview checkbox, 70 00:02:53.09 --> 00:02:56.03 and I'm going to start with the size value. 71 00:02:56.03 --> 00:02:58.09 I'm going to take it up to 10 points, 72 00:02:58.09 --> 00:03:03.00 and I'm going to allow it to vary by switching it to random. 73 00:03:03.00 --> 00:03:04.09 Now if you had a pressure sensitive stylus, 74 00:03:04.09 --> 00:03:07.00 and you're drawing with the paintbrush tool, 75 00:03:07.00 --> 00:03:08.07 as I was in the previous movie, 76 00:03:08.07 --> 00:03:10.08 then you could link size to pressure 77 00:03:10.08 --> 00:03:13.04 or you could link angle to tilt. 78 00:03:13.04 --> 00:03:16.03 That is the angle of the pen against the tablet. 79 00:03:16.03 --> 00:03:18.01 But that's not going to do us any good 80 00:03:18.01 --> 00:03:21.06 where text is concerned because there is no pressure data. 81 00:03:21.06 --> 00:03:23.07 So I'm just going to switch it to random, 82 00:03:23.07 --> 00:03:25.00 and then I'm going to take 83 00:03:25.00 --> 00:03:27.09 the variation value up to 10 points. 84 00:03:27.09 --> 00:03:30.08 So your variation, where size is concerned, 85 00:03:30.08 --> 00:03:33.07 can be as big as the size value, 86 00:03:33.07 --> 00:03:36.03 but if I were to nudge that value down, 87 00:03:36.03 --> 00:03:39.02 then the variation value would go down as well 88 00:03:39.02 --> 00:03:40.09 because the brush can't be thinner 89 00:03:40.09 --> 00:03:44.08 than seven minus seven that is to say zero points. 90 00:03:44.08 --> 00:03:46.04 In any event, I'll take it back up 91 00:03:46.04 --> 00:03:49.01 to 10, and you can see that preview 92 00:03:49.01 --> 00:03:51.04 out here in the document window. 93 00:03:51.04 --> 00:03:53.04 Next I'm going to take the roundness value 94 00:03:53.04 --> 00:03:58.00 down to 25 percent; it's also set to random, notice that. 95 00:03:58.00 --> 00:04:00.06 Again, the variation value this time 96 00:04:00.06 --> 00:04:03.02 can't be any higher than the roundness value. 97 00:04:03.02 --> 00:04:06.02 So I'll just go ahead and take it up to 25 percent as well. 98 00:04:06.02 --> 00:04:10.02 I decided to set the angle to negative 30, by the way, 99 00:04:10.02 --> 00:04:13.01 and then I went ahead and chose random once again. 100 00:04:13.01 --> 00:04:17.00 This time you can crank the value up much higher; 101 00:04:17.00 --> 00:04:20.03 in fact, you can go as high as 180 degrees 102 00:04:20.03 --> 00:04:23.04 no matter what the primary angle value is. 103 00:04:23.04 --> 00:04:26.05 In my case, however, I'll just take it up to 90. 104 00:04:26.05 --> 00:04:28.03 All right, now if I wanted to change 105 00:04:28.03 --> 00:04:31.04 the way this brush is assigned to this object, 106 00:04:31.04 --> 00:04:33.05 then I could go ahead and click OK, 107 00:04:33.05 --> 00:04:35.09 but I want to show you another way to work. 108 00:04:35.09 --> 00:04:38.05 So I'm just going to go ahead and cancel out here, 109 00:04:38.05 --> 00:04:41.09 and as opposed to editing the original definition 110 00:04:41.09 --> 00:04:44.04 of this particular calligraphic brush, 111 00:04:44.04 --> 00:04:47.00 I'm going to create a copy of it by going 112 00:04:47.00 --> 00:04:49.09 up to the flyout menu icon in the top-right corner 113 00:04:49.09 --> 00:04:53.01 of the panel and choosing Duplicate Brush. 114 00:04:53.01 --> 00:04:54.08 And that will give me this guy right there. 115 00:04:54.08 --> 00:04:56.08 And then I'll double click on it 116 00:04:56.08 --> 00:04:59.00 in order to bring up pretty much the same options 117 00:04:59.00 --> 00:05:01.01 we saw before, with the exception 118 00:05:01.01 --> 00:05:03.04 of this first guy right here, Name. 119 00:05:03.04 --> 00:05:04.05 And it's probably a good idea 120 00:05:04.05 --> 00:05:06.06 to go ahead and rename this brush. 121 00:05:06.06 --> 00:05:08.08 And so I'll call mine 10 point Random, 122 00:05:08.08 --> 00:05:12.00 and I'll change all these guys to random right here, 123 00:05:12.00 --> 00:05:13.09 so I can fly through these values. 124 00:05:13.09 --> 00:05:15.08 I'll go ahead and select the angle value, 125 00:05:15.08 --> 00:05:18.01 and set it to negative 30, then I'll tab 126 00:05:18.01 --> 00:05:21.02 over to variations, set it to 90 degrees. 127 00:05:21.02 --> 00:05:24.00 Tab my way to roundness, set it to 25 percent, 128 00:05:24.00 --> 00:05:26.04 same for the variation value; and then, 129 00:05:26.04 --> 00:05:29.08 I'll tab my way down to the size value, change it to 10 130 00:05:29.08 --> 00:05:32.09 and change the variation value to 10 as well. 131 00:05:32.09 --> 00:05:34.09 Now one of the things you may notice, 132 00:05:34.09 --> 00:05:36.05 if you look in the document window, 133 00:05:36.05 --> 00:05:41.00 is it doesn't really seem to be any random variation. 134 00:05:41.00 --> 00:05:43.04 In fact, we are seeing a uniform stroke 135 00:05:43.04 --> 00:05:45.09 over the course of the entire text object. 136 00:05:45.09 --> 00:05:48.08 And so the way this randomness is going to work is 137 00:05:48.08 --> 00:05:50.09 that it's going to change every time 138 00:05:50.09 --> 00:05:54.01 Illustrator assigns this particular brush, 139 00:05:54.01 --> 00:05:57.08 but when that change occurs it is going to be uniform. 140 00:05:57.08 --> 00:06:00.05 And I'll show you what I mean by first clicking OK, 141 00:06:00.05 --> 00:06:02.08 at which point Illustrator is going to ask me, 142 00:06:02.08 --> 00:06:04.09 "Hey, in addition to changing the definition 143 00:06:04.09 --> 00:06:06.09 "of the brush, do you want to go ahead 144 00:06:06.09 --> 00:06:10.00 "and apply these changes to the existing strokes?" 145 00:06:10.00 --> 00:06:12.05 Now it really doesn't matter how you respond 146 00:06:12.05 --> 00:06:15.03 in our case, so I'll just click Leave Strokes 147 00:06:15.03 --> 00:06:18.03 in order to restore my very thin originals, 148 00:06:18.03 --> 00:06:20.06 so that I can demonstrate how things are going 149 00:06:20.06 --> 00:06:24.02 to change every time I click this brush. 150 00:06:24.02 --> 00:06:28.02 So notice this time around, we get a random variation, 151 00:06:28.02 --> 00:06:31.02 albeit one that is applied uniformly 152 00:06:31.02 --> 00:06:33.09 across all of the character outlines. 153 00:06:33.09 --> 00:06:35.07 And so you can just keep clicking 154 00:06:35.07 --> 00:06:37.04 until you get something you like. 155 00:06:37.04 --> 00:06:39.02 After which point, I'm going to go ahead 156 00:06:39.02 --> 00:06:41.08 and hide my Brushes panel, and then I'll click 157 00:06:41.08 --> 00:06:44.00 on the very first swatch on the left side 158 00:06:44.00 --> 00:06:47.01 of the control panel in order to bring up my color swatches, 159 00:06:47.01 --> 00:06:49.04 and I'll set the fill to this default shade 160 00:06:49.04 --> 00:06:52.01 of orange just so that we have a color 161 00:06:52.01 --> 00:06:55.05 that nicely complements the background. 162 00:06:55.05 --> 00:06:58.02 And that's how you apply a calligraphic brush 163 00:06:58.02 --> 00:07:01.01 to any existing path outline including 164 00:07:01.01 --> 00:07:04.01 none other than live, editable text.