All right, so many of you will have skills in say,  Photoshop or Illustrator. So you might design some of your assets  or graphics in that program and bring them in. And that's totally fine. And the only thing you want  to be careful of is using Photoshop primarily,  especially for things like texts. Um, you can bring in things like images. Definitely you've done some good masks.

You can bring those into Edge Animate,  uh, sorry, Adobe Animate. And um, that's fine. But if you've got some texts,  you don't wanna recreate it in either, uh, Adobe Animate  or do it in Illustrator. 'cause it'll come through as Vector Graphics. And there'll be lots smaller than the, um,  bit mats that come from Photoshop. So what we're gonna do is bring  in some stuff from Photoshop first.

So let's go to file import to stage  or Command R or Controller. And I've got this one here called Import Photoshop. Okay? Just something that I've made in Photoshop. Now in Photoshop, I'll show you it. It's a graphic.

It's got four layers. The layers are named, okay? They're all on the separate layers. So in here, um, I'm gonna leave it all default,  um, and click okay. What happens is, it's a bit big for my stage,  so I'm gonna zoom out a little bit, but that's all right. You can see here what it's done is  it's retained those layers.

I've got this layer one that I got from  that's kind of a, like a dead layer. I don't need that really. So I'm gonna hit trash. That's the one that was already there from,  um, Adobe Animate. But here we go is my background layer. And here's my three little guys.

Okay? So it's brought through, uh,  brought all my little graphics through. They're gonna be very big, okay? But that's how to bring stuff in from Photoshop. Now you can ditch the stuff you don't want to. Um, we're gonna show you how to get the  file size smaller with images.

Um, when we get to part of the publishing  that says file size, but yeah, that's how  to easily bring it in from Photoshop. Now to bring stuff in from Illustrator,  I'm gonna undo you guys. Go wait, uh, do I'm hitting Control Z  or Command Z on a Mac, um, loads of times to get rid of it. Now I'm gonna bring in something from Illustrator much the  same way, except there's a few little differences this way. We're gonna bring in something from Illustrator. Um, now Illustrator has been created.

You can see this file here. Um, it's in layers, but it's very different in Illustrator. A lot of people don't use layers. This one has,  there's a monsters, um, layer,  and inside of that is a group, okay? And inside of that group is all  of my separate little monsters, okay? So in animate, when I bring it in, bring an illustrator,  bring it in, okay?

So I'm gonna leave it all default. I'm gonna match the stage. It's far too big, um,  for going out for preview, but this is just an example. I guess click okay. And there's two things that are gonna happen. It's quite big.

That's all right. So I've zoomed out. The other thing is blending modes aren't supported. So you can see here an illustrator that the,  this monocle here has a blending mode onto it. Um, some of these smiley bits around here kind  of blend through to the background. So they're doing pixel style things  in a vector drawing program.

So bitmap, styley things and uh, animate. Can't really hack it. So you can see there's the little  smiley bits, there's the monocle. They're not coming through. Well,  it has basic blending modes here in animate,  but they don't convert over very well from Illustrator,  which has more sophisticated ones. So that's one of the problems.

And one of the other things is  that seeing the timeline here,  you can see I've got my background,  which was an illustrator. If I scroll, I zoom these back up. There was a monsters one and a background line. So it depends on how it's structured. So the nice thing about it though,  is I'm gonna lock the background. Actually, I'm gonna turn the background off.

I don't want it. Um, so I'm gonna bend the background  and what I'm gonna do is if I click on this,  it's one big unit, but if I double click, okay,  can you see I've gone inside the group of all of them,  but they're actually separate in here, which is quite cool. So I can move 'em around and start adjusting them. And these are groups with inside groups, with  inside groups, with inside groups. So I can get inside these things. What I might do to release it from these gang is go back  to scene one, okay?

And go to modify and go to Ungroup. Okay? Now I can start playing around with 'em separately. I can keep ungrouping these to pull 'em apart. So I'll probably have to ungroup this guy losing the  shortcut now so I can get rid of that thing, okay? And also put him to the mustache.

Did I delete the mustache? What did I do with him? Okay, there he was there,  he's been smooshed into the background there. He's underneath everything. So I might have to group him. There's a few little problems bringing him from Illustrator.

What I find to be easier to do from Illustrator,  rather than doing the file import, it's just to copy  and paste the bits you need. So I'm gonna select it all and delete it. Go into Illustrator and bleeding  modes is still gonna have problems. Okay? So I'm going to click on mute. I'm gonna grab this, copy it, and Illustrator  and paste it in here.

It's gonna paste. I'm gonna apply recommended import  to resolving compatibility. Um, okay, so I brought it in. There's still the same problem with blending modes,  but at least I'm just kind of, you don't have to go file,  import, bring them all in and try and paste 'em all out. So, uh, you know, break them all apart in groups. I just like to copy and paste straight from Illustrator.

So I'm gonna ungroup these guys. You my friend, I'm gonna group him. What are you, this landing mode here? I'm just gonna live without, okay,  so it's easier probably just to go copy and paste. All right? So that's how you bring in stuff from Photoshop  and Illustrator.