1

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

- [Instructor] In this

movie, we'll talk about



2

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

placing and editing

assets, because so far,



3

00:00:05.01 --> 00:00:07.00

even though we've

collected a lot of assets



4

00:00:07.00 --> 00:00:08.07

here inside the Libraries panel,



5

00:00:08.07 --> 00:00:10.06

we haven't really done anything with them,



6

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

and so let's say where

this artwork is concerned,



7

00:00:13.06 --> 00:00:17.06

I want these two shadows to

fade in on top of each other.



8

00:00:17.06 --> 00:00:20.03

I don't want them to be

flat the way they are now.



9

00:00:20.03 --> 00:00:22.09

So let's start off by

editing the forward shadow



10

00:00:22.09 --> 00:00:26.06

which is Shadow 2 here

inside the Libraries panel,



11

00:00:26.06 --> 00:00:29.04

and so any time you want to

edit an asset, just go ahead



12

00:00:29.04 --> 00:00:31.03

and double-click on its thumbnail



13

00:00:31.03 --> 00:00:33.04

there inside the Libraries panel,



14

00:00:33.04 --> 00:00:36.06

and Illustrator will go

ahead and open that asset



15

00:00:36.06 --> 00:00:38.07

in an independent document window.



16

00:00:38.07 --> 00:00:40.03

And notice the title up here.



17

00:00:40.03 --> 00:00:42.09

It's Shadow 2 followed

by a long serial number



18

00:00:42.09 --> 00:00:46.01

which identifies the artwork

in the Creative Cloud.



19

00:00:46.01 --> 00:00:48.08

So bear in mind that none

of this stuff is living



20

00:00:48.08 --> 00:00:51.09

on your local hard drive

or anywhere on a network



21

00:00:51.09 --> 00:00:53.00

you control.



22

00:00:53.00 --> 00:00:54.09

It's up in the cloud.



23

00:00:54.09 --> 00:00:57.03

And so I'm going to go

ahead and select this shape



24

00:00:57.03 --> 00:00:58.07

with the black arrow tool,



25

00:00:58.07 --> 00:01:00.07

and then I'll go up to the Window menu



26

00:01:00.07 --> 00:01:02.07

and I'll choose the Gradient command



27

00:01:02.07 --> 00:01:05.09

to bring up the Gradient

panel, which as you can see,



28

00:01:05.09 --> 00:01:07.04

is fully expanded.



29

00:01:07.04 --> 00:01:10.07

Then, I'll grab the

second-to-darkest shade of brown,



30

00:01:10.07 --> 00:01:14.03

which begins R equals 96

here in the Swatches panel,



31

00:01:14.03 --> 00:01:17.04

and I'll drag it and drop it

to the end of the gradient,



32

00:01:17.04 --> 00:01:19.07

and then I'll once again drag that swatch



33

00:01:19.07 --> 00:01:22.09

to the beginning of the gradient.



34

00:01:22.09 --> 00:01:25.06

And then, with that first

gradient stop selected,



35

00:01:25.06 --> 00:01:28.02

I'll go ahead and select the opacity value



36

00:01:28.02 --> 00:01:31.08

and set it to 0%, and then

I'll change the angle value



37

00:01:31.08 --> 00:01:35.06

to 90 degrees, after which

point, all you have to do



38

00:01:35.06 --> 00:01:38.01

to update the asset is close the artwork,



39

00:01:38.01 --> 00:01:40.05

at which point you want

to click the Yes button.



40

00:01:40.05 --> 00:01:42.02

That would be the Save button on the Mac



41

00:01:42.02 --> 00:01:45.08

in order to save your artwork

and as you can see here,



42

00:01:45.08 --> 00:01:47.07

nothing has happened.



43

00:01:47.07 --> 00:01:49.02

So what in the world's going on?



44

00:01:49.02 --> 00:01:53.03

We still have a flat

shadow, and the problem is



45

00:01:53.03 --> 00:01:55.08

that this is still the

original artwork right here.



46

00:01:55.08 --> 00:02:00.02

It's not an instance, if

you will, of this asset.



47

00:02:00.02 --> 00:02:02.01

So compare this to symbols for example.



48

00:02:02.01 --> 00:02:05.06

When you create a new symbol

by dragging a piece of artwork



49

00:02:05.06 --> 00:02:09.02

into the Symbols panel, and

so if I were to grab this guy



50

00:02:09.02 --> 00:02:11.08

and drag him and drop him

into the Symbols panel



51

00:02:11.08 --> 00:02:15.05

and call it Shadow 2 for example,

and select Static Symbol,



52

00:02:15.05 --> 00:02:18.06

just so we're getting better

feedback, as soon as I click OK



53

