Hey, what is up, nation?
In this session we're going to be going over how to turn
your 3D models into IKEA esque like diagrams.
In a previous video we showed how to model
this shelf based on I some IKEA drawings. But we're sort of gonna do
a little bit of the reverse of that. We're gonna turn this into it and IKEA. a
style diagram. Now if I go to this IKEA style diagram, you can see just the line
quality is subtly different than what Sketchup produces. So we're gonna start
off from Sketchup and do some changes. Let me just dock my tray over here, turn
off shadows, and then go to styles. And if you just really quickly want to do this,
you just want to make sure that you have go to edit, edit your current style. And
then you want to go to the face settings and choose..."display in hidden line only".
Now my edges aren't very crisp here. But what you can see when we zoom in a
little bit, is that everything has a similar line weight. So if you go to the
edges here, if we turn off the edges or mess around with some of these settings,
the profiles is really the key here. And getting a more IKEA Esk diagrams, hopefully
take that to the N-th degree. You can see that actually a lot of these shapes look
like they are exactly what is happening in Sketchup. So, there is like this
outline here, there's a dark line here and then the under side line here is
picked up. So if we go to the IKEA, you can see this outline, and then
there's an edge here, and an edge on the bottom, not the top. So it has the same
sort of quality. But the thing you need to be careful of is just obviously,
you don't want to go too thick. And what is actually happening here, is that some of
these lines aren't working. So because you can't really like tell
Sketchup what to pick and what not to pick, what I like to do is just turn this
off, and we're just gonna take these edges. We're going to export this as a 2D
graphic, and then we are going to export it as an EPS file. And call this...say
"shelf". So we'll call this "shelf". And then we're going to be using illustrator for
this. But anything that can open any sort of vector file, is what you want to use.
So we're gonna be using illustrator just because I have it. And then we are going
to open "shelf.EPS". So we're gonna open that. So what happens when you save an
EPS file, is that it has the line work. So we are going to see why I select this...so
this is a little too small. We're just gonna scale it up. And what you don't
want to happen is that all your lines essentially blend together. Like what was
happening there that you can only go like so small, so you want to scale it up
so that you can start to actually mess with the line weight. We're gonna come to
here, and then I am going to ungroup, so that we can select our lines, at least
compound paths. So now we have our lines here. Now I know that the outside here...
you just want to kind of break all these things up. So we can select single lines...
so we have these guys. So I'm just selecting holding shift to select all
these lines, you also drag, and we're just gonna bump these up, let's say one. It
looks pretty good. Come in, one. Just make sure you're
selecting all your lines. One, one. Now this goes all the way across. So we have
a clipping masks we need to get rid of here.
Release the compound path. Now I'm not a pro at using illustrator, so there may be..
you know. I've had a lot of experience with other software, like Photoshop.
But not so much with illustrator. So there may be faster ways to do this. And if you
know of any, please share them in the comments below, it'd be awesome to get
some input. So let's just reference this again. So we have the under side edge and
then basically the outline. And then these outer shapes are also outlined.
Just being very diligent with how you do it. And I'm just gonna go through, and we
will do this quickly. We'll just do one shape and then I will speed this up so
you guys can see. You guys know singer through the whole thing as I do this. But
you still get the effect of me doing everything. And this guy looks a little
thick because of...it's just there's two lines there that are right next to each other.
So after you finish this shape, then we will speed this video up. And you can see
the final product. Alright, so there we go! Hopefully this video helped, if it did,
please, don't forget to like, subscribe and share this video with your friends!
And as always, happy hacking! All right, designers, just because this episode of
designer hacks is over, doesn't mean we're leaving you out in the cold!
Tony's got tons of great content available at designerhacks.com, so join
design nation right now and we'll see you on the next episode of designer hacks!