Hi there, in this video we're going to look at... 1
some advanced usage of Artboards. 2
Not sort of advanced, more kind of like work flow techniques. 3
So jump into the video, let's show you all that the Artboards can be. 4
First trick for Artboards in Adobe Illustrator is... 5
I'm going to grab my 'Black Arrow', and select this fox here. 6
And say I've designed this, and I want-- 7
I don't want all these white spaces around the outside... 8
I want my Artboard to be right around the outside. 9
I can grab my 'Artboard Tool', and I can get it pretty close. 10
That snaps to the corner of this one. 11
Oops, not too easy, the end has broken out, and snaps to this one. 12
So, there's a bit of drama that way. 13
A real easy thing to do, is grab your 'Black Arrow', have it selected. 14
Then go down to your 'Artboard Tool'. 15
And where it says-- one of the presets is here. 16
Click on this one, second one down, or the third one down. 17
So it's 'Fit to Selected Artwork'. 18
It just toggles it all up. Nice! 19
Super easy, now I can export it, and it's not going to be too big. 20
All right, let's undo that. 21
Next trick, let's have a look at the Artboards Panel... 22
because I've actually got a few color options for this one. 23
Often I'm using Artboards a lot of... 24
when I'm doing kind of UI, User Interface design in Illustrator... 25
for Web, or for applications... 26
but I'm just doing color versions here. 27
Let's go to 'Window', 'Artboards'... 28
and you got a full panel. 29
Okay, easy enough. I've named these already to be nice and clear... 30
but we can do some nice stuff in here. 31
We can click on any of these options at the end... 32
and that brings us at the Artboard options. 33
We can resize it, and do some extra things in here. 34
What's also really handy is... 35
let's say, this option here, Rearrange Artboard... 36
because the spacing is not perfect here, I want to clean that up. 37
Like, sometimes on a website design... 38
if you've done my UI for Illustrator course... 39
we make loads of pages in one Illustrator document. 40
Click on this, and it just gives you a way of tidying things up. 41
You can have two columns with this spacing. 42
And watch this, I can click on 'OK'. 43
Just kind of rearranges it to make it look nice. 44
You can rearrange it, you can say, actually I want it to be 50 pixels across. 45
And I want it to go just left or right. 46
Just makes everything super tidy. 47
The other nice thing about the new version of Illustrator... 48
at least 2018, and above... 49
you can have up to a thousand Artboards. 50
I'm never going to have a thousand Artboards... 51
but I said that once in a video, and loads of people messaged me... 52
saying how useful it is for them. 53
They didn't explain what they do with a thousand Artboards, but here you go. 54
Another thing we can do is select multiple Artboards... 55
either by grabbing them all here... 56
or you can grab the Artboard Tool... 57
and you can click on this one... 58
hold 'Shift' and just grab the specific Artboard you want to change. 59
Then at the top here, you can go and change things... 60
like I wanted A4 now, or-- 61
so just know you can do multiple Artboard stuff... 62
by selecting the ones you want. 63
You can also do strange things, like, treat them like boxes. 64
Let's say, I like this guy... 65
these two over here, but these two, I'd like to go... 66
kind of over here together, because they're separate ideas, maybe. 67
What I can do is click on them, Artboard Tool again. 68
I'm 'Shift' clicking both of them. 69
It's easier to click the name than anywhere else. 70
And you can just use the Align Tool. 71
So 'Properties', I can go and align you left. 72
Kind of weird, kind of good. 73
I want to align you to the right. 74
You can do Align & Distribution. 75
You can create them like normal ?? 76
Last thing we're going to do is exporting these guys. 77
To export these Artboards, we're going to go to 'Window'... 78
and they don't call it Artboards, they call it... 79
'File', I said 'Window', 'File', 'Export'. 80
They call it Screens, because I guess that's... 81
that's what they really want this to be. 82
They want it for UI design, designing different kind of screen sizes. 83
I'm ticking them all, you can just decide which ones you want to do. 84
Where are they going to go? I'll stick them on my Desktop. 85
I can't even find the Desktop, can't find it. 86
So we'll stick it in my Documents folder, randomly. 87
Let's click 'Choose'. 88
And down the bottom here, this is the format. 89
This is an interesting stuff. You can click things like-- 90
Do the UI course that I've got for Illustrator if you want to get into... 91
like explaining what Android does, and all the stuff. 92
It's not really what this one is about. 93
What we can do though is, you want typical formats... 94
so down here you've got JPEG, PNGs... 95
I probably want PNG because I want the transparency around the box. 96
I'm going to click on him. 97
It scales things at different versions. 98
I don't want a different scale at that, I want, maybe an SVG... 99
and maybe another version that is PNG. 100
So I can send it to my client, and they have no excuse not to open it up. 101
Click 'Export Artboard', kick back, relax. 102
And hopefully, on my documents, I've got to find... 103
what is it called, it's called Artboards. 104
Organize by date. 105
They're all just dumped in there, not in a folder. 106
There's all my guys. 107
So I've got-- you can see, the cool thing about it is... 108
there's a green PNG, there's a green PDF... 109
and there's a green SVG, Scalable Vector Graphic. 110
The new versions of EPS', you should use those. 111
Anyway, that's how to do that. 112
Goodbye, you guys, you shouldn't be in there. 113
One last thing before I go. 114
I am going to show you that, with the 'Artboard Tool' selected - 115
the shortcut is 'Shift O' on your keyboard. 116
- and if I start dragging... 117
and hold down the 'Option' key on a Mac, or 'Alt' key on a PC... 118
it's going to make a duplicate. 119
It's a good way of making duplicates of Artboards along with the art work. 120
If you hold down 'Shift' while you're doing it as well... 121
so, you got to start dragging first... 122
then hold down 'Alt Shift', or 'Option Shift' on a Mac... 123
and it kind of drags out in a straight line. 124
So everything kind of stays nice, and kind of aligned. 125
All right, my friends, that is it... 126
for kind of work flow using Artboards. 127
Hope you got some tricks in there. 128
Let's jump into the next video.