1

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

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



2

00:00:01.07 --> 00:00:05.08

how to share an asset with

either InDesign or Photoshop.



3

00:00:05.08 --> 00:00:08.04

So here I am in InDesign and you can see



4

00:00:08.04 --> 00:00:11.02

I've already placed one

instance of the blocks



5

00:00:11.02 --> 00:00:13.08

and I can tell that

they're linked to the Cloud



6

00:00:13.08 --> 00:00:16.03

because we have this

cute little Cloud icon



7

00:00:16.03 --> 00:00:18.01

in the top left corner.



8

00:00:18.01 --> 00:00:20.05

Now assuming we want to

place a few more items,



9

00:00:20.05 --> 00:00:23.09

I'll go up to the Window

menu and choose CC Libraries



10

00:00:23.09 --> 00:00:26.03

in order to bring up the same named panel



11

00:00:26.03 --> 00:00:30.00

and I'll switch to the

design elements library



12

00:00:30.00 --> 00:00:31.06

so that I can see our elements



13

00:00:31.06 --> 00:00:33.03

and I'll go ahead and drag down



14

00:00:33.03 --> 00:00:35.01

till I can see the word design



15

00:00:35.01 --> 00:00:37.05

and I'll go ahead and drag it and drop it



16

00:00:37.05 --> 00:00:39.06

out into the document, at which point,



17

00:00:39.06 --> 00:00:41.09

that loads my cursor,

just as if I had chosen



18

00:00:41.09 --> 00:00:44.04

the place command from the File menu.



19

00:00:44.04 --> 00:00:48.02

So I'll just go ahead and click

in order to place said file.



20

00:00:48.02 --> 00:00:49.08

It's a little big, so I'll go up here



21

00:00:49.08 --> 00:00:52.04

to the scaling values, notice

that they're linked together.



22

00:00:52.04 --> 00:00:56.06

I'll change one of the

values to 66% and that



23

00:00:56.06 --> 00:01:00.01

goes ahead and scales

the letters quite nicely.



24

00:01:00.01 --> 00:01:04.06

I could even move them

into the proper locations



25

00:01:04.06 --> 00:01:07.01

which is going to be somewhere around here



26

00:01:07.01 --> 00:01:10.02

in order to match the

document in Illustrator.



27

00:01:10.02 --> 00:01:12.00

Alright, but I'm going

to move these guys up



28

00:01:12.00 --> 00:01:14.03

by dragging them or

pressing the Shift key.



29

00:01:14.03 --> 00:01:17.06

Now, I'll grab the logo

and I'll drag and drop



30

00:01:17.06 --> 00:01:20.04

a copy of it, again that goes

ahead and loads my cursor



31

00:01:20.04 --> 00:01:23.03

at which point I'll

click to place the logo



32

00:01:23.03 --> 00:01:26.03

and then I'll scale this

piece of artwork to 20%



33

00:01:26.03 --> 00:01:28.08

and press the Enter key

or the Return key on a Mac



34

00:01:28.08 --> 00:01:29.08

to accept that change.



35

00:01:29.08 --> 00:01:31.09

Somehow I switched to the hand tool,



36

00:01:31.09 --> 00:01:34.08

and so I'll undo that

change, click off the art,



37

00:01:34.08 --> 00:01:37.03

and then click on it again, and drag it



38

00:01:37.03 --> 00:01:39.09

into a different position like so.



39

00:01:39.09 --> 00:01:42.00

Once I'm done, I could

click off the artwork



40

00:01:42.00 --> 00:01:45.04

and then I'll go ahead and

click on this normal icon



41

00:01:45.04 --> 00:01:48.03

at the bottom of the toolbox

and switch it to preview



42

00:01:48.03 --> 00:01:51.01

or you could just press the W key.



43

00:01:51.01 --> 00:01:52.09

At which point we can see the artwork



44

00:01:52.09 --> 00:01:55.06

without any interface folder all.



45

00:01:55.06 --> 00:01:56.09

So the great thing about this is,



46

00:01:56.09 --> 00:02:00.04

if I were to make any changes

to any of these three items



47

00:02:00.04 --> 00:02:04.01

inside Illustrator and save

the changes to the onset



48

00:02:04.01 --> 00:02:07.01

then the various instances

would update automatically



49

00:02:07.01 --> 00:02:09.08

here inside InDesign.



50

00:02:09.08 --> 00:02:12.04

So essentially it works the

same way it does in Illustrator.



51

00:02:12.04 --> 00:02:15.02

Now the relationship between

Illustrator and Photoshop



52

00:02:15.02 --> 00:02:18.00

is a little more nuanced

and my way of thinking



53

00:02:18.00 --> 00:02:21.04

it's more useful to

creative professionals.



54

00:02:21.04 --> 00:02:23.03

Let me show you what that looks like.



55

00:02:23.03 --> 00:02:26.07

