- [Instructor] Even though you can create graphics
in Adobe XD, chances are you're probably going to want
to import some vector graphics.
Maybe logos or social media icons, like I'm going to do.
To do that, just go to file, import.
From there just go to the assets folder.
If you have access to it,
it really could be any graphics,
as long as they're SVG, I can select them here.
In fact, I can hold down the command key
and select more.
So I want to select these three, Twitter, Instagram
and Facebook and then this logo white,
just by holding down the command key or control key
if you want to multiple select items.
All this logo white is
is a white version of this black logo right here.
So that's what I want.
I'm going to select import.
It's going to bring them all in, okay,
and now I'm squared away.
I can grab this item.
I can kind of move it around.
I can move these items around
and this is what will happen
is you'll accidentally maybe select that background bar.
So I'll just do a Command + Z to move that back
and now what I want to do is I want to introduce you
to the layers panel.
This is essential as you start stacking graphics.
Right over here, down lower left,
opening up the layers panel.
See sure enough, there's my rectangle again.
If I select off of it and I select it,
I can see that it highlights it.
So what do I want to do in this case?
I want to lock it down,
just like that.
Gives me this little lock icon.
I can always turn it on and off that way as well.
There we go and now I'm not going to accidentally select it.
But now look what also is in here.
All of these various folders.
So these are grouped objects that get brought in.
But from there I can zoom in
and I can start to kind of position things.
I can move these over, for instance.
I'm going to move these graphics over a little bit.
Maybe I'll zoom out a touch.
Basically I want this kind of off-center over here
because I'm going to have my different menu items
off on that side.
So I'll move these social media icons over here.
Zooming in when necessary.
Move them over here
and I want to show you what's happening.
I love this.
I'll zoom in a little bit more.
Is the fact that I have guides
when I start positioning items.
See, as I position this, move this over here,
oh I guess I can make sure they're all,
say, 51 pixels apart, just like that.
So I love having these guides
and they work out fantastic
and they're easy to work with, right.
So, let's take a look at this graphic as well.
So this is a vector graphic.
It's the logo white.
So check this out.
I'm noticing that there's this kind of like
this bump here and I would kind of like to make this straight.
Well, does that mean I have to re-import it?
I don't need to.
I can just double click and look what happens.
I can start to dig into these different groups.
Different groups, digging, double click,
double click, double click
and sure enough, I can start to access
these individual points right here.
There we are.
Notice how I'm clear down here to this path right here.
Double clicking again.
Now look, this is what I wanted to show you
is the fact that I have all these bza points.
So when I import vector graphics,
I don't need to go back out to another program to edit them,
I can actually edit them right in Adobe XD,
so I can line that up, I get those alignment tools.
Make that nice and straight.
I have an issue with this little part right over here.
If I zoom in, I definitely screwed this up
in making this logo.
I can just delete those extraneous points there
and that looks good.
Keep in mind, it's all still grouped.
I could do a Command + 0.
That looks fantastic.
In fact, what I'm going to do
is I'm just going to re-size this.
Maybe a touch larger, just like that.
51.
There we are, all right.
All I did was hold down the alt key or option key,
and I was able to scale that up
and scale up from the center.
So, super easy, importing graphics.
Just make sure they're in SVG.
Even if you have, say fonts in them,
or even bitmap data,
you can import that information as well
because those can be inside of an SVG as well.
But super easy to work with
once they're in Adobe XD.