1

00:00:00.06 --> 00:00:01.07

- [Voiceover] In this

movie, I'll show you how to



2

00:00:01.07 --> 00:00:05.01

create your very own custom graphic style.



3

00:00:05.01 --> 00:00:07.07

And I'm going to try it out on this text.



4

00:00:07.07 --> 00:00:09.09

So, the first thing I'm going to do is



5

00:00:09.09 --> 00:00:11.06

clear out everything I've applied so far



6

00:00:11.06 --> 00:00:13.09

by clicking on this

very first graphic style



7

00:00:13.09 --> 00:00:15.09

in the top left corner of the panel,



8

00:00:15.09 --> 00:00:18.02

and that's going to give me a black stroke



9

00:00:18.02 --> 00:00:21.00

and a white fill, and nothing more.



10

00:00:21.00 --> 00:00:22.04

All right, now I'm going

to start things off



11

00:00:22.04 --> 00:00:24.07

by setting this stroke right here



12

00:00:24.07 --> 00:00:26.07

to a nine point line weight,



13

00:00:26.07 --> 00:00:28.00

to make it nice and thick,



14

00:00:28.00 --> 00:00:29.09

and also round off the corners by



15

00:00:29.09 --> 00:00:31.08

clicking on the word Stroke and switching



16

00:00:31.08 --> 00:00:34.04

the corner setting to Round Join.



17

00:00:34.04 --> 00:00:35.09

Now, the problem at this point is



18

00:00:35.09 --> 00:00:37.09

I have the stroke on top of the fill,



19

00:00:37.09 --> 00:00:39.06

which is rarely a good idea when



20

00:00:39.06 --> 00:00:40.07

you're working with text,



21

00:00:40.07 --> 00:00:42.03

because that means the stroke is cutting



22

00:00:42.03 --> 00:00:43.08

into the letter forms.



23

00:00:43.08 --> 00:00:45.03

So I'll go ahead and grab the fill



24

00:00:45.03 --> 00:00:47.06

and move it to on top

of the stroke like so,



25

00:00:47.06 --> 00:00:50.00

and then I'll click on

the fill's color swatch,



26

00:00:50.00 --> 00:00:52.06

and I'll set it to this

light shade of blue.



27

00:00:52.06 --> 00:00:54.02

All right, now I want

to offset the strokes,



28

00:00:54.02 --> 00:00:56.01

so I'll go ahead and click on a stroke.



29

00:00:56.01 --> 00:00:57.07

Then, I'll click on the FX icon in the



30

00:00:57.07 --> 00:00:59.09

bottom left corner of

the Appearance panel.



31

00:00:59.09 --> 00:01:01.04

I'll choose Distort and Transform,



32

00:01:01.04 --> 00:01:03.06

and then I'll choose the Transform effect.



33

00:01:03.06 --> 00:01:06.09

And I'll dial in a horizontal

move value of negative two,



34

00:01:06.09 --> 00:01:10.03

and a vertical value of

one, which I can see,



35

00:01:10.03 --> 00:01:11.08

if I turn on the Preview checkbox,



36

00:01:11.08 --> 00:01:14.00

moves the stroke down one pixel



37

00:01:14.00 --> 00:01:15.08

and two pixels to the left,



38

00:01:15.08 --> 00:01:17.07

at which point, I'll click Okay.



39

00:01:17.07 --> 00:01:18.09

All right, now I want to make a couple of



40

00:01:18.09 --> 00:01:20.06

copies of this stroke, and so,



41

00:01:20.06 --> 00:01:22.02

with the stroke active, I'll click on the



42

00:01:22.02 --> 00:01:24.03

little page icon in

the bottom right corner



43

00:01:24.03 --> 00:01:25.06

of the Appearance panel,



44

00:01:25.06 --> 00:01:27.07

and then I'll click on that stroke,



45

00:01:27.07 --> 00:01:30.02

that second stroke there,

and change its line weight



46

