1 00:00:00.05 --> 00:00:02.01 - In this movie we're going to add the text 2 00:00:02.01 --> 00:00:03.04 on the badge right here, 3 00:00:03.04 --> 00:00:06.00 as well as these bars above and below the word Sheriff, 4 00:00:06.00 --> 00:00:09.00 and that's going to require some additional path building. 5 00:00:09.00 --> 00:00:11.08 So I'll go ahead and switch over to my illustration, so far. 6 00:00:11.08 --> 00:00:14.06 And I'm going to turn off the Inset and main Star layers 7 00:00:14.06 --> 00:00:18.01 and turn the Shapes layer on so I can draw the rectrangles 8 00:00:18.01 --> 00:00:20.09 that will ultimately turn into the bars. 9 00:00:20.09 --> 00:00:22.08 And so I'll go ahead and select the Rectangle Tools 10 00:00:22.08 --> 00:00:25.08 from the Shape flyout tool menu, and then I need to 11 00:00:25.08 --> 00:00:28.01 make sure that the Shapes layer is active 12 00:00:28.01 --> 00:00:29.04 in order to draw in it. 13 00:00:29.04 --> 00:00:31.02 And I'll go ahead and position my cursor 14 00:00:31.02 --> 00:00:33.04 at the intersection of those two center guides, 15 00:00:33.04 --> 00:00:36.01 and I'll press the Alt key, or the Option key on the Mac, 16 00:00:36.01 --> 00:00:40.02 and click in order to bring up the Rectangle dialog box. 17 00:00:40.02 --> 00:00:42.00 And these are the values I'm looking for, 18 00:00:42.00 --> 00:00:45.07 a Width of 340 points, and a Height of 170 points, 19 00:00:45.07 --> 00:00:48.06 after which point I'll go ahead and click Okay. 20 00:00:48.06 --> 00:00:51.04 And now I'm going to Alt, or Option click again 21 00:00:51.04 --> 00:00:53.07 in order to revisit the Rectangle dialog box, 22 00:00:53.07 --> 00:00:56.08 and I'm going to change the Width value to 444, 23 00:00:56.08 --> 00:01:00.00 and I'll set the Height value to 150 points. 24 00:01:00.00 --> 00:01:02.01 And the reason we're doing this, by the way, 25 00:01:02.01 --> 00:01:03.08 I just happen to know these values in advance, 26 00:01:03.08 --> 00:01:05.08 because I've played around with this file, 27 00:01:05.08 --> 00:01:08.03 but what we want to do is subtract this inner rectangle 28 00:01:08.03 --> 00:01:11.04 from the outer one in order to create the bars. 29 00:01:11.04 --> 00:01:12.08 And because we're creating those shapes from 30 00:01:12.08 --> 00:01:16.08 the center out, our bars will be exactly centered, as well. 31 00:01:16.08 --> 00:01:18.01 All right, now press the V key to 32 00:01:18.01 --> 00:01:19.09 switch to the black arrow tool, 33 00:01:19.09 --> 00:01:22.06 and Shift click on that other rectangle to select it. 34 00:01:22.06 --> 00:01:24.03 And now go to the Layers Panel 35 00:01:24.03 --> 00:01:26.05 and notice that we have a little square representing 36 00:01:26.05 --> 00:01:27.06 the selection. 37 00:01:27.06 --> 00:01:29.06 I want to put these objects on a new layer, 38 00:01:29.06 --> 00:01:31.05 so I'm going to click on the Inset leyer 39 00:01:31.05 --> 00:01:33.06 to make it active and then I'll Alt click, 40 00:01:33.06 --> 00:01:35.07 or Option click on the little page icon 41 00:01:35.07 --> 00:01:37.02 at the bottom of the Layers Panel, 42 00:01:37.02 --> 00:01:38.05 and I'm going to go ahead and call this 43 00:01:38.05 --> 00:01:41.00 new layer Text, and I'll change the color, 44 00:01:41.00 --> 00:01:44.08 to let's say, Gold, and click Okay. 45 00:01:44.08 --> 00:01:48.01 And now I will Alt drag, or Option drag that red square 46 00:01:48.01 --> 00:01:49.09 all the way up to the Text layer 47 00:01:49.09 --> 00:01:52.06 in order to create a duplicate of these shapes. 48 00:01:52.06 --> 00:01:54.08 And then I'll turn off the Shapes layer 49 00:01:54.08 --> 00:01:56.06 and I'll go ahead and turn the Inset, 50 00:01:56.06 --> 00:01:59.01 and main Star layers back on. 51 00:01:59.01 --> 00:02:01.01 All right, now I want to subtract the forward rectangle 52 00:02:01.01 --> 00:02:03.02 from the rear one, by once again, 53 00:02:03.02 --> 00:02:05.01 grabbing the Shape Builder Tool. 54 00:02:05.01 --> 00:02:07.04 And notice I can see my swatch is still 55 00:02:07.04 --> 00:02:11.00 so I'm going to advance to the black swatch, like so, 56 00:02:11.00 --> 00:02:12.04 and you can also just select it 57 00:02:12.04 --> 00:02:14.07 up here in the Swatches Panel, if you want. 58 00:02:14.07 --> 00:02:18.01 And then click in this top bar to make it black, 59 00:02:18.01 --> 00:02:20.03 click in the bottom bar to make it black, 60 00:02:20.03 --> 00:02:22.03 and then Alt drag, or Option drag 61 00:02:22.03 --> 00:02:24.06 all the way through the central rectangle 62 00:02:24.06 --> 00:02:27.06 in order to subtract that shape away. 63 00:02:27.06 --> 00:02:29.02 All right, now let's create the text, 64 00:02:29.02 --> 00:02:32.00 and I'm going to do that by grabbing my Type Tool and 65 00:02:32.00 --> 00:02:35.08 I'll go ahead and click right there at that center guide. 66 00:02:35.08 --> 00:02:37.02 And the font I'm looking for 67 00:02:37.02 --> 00:02:38.08 it may not be installed in your system, 68 00:02:38.08 --> 00:02:40.05 but it's called Birch. 69 00:02:40.05 --> 00:02:42.04 And then I'll just go ahead and Tab over 70 00:02:42.04 --> 00:02:43.07 to the Type Size value 71 00:02:43.07 --> 00:02:45.09 and take it up to 140 points, 72 00:02:45.09 --> 00:02:48.03 and I'll enter the word sheriff, 73 00:02:48.03 --> 00:02:50.03 which has one R and two Fs, 74 00:02:50.03 --> 00:02:53.09 and then I'll click on the Align Center icon 75 00:02:53.09 --> 00:02:55.06 next to the word Paragraph, 76 00:02:55.06 --> 00:02:58.05 and I'll press the Escape key to create that text, 77 00:02:58.05 --> 00:03:00.02 and also click on the word Character 78 00:03:00.02 --> 00:03:01.05 up here in the Control Panel, 79 00:03:01.05 --> 00:03:04.02 and I'll click this icon right there All Caps, 80 00:03:04.02 --> 00:03:07.06 in order to turn the text into All Caps, like so. 81 00:03:07.06 --> 00:03:08.09 All right, now you might figure we could 82 00:03:08.09 --> 00:03:11.06 align this text vertically to our artboard, 83 00:03:11.06 --> 00:03:13.08 by clicking on the word Align over here 84 00:03:13.08 --> 00:03:16.00 on the far right side of the Control Panel. 85 00:03:16.00 --> 00:03:19.00 Go ahead and make sure that it's set to Align to Artboard, 86 00:03:19.00 --> 00:03:21.04 and then we could Center Align the text, 87 00:03:21.04 --> 00:03:22.08 it needed a little bit of that, 88 00:03:22.08 --> 00:03:26.02 and then we can also vertically align the center, 89 00:03:26.02 --> 00:03:28.00 but that obviously doesn't work properly, 90 00:03:28.00 --> 00:03:29.05 and that's because Illustrator's looking at 91 00:03:29.05 --> 00:03:31.06 any potential descenders. 92 00:03:31.06 --> 00:03:34.02 So what we need to do is drag this guy 93 00:03:34.02 --> 00:03:35.09 by its baseline down until it 94 00:03:35.09 --> 00:03:38.05 snaps into alignment with the bottom bar. 95 00:03:38.05 --> 00:03:41.03 And then I want you to drag it by the top 96 00:03:41.03 --> 00:03:43.00 of one of these letters until it more or less 97 00:03:43.00 --> 00:03:45.02 snaps into alignment with the top bar. 98 00:03:45.02 --> 00:03:46.07 And that's going too far, 99 00:03:46.07 --> 00:03:48.01 so I'm going to have to try again, 100 00:03:48.01 --> 00:03:49.04 I'll go ahead and zoom in here 101 00:03:49.04 --> 00:03:51.05 and drag this up, like so. 102 00:03:51.05 --> 00:03:54.02 And I should see a D, Y, value, 103 00:03:54.02 --> 00:03:55.08 of about negative 45 points, 104 00:03:55.08 --> 00:03:56.08 which is what I'm looking for, 105 00:03:56.08 --> 00:03:58.02 so I'll go ahead and release. 106 00:03:58.02 --> 00:03:59.06 And now we need to split the difference 107 00:03:59.06 --> 00:04:00.08 by pressing the Enter key, 108 00:04:00.08 --> 00:04:02.07 and because an arrow tool is active, 109 00:04:02.07 --> 00:04:04.05 that brings up the Move dialog box. 110 00:04:04.05 --> 00:04:06.03 Make sure that Preview is turned on, 111 00:04:06.03 --> 00:04:09.04 go ahead and make that Vertical value positive, 112 00:04:09.04 --> 00:04:11.04 so get rid of the minus sign, 113 00:04:11.04 --> 00:04:14.02 and then after that value enter slash two, 114 00:04:14.02 --> 00:04:16.02 which is going to divide the value by two 115 00:04:16.02 --> 00:04:18.04 so it's going to move it back half as far, 116 00:04:18.04 --> 00:04:21.00 which ends up putting it exactly where we want it, 117 00:04:21.00 --> 00:04:23.01 at which point go ahead and click Okay 118 00:04:23.01 --> 00:04:25.00 to accept that change. 119 00:04:25.00 --> 00:04:28.03 All right, now I want to combine these objects all together. 120 00:04:28.03 --> 00:04:30.00 And so the first thing I'm going to do 121 00:04:30.00 --> 00:04:32.07 is convert my text to Path Outlines. 122 00:04:32.07 --> 00:04:34.09 And you do that by first copying your text, 123 00:04:34.09 --> 00:04:37.06 so I'll press Control C, or Command C on the Mac, 124 00:04:37.06 --> 00:04:38.08 and then you want to paste it in front 125 00:04:38.08 --> 00:04:41.07 by pressing Control F, or Command F on the Mac. 126 00:04:41.07 --> 00:04:43.08 And then go ahead and twirl open 127 00:04:43.08 --> 00:04:45.08 your Text layer right there, 128 00:04:45.08 --> 00:04:48.02 and turn off the original text object. 129 00:04:48.02 --> 00:04:49.08 And that will protect it from harm, 130 00:04:49.08 --> 00:04:51.04 in case you have to come back to it. 131 00:04:51.04 --> 00:04:53.05 And then with the new one selected, 132 00:04:53.05 --> 00:04:56.08 go up to the Type Tool and choose Create Outlines. 133 00:04:56.08 --> 00:04:58.04 Or you can press Control Shift O, 134 00:04:58.04 --> 00:04:59.09 or Command Shift O on the Mac, 135 00:04:59.09 --> 00:05:03.05 and that converts the text to Path Outlines, like so. 136 00:05:03.05 --> 00:05:04.08 Now I want you to Shift click 137 00:05:04.08 --> 00:05:07.02 on each one of the bars in order to select it, 138 00:05:07.02 --> 00:05:10.03 and I want to combine this thing into one object 139 00:05:10.03 --> 00:05:13.00 by grabbing my Shape Builder tool and then 140 00:05:13.00 --> 00:05:16.09 press the Shift key, and Marquee everything, like so, 141 00:05:16.09 --> 00:05:18.08 in order to select it all. 142 00:05:18.08 --> 00:05:21.07 And that's actually going to create a problem for us. 143 00:05:21.07 --> 00:05:24.00 Notice that we lost the hole in the R? 144 00:05:24.00 --> 00:05:25.02 I don't want that, so I'm going to press 145 00:05:25.02 --> 00:05:27.00 Control Z, or Command Z on the Mac, 146 00:05:27.00 --> 00:05:28.04 to undo that move. 147 00:05:28.04 --> 00:05:30.04 And instead of using the Shape Builder, 148 00:05:30.04 --> 00:05:32.03 I'll just go up to the Object menu, 149 00:05:32.03 --> 00:05:35.01 choose Compound Path, and choose Make 150 00:05:35.01 --> 00:05:39.04 to turn everything into one big compound path, like so. 151 00:05:39.04 --> 00:05:40.06 All right, now we want to give our text 152 00:05:40.06 --> 00:05:41.08 a little bit of an edge, 153 00:05:41.08 --> 00:05:43.03 so I'm going to zoom in on it, 154 00:05:43.03 --> 00:05:46.03 and I'm going to switch to the Appearance Panel right here 155 00:05:46.03 --> 00:05:49.05 and I'm going to click on a stroke, but first I forgot, 156 00:05:49.05 --> 00:05:51.03 I need to switch back to the black arrow tool 157 00:05:51.03 --> 00:05:53.09 where I will not affect the stroke at all. 158 00:05:53.09 --> 00:05:55.07 All right, now I'll grab that stroke, 159 00:05:55.07 --> 00:05:57.04 I'm going to leave it set to one point 160 00:05:57.04 --> 00:06:00.00 and I'm going to change its color to this last guy here, 161 00:06:00.00 --> 00:06:03.02 C1, M8, Y32, K5. 162 00:06:03.02 --> 00:06:05.08 And now I'm going to move the stroke below the fill, 163 00:06:05.08 --> 00:06:07.07 I'm going to click on the stroke to make it active, 164 00:06:07.07 --> 00:06:10.02 and I want to offset it by going up to the Effect menu, 165 00:06:10.02 --> 00:06:12.00 choosing Distort and Transform, 166 00:06:12.00 --> 00:06:13.09 and then choosing the Transform command. 167 00:06:13.09 --> 00:06:16.07 And I'm going to take the Horizontal value down one, 168 00:06:16.07 --> 00:06:20.04 in order to move that stroke to the left a little bit, 169 00:06:20.04 --> 00:06:23.04 and then I'll take the Vertical move value up one, like so, 170 00:06:23.04 --> 00:06:26.04 to move it down, and then I'll click Okay. 171 00:06:26.04 --> 00:06:28.02 Now the problem is that that produces 172 00:06:28.02 --> 00:06:29.08 a little bit of a gap there, 173 00:06:29.08 --> 00:06:32.09 so I'm going to have to fill it in with another fill. 174 00:06:32.09 --> 00:06:35.06 So I'll go ahead and drop down to the second icon 175 00:06:35.06 --> 00:06:38.03 in the bottom left corner of the Appearance Panel, 176 00:06:38.03 --> 00:06:39.06 which adds a new fill. 177 00:06:39.06 --> 00:06:41.09 And then I'll click on the Color Swatch for that fill 178 00:06:41.09 --> 00:06:44.09 and change it to that same bright color right there. 179 00:06:44.09 --> 00:06:48.01 And now I'm going to twirl the stroke open 180 00:06:48.01 --> 00:06:50.03 and I want to basically apply this Transform effect 181 00:06:50.03 --> 00:06:52.08 to the fill, as well, so I'm going to click on it 182 00:06:52.08 --> 00:06:54.09 to select it, then you want to press the Alt key, 183 00:06:54.09 --> 00:06:56.06 or the Option key on the Mac, 184 00:06:56.06 --> 00:07:00.03 and drag it and drop it onto the new fill, like so. 185 00:07:00.03 --> 00:07:02.08 And that will go ahead and scoot that fill over 186 00:07:02.08 --> 00:07:04.04 and fill in the gaps. 187 00:07:04.04 --> 00:07:06.02 All right, now I'll just go ahead and zoom out here 188 00:07:06.02 --> 00:07:08.08 and I'll click off the text to deselect it. 189 00:07:08.08 --> 00:07:10.05 And I'll switch back to my Layers Panel, 190 00:07:10.05 --> 00:07:12.03 I'll make sure the Text layer is active, 191 00:07:12.03 --> 00:07:14.09 and I'm just going to paste in some other Text elements 192 00:07:14.09 --> 00:07:16.08 that I created in advance here. 193 00:07:16.08 --> 00:07:19.00 I'll go ahead and twirl that Text layer closed 194 00:07:19.00 --> 00:07:21.04 and then I'll turn off the Guides layer. 195 00:07:21.04 --> 00:07:22.08 And that's the final Sheriff's badge, 196 00:07:22.08 --> 00:07:24.09 complete with text that has been converted 197 00:07:24.09 --> 00:07:28.09 to Path Outlines, here inside Illustrator.