1

00:00:00.04 --> 00:00:01.09

- [Deke] In this movie, I'll show you how



2

00:00:01.09 --> 00:00:04.08

to collect Character and Paragraph Styles



3

00:00:04.08 --> 00:00:06.06

that you can share with other people



4

00:00:06.06 --> 00:00:09.08

as well as use across

multiple applications,



5

00:00:09.08 --> 00:00:11.06

and you can do so without ever once



6

00:00:11.06 --> 00:00:13.03

visiting the Character Styles



7

00:00:13.03 --> 00:00:15.08

or Paragraph Styles panel.



8

00:00:15.08 --> 00:00:17.04

Now, we first took a look at this topic



9

00:00:17.04 --> 00:00:20.05

way back in Chapter Eight

of the Fundamentals course



10

00:00:20.05 --> 00:00:23.06

when we reviewed how you

create and format Type,



11

00:00:23.06 --> 00:00:25.05

but in case you're a little foggy,



12

00:00:25.05 --> 00:00:27.04

a Character Style allows you to save



13

00:00:27.04 --> 00:00:29.08

Character-level formatting attributes,



14

00:00:29.08 --> 00:00:32.09

such as Font and Type size, and so forth,



15

00:00:32.09 --> 00:00:35.05

while a Paragraph Style

saves both Paragraph



16

00:00:35.05 --> 00:00:38.00

and Character-level formatting.



17

00:00:38.00 --> 00:00:41.05

And so notice, if I switch

over the the Layers panel,



18

00:00:41.05 --> 00:00:43.06

that I have this Layer called Type.



19

00:00:43.06 --> 00:00:44.07

I'll go ahead and turn it on,



20

00:00:44.07 --> 00:00:47.02

at which point you can

see that we have a couple



21

00:00:47.02 --> 00:00:50.04

of not very exciting lines of Point Type.



22

00:00:50.04 --> 00:00:53.03

I'm going to go ahead and

select the top one right here



23

00:00:53.03 --> 00:00:54.09

and I'm going to apply a font



24

00:00:54.09 --> 00:00:57.09

that's presently available from Typekit.



25

00:00:57.09 --> 00:00:59.09

And so, if you're working along with me,



26

00:00:59.09 --> 00:01:01.05

you want to go up to the Type menu



27

00:01:01.05 --> 00:01:04.00

and choose Add Fonts from Typekit,



28

00:01:04.00 --> 00:01:07.03

and that will go ahead and

launch your default web browser,



29

00:01:07.03 --> 00:01:10.03

at which point, you want to

search for this font right here,



30

00:01:10.03 --> 00:01:14.04

Viktor, spelled V-I-K-T-O-R,

and then Script.



31

00:01:14.04 --> 00:01:15.07

And then all you need to do



32

00:01:15.07 --> 00:01:17.04

is click on this button over here,



33

00:01:17.04 --> 00:01:19.08

which in your case will say Sync,



34

00:01:19.08 --> 00:01:22.06

until the font is synced with your system.



35

00:01:22.06 --> 00:01:24.05

Now, one small note of caution,



36

00:01:24.05 --> 00:01:27.09

I will say that while this

font is currently available



37

00:01:27.09 --> 00:01:30.04

for syncing for any Creative Cloud member,



38

00:01:30.04 --> 00:01:32.09

it may not be available in the future,



39

00:01:32.09 --> 00:01:34.03

you just never know.



40

00:01:34.03 --> 00:01:37.00

In which case, try out a different font.



41

00:01:37.00 --> 00:01:37.09

All right, I'm going to go ahead



42

00:01:37.09 --> 00:01:39.05

and switch back to Illustrator,



43

00:01:39.05 --> 00:01:41.05

and with this line of type selected,



44

00:01:41.05 --> 00:01:43.05

I'll go ahead and press

that keyboard shortcut



45

00:01:43.05 --> 00:01:47.01

of mash-your-fist + f, that is f for font,



46

00:01:47.01 --> 00:01:49.03

which is Ctrl+Shift+Alt+f on the PC



47

00:01:49.03 --> 00:01:51.08

and Command+Shift+Option+f on the Mac,



48

00:01:51.08 --> 00:01:53.04

and that's going to

highlight the Font field



49

00:01:53.04 --> 00:01:55.00

here inside the Character panel,



50

00:01:55.00 --> 00:01:56.04

at which point, I'll just go ahead



51

00:01:56.04 --> 00:01:59.04

and enter V-I-K, that

should take care of it,



52

00:01:59.04 --> 00:02:02.00

and then I'll select that font like so.



53

00:02:02.00 --> 00:02:06.01

And notice, I've already dialed

in a Type size of 82 pts,



54

00:02:06.01 --> 00:02:09.03

and all these other options

are fine set to their defaults.



55

00:02:09.03 --> 00:02:10.09

At which point I'll switch back over



56

00:02:10.09 --> 00:02:12.04

to the Libraries panel