00:01:30.02 --> 00:01:33.00

to 21 points, and then I'll

click in the Color icon



47

00:01:33.00 --> 00:01:36.01

and change it to white this time around.



48

00:01:36.01 --> 00:01:38.00

And I want to offset it

a little differently.



49

00:01:38.00 --> 00:01:39.09

So, I'll click on the word

Transform right there,



50

00:01:39.09 --> 00:01:41.02

and I'll take the horizontal value



51

00:01:41.02 --> 00:01:43.08

down to negative four

points, and click Okay.



52

00:01:43.08 --> 00:01:45.09

And that goes ahead and shifts the stroke



53

00:01:45.09 --> 00:01:47.03

ever so slightly.



54

00:01:47.03 --> 00:01:48.09

All right, now I want to

make a copy of this one



55

00:01:48.09 --> 00:01:51.09

by clicking on it, and then

clicking on the page icon.



56

00:01:51.09 --> 00:01:53.07

And now, I'll select the bottom stroke,



57

00:01:53.07 --> 00:01:55.08

change its line weight to 33 points,



58

00:01:55.08 --> 00:01:58.03

click on its color, and change it to this



59

00:01:58.03 --> 00:02:00.05

darker shade of blue right there.



60

00:02:00.05 --> 00:02:03.00

Then I'll click on its

Transform effect once again,



61

00:02:03.00 --> 00:02:05.02

take the horizontal value

down to negative seven,



62

00:02:05.02 --> 00:02:07.04

and the vertical value up to three points,



63

00:02:07.04 --> 00:02:08.08

which looks like this.



64

00:02:08.08 --> 00:02:10.02

And then click Okay.



65

00:02:10.02 --> 00:02:12.03

All right now, I want to burn that color



66

00:02:12.03 --> 00:02:13.04

into the background.



67

00:02:13.04 --> 00:02:15.05

And so, I'll click on the

word Opacity right here,



68

00:02:15.05 --> 00:02:17.08

the one that's inset, not

the one at the bottom.



69

00:02:17.08 --> 00:02:20.00

Click on the inset Opacity item



70

00:02:20.00 --> 00:02:21.05

to bring up the Transparency panel,



71

00:02:21.05 --> 00:02:24.01

and change the Blend mode

from Normal to Multiply



72

00:02:24.01 --> 00:02:27.06

in order to achieve this effect here.



73

00:02:27.06 --> 00:02:29.09

All right, now I want to

apply some overall effects,



74

00:02:29.09 --> 00:02:32.00

so I'll click on the Type item



75

00:02:32.00 --> 00:02:33.09

at the top of the Appearance panel.



76

00:02:33.09 --> 00:02:37.01

And that way, I'm not just

defecting a fill or a stroke,



77

00:02:37.01 --> 00:02:38.05

and in fact, I'm going to go ahead



78

00:02:38.05 --> 00:02:40.00

and twirl these guys closed,



79

00:02:40.00 --> 00:02:42.05

just to give myself a

little more room to work.



80

00:02:42.05 --> 00:02:44.05

And then, I'll go up to the Effect menu,



81

00:02:44.05 --> 00:02:47.06

choose Path, and then choose Offset Path.



82

00:02:47.06 --> 00:02:48.09

And what that's going to do,



83

00:02:48.09 --> 00:02:50.04

if I turn on the Preview checkbox,



84

00:02:50.04 --> 00:02:53.05

is expand my letter forms like crazy,



85

00:02:53.05 --> 00:02:56.00

to the tune of ten points

all the way around.



86

00:02:56.00 --> 00:02:58.03

Which is a little bit bold for my taste,



87

00:02:58.03 --> 00:03:01.00

so I'm going to take that offset

value down to three points,



88

00:03:01.00 --> 00:03:04.02

and then I'll click Okay

to accept that effect.



89

00:03:04.02 --> 00:03:05.03

So here's the difference it makes.



90

00:03:05.03 --> 00:03:08.00

