1

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

- [Illustrator] In this

movie, I'll introduce you



2

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

to the Libraries panel, which

allows you to collect paths



3

00:00:05.01 --> 00:00:07.04

and other graphic and text objects



4

00:00:07.04 --> 00:00:10.08

as well as fill and stroke

colors, color themes,



5

00:00:10.08 --> 00:00:13.08

and character and paragraph styles.



6

00:00:13.08 --> 00:00:16.02

And then you can turn

around and share those items



7

00:00:16.02 --> 00:00:18.08

with other compatible

Creative Cloud applications



8

00:00:18.08 --> 00:00:20.06

that are running on your machine,



9

00:00:20.06 --> 00:00:22.03

and you can share them with other folks



10

00:00:22.03 --> 00:00:25.06

who you're working with

either locally or remotely.



11

00:00:25.06 --> 00:00:28.06

Now as with all the panels,

you get to the Libraries panel



12

00:00:28.06 --> 00:00:31.02

by going up to the Window

menu, and in this case,



13

00:00:31.02 --> 00:00:33.05

choosing the Libraries command.



14

00:00:33.05 --> 00:00:36.06

Now I want you to notice for

space reasons on screen here,



15

00:00:36.06 --> 00:00:38.08

I've gone ahead and

grouped my Libraries panel



16

00:00:38.08 --> 00:00:42.06

along with Layers,

Appearance, and Artboards.



17

00:00:42.06 --> 00:00:45.02

I also want you to see out

here in the document window



18

00:00:45.02 --> 00:00:48.03

that we have two flat-looking shadows,



19

00:00:48.03 --> 00:00:51.07

one in the background, and

then another in the foreground.



20

00:00:51.07 --> 00:00:54.05

Now, they're going to look snazzier

in the future, but for now,



21

00:00:54.05 --> 00:00:57.05

I just want to add them

to my default library,



22

00:00:57.05 --> 00:01:00.01

and I'm going to start things

off with a background shadow.



23

00:01:00.01 --> 00:01:02.03

So I'll click on it with

the black arrow tool



24

00:01:02.03 --> 00:01:06.05

and then I'll drag it and drop

it into the Libraries panel,



25

00:01:06.05 --> 00:01:08.06

and you can tell the

operation is going to work



26

00:01:08.06 --> 00:01:11.04

because the interior of the panel darkens



27

00:01:11.04 --> 00:01:13.05

and you see a plus sign.



28

00:01:13.05 --> 00:01:15.02

All right, so I'll just

go ahead and drag that guy



29

00:01:15.02 --> 00:01:16.02

into place.



30

00:01:16.02 --> 00:01:18.05

Notice that it's categorized as a graphic,



31

00:01:18.05 --> 00:01:20.02

and if I hover over the thumbnail,



32

00:01:20.02 --> 00:01:23.03

I can see that it was

created in Adobe Illustrator,



33

00:01:23.03 --> 00:01:24.05

which is very useful,



34

00:01:24.05 --> 00:01:26.06

especially when you're compiling graphics



35

00:01:26.06 --> 00:01:29.00

from different applications, so that way,



36

00:01:29.00 --> 00:01:31.06

if I were in InDesign or Photoshop,



37

00:01:31.06 --> 00:01:35.00

I would know where this

specific graphic came from.



38

00:01:35.00 --> 00:01:37.05

Problem is, it doesn't

have a meaningful name.



39

00:01:37.05 --> 00:01:39.00

It's just called Artwork 1.



40

00:01:39.00 --> 00:01:40.09

So I'll give it slightly more meaning



41

00:01:40.09 --> 00:01:43.08

by calling it Shadow 1 instead.



42

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

Now you can avoid that step if you want



43

00:01:45.09 --> 00:01:48.07

by first naming the item

in the Layers panel,



44

00:01:48.07 --> 00:01:51.00

and so I'll go ahead and

switch back to that panel,



45

00:01:51.00 --> 00:01:53.08

and I'll twirl open the

Shadows layer right there.



46

00:01:53.08 --> 00:01:55.06

Notice in all we have three items,



47

00:01:55.06 --> 00:01:58.07

two freeform path

outlines and a rectangle.



48

00:01:58.07 --> 00:02:01.06

The top path represents

the foreground shadow.



49

00:02:01.06 --> 00:02:03.04

So I'll just go ahead and

double-click on its name



50

00:02:03.04 --> 00:02:05.06

and I'll call it Shadow 2,



51

00:02:05.06 --> 00:02:08.08