Imagine if you will, here

I am back in Illustrator,



56

00:02:26.07 --> 00:02:29.02

now what I want to do is

switch to the layers panel



57

00:02:29.02 --> 00:02:32.07

and turn on this image layer right here



58

00:02:32.07 --> 00:02:35.00

and I should say that

this image comes to us



59

00:02:35.00 --> 00:02:37.04

from the Dreamstime image library



60

00:02:37.04 --> 00:02:39.06

about which you can

learn more and get some



61

00:02:39.06 --> 00:02:44.08

great deals at dreamstime.com/deke.php.



62

00:02:44.08 --> 00:02:47.02

With that in mind, you

can see I've already



63

00:02:47.02 --> 00:02:48.08

adjusted the colors and that's because



64

00:02:48.08 --> 00:02:52.04

that was a raw image

file and so I was able



65

00:02:52.04 --> 00:02:54.06

to cool it down in camera.



66

00:02:54.06 --> 00:02:56.05

In any rate, what I want

to do is create a kind



67

00:02:56.05 --> 00:02:59.05

of interaction between this image layer



68

00:02:59.05 --> 00:03:00.08

and the background.



69

00:03:00.08 --> 00:03:02.06

So I'm going to target

the layer by clicking



70

00:03:02.06 --> 00:03:04.05

on this circular meatball right there



71

00:03:04.05 --> 00:03:06.07

and then I'll click at the word Opacity



72

00:03:06.07 --> 00:03:08.05

up here in the control

panel and I'll change



73

00:03:08.05 --> 00:03:13.08

the blend mode to overlay

to produce this effect here.



74

00:03:13.08 --> 00:03:16.00

But now let's say, I

want the original image



75

00:03:16.00 --> 00:03:18.05

to be linked to the Cloud, just in case



76

00:03:18.05 --> 00:03:21.03

I decide I want to make

some modifications to it.



77

00:03:21.03 --> 00:03:24.07

Well, one way to work is to

go to the libraries panel



78

00:03:24.07 --> 00:03:28.01

and take the actual image itself and then



79

00:03:28.01 --> 00:03:31.04

drag it and drop it

into the libraries panel



80

00:03:31.04 --> 00:03:34.00

at which point you'll

end up with this new item



81

00:03:34.00 --> 00:03:36.05

called artwork one, but

notice if you decide



82

00:03:36.05 --> 00:03:38.03

you want to make a modification to it



83

00:03:38.03 --> 00:03:41.01

and you double click on

it, instead of that image



84

00:03:41.01 --> 00:03:43.04

helpfully opening inside Photoshop,



85

00:03:43.04 --> 00:03:46.02

it just opens inside Illustrator.



86

00:03:46.02 --> 00:03:47.05

And so far if you click on it,



87

00:03:47.05 --> 00:03:50.00

we're still looking at a linked image.



88

00:03:50.00 --> 00:03:52.02

It's linked to an image file on disk.



89

00:03:52.02 --> 00:03:54.04

On my disk that is to

say this time around.



90

00:03:54.04 --> 00:03:56.06

So notice that even though

we're seeing a number,



91

00:03:56.06 --> 00:03:59.02

that is part of the original file name.



92

00:03:59.02 --> 00:04:01.02

So that's pretty silly.



93

00:04:01.02 --> 00:04:03.07

You have a link to an image file on disk



94

00:04:03.07 --> 00:04:07.08

that is then linked inside

Illustrator to the Cloud.



95

00:04:07.08 --> 00:04:10.00

That's just not going to

do you very much good.



96

00:04:10.00 --> 00:04:11.07

So here's the better way to work.



97

00:04:11.07 --> 00:04:13.08

Let's just go ahead and get

rid of the selected image



98

00:04:13.08 --> 00:04:18.02

in Illustrator and I'll

select that artwork one image,



99

00:04:18.02 --> 00:04:19.09

here inside the libraries

panel and I'll click on



100

00:04:19.09 --> 00:04:23.00

the little trash icon to get rid of it.



101

00:04:23.00 --> 00:04:25.01

Now, go ahead and switch over to Photoshop



102

00:04:25.01 --> 00:04:27.06

where I already have the image file open.



103

00:04:27.06 --> 00:04:30.06

Notice that it's a flat

JPEG, that's worth noting,



104

00:04:30.06 --> 00:04:32.09

and now I'll go up to the

Window menu and choose



105

00:04:32.09 --> 00:04:36.07

the Libraries command to

bring up the libraries panel.



106

00:04:36.07 --> 00:04:39.05

I need to switch to my

design elements library.



107

00:04:39.05 --> 00:04:42.06

Then I'll grab my move

tool, which you can get



108

00:04:42.06 --> 00:04:45.07

by pressing the V key

so it's very much like



109

00:04:45.07 --> 00:04:47.09

the black arrow tool in Illustrator