This is without Offset

Path, and this is with.



91

00:03:08.00 --> 00:03:10.00

So we're essentially taking this bold type



92

00:03:10.00 --> 00:03:12.03

and making it even bolder.



93

00:03:12.03 --> 00:03:14.01

All right, now I'll click

on the word Type again,



94

00:03:14.01 --> 00:03:16.01

just to make sure the

entire object is active,



95

00:03:16.01 --> 00:03:17.05

and I'll go up to the Effect menu,



96

00:03:17.05 --> 00:03:19.01

choose Distort and Transform,



97

00:03:19.01 --> 00:03:21.01

and choose Pucker and Blow.



98

00:03:21.01 --> 00:03:22.04

And I'll turn on the Preview checkbox



99

00:03:22.04 --> 00:03:24.03

so you can see, if I click in this value



100

00:03:24.03 --> 00:03:27.07

and press Shift, up arrow,

I bloat the letters,



101

00:03:27.07 --> 00:03:29.04

which causes them to puff outward,



102

00:03:29.04 --> 00:03:31.08

whereas if I press Shift, down arrow,



103

00:03:31.08 --> 00:03:35.00

I pucker the letters,

as we're seeing here.



104

00:03:35.00 --> 00:03:38.05

So these edges are moving

inward all the way around,



105

00:03:38.05 --> 00:03:39.05

which I quite like.



106

00:03:39.05 --> 00:03:41.07

So negative ten percent, click Okay,



107

00:03:41.07 --> 00:03:44.00

and then finally, I want

to rotate the letters.



108

00:03:44.00 --> 00:03:45.07

So I'll go up to the Effect menu,



109

00:03:45.07 --> 00:03:47.00

choose Distort and Transform,



110

00:03:47.00 --> 00:03:49.03

and choose the Transform command.



111

00:03:49.03 --> 00:03:51.04

And now, I'll click in the Angle value



112

00:03:51.04 --> 00:03:53.04

and press Shift, up

arrow, in order to achieve



113

00:03:53.04 --> 00:03:55.05

ten degrees, turn on the Preview checkbox.



114

00:03:55.05 --> 00:03:58.01

I get this effect here,

which I very much like,



115

00:03:58.01 --> 00:03:59.01

so I click Okay.



116

00:03:59.01 --> 00:04:01.00

All right, now let's say you like what



117

00:04:01.00 --> 00:04:02.02

you've come up with,



118

00:04:02.02 --> 00:04:04.05

and you figure you spend a

sufficient amount of time on it



119

00:04:04.05 --> 00:04:06.00

that you want to save all of your



120

00:04:06.00 --> 00:04:07.04

fill and stroke attributes,



121

00:04:07.04 --> 00:04:09.01

as well as your dynamic effects,



122

00:04:09.01 --> 00:04:11.00

as a graphic style.



123

00:04:11.00 --> 00:04:13.05

In that case, you can just

click that little page icon,



124

00:04:13.05 --> 00:04:15.03

but if you do that, you'll create



125

00:04:15.03 --> 00:04:17.06

an unnamed graphic style, which is not



126

00:04:17.06 --> 00:04:18.08

my favorite way to work.



127

00:04:18.08 --> 00:04:20.09

So if you want to name

it as you create it,



128

00:04:20.09 --> 00:04:22.03

then press the Alt key,



129

00:04:22.03 --> 00:04:23.06

or the Option key on the Mac,



130

00:04:23.06 --> 00:04:25.02

and click on the page icon,



131

00:04:25.02 --> 00:04:27.02

and then I'll just go

ahead and call this guy



132

00:04:27.02 --> 00:04:30.07

"scalloped", let's say, and click Okay.



133

00:04:30.07 --> 00:04:32.09

And now let's say you want

to apply these styles to,



134

00:04:32.09 --> 00:04:35.04

for example, these polygons right here.



135

00:04:35.04 --> 00:04:37.04

I'll click on one and

Shift click on the other.