00:02:18.06 --> 00:02:21.04

I can see a rectangular

bounding box around this item



54

00:02:21.04 --> 00:02:24.03

which demonstrates to me

that it is an instance



55

00:02:24.03 --> 00:02:28.02

of the static symbol as we're

seeing on the far left side



56

00:02:28.02 --> 00:02:29.06

of the control panel.



57

00:02:29.06 --> 00:02:32.00

That's not what I want, so

I'll go to the Edit menu



58

00:02:32.00 --> 00:02:35.07

and choose Undo New Symbol, or

I can just press control + z



59

00:02:35.07 --> 00:02:38.08

or command + z on the Mac, and

it'll hide the Symbols panel.



60

00:02:38.08 --> 00:02:41.05

So my point is, even though that happens



61

00:02:41.05 --> 00:02:44.00

when you create a new

symbol, it doesn't happen



62

00:02:44.00 --> 00:02:46.09

when you create a new asset

in the Libraries panel.



63

00:02:46.09 --> 00:02:49.07

This is still the original path outline,



64

00:02:49.07 --> 00:02:51.05

and so if you wanted to update,



65

00:02:51.05 --> 00:02:52.08

then you need to get rid of it.



66

00:02:52.08 --> 00:02:54.00

Just go ahead and delete it



67

00:02:54.00 --> 00:02:56.05

and then I'll go ahead

and scroll so I can see



68

00:02:56.05 --> 00:02:59.01

the bottom left corner

of the red bounding box



69

00:02:59.01 --> 00:03:02.05

and I'll go up to the View

menu and choose Smart Guides



70

00:03:02.05 --> 00:03:06.03

in order to turn them on,

and then I'll grab this guy.



71

00:03:06.03 --> 00:03:07.07

It's hard to see it selected.



72

00:03:07.07 --> 00:03:10.07

So I'll go ahead and collapse

my Gradient panel for a moment



73

00:03:10.07 --> 00:03:14.02

and I'll grab Shadow 2 and

I'll just drag it and drop it



74

00:03:14.02 --> 00:03:17.02

into the artwork in order to place it.



75

00:03:17.02 --> 00:03:19.08

So now I have what amounts to an instance



76

00:03:19.08 --> 00:03:22.03

of this online asset.



77

00:03:22.03 --> 00:03:24.06

And so now I'll go ahead and

drag its bottom left corner



78

00:03:24.06 --> 00:03:27.09

so it snaps into alignment

with the bottom left corner



79

00:03:27.09 --> 00:03:31.07

of the bounding box and

we have a fading shadow



80

00:03:31.07 --> 00:03:33.04

as we're seeing right here.



81

00:03:33.04 --> 00:03:37.03

All right, so the way to

work is if you want to create



82

00:03:37.03 --> 00:03:41.03

any kind of link between

your artwork and your assets,



83

00:03:41.03 --> 00:03:44.01

then you need to make

that happen manually,



84

00:03:44.01 --> 00:03:46.02

and so I'm going to grab

this other shadow here,



85

00:03:46.02 --> 00:03:49.02

the one in the background, and

I'll press the backspace key



86

00:03:49.02 --> 00:03:51.04

or the delete key on the

Mac to get rid of it,



87

00:03:51.04 --> 00:03:54.07

and then I'll grab Shadow

1, drag it and drop it



88

00:03:54.07 --> 00:03:55.09

into the artwork.



89

00:03:55.09 --> 00:03:57.01

Then I'll move it around



90

00:03:57.01 --> 00:03:59.01

until I can find its bottom right point



91

00:03:59.01 --> 00:04:01.08

and I'll drag it till

it snaps into alignment



92

00:04:01.08 --> 00:04:04.02

with the bottom right

corner of the artwork.



93

00:04:04.02 --> 00:04:06.07

Now initially that doesn't

make anything happen



94

00:04:06.07 --> 00:04:10.01

and that's because this

particular shadow is still flat.



95

00:04:10.01 --> 00:04:11.01

If I want to edit it,



96

00:04:11.01 --> 00:04:13.03

then I could just deselect the artwork.



97

00:04:13.03 --> 00:04:15.01

It doesn't have to be

selected at this point,



98

00:04:15.01 --> 00:04:17.07

and I'll press control + 0

or command + 0 on the Mac



99

00:04:17.07 --> 00:04:20.07

to zoom out, and now I'll

double-click on Shadow 1



100

00:04:20.07 --> 00:04:24.05

in order to open this art in

an independent document window.



101

00:04:24.05 --> 00:04:26.04

I'll select it once again.



102

00:04:26.04 --> 00:04:28.09

I'll go ahead and expand

the Gradient panel,



103

00:04:28.09 --> 00:04:31.02