and then I'll switch back

to the Libraries panel,



52

00:02:08.08 --> 00:02:11.05

and I'll click on that

shadow to select it,



53

00:02:11.05 --> 00:02:14.08

and then I'll drag and drop

it into the panel as well,



54

00:02:14.08 --> 00:02:17.09

and this time, it comes

in automatically named



55

00:02:17.09 --> 00:02:21.04

after the item in the Layers panel.



56

00:02:21.04 --> 00:02:24.01

All right, now I want to show

you a different way of working



57

00:02:24.01 --> 00:02:28.02

so I want to undo that

operation, but you can't undo it



58

00:02:28.02 --> 00:02:31.03

by going up to the Edit menu

and choosing the Undo command.



59

00:02:31.03 --> 00:02:34.05

Notice that the command

reads Undo Layer Rename,



60

00:02:34.05 --> 00:02:37.03

and what that's telling us is

that we're going to undo the fact



61

00:02:37.03 --> 00:02:40.00

that we've renamed that one path Shadow 2,



62

00:02:40.00 --> 00:02:42.00

which is not what I want to do.



63

00:02:42.00 --> 00:02:43.05

So I'm just going to escape out.



64

00:02:43.05 --> 00:02:46.01

Instead, if you decide you

don't want to add the item



65

00:02:46.01 --> 00:02:48.06

after all, then you

click on it to select it



66

00:02:48.06 --> 00:02:50.06

and notice the difference, by the way,



67

00:02:50.06 --> 00:02:52.09

between a selected and a deselected item



68

00:02:52.09 --> 00:02:55.01

here inside the Libraries panel.



69

00:02:55.01 --> 00:02:58.04

So if I were to click on Shadow

1, its name would darken up.



70

00:02:58.04 --> 00:03:00.04

All right, but I'm going

to click on Shadow 2



71

00:03:00.04 --> 00:03:02.08

and then I'll drop down

to the little trash icon



72

00:03:02.08 --> 00:03:05.06

in the bottom right corner

of the panel and click on it.



73

00:03:05.06 --> 00:03:07.09

Now I want you to take a quick look here.



74

00:03:07.09 --> 00:03:10.06

For just a moment, we're

going to see an Undo button,



75

00:03:10.06 --> 00:03:13.02

which will allow you to undo that deletion



76

00:03:13.02 --> 00:03:16.03

but it will ultimately fade away.



77

00:03:16.03 --> 00:03:19.01

Now it's very possible that

you might change your mind



78

00:03:19.01 --> 00:03:21.03

after the Undo disappears.



79

00:03:21.03 --> 00:03:24.01

I'll show you how that

works later, but for now,



80

00:03:24.01 --> 00:03:27.02

I'm going to show you that

other way to add Shadow 2



81

00:03:27.02 --> 00:03:29.09

to the library, and that's to go ahead



82

00:03:29.09 --> 00:03:33.02

and click on the little plus

sign in the bottom left corner



83

00:03:33.02 --> 00:03:35.03

of the Libraries panel, at which point,



84

00:03:35.03 --> 00:03:37.02

I'll see a popup menu that offers



85

00:03:37.02 --> 00:03:40.09

not only to save the graphic

but its fill color as well.



86

00:03:40.09 --> 00:03:42.09

The reason I'm not seeing stroke color



87

00:03:42.09 --> 00:03:45.07

is because this path

doesn't have a stroke,



88

00:03:45.07 --> 00:03:48.04

and so I'll leave both of

those checkboxes turned on,



89

00:03:48.04 --> 00:03:50.09

and I'll click the Add

button, and you can see



90

00:03:50.09 --> 00:03:55.03

that we get the graphic

Shadow 2 as well as the color,



91

00:03:55.03 --> 00:03:58.04

which is automatically named

after its RGB hex value



92

00:03:58.04 --> 00:04:00.02

but when you hover over it,



93

00:04:00.02 --> 00:04:04.07

you can see the standard

RGB values as well.



94

00:04:04.07 --> 00:04:07.00

All right, now I want to

add this big word DESIGN



95

00:04:07.00 --> 00:04:09.06

to the library, so I'll

go ahead and click on it.



96

00:04:09.06 --> 00:04:12.04

Notice that I've grouped these

path outlines in advance,



97

00:04:12.04 --> 00:04:14.08

and you can tell that's

the case by the appearance



98

00:04:14.08 --> 00:04:17.08

of the word Group on the

far left side of the panel,



99

00:04:17.08 --> 00:04:20.03