57

00:02:12.04 --> 00:02:14.06

and I'll click on the little plus icon



58

00:02:14.06 --> 00:02:17.01

down here in the bottom left corner,



59

00:02:17.01 --> 00:02:20.07

at which point Illustrator

offers to save the Graphic,



60

00:02:20.07 --> 00:02:23.03

that is the actually text object,



61

00:02:23.03 --> 00:02:26.06

as well as the Character

and Paragraph Style,



62

00:02:26.06 --> 00:02:28.09

and the color assigned to the Fill.



63

00:02:28.09 --> 00:02:30.06

Now, I don't need that Fill Color



64

00:02:30.06 --> 00:02:32.07

and I definitely don't

need a Paragraph Style



65

00:02:32.07 --> 00:02:33.09

because there's nothing going on



66

00:02:33.09 --> 00:02:36.02

where the Paragraph

formatting is concerned.



67

00:02:36.02 --> 00:02:37.07

I do want the Character Style



68

00:02:37.07 --> 00:02:39.06

and I might as well save the Graphic,



69

00:02:39.06 --> 00:02:41.08

at which point I will click Add.



70

00:02:41.08 --> 00:02:43.05

Now, it's very important to note



71

00:02:43.05 --> 00:02:45.07

that the artwork is just called Artwork 1



72

00:02:45.07 --> 00:02:47.05

and so, I'll double-click on it



73

00:02:47.05 --> 00:02:50.09

and I'll call it "exciting

world of," let's say,



74

00:02:50.09 --> 00:02:52.07

just so that we know what it says,



75

00:02:52.07 --> 00:02:54.01

and you also want to go ahead



76

00:02:54.01 --> 00:02:56.04

and assign a name to your Character Style.



77

00:02:56.04 --> 00:02:59.01

And you can do that by

double-clicking on its name,



78

00:02:59.01 --> 00:03:00.05

so notice that the Character Styles



79

00:03:00.05 --> 00:03:02.01

are their own category,



80

00:03:02.01 --> 00:03:05.00

and so, I'll go ahead and

double-click on that default name



81

00:03:05.00 --> 00:03:08.02

and I will type in Viktor Script.



82

00:03:08.02 --> 00:03:10.01

Should be good enough.



83

00:03:10.01 --> 00:03:11.09

All right, now I'll go ahead and drop down



84

00:03:11.09 --> 00:03:14.01

to the second line of

Point Type right there



85

00:03:14.01 --> 00:03:16.03

and I'll click on it

with a Black Arrow tool



86

00:03:16.03 --> 00:03:18.00

and I'll assign the Character Style.



87

00:03:18.00 --> 00:03:20.06

Either by going to the

Character Styles panel,



88

00:03:20.06 --> 00:03:22.02

that's totally acceptable,



89

00:03:22.02 --> 00:03:24.08

or you can just click

on your new Style here



90

00:03:24.08 --> 00:03:27.00

inside the Libraries panel.



91

00:03:27.00 --> 00:03:27.09

Now, I want you to notice



92

00:03:27.09 --> 00:03:30.07

how all the Character-level

formatting attributes



93

00:03:30.07 --> 00:03:33.08

have survived here inside

the Character panel,



94

00:03:33.08 --> 00:03:37.02

but we were not able to

preserve that Drop Shadow.



95

00:03:37.02 --> 00:03:39.03

And so, if you want to

add the Drop Shadow,



96

00:03:39.03 --> 00:03:41.01

you would have to do so manually



97

00:03:41.01 --> 00:03:44.01

by going up to the Effect

menu, choosing Stylize,



98

00:03:44.01 --> 00:03:46.00

and then choosing Drop Shadow.



99

00:03:46.00 --> 00:03:46.09

And for what it's worth,



100

00:03:46.09 --> 00:03:48.07

here are the settings I came up with.



101

00:03:48.07 --> 00:03:51.03

I set the color to one

of the default swatches,



102

00:03:51.03 --> 00:03:53.07

that happens to have a

Hue value of 28 degrees,



103

00:03:53.07 --> 00:03:55.08

we've got a Saturation of 80%,



104

00:03:55.08 --> 00:03:58.02

and a Brightness of 37%.



105

00:03:58.02 --> 00:03:59.07

I've set the Mode to Multiply,



106

00:03:59.07 --> 00:04:01.09

the Opacity value's 100%,



107

00:04:01.09 --> 00:04:05.04

the X Offset is two pts,

the Y Offset is eight pts,



108

00:04:05.04 --> 00:04:07.02

and the Blur is zero,



109

00:04:07.02 --> 00:04:09.07

at which point, I'll just

go ahead and click OK



110

00:04:09.07 --> 00:04:13.00

because I know those are the

settings I'm looking for.



111

00:04:13.00 --> 00:04:15.05

All right, now let's take a

look at Paragraph formatting.



112

00:04:15.05 --> 00:04:18.06

I'm going to switch over

