Hey there, in this video, we've drawn something in Illustrator... 1
now we need to use it in other Adobe programs. 2
We'll start with the most common programs, then work a way down to the beads. 3
So probably the best way for all of them is... 4
if I select my fox here, go to my libraries-- 5
If you don't have a library you can create one, 'Create New Library'. 6
I'm just going to grab him, just drag him in here. 7
I should give him a name, I never do. 8
There he is, in any program, let's say, Photoshop... 9
I can go to my library... 10
there he is, drag him, got a fox. 11
That works for any of them. 12
InDesign, go to my libraries, 'Window', 'CC Libraries'. 13
'My Library'. 14
I've got two of My Libraries. I basically got three. 15
So that is a way to bring in these graphics. 16
The pro is that, I can double click this guy in my library now... 17
it opens it up in a separate window in Illustrator... 18
and I can go through and recolor it. 19
I can say, I don't want to choose that color. 20
Hit 'Save', and if I jump back into InDesign now... 21
you'll notice, that's updated, Photoshop's updated. 22
Not this original Illustrator file... 23
just so you know, it's kind of a one way street... 24
once it goes in there, they're not connected. 25
I could drag it back out now, and it will be. 26
I've got kind of a link there. 27
Now, sometimes that can be problematic. 28
Say you want to kind of not link to the libraries... 29
because you're like, "Man, it's connecting to libraries, and it's causing dramas." 30
What you can do is, instead of just dragging it out like that... 31
what you can do is, hold down the 'Option' key on a Mac, and drag out. 32
The difference between that and that is that they're not linked. 33
While dragging it out, just make sure you hold down... 34
the 'Alt' key on a PC, or 'Option' key on a Mac... 35
and when it comes out, it won't be connected. 36
Same in Photoshop... 37
Drag it down holding down the 'Alt', or 'Option' key. 38
And now if I go back to that original - 39
Where is he? there he's there. 40
- and I go and change him to something else... 41
the ones that are linked will change. 42
Let's have a look in Photoshop. 43
The link won't change, but this one won't. 44
I often always drag mine out, not connected. 45
I like to kind of have them separate. 46
That's a great way, but there's another way. 47
Most of them, you can just copy and paste, right? 48
Instead of going through that drama, you can just select this, copy it. 49
Do I have a white background? I don't. 50
Select all, copy it, and go into-- 51
actually let's go back to this original one. 52
So 'Edit', 'copy', and just 'paste'. 53
When you're using Photoshop-- so let's do Photoshop now. 54
So if I paste into Photoshop, it's going to ask me this. 55
Most people go to-- depends if you know or not. 56
A lot of people use pixels, because that makes sense. 57
This one here is the one you want to be using, 'Smart Object'. 58
Click on 'Smart Object'. 59
The cool thing about it is that I get to resize it. 60
Pixels means-- if I do it with pixels... 61
and I resize it afterwards... 62
it's got to potentially pixelate, so watch this, if I resize this one now... 63
you start seeing the pixels. 64
This one though, because I said 'Smart Object'... 65
it's clever, it keeps the vector in there. So that's the one to use. 66
Let's look at InDesign, you can do the same thing. 67
You can, instead of using the libraries, you can just paste them in here as well. 68
Brings it through as a vector, it's perfect. 69
It doesn't connect to anything. 70
Just copy and paste into InDesign. 71
Let's look at some of the other ones, say After Effects. 72
I do most of my drawing in Illustrator... 73
and bring it in, and animate in After Effects. 74
In here, you can-- let's say we want-- there's a couple of things we need to. 75
Doesn't really matter how you get it in here, you can't copy and paste. 76
You can 'File', 'Import' the Illustrator file, drag this guy in, that works too. 77
The only drama with this, when you bring it in, there's two things you need to do. 78
One is, you need to... 79
often if you want to animate this in any kind of way... 80
it doesn't like that this is an ai file. 81
What you can do to get around that... 82
say you're doing some animation, and you're like... 83
"Man, Illustrator files just don't work." 84
Go to 'Layer', and go to this one that says.... 85
'Convert Shapes from Vector Layer'. 86
It kind of takes into a shape that After Effects likes a lot more. 87
What it does down here is... 88
that was the original layer... 89
it's created this new layer, and turned the old one off. 90
We don't need him anymore. 91
So this one here is-- 92
Often you can do a lot more effects with it when it's being converted that way. 93
The other thing to do is, whenever I scale something up... 94
let's say I don't do it that way, and I just bring in my graphic... 95
it's just a logo that needs to sit there, but I decide to scale it up... 96
can you see, it pixelates. 97
So whatever original size it comes through... 98
it is vector, but it just won't show you, and it will pixelate. 99
So you got to click this option. 100
Make sure you're on this, you can toggle and switch it-- 101
I know this might be hard core.. 102
this is for people that know After Effects... 103
or at least a little bit. 104
Click on this magic button there, you can see, it re-renders it. 105
It can stress your machine out a little bit doing it. 106
If you need to make it smaller, don't worry about it... 107
but if you need to make it bigger, definitely click that option. 108
Okay, coming up to something like animate. 109
Say you're doing banner ad animation... 110
all you need to do is, copy and paste to this one as well... 111
or use your libraries. 112
So 'New Layer', I'm going to paste it in. 113
I'm going to leave 'Illustrator Import Preferences'. 114
And there's my little graphic. 115
The cool thing about this is that I can animate it. 116
And let's preview our cool little parallax ad... 117
we've ruined with our foxes here. 118
If you're not sure what animate does, it's mainly for banner ads. 119
That's what I use it for anyway. 120
Next one, Dreamweaver. 121
So you want to go out to Dreamweaver, this is probably the most complicated... 122
not complicated, but it's not a copy and paste job. 123
So I've got my graphic, I want to get this out into Dreamweaver. 124
Because it's vector, we want to take advantage of... 125
the new format called SVG, which is the Scalable Vector Graphic. 126
To do that, go to 'Window', and go to this one called 'Asset Export'. 127
What we do is, you drag it in... 128
and you can see, it dragged it in all the pieces. 129
So I'm going to undo that, we're going to group it first... 130
then drag it in, so it's one unit. 131
And down here you can say what kind of format you want it to be. 132
So let's say you want to get it out, just the same size it is as a PNG... 133
which gives you transparency. 134
You might go to that option for Dreamweaver. 135
Or this is the kind of newer, fancier, Scalable Vector Graphic. 136
You can do that, hit 'Export'... 137
and you're going to get the file to use in Dreamweaver. 138
Just go to your 'Insert Image'. 139
The last one is Dimension. 140
Dimension is the new kind of 3D modeling kind of program. 141
I'll do that in a separate whole video. 142
So check that out, we'll do that in a bigger kind of thing. 143
This is a pretty cool little addition to Illustrator... 144
but it just wants to bring in ai files. 145
Before I go on with my sales pitch, you can switch over next. 146
Say, like the Photoshop, I've got an Essentials and an Advance course... 147
that I'm making right after this one. 148
If you're an InDesign user, I've got an Essentials for that as well... 149
and an Advanced one, so if you're enjoying, like this Illustrator Advanced course... 150
there's an InDesign Advanced one, and a Photoshop Advanced. 151
Another thing you might do is... 152
a good step for you, you might be going to something like XD. 153
XD, we haven't really looked at yet. 154
XD is basically a vector-- 155
It's kind of like a simple drawing program... 156
but it allows you to draw really kind of-- 157
Looks very like Illustrator, it's very similar... 158
except that it has this Prototype option. 159
You can kind of see here, if I prototype this... 160
I can make it feel like-- 161
This is a prototype we make in my XD course. 162
So if you want to get into UI design, or User Experience design... 163
XD is a great step for you. 164
If you are at this level of Illustrator... 165
you're going to be able to do XD quite well, if you do my course. 166
In this one here you can just copy and paste as well... 167
and the vector comes through, and the cool thing about it is... 168
you can double click on it, and it's still kind of editable pieces... 169
and you get to build your XD using the drawing tools from Illustrator. 170
Just kind of adding the interactivity in here. 171
You can see here... 172
it's our kind of website mockup. 173
I've also got courses on After Effects... 174
there's Motion Graphics, Animate Banner Ads... 175
loads of Dreamweaver ones. 176
All right, stop trying to sell your things. 177
Let's get on to the very next video.