and so I'll go ahead and

add these guys as well



100

00:04:20.03 --> 00:04:23.07

by clicking on the plus sign

in the bottom left corner



101

00:04:23.07 --> 00:04:26.03

of the panel, and this time

Illustrator offers not only



102

00:04:26.03 --> 00:04:28.09

to save the graphic but

also the stroke color,



103

00:04:28.09 --> 00:04:32.03

and that's because all the

letters share that same stroke.



104

00:04:32.03 --> 00:04:34.06

They don't share a common fill.



105

00:04:34.06 --> 00:04:37.03

And so I'll go ahead and leave

both the checkboxes turned on



106

00:04:37.03 --> 00:04:41.04

and click Add and once again

we're seeing both a new graphic



107

00:04:41.04 --> 00:04:45.05

and a new color, and I want

you to see that the graphic



108

00:04:45.05 --> 00:04:49.02

has been automatically named

Design because I took the time



109

00:04:49.02 --> 00:04:52.08

to name that group

inside the Layers panel.



110

00:04:52.08 --> 00:04:55.00

Okay, now let's say I want to

select all the path outlines



111

00:04:55.00 --> 00:04:56.09

that make up the blocks.



112

00:04:56.09 --> 00:04:59.03

In that case, I'll switch

back to the Layers panel



113

00:04:59.03 --> 00:05:02.01

and I'll twirl closed the Shadows layer,



114

00:05:02.01 --> 00:05:04.02

and I'll just click in

the top right corner



115

00:05:04.02 --> 00:05:07.04

of that Blocks layer, and

that will select everything



116

00:05:07.04 --> 00:05:10.02

on the layer after which

point, I'll shift-click



117

00:05:10.02 --> 00:05:13.09

on the word DESIGN to deselect

it, and that will leave me



118

00:05:13.09 --> 00:05:15.07

with all of the blocks.



119

00:05:15.07 --> 00:05:17.03

Now it's worth noting that these items



120

00:05:17.03 --> 00:05:18.09

are not grouped together.



121

00:05:18.09 --> 00:05:21.01

They're just a bunch

of loose path outlines.



122

00:05:21.01 --> 00:05:22.03

That doesn't matter.



123

00:05:22.03 --> 00:05:24.06

You can still add them as one object



124

00:05:24.06 --> 00:05:27.08

inside the Libraries panel

by first switching to it



125

00:05:27.08 --> 00:05:30.04

and then once again

clicking on the plus sign,



126

00:05:30.04 --> 00:05:33.06

at which point, you'll see

that you can save the graphic



127

00:05:33.06 --> 00:05:37.01

as well as the fill and stroke colors.



128

00:05:37.01 --> 00:05:39.06

Now this time around, we're

being offered a white fill.



129

00:05:39.06 --> 00:05:42.09

I'm not sure why that is, but

I'm going to turn both the fill



130

00:05:42.09 --> 00:05:45.03

and stroke off because we don't need them,



131

00:05:45.03 --> 00:05:48.03

and I click on the word

Add, and we get a new item



132

00:05:48.03 --> 00:05:50.01

in the Graphics section right here.



133

00:05:50.01 --> 00:05:52.03

It's called Artwork 1

because I didn't name



134

00:05:52.03 --> 00:05:53.09

any of these path outlines,



135

00:05:53.09 --> 00:05:56.06

and they're not actually

an organized collection,



136

00:05:56.06 --> 00:06:00.00

and so I'll just go ahead

and double-click on Artwork 1



137

00:06:00.00 --> 00:06:03.04

and I'll call this items Blocks

and then press the enter key



138

00:06:03.04 --> 00:06:06.02

or the return key on the Mac.



139

00:06:06.02 --> 00:06:09.00

All right, now I want you to

notice that these color items



140

00:06:09.00 --> 00:06:10.06

are just colors.



141

00:06:10.06 --> 00:06:13.06

They're not specifically

fill or stroke attributes,



142

00:06:13.06 --> 00:06:15.03

but they are colors that you can use



143

00:06:15.03 --> 00:06:16.09

across multiple applications,



144

00:06:16.09 --> 00:06:19.05

just as you can use these illustrations



145

00:06:19.05 --> 00:06:22.04

over multiple applications as well.



146

00:06:22.04 --> 00:06:26.00

And that friends is my

introduction to the Libraries panel



147

00:06:26.00 --> 00:06:29.07

which works not only in

Illustrator but also Photoshop



148

00:06:29.07 --> 00:06:30.08

and InDesign.