and I'll drag that selected brown swatch



104

00:04:31.02 --> 00:04:33.04

to the end of the gradient bar,



105

00:04:33.04 --> 00:04:35.08

and then I'll drag another

copy to the beginning



106

00:04:35.08 --> 00:04:38.02

and with that first color stop selected,



107

00:04:38.02 --> 00:04:41.04

I will change the opacity value to 0%



108

00:04:41.04 --> 00:04:44.09

and then I will change the

angle value to 90 degrees,



109

00:04:44.09 --> 00:04:47.04

and we end up with this

result here, at which point,



110

00:04:47.04 --> 00:04:49.01

I'll just go ahead and close the artwork



111

00:04:49.01 --> 00:04:50.09

and click the Yes button here on the PC,



112

00:04:50.09 --> 00:04:53.00

that would be the Save button on the Mac,



113

00:04:53.00 --> 00:04:55.04

and we now have a fading shadow.



114

00:04:55.04 --> 00:04:57.09

Now at this point, I want

to select both of them



115

00:04:57.09 --> 00:05:00.05

and then I'll click on

the word Opacity up here



116

00:05:00.05 --> 00:05:02.09

in the control panel, and

I'll change the blend mode



117

00:05:02.09 --> 00:05:05.04

to multiply, or if you loaded d.keys,



118

00:05:05.04 --> 00:05:08.08

you have that keyboard

shortcut of shift + 1.



119

00:05:08.08 --> 00:05:11.00

And then finally, I'll

click off the shapes



120

00:05:11.00 --> 00:05:13.07

to deselect them, I'll click

on the left-hand shadow



121

00:05:13.07 --> 00:05:17.03

to select it, and I'll reduce

the opacity value to 50%,



122

00:05:17.03 --> 00:05:20.05

which if you loaded d.keys,

you can do just by tapping



123

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

the five key, and I want

you to see that regardless



124

00:05:23.06 --> 00:05:27.00

of which of the shadows is

selected, you're going to see



125

00:05:27.00 --> 00:05:30.00

the words Linked File over

here on the far left side



126

00:05:30.00 --> 00:05:32.06

of the control panel, and

so if you click on that,



127

00:05:32.06 --> 00:05:35.05

you will see that this

particular item is linked



128

00:05:35.05 --> 00:05:41.08

to Shadow 2 and that particular

asset is found in the cloud.



129

00:05:41.08 --> 00:05:42.09

Now you may wonder what you do



130

00:05:42.09 --> 00:05:44.06

if you want to relink an asset.



131

00:05:44.06 --> 00:05:46.02

You don't just click on it.



132

00:05:46.02 --> 00:05:48.07

So if I wanted to switch

this guy out for Shadow 1,



133

00:05:48.07 --> 00:05:51.05

clicking on Shadow 1

wouldn't do me any good,



134

00:05:51.05 --> 00:05:53.06

and double-clicking doesn't help either.



135

00:05:53.06 --> 00:05:56.04

That's just going to bring up a

bunch of additional information



136

00:05:56.04 --> 00:05:58.06

about this particular asset.



137

00:05:58.06 --> 00:06:01.04

Instead what you want to

do is click on Shadow 2,



138

00:06:01.04 --> 00:06:03.09

click on the little

cloud icon, which reads



139

00:06:03.09 --> 00:06:06.07

Relink from CC libraries,

in order to bring up



140

00:06:06.07 --> 00:06:09.01

the Libraries panel, which I find to be



141

00:06:09.01 --> 00:06:11.03

a little bit confusing,

but you do have to shift



142

00:06:11.03 --> 00:06:13.09

your attention to this

panel now, and I'll go ahead



143

00:06:13.09 --> 00:06:16.04

and switch to the Stroke

panel just to give myself



144

00:06:16.04 --> 00:06:18.06

a little more room on

screen and then you click



145

00:06:18.06 --> 00:06:22.09

on Shadow 1 to select it

or whichever asset you want



146

00:06:22.09 --> 00:06:25.04

and then you click on the

Relink button down here



147

00:06:25.04 --> 00:06:27.01

at the bottom of the panel.



148

00:06:27.01 --> 00:06:30.05

So it is a multi-step

process to change the link



149

00:06:30.05 --> 00:06:32.01

to a different asset.



150

00:06:32.01 --> 00:06:33.08

Anyway, that's not what I want to do,



151

00:06:33.08 --> 00:06:36.06

so I'll just press control +

z or command + z on the Mac



152

00:06:36.06 --> 00:06:40.02

to undo that change.



153

00:06:40.02 --> 00:06:42.06

And that is how you place and edit assets



154

00:06:42.06 --> 00:06:46.08

to create dynamic instances

from the Libraries panel.