to this document right here



113

00:04:18.06 --> 00:04:20.08

and notice that we have

a couple of paragraphs



114

00:04:20.08 --> 00:04:22.04

that are very messed up.



115

00:04:22.04 --> 00:04:24.02

Not only is the font and the color



116

00:04:24.02 --> 00:04:26.09

and a bunch of other Character

formatting attributes out



117

00:04:26.09 --> 00:04:29.00

of keeping with the text around it,



118

00:04:29.00 --> 00:04:31.03

but we've got a ton of paragraph spacing



119

00:04:31.03 --> 00:04:33.06

and the text is centered as well.



120

00:04:33.06 --> 00:04:36.07

So, let's fix this by

first pressing the T key



121

00:04:36.07 --> 00:04:38.06

to switch to the Type tool,



122

00:04:38.06 --> 00:04:41.08

and then I'm going to click in

this final paragraph right here



123

00:04:41.08 --> 00:04:44.08

in order to position my

blinking insertion marker,



124

00:04:44.08 --> 00:04:46.01

that's all you have to do,



125

00:04:46.01 --> 00:04:48.09

and just click in the plus

sign in the bottom right corner



126

00:04:48.09 --> 00:04:50.04

of the Libraries panel,



127

00:04:50.04 --> 00:04:51.07

and select both Character



128

00:04:51.07 --> 00:04:53.09

and Paragraph Style this time around.



129

00:04:53.09 --> 00:04:56.04

Once again, we don't need the Fill Color.



130

00:04:56.04 --> 00:04:58.01

At which point, click OK



131

00:04:58.01 --> 00:05:01.02

and you'll notice that you've

created two new Styles.



132

00:05:01.02 --> 00:05:02.08

Now you want to press the Esc key



133

00:05:02.08 --> 00:05:04.03

to deactivate the text



134

00:05:04.03 --> 00:05:06.04

and you want to click off of it as well,



135

00:05:06.04 --> 00:05:08.04

and that way, you're not

going to mess things up.



136

00:05:08.04 --> 00:05:09.09

All right, now I'll just go ahead



137

00:05:09.09 --> 00:05:12.09

and double-click on the

Character Style here



138

00:05:12.09 --> 00:05:16.01

and I'll call this OZ Characters, I guess,



139

00:05:16.01 --> 00:05:18.09

and then I'll double-click

on the new Paragraph Styles



140

00:05:18.09 --> 00:05:21.05

and I'll call it OZ Paragraph,



141

00:05:21.05 --> 00:05:24.01

and for some reason, I

spelled OZ in all caps.



142

00:05:24.01 --> 00:05:26.09

Don't really care, so

I'm going to double-click



143

00:05:26.09 --> 00:05:28.09

in this first blue paragraph



144

00:05:28.09 --> 00:05:32.03

in order to automatically

switch over to my Type tool



145

00:05:32.03 --> 00:05:33.08

and then I'll triple-click



146

00:05:33.08 --> 00:05:36.00

in order to select the entire paragraph



147

00:05:36.00 --> 00:05:38.03

and I'll drag on that third click



148

00:05:38.03 --> 00:05:41.06

in order to select the

second paragraph as well.



149

00:05:41.06 --> 00:05:42.05

So, you want to make sure both



150

00:05:42.05 --> 00:05:44.03

of the paragraphs are selected,



151

00:05:44.03 --> 00:05:46.00

at which point, if you were to just click



152

00:05:46.00 --> 00:05:47.05

on a Character Style,



153

00:05:47.05 --> 00:05:49.04

you'll see that you would fix all



154

00:05:49.04 --> 00:05:51.06

the Character-level formatting attributes,



155

00:05:51.06 --> 00:05:55.00

but you'd still have a

bunch of paragraph spacing



156

00:05:55.00 --> 00:05:57.00

and the text is centered as well,



157

00:05:57.00 --> 00:05:58.00

which is not what I want,



158

00:05:58.00 --> 00:06:00.07

so I'll press Ctrl+z,

or Command+z on the Mac,



159

00:06:00.07 --> 00:06:02.02

to undo that change



160

00:06:02.02 --> 00:06:05.00

and that way, I can click

on this Paragraph Style here



161

00:06:05.00 --> 00:06:09.01

to demonstrate that that goes

ahead and fixes everything,



162

00:06:09.01 --> 00:06:11.08

at which point, I'll once

again press the Esc key



163

00:06:11.08 --> 00:06:14.06

in order to switch back

to the Black Arrow tool



164

00:06:14.06 --> 00:06:18.05

and I'll click off the

text to deselect it.



165

00:06:18.05 --> 00:06:20.05

And that's how you save out Character



166

00:06:20.05 --> 00:06:24.03

and Paragraph Styles that you

can share with other people



167

00:06:24.03 --> 00:06:26.07

and use across multiple applications



168

00:06:26.07 --> 00:06:29.04

here inside the Libraries panel.