110

00:04:47.09 --> 00:04:51.08

and I'll drag and drop the

image into the libraries panel



111

00:04:51.08 --> 00:04:53.07

at which point it gets called background



112

00:04:53.07 --> 00:04:56.01

because this is the background image.



113

00:04:56.01 --> 00:04:58.04

I'm going to change

the name of this image,



114

00:04:58.04 --> 00:05:01.08

let's say, to metal photo

and press the Enter key



115

00:05:01.08 --> 00:05:03.04

or the Return key on a Mac.



116

00:05:03.04 --> 00:05:05.00

Alright now you can close this image.



117

00:05:05.00 --> 00:05:06.06

We don't need it anymore.



118

00:05:06.06 --> 00:05:08.09

Then switch back over to Illustrator,



119

00:05:08.09 --> 00:05:11.02

at which point you can see

that we have a new asset



120

00:05:11.02 --> 00:05:14.00

called metal photo, go

ahead and right click on it



121

00:05:14.00 --> 00:05:16.08

and choose place link, and that will place



122

00:05:16.08 --> 00:05:19.02

a copy of that image right there



123

00:05:19.02 --> 00:05:20.06

in the middle of the document,



124

00:05:20.06 --> 00:05:24.02

and because the layer is

set to the overlay mode,



125

00:05:24.02 --> 00:05:27.02

the image is set to that mode as well.



126

00:05:27.02 --> 00:05:29.08

Alright, now let's say I

want to recolor this image



127

00:05:29.08 --> 00:05:32.04

in some way, shape or

form, then I'll go ahead



128

00:05:32.04 --> 00:05:34.05

and double click on the

thumbnail for the asset



129

00:05:34.05 --> 00:05:36.03

here inside the libraries panel



130

00:05:36.03 --> 00:05:39.00

and that's going to

automatically open that asset



131

00:05:39.00 --> 00:05:41.06

inside Photoshop because after all,



132

00:05:41.06 --> 00:05:43.08

that's where I created it.



133

00:05:43.08 --> 00:05:45.06

Alright, I'll go ahead

and zoom in a little bit.



134

00:05:45.06 --> 00:05:48.01

I want you to notice

the name of this file.



135

00:05:48.01 --> 00:05:51.09

It's now metal photo.psd so

even though it started off



136

00:05:51.09 --> 00:05:55.02

as a flat JPEG file, it is

now a native PSD document



137

00:05:55.02 --> 00:05:57.07

meaning that it can accommodate layers.



138

00:05:57.07 --> 00:05:59.07

So if I switch over to the layers panel,



139

00:05:59.07 --> 00:06:01.04

and double click on the background



140

00:06:01.04 --> 00:06:03.07

in order to bring up the

new layer dialog box,



141

00:06:03.07 --> 00:06:06.06

I could call this guy, photo if I want,



142

00:06:06.06 --> 00:06:09.04

and then I'll drop down

to the effects icon



143

00:06:09.04 --> 00:06:13.02

at the bottom of the panel

and I'll choose color overlay.



144

00:06:13.02 --> 00:06:15.00

And I decided for the

sake of demonstration



145

00:06:15.00 --> 00:06:16.08

to go with a bright shade of green,



146

00:06:16.08 --> 00:06:20.03

and you could see that the

hue value's 120 degrees



147

00:06:20.03 --> 00:06:24.01

both the saturation and

brightness values are 100%.



148

00:06:24.01 --> 00:06:27.04

I change the blend mode

once again to overlay



149

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

and I set the opacity value to 50%.



150

00:06:29.08 --> 00:06:32.04

Alright, I'll go ahead and

click OK to accept that change.



151

00:06:32.04 --> 00:06:34.07

And then all you have to do

is either close the image



152

00:06:34.07 --> 00:06:37.05

and click the yes or save button



153

00:06:37.05 --> 00:06:40.02

or the other alternative is

to go up to the File menu



154

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

and choose the Save

command and that will just



155

00:06:42.06 --> 00:06:44.03

go ahead and save your changes



156

00:06:44.03 --> 00:06:46.06

and now if you switch over to Illustrator



157

00:06:46.06 --> 00:06:50.08

you can see that the artwork

has updated automatically.



158

00:06:50.08 --> 00:06:53.09

Alright, I don't want the

image to be selected, however,



159

00:06:53.09 --> 00:06:55.06

so I just press Control + Shift + A



160

00:06:55.06 --> 00:06:59.05

or Command + Shift + A

on a Mac to deselect.



161

00:06:59.05 --> 00:07:01.02

And that's how you share

an asset with either



162

00:07:01.02 --> 00:07:04.05

InDesign or Photoshop,

either on a local machine



163

00:07:04.05 --> 00:07:07.01

as I have done here, or

with a remote coworker



164

00:07:07.01 --> 00:07:10.09

across the internet using

the libraries panel.