136

00:04:37.04 --> 00:04:40.03

And if you take a close look

at either of these guys,



137

00:04:40.03 --> 00:04:43.01

you'll see that they have dynamic effects



138

00:04:43.01 --> 00:04:45.02

assigned to them in the form of this



139

00:04:45.02 --> 00:04:46.07

Transform effect right there.



140

00:04:46.07 --> 00:04:48.02

And so, I'll go ahead and click on it,



141

00:04:48.02 --> 00:04:49.06

and you can see, what I've done,



142

00:04:49.06 --> 00:04:51.04

is I've left the horizontal scale values



143

00:04:51.04 --> 00:04:54.03

set to 100%, and I've taken

the vertical scale value



144

00:04:54.03 --> 00:04:56.02

up to 150%.



145

00:04:56.02 --> 00:04:58.01

So, I'll just go ahead and cancel out.



146

00:04:58.01 --> 00:04:59.05

And the whole reason,

as you might imagine,



147

00:04:59.05 --> 00:05:01.07

is that I wanted to

stretch these polygons.



148

00:05:01.07 --> 00:05:04.00

And so now, let's say I want to apply some



149

00:05:04.00 --> 00:05:05.04

additional effects to them,



150

00:05:05.04 --> 00:05:07.02

then I would just go ahead and make sure



151

00:05:07.02 --> 00:05:09.03

that the Compound Path item is active



152

00:05:09.03 --> 00:05:10.08

here inside the Appearance panel.



153

00:05:10.08 --> 00:05:12.00

Actually, that's not going to make



154

00:05:12.00 --> 00:05:13.07

any difference at all, because notice,



155

00:05:13.07 --> 00:05:16.05

as soon as I click on "scalloped",



156

00:05:16.05 --> 00:05:19.05

I get rid of that

previous Transform effect



157

00:05:19.05 --> 00:05:22.01

that I had before, and I

replace it with this new one



158

00:05:22.01 --> 00:05:25.07

right there, which rotates

the polygons ten degrees.



159

00:05:25.07 --> 00:05:28.04

So if I wanted to

continue to stretch them,



160

00:05:28.04 --> 00:05:30.01

I would have to enter vertical values



161

00:05:30.01 --> 00:05:33.02

of 150 degrees, and turn

on the Preview checkbox



162

00:05:33.02 --> 00:05:35.08

in order to see this effect here.



163

00:05:35.08 --> 00:05:37.05

And so, that's something

that's really important



164

00:05:37.05 --> 00:05:38.03

to bear in mind.



165

00:05:38.03 --> 00:05:39.05

I'll go ahead and click Okay.



166

00:05:39.05 --> 00:05:42.02

Is that, when you apply a

style by clicking on it,



167

00:05:42.02 --> 00:05:44.03

you're wiping out all

the fills and strokes



168

00:05:44.03 --> 00:05:46.02

and dynamic effects and replacing them



169

00:05:46.02 --> 00:05:47.08

with new ones.



170

00:05:47.08 --> 00:05:49.05

At least, that's how it works by default.



171

00:05:49.05 --> 00:05:50.09

I'll show you a different way of working



172

00:05:50.09 --> 00:05:52.01

in a later movie.



173

00:05:52.01 --> 00:05:54.04

But for now, I'll go ahead

and press Control, zero,



174

00:05:54.04 --> 00:05:55.08

or Command, zero on a Mac,



175

00:05:55.08 --> 00:05:58.03

and then Control, Shift,

A, or Command, Shift, A,



176

00:05:58.03 --> 00:06:00.03

in order to deselect my artwork.



177

00:06:00.03 --> 00:06:02.00

And that, folks, is how you create



178

00:06:02.00 --> 00:06:04.00

your own custom graphic style



179

00:06:04.00 --> 00:06:07.02

to save out a collection

of fills, strokes,



180

00:06:07.02 --> 00:06:10.09

and dynamic effects

here inside Illustrator.