Introduction Welcome| 00:00 | (Music playing.)
| | 00:03 | Hi! I'm George Maestri and welcome to
Google SketchUp Pro Tools and Techniques.
| | 00:09 | SketchUp Pro is the upgrade to SketchUp
that allows you to go a lot further in
| | 00:15 | the world of SketchUp.
| | 00:16 | The first thing we're going to look
at is dynamic components, not only how
| | 00:20 | to use them but also how to create your
own dynamic components from your own models.
| | 00:26 | After that, we're going to look at a
separate application called LayOut, which
| | 00:30 | comes with SketchUp Pro, and this is a
presentation tool that allows you to take
| | 00:35 | SketchUp models and bring them into a
document and keep them live so you can
| | 00:40 | actually manipulate the
models within the document.
| | 00:43 | After that, we're going to look at
Style Builder, which allows you to create
| | 00:47 | your own custom looks.
| | 00:49 | And then, we're going to look at the
Import and Export features of SketchUp Pro,
| | 00:53 | and how to take models in SketchUp
and bring them into other packages to do
| | 00:58 | things such as rendering.
| | 00:59 | So I hope you enjoy this
course and let's get started.
| | Collapse this transcript |
| Using the exercise files| 00:00 | Before we get started, we need to
perform a little bit of housekeeping and
| | 00:04 | that involves taking the
ExerciseFiles folder that you've downloaded and
| | 00:08 | placing it on your Desktop.
| | 00:10 | Now all the exercise files for this
course will be in this folder, and all you
| | 00:16 | have to do is just locate the chapter
that you're working on and the assets
| | 00:21 | will be in that chapter.
| | Collapse this transcript |
| Important Mac and PC differences| 00:00 | Before we get started with LayOut, I do
want to go over some of the differences
| | 00:04 | between the Mac and PC versions.
| | 00:07 | They're pretty much identical.
| | 00:08 | There are a few interface changes between
the two that I do want to point out to you.
| | 00:14 | Both programs are pretty
much laid out the same way.
| | 00:17 | You have a main menu here with the sidebar.
| | 00:21 | Now the sidebar on the Mac is a little
bit different and some of the menus may
| | 00:25 | appear different but they
actually have the same functionality.
| | 00:28 | For example, under Shape Style, we
have graphic representations of the Stroke
| | 00:34 | Style, where on the PC
it's just a pull-down menu.
| | 00:38 | And we also have the actual point value
of the size of the arrow, where on the
| | 00:44 | PC it's just a slider.
| | 00:46 | Now, there are some additional differences.
| | 00:48 | Two of the most important ones are that the
Color and Font windows are not in the sidebar.
| | 00:55 | You need to go to Window > Colors,
and we can see here we have the
| | 01:00 | standard Apple Color Picker.
| | 01:02 | Now, these may be a little bit different
than the Color Picker on the PC, but if
| | 01:06 | you're using a Mac, you would be
very familiar with this anyways.
| | 01:10 | Now, for fonts again, it's Window > Show Fonts.
| | 01:14 | We can just pick whatever font we
want for the purposes that we need.
| | 01:20 | Now, when you're using SketchUp
models within LayOut, the interaction is
| | 01:25 | pretty much identical.
| | 01:26 | All you have to do is select the frame,
double-click on it and now we can rotate
| | 01:32 | around and see the model from any angle we want.
| | 01:37 | If you right-click over the model,
you will get your Camera Tools window.
| | 01:42 | With LayOut, you do want to be using a
two-button mouse just like you would with
| | 01:47 | SketchUp or SketchUp Pro because a
two-button mouse will give you all the
| | 01:51 | functionality you need.
| | 01:53 | So those are some of the differences
between the Mac and the PC version.
| | 01:57 | Hopefully, you'll be able to
follow along fairly easily.
| | 01:59 | We will be recording the
rest of this chapter on the PC.
| | Collapse this transcript |
|
|
1. Working with Dynamic ComponentsThe Component Options window| 00:00 | One of the best new features of Google
SketchUp 7 is called dynamic components,
| | 00:06 | and what these are, are components that
have intelligence and they allow you to
| | 00:11 | create objects that are smarter,
more versatile and do a lot more things.
| | 00:17 | Now, dynamic components is
available both in SketchUp and SketchUp Pro.
| | 00:21 | The difference is that SketchUp
Pro allows you to create your own
| | 00:26 | dynamic components.
| | 00:28 | So let me show you how to
use a dynamic component.
| | 00:31 | Here we have a basic fence.
| | 00:33 | Now this is just a component.
| | 00:35 | So if I went into my Components window, I
could just drag in another one of these fences.
| | 00:40 | But let's go ahead and just
work with the first one here.
| | 00:42 | So I'm going to go ahead and delete this
and then I'm going to select this fence.
| | 00:48 | And let's go ahead and just make it
bigger because that's typically what we want
| | 00:52 | to do is we want to scale a fence
to the width of the yard for example.
| | 00:56 | But when I scale this, notice how it
just stretches, which is the typical
| | 01:00 | behavior for an object like this.
| | 01:03 | But because this object is dynamic,
what happens is it doesn't stretch.
| | 01:08 | It actually fills in the pickets to
the width of the fence which makes it
| | 01:13 | much more versatile.
| | 01:14 | Now, typically what we used to have to
do is create one little fence and then
| | 01:19 | copy it a bunch of times to make a bigger fence.
| | 01:21 | Now, what we have to do is just take one
component, drop it in and stretch it and it's there.
| | 01:27 | Now, dynamic components can also have
all sorts of other types of customization.
| | 01:33 | So for example with this fence, I could
change the size of the pickets or whatever.
| | 01:38 | Now, I do this through Component Options window.
| | 01:41 | I can get to this two places.
| | 01:43 | If I select the fence and right-click
over it, you'll see at the very bottom,
| | 01:48 | we have a Dynamic Components window.
| | 01:50 | We have Component Options and Attributes.
| | 01:53 | Now Attributes is only
available to SketchUp Pro users.
| | 01:57 | We also have a Component Options window,
which is the exact same window just in
| | 02:01 | our standard menu system under Window.
| | 02:04 | Now, when I select the fence, the
options for that fence show up in the
| | 02:10 | Component Options window.
| | 02:11 | Now, I have a number of options here.
| | 02:13 | I can, for example, change the height
of the fence just by typing in the height
| | 02:19 | that I want and I can
really just type in anything.
| | 02:22 | I can also change the PicketSpacing.
| | 02:25 | So for example, in this particular
application, the spacing is from here to here.
| | 02:31 | So it's 10 inches up from the front
of one picket to the front of another.
| | 02:36 | So for example, if I made that 12
inches, you'd see I have a much broader
| | 02:41 | spacing between the pickets.
| | 02:43 | We also have PicketWidth,
which is a pull-down menu.
| | 02:47 | Now, we can actually just choose from
any one of three standard-sized pickets.
| | 02:52 | So for example, if I chose a 4 inch
picket, well, actually nothing happens.
| | 02:56 | Because with these pull-down
menus you actually have to hit Apply.
| | 03:00 | So I pull-down 4, hit Apply
and you can see the effect.
| | 03:05 | Now, this isn't really much of a fence here.
| | 03:07 | So I really do want to
reduce my PicketSpacing here.
| | 03:11 | And you could see I have a much better fence.
| | 03:13 | We can also change the PostSpacing, which is
the spacing between these posts in the back.
| | 03:19 | So you can see there are a lot of
possibilities with this sort of technology and
| | 03:24 | we're going to go ahead and use a lot
of different types of applications and
| | 03:28 | show you how to use this
in a lot of different ways.
| | Collapse this transcript |
| Using the Interact tool| 00:00 | Another really cool feature of
dynamic components is the ability to
| | 00:05 | interact with your model.
| | 00:08 | Now this is done through a new tool under
the Tools menu called the Interact tool.
| | 00:14 | So when I select that, a little hand
comes up and also notice how at the top
| | 00:18 | of the hand, we have the no sign, and what the
no sign means is well, we can't interact here.
| | 00:24 | So if we actually move this over the
scene, you'll notice how it goes from the
| | 00:29 | yellow 'yes, Click to activate' to the 'no.'
| | 00:32 | So for example, if I click on one of
these doors, I can actually open and close
| | 00:37 | the doors of the cabinets.
| | 00:39 | Now think about if you are, for example,
a cabinet designer, you'd want your
| | 00:43 | customers to be able to interact with
their kitchen and you can actually use
| | 00:47 | this to kind of test out things.
| | 00:49 | To see if the refrigerator's going to
bump into something when you open the door.
| | 00:53 | It helps you to kind of organize the
way that, for example, your kitchen works
| | 00:57 | or house or whatever.
| | 00:58 | So we can actually interact with any one
of these doors by just clicking on them.
| | 01:04 | Now interactivity works for
a number of different things.
| | 01:08 | You could use it, for example, to show
a before and after, so you could animate
| | 01:11 | down the extension to a house, so you
could see what the house looks like before
| | 01:15 | and after just by clicking on it.
| | 01:17 | You can also change things such as color.
| | 01:19 | So for example, if I click on this guy's
shirt, we can change the color of his shirt.
| | 01:25 | So as you can see the Interact
tool, well, it's pretty simple.
| | 01:29 | You just select the tool and if you
can interact with something then you can.
| | 01:34 | If you can't, well, then you can't.
We'll also show you a little bit later how to
| | 01:39 | add interactivity using SketchUp Pro,
but also you'll start to see more and more
| | 01:45 | objects in the SketchUp Library that
have interactivity built into them and so
| | 01:51 | you'd be able to use those as well.
| | Collapse this transcript |
| Using metadata in the Component Options window| 00:00 | Another use of dynamic components is
to give customers the ability to choose
| | 00:05 | between styles, colors and sizes.
| | 00:08 | So for example, I have a living room
here and I have, for example, this couch
| | 00:12 | and a chair and in fact, let's go into
our Components window and we can actually
| | 00:16 | just pull in another component.
| | 00:18 | So for example, I have a coffee table
here and you could even put that on the
| | 00:21 | Google 3D Warehouse and allow your
customers to download your custom coffee table
| | 00:27 | and try it out in their
house and see if it works.
| | 00:30 | Now a lot of people will use the
Component Options window to actually help
| | 00:34 | you with those as well.
| | 00:36 | So for example, I've this table and the
table can come in several different colors.
| | 00:40 | So for example, it comes in Bamboo.
You could have it at the lighter color and
| | 00:44 | we also have different sizes
such as Large, Small and Medium.
| | 00:48 | So for example, a medium-sized
table or a large-sized table.
| | 00:54 | You'll notice how it actually had
preset sizes rather than the ability to allow
| | 00:59 | us to scale it up and down.
| | 01:01 | This makes it much better for people such
as manufacturers to give you specific sizes.
| | 01:06 | Now also you can have it
actually calculate price.
| | 01:09 | So if I have a small table you'll notice
it's less expensive than the large one.
| | 01:15 | We have the same thing with the couch.
| | 01:17 | We've a Large, Small and Medium couch.
| | 01:19 | So if I go up to the medium-sized couch,
you'll notice how the price goes down.
| | 01:24 | We also have different
colors and we can apply those.
| | 01:27 | So for example, if you have specific
color options, you can apply those as well.
| | 01:32 | We can also use dynamic
components on things such as this carpet.
| | 01:35 | So if I go into the Component Options
for the carpet, you'll notice that we can
| | 01:40 | change the color from one color to another.
| | 01:43 | And also if I use the Scale tool to
actually stretch and scale this carpet,
| | 01:49 | notice how the area of the carpet
and the price are recalculating.
| | 01:54 | So it actually can tell you the cost of
the carpet based on the square footage
| | 01:58 | and based upon just about
how big you size your carpet.
| | 02:02 | So you can see there's a lot of
different ways to use dynamic components.
| | 02:07 | Now let me show you another little
feature. Now this is only in SketchUp Pro,
| | 02:11 | but it allows the ability to create
reports based upon some of these parameters
| | 02:16 | in your dynamic components.
| | 02:18 | So now that we've all this pricing data,
we can actually put it to good use.
| | 02:23 | We can actually in SketchUp Pro have an
option here called Generate Report and
| | 02:30 | what this does is it actually takes
all of this data in our scene and
| | 02:34 | it actually spits it out to a file.
| | 02:37 | So we can actually have it saved to all
model attributes or just the current selection.
| | 02:42 | So for example, if I just had the couch and
the carpet selected, it would just do that.
| | 02:46 | But let's go ahead and do this for
all model attributes, and then we can
| | 02:50 | generate what's called either an HTML
file, which is basically a webpage or a
| | 02:55 | CSV file, which is called a Comma
Separated Values file and that's used for
| | 03:02 | things such as spreadsheets
such as Excel and Numbers.
| | 03:06 | So I'm going to go ahead and generate
a CSV file and just hit Save. Then it says,
| | 03:12 | Would you like to open it?
| | 03:14 | I say Yes, and so what it does is
it pulls it up in Microsoft Excel.
| | 03:18 | Now all that data that I generated is in here.
| | 03:21 | Now a lot of this is kind of data
that you may or may not want to use.
| | 03:26 | But some of it such as pricing is there.
| | 03:28 | So let's go ahead and
put a little thing in here.
| | 03:31 | So I've got the price of the sofa, the
price of the carpet, the chair and the table.
| | 03:41 | So the total cost of my living room is $1542.
| | 03:43 | So you can use this, for example, if
you're creating a house and you have
| | 03:49 | standard sized windows and you know
the pricing of the windows, you could
| | 03:52 | actually get a list of materials and cost
for all the windows that you put in your house.
| | 03:58 | You can see how this can be very,
very useful from a design sense.
| | 04:04 | So not only can SketchUp help you
calculate the price of individual objects,
| | 04:09 | it can also help you calculate the
price of everything that you're using in a scene.
| | Collapse this transcript |
|
|
2. Creating Dynamic ComponentsUsing the Component Attributes window| 00:00 | So now we want to take a look at one of
the more important features of SketchUp Pro
| | 00:05 | and that's the Component Attributes window.
| | 00:08 | Now this is only available to SketchUp
Pro users, but it's also a very powerful
| | 00:13 | way to create your own dynamic components.
| | 00:17 | Now you can access this window in two ways.
| | 00:21 | One, you can actually just use the pull-
down menu and you can just go into the
| | 00:25 | Component Attributes window, or you
can right-click over an object and just
| | 00:31 | scroll down to Dynamic Components and
pick Component Attributes. Both will
| | 00:36 | pull up the same window.
| | 00:38 | Now this is a Component Attributes window.
| | 00:40 | It has a number of different sections.
| | 00:43 | Along the top we have Info, which will
give you various infos about different
| | 00:48 | types of things within the body
of the Component Attributes window.
| | 00:53 | We also have a Functions tab, which
allows us to use mathematical functions to
| | 00:58 | calculate attributes and
we'll get to that in a little bit.
| | 01:01 | We also have a Refresh button which
just refreshes the values and we also have
| | 01:06 | what's called a Toggle Formula View,
which allows us to toggle whether formulas
| | 01:12 | display or not, and again, I'll show
you how that works a little bit later.
| | 01:15 | Now the most important thing about
this window is that you can add your own
| | 01:20 | custom attributes to an object.
| | 01:23 | Now we've a number of different preset
attributes and those could be added down here.
| | 01:28 | So wherever you see Add attribute,
that's where we can add them in.
| | 01:32 | If I click on that, you can see here
I've got a whole list of attributes.
| | 01:37 | I can have, for example, info about the
component such as an item code, such as a
| | 01:43 | product code that sort of thing.
| | 01:45 | Also the position of the object, the
size of the object, in other words, the
| | 01:51 | scale, the rotation, as well as
behaviors such as how the scales.
| | 01:57 | For example, how do you
want this object to scale?
| | 02:00 | Do you want it to scale evenly or not?
| | 02:02 | We can also do Form Design and
actually create custom forms for your object.
| | 02:07 | Now I'm going to keep this simple and I
am just going to go ahead and click here
| | 02:11 | on Position and just add
in X, Y, and Z position.
| | 02:16 | As you notice it actually adds in those
attributes here and we can do a number
| | 02:21 | of things with those.
| | 02:22 | We can actually just type in numbers.
So for example, if I don't want him at
| | 02:26 | 20.99 inches in the X direction,
I can just type in a number.
| | 02:33 | I can type in 0 and it will pop over to
0 and we can do the same for Y. We can
| | 02:38 | actually bring him right back to the origin.
| | 02:40 | Let's go ahead and move him over and then
reselect him so we can see what we're doing.
| | 02:45 | Now another thing we can do
is we can add in formulas.
| | 02:49 | So, for example, for the Z position,
I could type in a number, say, 25 and he
| | 02:55 | would raise 25 inches into the air.
| | 02:59 | But if I wanted to, I could also type in
an equal sign and then type in a formula.
| | 03:05 | Now I could just say =X+Y. Now all I've
to do is either type in the value or I
| | 03:15 | can click on it and it will insert it
automatically, so I could actually click
| | 03:19 | on any one of these.
| | 03:20 | For example, I just clicked on
Description and it will go ahead and add that in,
| | 03:24 | but I really don't want that
because that's not a number.
| | 03:27 | So I'm going to leave it at X+Y,
and just hit Return or Enter.
| | 03:31 | So now the value of Z is calculated as =
X+Y. So as you can see it's bold while
| | 03:40 | these are grayed out.
| | 03:41 | Now these are user defined
and this one is calculated.
| | 03:45 | Now this is where the Toggle
Formula View comes in handy.
| | 03:48 | So for example, if I toggle this, you can see
how it shows either the formula or the end result.
| | 03:56 | So for example, now let's go ahead and use this.
| | 03:58 | So if I had it as say, 5 units in X, you
can also see it's now 5 inches in Z.
| | 04:06 | If I put another say 12 inches in the Y
direction, you can see he jumps up to 17
| | 04:13 | inches high, because it's =5+12 or
X+Y. Now this is actually a very trivial
| | 04:21 | example, but you can see how SketchUp
now has the hooks to do some very complex
| | 04:27 | operations that we'll be
getting into in a little bit.
| | 04:31 | So to refresh, the Component
Attributes window allows you to create
| | 04:36 | components as well as combine
different components using mathematical
| | 04:41 | formulas to create smart objects.
| | Collapse this transcript |
| Exposing component attributes | 00:01 | The Component Attributes window can
also be used to create attributes that can
| | 00:05 | be seen in the Component Options window.
| | 00:08 | Now let me show you what I mean here.
| | 00:09 | We have a file open called
Sofa_01 in the Chapter 3 folder.
| | 00:16 | Now, this just has a basic blank sofa in it.
| | 00:19 | If I click on the Sofa and right-click,
you'll notice under Dynamic Components
| | 00:23 | we have two major windows here, the
Component Options window as well as
| | 00:27 | Component Attributes.
| | 00:29 | So if I open up the Component
Options window for this, you really have
| | 00:33 | no options to choose.
| | 00:35 | Well, we can change that by just
adding those in, in the Attributes window.
| | 00:39 | So I'm going to right-click over this
again and pick Component Attributes.
| | 00:44 | Now you'll notice here that I have a
component called Sofa, which consists of
| | 00:49 | two sub-components called
Sofa_Cushions and Sofa_Base.
| | 00:53 | In fact, if I double-click on these, you
can see here I've got my cushions and my base.
| | 00:59 | Now notice also how as I click on
these, you can see how the Component
| | 01:03 | Attributes window changes.
| | 01:05 | So if I have just that one component
selected, it's the only thing that's going
| | 01:10 | to show up in the Attributes window.
| | 01:12 | But if I click on everything, then
you'll see the sofa as well as the hierarchy
| | 01:18 | and the sub-component, such
as the cushions and the base.
| | 01:21 | So let's go ahead and add an attribute
to the sofa that we can reveal to the
| | 01:27 | casual user, meaning somebody
who doesn't have SketchUp Pro.
| | 01:32 | So we can go ahead into Add attributes,
and let's go ahead and just add in a name.
| | 01:37 | So we can call this, for example, Modern Sofa.
| | 01:42 | We can also add another attribute, say
ItemCode, and it's called say Sofa1234
| | 01:51 | and that's our product code for that.
| | 01:54 | We can also add an attribute for say
Description, and we can say 5 Foot
| | 02:00 | Long Sofa and so on.
| | 02:04 | Now all of these, we can choose whether
or not to display them to the casual user.
| | 02:10 | So, for example, for the name, all I
have to do is click on this Details tab,
| | 02:15 | and it brings up a new window.
| | 02:17 | It says whether or not
users can see the attribute.
| | 02:20 | For all of these, users can see them.
| | 02:22 | So, for example, if I click on this,
open up the Component Options window,
| | 02:28 | you'll see now we've got a
couple of additional things.
| | 02:31 | We have the name of the sofa, Modern Sofa,
the product code, as well as the description.
| | 02:38 | Now if we wanted to,
we could also add in additional ones.
| | 02:42 | So, for example, if I wanted to add in
the position of this, I can just go ahead
| | 02:47 | and add in position.
| | 02:50 | If we look at it, we can see in Component
Options, well, position isn't available.
| | 02:56 | So what we can do is we can take each
one of these, go into the Details tab and
| | 03:01 | select what is possible with this attribute.
| | 03:05 | So, for example, users can see it and hit Apply.
| | 03:10 | So now I have my X position
is able to be seen by the user.
| | 03:15 | Unfortunately, the user can't type it in,
but I can change that so, for example,
| | 03:20 | users can see and edit as a textbox.
| | 03:25 | So, for example, if I can click on
that, say Display label X, or you can
| | 03:31 | change that as well.
| | 03:32 | You could say Position in X, and hit Apply.
| | 03:39 | So now it says Position in
X and I can now change that.
| | 03:43 | I can say I want it to be at 9 inches in X
and it jumps 9 inches along that red or X axis.
| | 03:52 | Now I can do the same for all of these.
| | 03:54 | I can say User can edit as a textbox
and we can type in again Position in Y,
| | 04:02 | hit Apply, and so on.
| | 04:04 | Do the same for Z as well.
| | 04:14 | So now I can type in the
exact position, if I wanted to.
| | 04:20 | So now what we have here is the casual
user will pull up this Sofa component and
| | 04:26 | now they can position it
wherever they want in the room.
| | 04:29 | They also have additional data
about what type of sofa it is.
| | 04:34 | Let's go ahead one more time
and add in another attribute.
| | 04:37 | Instead of picking one from the list,
however, I'm going to go down here to the
| | 04:41 | very bottom and enter a custom name.
| | 04:45 | So just click on that and you'll
notice how Enter Name is now highlighted in
| | 04:49 | blue and we can type in something that we
want, say for example the price of the sofa.
| | 04:55 | So now we have custom variable called
the Price, and we could say let's say this
| | 05:00 | sofa is $459 and we just hit Enter.
| | 05:04 | Now, let's decide whether or
not we're going to reveal this.
| | 05:07 | We can say users can see this attribute
and we can say Price, and now we have a
| | 05:14 | price but the price can't be edited.
| | 05:16 | Of course, we don't want it to be edited,
because, well, we want the company to
| | 05:21 | set the price, not the customer.
| | 05:23 | But what's really cool about this is
that we are exposing the price to the
| | 05:27 | customer and they can actually load
that in to a spreadsheet and if they,
| | 05:32 | for example, furnish a room, they can get
all the prices of everything and use
| | 05:37 | that to calculate how much is going
to cost to redecorate a room or build a
| | 05:42 | kitchen or whatever.
| | 05:44 | So as you can see, the Component
Attributes window and the Component Options
| | 05:49 | window can be linked very closely.
| | 05:51 | So you can expose data to the user that
they can either change or just view and
| | 05:57 | use for their own purposes.
| | Collapse this transcript |
| Creating a drop-down list| 00:00 | In addition to being able to type in
numbers for values, we also want to be able
| | 00:05 | to select them from a list so we can
add things like presets, sizes and colors.
| | 00:10 | Things like furniture, like this couch,
can usually come in different sizes, such
| | 00:14 | as small, medium and large.
| | 00:16 | Now we can actually give the user the
option of selecting a different sized couch,
| | 00:21 | just by giving them a pull-down
menu in their Component Options window.
| | 00:27 | So, I'm working with a file here
called Sofa_02, which is a file that we used
| | 00:32 | in the last lesson.
| | 00:33 | So I'm going to go ahead into
Dynamic Components and select
| | 00:36 | Component Attributes.
| | 00:38 | Now you'll see we have all of the same
attributes we set in the last lesson.
| | 00:42 | We have Position as well as the
custom attributes such as Price.
| | 00:46 | Now, typically, we don't want to
give the user the option of changing the
| | 00:49 | position of the couch through a menu.
They can just use the Move tool.
| | 00:53 | So I'm going to delete that.
| | 00:54 | So I'm going to go ahead and select that, hit
Delete and say OK and do that for both of these.
| | 01:00 | So now that I've cleared that out,
if we look at our Dynamic Components'
| | 01:05 | Component Options window, you'll see that
basically all we have is a price of the couch.
| | 01:12 | Now let's go ahead and add in a size.
| | 01:15 | Now we can create different sized
couches by basically stretching it along this
| | 01:20 | green axis, which is our Y axis.
| | 01:24 | So what we want to do is add in an
attribute here called length Y or LenY.
| | 01:31 | You could see that's green, which
matches the axis that we want to stretch it on.
| | 01:35 | All we really have to do is just type
in a number such as 80 and you can see
| | 01:40 | the couch stretches.
| | 01:41 | Or if we type in a larger number,
you can see it stretches bigger.
| | 01:45 | So we can use this as the basis for
creating sizes for the different couches.
| | 01:49 | Now we do this by going into our Details window.
| | 01:52 | So let's go ahead into Details
and we have to have a display rule.
| | 01:56 | But what we want is we want users to be
able to select that option from a list.
| | 02:01 | So let's go ahead and select
that and then just add an option.
| | 02:05 | So we can type in our first size, which is 80.
| | 02:08 | If we hit Enter, notice how it
enters it for the Value field.
| | 02:13 | Now this List Option is actually the
name we give the user. The value is the
| | 02:19 | actual number that's
plugged in, the actual amount.
| | 02:23 | So let's go ahead and
type in one for another one.
| | 02:25 | Let's say we want a 96-inch wide
couch and we want another big couch.
| | 02:30 | Let's say 108 inches.
| | 02:34 | So once we hit Apply, notice what we have.
| | 02:37 | Let's go ahead into our Component
Options window and you can see we have a
| | 02:41 | second value here called Length of Y.
| | 02:43 | Well, that's not all of that
descriptive but let's see how this works.
| | 02:47 | We can say 80 and hit Apply.
| | 02:50 | You see we have a 80-inch couch,
a 108-inch couch or a 96-inch couch.
| | 02:57 | Well, we really want to make this a
little bit more user-friendly. Length of Y
| | 03:01 | isn't all that descriptive and the
size of the couch in inches isn't as
| | 03:05 | descriptive as we can be.
| | 03:07 | So I'm going to close this.
| | 03:08 | Let's go back to our Component
Attributes window and let's go into Details again.
| | 03:13 | So for the List Options, all we
have to do is change the name here,
| | 03:17 | Small, Medium and Large.
| | 03:24 | Then for the Display label, instead of
Length Y, let's go ahead and type Size.
| | 03:30 | So once we hit Apply, we can go back
into our Component Options window.
| | 03:36 | You'll see now we have a sofa
that is small, medium and large.
| | 03:49 | Now, one of the things I'm also
noticing here is that well, when we have
| | 03:54 | different sized couches, the price
itself is actually going to change.
| | 04:00 | So what we can do is calculate a new
price based upon the size of the couch.
| | 04:06 | We can do it a number of different ways.
| | 04:08 | Let me show you one really simple way.
| | 04:11 | And that's to basically take the
price of the couch, which equals $459 and
| | 04:16 | that's for the small couch.
| | 04:18 | So we divide it by 80 and
that gives us a price per inch.
| | 04:23 | Then we just multiply that by the total
number of inches, which would be Length
| | 04:28 | of Y. We hit that and then basically,
depending upon the size of the couch,
| | 04:33 | it will calculate a price.
| | 04:35 | So let's go back into Component Options.
| | 04:38 | Let's see how that works.
| | 04:40 | So when I do small couch, it's still $459.
| | 04:45 | But if we do medium or large couch,
it will go ahead and scale it accordingly.
| | 04:55 | Now this formula is actually pretty crude.
| | 04:57 | It prices the couch by the inch.
| | 04:59 | Now, typically, couches aren't priced that way.
| | 05:01 | They really have set prices based
upon the small, medium and large sizes.
| | 05:06 | So we can actually do a little bit
more sophisticated math using functions.
| | 05:11 | Let me show you how that works.
| | 05:13 | So what I'm going to do is I'm just
going to go ahead and go back to the
| | 05:16 | base price of the couch.
| | 05:17 | It's going to be =459+ and then we
have to see what size the couch is.
| | 05:25 | Well, we can use what's
called an if-then statement.
| | 05:28 | If we go into Functions here, you
can see we actually have spreadsheet
| | 05:33 | functions, very similar to functions you find
in Excel or any other type of spreadsheet.
| | 05:39 | If you scroll down, you'll see we
actually have all sorts of different
| | 05:43 | functions from square roots to
SketchUp functions, which allows you to
| | 05:48 | determine things about geometry of an
object, but the ones we're looking for
| | 05:53 | are logical functions.
| | 05:54 | So I want to have an if-then statement.
| | 05:57 | So I'm just going to go ahead and click on this.
| | 05:59 | What that does is actually
just gives us a reference here.
| | 06:02 | I want to make sure my cursor is here,
459+, and then I'm just going to hit
| | 06:08 | Insert, plus the result
of this if-then statement.
| | 06:12 | Well, what are we testing?
| | 06:13 | Well, we're going to test to see if the
LenY=96, which is our medium sized couch.
| | 06:23 | If it is, we're going to add 50
bucks to the price of the couch.
| | 06:28 | If it's not, we're going to add
nothing to the price of the couch.
| | 06:32 | So let's take a look at this again.
| | 06:34 | So, 459, the base price of the couch,
plus if the length is 96 inches, then
| | 06:41 | we're adding 50 bucks.
| | 06:42 | If not, we're adding nothing.
| | 06:44 | So let's see how that works.
| | 06:46 | We're going to go ahead into our
Dynamic Components' Component Options.
| | 06:49 | So now let's go to a small
couch. Hit Apply. That's $459.
| | 06:56 | Medium couch should be 459+50,
which is 509, and that works.
| | 07:03 | Let's go to the large couch and
you'll see well, it goes back to 459.
| | 07:07 | Well, what we have to do here is
add in one more if-then statement.
| | 07:13 | What we're going to do is go ahead and
add in a plus sign here, and we're going
| | 07:17 | to do another if-then.
| | 07:18 | So I'm just going to keep
this one up, hit Insert.
| | 07:21 | Let's go ahead and do this one more time.
| | 07:25 | So if, okay, test. So if LenY=, and
our largest size couch is 108, then we're
| | 07:38 | going to add $100 to the price rather than 50.
| | 07:42 | If it's not equal to that, well,
we're going to add nothing to the price.
| | 07:46 | So now that we have all of those,
we should have an accurate pricing model.
| | 07:51 | So again, Dynamic Components >
Component Options and let's see how this works.
| | 07:56 | Well, obviously it's already
calculated. We have a price of 559 for the
| | 08:00 | large sofa, the small sofa is
459, the medium sofa is 509.
| | 08:09 | So as you can see, we can get very
sophisticated behaviors just through simple formulas.
| | 08:16 | So what we've done is we've added in a
selection list that allows us to select a
| | 08:20 | small, medium or large couch, and now,
using if-then statements, we've actually
| | 08:26 | calculated accurate prices for
the couch, depending upon the size.
| | 08:31 | So as you continue we can get very
sophisticated in how our dynamic components
| | 08:37 | behave and report data back to the user.
| | Collapse this transcript |
| Creating dynamic materials| 00:00 | Another attribute that we can change
using the Component Attributes window is
| | 00:06 | the material applied to an object.
| | 00:08 | Now this is important for all sorts
of things where you can provide them in
| | 00:11 | different types of colors, cabinets or
for example, this couch. You can provide
| | 00:17 | this in several different
colors in fabric options.
| | 00:20 | So we want to be able to provide a list of the
various options and give them to the customer.
| | 00:26 | So we can do that again through
the Component Attributes window.
| | 00:30 | So if I select this object and
select this object and go into Component
| | 00:33 | Attributes, we can actually
add in an attribute for material.
| | 00:38 | Now before I do that,
let's take a look at this sofa.
| | 00:41 | It's composed of two subcomponents:
| | 00:44 | one for the cushions and then one for
the metal base or the legs of the couch.
| | 00:50 | So if I go into my window here, you can
see I have just the cushions and the base.
| | 00:57 | Now when I apply a different color to
the couch, I really just want to apply a
| | 01:01 | different color fabric to the cushions.
| | 01:04 | So that's where I want to make my change.
| | 01:07 | So I am going to go ahead and select
the whole couch and go into Sofa_Cushions
| | 01:12 | and hit this little plus
sign and then add an attribute.
| | 01:16 | Now the attribute we want to add is
called, obviously enough, Material.
| | 01:21 | So now once I have a Material here
I can do a number of different things.
| | 01:26 | I can type in a color, such as Red or Blue.
| | 01:32 | Now these are just standard colors that
are within SketchUp or if I want a more
| | 01:37 | custom color, I can type in any sort of
hex value, or if I want I can actually
| | 01:43 | type in the name of a
material that's within the scene.
| | 01:47 | So if I go into my Materials window,
you'll see that in my model I only have
| | 01:53 | those materials that I typed in,
because I really don't have anything else.
| | 01:57 | So if I want to actually have a
standard material such as a bitmap fabric or
| | 02:02 | something a little bit more custom,
I have to put it into the model.
| | 02:07 | Now typically the way to do that is
just create a very small object such as a
| | 02:11 | rectangle and then just put
the material on to that object.
| | 02:15 | So I am going to go ahead and select
that rectangle and then just go into my
| | 02:19 | Materials window and scroll down to
something that would represent fabrics, such
| | 02:25 | as maybe Carpet and Textiles, and maybe
just go ahead and pick say for example,
| | 02:29 | this plush charcoal and put it on there.
| | 02:33 | So once it's in the scene, if I go
here over to Home, which gives me my
| | 02:38 | In Model, you'll see that now
instead of three, I have four.
| | 02:42 | So let's go ahead and do that one more time.
| | 02:44 | I am going to go to Carpet and
Textiles and let's just pick another one.
| | 02:48 | How about Berber Carpet?
| | 02:50 | And go ahead and select that and just
go ahead and apply it to that rectangle
| | 02:55 | and if we hit our In Model or our little home
icon, you'll see now I have five of those.
| | 03:01 | In fact, once they are in the
model, they are there forever.
| | 03:04 | So I can just go ahead and select
this rectangle and delete it and these
| | 03:07 | materials will still be here.
| | 03:09 | So now we can use this to actually
apply those materials to our couch.
| | 03:15 | So let's go ahead and go back to our
Component Attributes window and find
| | 03:19 | our Material value.
| | 03:20 | So instead of typing in the hex value,
I can actually type in the name of the material.
| | 03:27 | So let's go ahead and
select Berber_Pattern_Gray.
| | 03:30 | So I am just going to go
ahead and select all of that.
| | 03:33 | I don't need to type it. All I need to
do is select it here in Materials window,
| | 03:37 | highlight the name and copy it and
then go here and paste that name.
| | 03:45 | So once I hit Enter, you'll
see that pattern is on my couch.
| | 03:50 | Now what I really want though is I want
this to actually be able to be seen by
| | 03:56 | the user and be able to be changed
interactively by a drop-down list.
| | 04:01 | So the first thing I'd probably want to
do is just go over to my Details window
| | 04:05 | for this Sofa_Cushion, and I
can just change my Display rule.
| | 04:09 | So I can for example select it from a
list, but for right now let's just see
| | 04:12 | if we can even see it.
| | 04:14 | So I am just going to go say
Users can see this attribute.
| | 04:17 | So hit Apply. So I am going to go
ahead and close out all these windows
| | 04:22 | and let's take a look.
| | 04:23 | So I'm going to select my couch,
right-click, go to Dynamic Components >
| | 04:28 | Components Options.
| | 04:30 | And as you can see, there
really isn't an option here.
| | 04:34 | I really was hoping to find the
Material name, but I don't have it.
| | 04:38 | That's because it's buried.
| | 04:40 | So if I double-click on this, it
opens up that main component and then I
| | 04:45 | select and I go down into my Sofa_
Cushions and you can see now there's the
| | 04:50 | name of my material.
| | 04:51 | Well, that's not really what I want at all.
| | 04:54 | I want to be able to just get
to this from the main level.
| | 04:57 | Just select the couch, pick the size,
pick the color and be done with it.
| | 05:02 | So we're going to have to do
this a little bit differently.
| | 05:04 | So let's go back into our Component
Attributes. So instead of putting the
| | 05:09 | material here, let's go ahead over to
Details and say Users cannot see this
| | 05:14 | attribute, and we're actually going
to go ahead and we need to move this
| | 05:18 | attribute up here to the main level of Sofa.
| | 05:22 | So what we've to do here is we
have to add in a custom name.
| | 05:26 | So I'm just going to go ahead and
add in a custom name. Call it Color.
| | 05:31 | So now we have Price, Color and Size.
| | 05:34 | But the color in this field
here actually has to show up here.
| | 05:40 | So I need this here to point to this value here.
| | 05:45 | First thing I'm going to do is go ahead
and just select this color and paste it here.
| | 05:51 | So now I have a value that I can play with and
here I am actually going to put in a formula.
| | 05:57 | But it's not a mathematical formula.
| | 05:59 | It's just a formula that pulls
the text from here into this value.
| | 06:05 | So I am just going to hit equals and
then all I have to do is just click on this
| | 06:09 | Color value and notice what happens.
| | 06:12 | We get the variable, Color, plus the
name of the component that contains it.
| | 06:18 | So we have Sofa:Color.
| | 06:20 | So basically of the Color
attribute in the Sofa component.
| | 06:25 | If I hit Enter, you'll see how now
whatever I type in here, say for example if
| | 06:31 | I typed in Blue, Blue shows up here.
| | 06:34 | So now that we have this working, all
we have to do now is create the list.
| | 06:39 | So I am just going to go over here to
my Details, scroll down, say Users can
| | 06:45 | select from a list, and then
just go ahead add some options.
| | 06:49 | So let's go ahead and put Blue in, let's
put Red in and let's put in some other ones.
| | 06:57 | I am actually going to go into my
Materials window here and I am just going to
| | 07:00 | select my Carpet_Berber_Pattern_Gray,
very long name, and just paste that in and
| | 07:09 | then go head over to Carpet_Plush
_Charcoal and add an option here.
| | 07:15 | It looks kind of weird, because we're
actually going to have Blue, Red and then
| | 07:20 | all these weird names.
| | 07:21 | So let's call it Blue, Red.
| | 07:22 | Let's just call it Gray
and Charcoal. Hit Apply.
| | 07:33 | So now we should have it
all wired up and ready to go.
| | 07:37 | So I am going to close all these out.
| | 07:39 | Let's go into our Component
Options and so now we've got Blue, Red.
| | 07:46 | Now I have to hit Apply
here. Charcoal and so on.
| | 07:53 | So now I can pick whatever size couch I
want, and whatever color I want and then
| | 07:58 | the price will factor accordingly.
| | 08:02 | So as you can see, we've
actually applied a material.
| | 08:05 | Now in order to get materials into
an object, we either need to name the
| | 08:09 | material, type in the hex value or type the
name of a material that's already in the scene.
| | 08:17 | And once we do that, we can use all the
power of the Component Attributes window
| | 08:21 | to create list boxes as well as
formulas to create whatever materials we want.
| | Collapse this transcript |
| Creating a dynamic picket fence| 00:00 | Now let's take a look at how to
create a more complex dynamic component.
| | 00:04 | In this case, we're going to create a
picket fence and here I have the picket
| | 00:09 | fence already loaded, so we can take
a look at it before we get started.
| | 00:13 | Now this fence actually
has a lot of intelligence.
| | 00:15 | If I select this fence and actually
zoom out a little bit, you can see how when
| | 00:20 | I scale it, not only does it scale but
the actual pickets fill themselves in, so
| | 00:25 | I actually have a real picket fence.
| | 00:28 | And if I look at this from behind,
you'll notice that I have not only
| | 00:31 | the pickets filling themselves in,
but the actual fence posts themselves
| | 00:36 | fill themselves in.
| | 00:38 | In addition to this, I have top
and bottom rails which scale to fit.
| | 00:42 | So I actually have a real fence and if I
needed 20 feet of fencing, I could very
| | 00:47 | easily just drag in this component
and scale it to 20 feet and make it fit.
| | 00:52 | Now in addition to this, I've also
created a number of different options for this.
| | 00:56 | So let's go into our Window >
Component Options and select our component.
| | 01:01 | You notice our component is called
Fencing and we have a couple of different
| | 01:05 | options that we can use.
| | 01:06 | One is the actual Fence Height.
| | 01:08 | So for example, if I want to make this
taller, I can just type in the height in
| | 01:12 | inches and it goes higher.
| | 01:15 | We also have PicketSpacing and
that's the space between each picket.
| | 01:19 | So for example, right now I have 10
inches between pickets. If I go to 12,
| | 01:23 | you'll see that now I've
got 1 picket every 12 inches.
| | 01:29 | In addition to this, we have PicketWidth,
which allows us to change the width of
| | 01:34 | the lumber we're using for these pickets,
and in addition to that we also have the
| | 01:39 | PostSpacing, which is how far
apart these vertical posts are.
| | 01:43 | So if we wanted them a little bit closer
together, we could type 60 inches and so
| | 01:46 | now they are 5 feet apart rather than 6.
| | 01:49 | So now I have a good idea as to what
we're going to build. Let's go ahead and
| | 01:54 | start building our picket fence.
| | 01:56 | Now with these sorts of components,
it's always great to have a number of
| | 01:59 | different options with them, so that
way you can configure them and customize
| | 02:04 | just one component rather than making a lot.
| | 02:06 | So let's go ahead and see how
to build this sort of fence.
| | Collapse this transcript |
| Creating a dynamic picket fence: Assembling the components| 00:00 | So now let's go ahead and
start assembling our fence.
| | 00:04 | Now the first thing we want to
do is create a one picket fence.
| | 00:07 | So I have a file open and that's called
Fence_01, and what that has is it has all
| | 00:13 | the parts I need to create this fence.
| | 00:16 | Let's go ahead and take a look at
this in our Components Attributes window.
| | 00:19 | So actually I am going to go ahead and
select this one. We can see we have a Fence Post.
| | 00:25 | We have a Picket, we have an EndPost
and we also have a Top and a Bottom Rail.
| | 00:34 | Now what I want to do is assemble all
of these into a fence and then go ahead
| | 00:39 | and use that to build an
automatic fence that builds itself.
| | 00:44 | So the first thing I am going
to do is start placing my parts.
| | 00:47 | I am going to start with my fence
Post and I want to make sure that is
| | 00:51 | actually at a neutral place. It's at 0,0.
| | 00:53 | So I'm going to go ahead
and add in some attributes.
| | 00:56 | One for Position as well as one for Size.
| | 01:01 | Now I just want to make sure that the
Position is at 0, 0, 0 and the Size is 4
| | 01:08 | inches and 4 inches, so this is
actually the size of that fence post.
| | 01:12 | So once I have that, let's go
ahead and start working on the rails.
| | 01:15 | So I'm going to select the
TopRail and again add in the attributes.
| | 01:19 | I am going to add in one
for Position and one for Size.
| | 01:26 | The reason I like having the Position
attribute out there is that I can actually
| | 01:29 | just type in the number
of where I want this to be.
| | 01:33 | So if I type in an X Position of 0,
you can see how that TopRail kind of just
| | 01:40 | snaps right to a 0 position on the X-axis.
| | 01:45 | But we also don't have it in
the right place on the Y-axis.
| | 01:48 | We actually need this to be
in front of the fence post.
| | 01:53 | Now I know that this
particular one is 1.5 inches deep.
| | 01:57 | It's actually a 2x4, which
is actually 1.5x3.5 inches.
| | 02:02 | So I know I have a depth
of one-and-a-half inches.
| | 02:05 | So all I have to do here is in Position,
offset that by one-and-a-half inches.
| | 02:10 | So I type in negative 1.5,
hit Enter and there we go.
| | 02:15 | So now because this is the TopRail, I
need to position it down a little bit from
| | 02:20 | the top of the fence Post.
| | 02:22 | So I'm actually going to bring it down
about a foot, so I'm just going to type
| | 02:25 | up 36 inches, because I know that this is
48 inches tall, so this makes this one 36.
| | 02:32 | Let's go ahead and do the
same for the BottomRail.
| | 02:34 | I am going to add in some attributes.
| | 02:36 | One for Position, one for Size, and
again in Position, let's just go ahead and
| | 02:42 | type in zero and then for the Y
position, again, I'm going to type in
| | 02:48 | negative 1.5 inches, which again just
puts it in front of that fence Post, and
| | 02:55 | then far up do we want this to be?
| | 02:57 | I'm going to actually put it up say 12 inches.
| | 03:02 | So now we have our rails placed and
once we those, we can actually nail the
| | 03:06 | picket to the front of that.
| | 03:08 | So let's go ahead and select the
Picket and again we're going to add in a
| | 03:11 | Position and a Size attribute.
| | 03:15 | And for Position, again I'm going
type in 0, because I wanted to snap to 0
| | 03:20 | along this red or X-axis.
| | 03:23 | But when I snap to 0, we have the exact
same issue, we have with the rails and
| | 03:29 | I need to bring this picket forward,
but I need to bring it forward not only
| | 03:33 | one-and-a-half inches but one-and-a-half inches
plus the depth of that picket, which is 0.75.
| | 03:42 | So 0.75 plus 1.5 is 2.25, but we
want to pull it in a negative direction.
| | 03:48 | So we will go negative two-
and-a-quarter or 2.25 inches.
| | 03:54 | Once I do that, you can see how
the picket is in the proper place.
| | 03:59 | Now all I have to do for the next one is
just go ahead and put this EndPost in place.
| | 04:03 | And again, I'm going to add an attribute
for Position and for Size, and we'll be
| | 04:09 | using Size a little bit more later.
| | 04:12 | For Position if I put 0 and 0, what
that does is, is it just lays the EndPost
| | 04:20 | over the other post.
| | 04:22 | So I actually have these
two posts are coincident.
| | 04:26 | Actually though I want to bring the one post
over, so it matches up with the end of this rail.
| | 04:31 | So this one is about one-and-a
-half inches and there we go.
| | 04:36 | How I got one-and-a-half inches is
the post is 4 inches and this rail is
| | 04:42 | five-and-a-half, so 4 minus five
-and-a-half is one-and-a-half.
| | 04:46 | So now we have a one picket fence and
everything is lined up and ready to add
| | 04:51 | in some intelligence.
| | Collapse this transcript |
| Creating a dynamic picket fence: Making pickets multiply| 00:00 | Now that we have our one picket fence
assembled, we can go ahead and add in the
| | 00:04 | intelligence to make those pickets multiply.
| | 00:07 | Now I am working on a copy
of the file that we just did.
| | 00:10 | It's called Fence_02 and
it's in our Chapter 3 directory.
| | 00:16 | So here I have all the parts
basically assembled and ready to go.
| | 00:20 | Now, there is still one little issue and
that's that we have a bunch of separate
| | 00:23 | components. We don't have one big component.
| | 00:25 | Let me show you what I mean.
| | 00:27 | If we go to Component Attributes,
| | 00:29 | you will see that every time I select
one of these parts, they really are just
| | 00:33 | separate components.
| | 00:35 | What I need to do is just select them
all and make them into one component.
| | 00:39 | I can do that by hitting the G
key or by going Make Component.
| | 00:43 | Now, that brings up this dialog box
and we can just type in the name of our
| | 00:48 | component, which would be
Fencing. So we hit Create.
| | 00:52 | Notice now how the Top and Bottom Rail
as well as the Pickets and the EndPosts
| | 00:56 | are now all part of this
bigger component called Fencing.
| | 01:01 | So now let's go ahead and make this so when
we scale this fence, the pickets multiply.
| | 01:05 | First of all let me show you what
happens when you scale it right now.
| | 01:08 | So I am going to go ahead and scale this.
| | 01:10 | Notice how when I scale it
the picket itself scales.
| | 01:14 | We don't have the picket staying the same size.
| | 01:17 | So that's the first thing we need to fix.
| | 01:18 | So I am going to go ahead and undo this
and let's go ahead to our Picket option
| | 01:22 | here in our Component Attributes window.
| | 01:24 | If you notice here, we have two values
for the size of the picket. One is the
| | 01:30 | Length in Y, which is the depth of the
picket. The other is the Width which is
| | 01:34 | the length in X. Right now that's at
5.5 but I don't have that constrained.
| | 01:39 | So I can constrain that by just going
=5.5 and that will force it to always be
| | 01:46 | five-and-a-half inches.
| | 01:48 | Now once I do that notice how this
actually turns bold and when something like
| | 01:53 | this is bolded that means it's
actually computed or it's actually constrained
| | 01:57 | to a specific number.
| | 01:58 | When things are grayed out such
as here, you can actually type in
| | 02:02 | whatever number you want.
| | 02:04 | So now when I scale this,
it automatically stays the same size.
| | 02:10 | So again I am going to go ahead and undo,
and now let's go ahead and make this
| | 02:14 | picket multiply as we scale.
| | 02:16 | So we're scaling is actually the master
component or the Fencing component here.
| | 02:21 | So for example when I scale
this, I am actually scaling this.
| | 02:25 | So what I need to do is actually
add in some attributes to Fencing.
| | 02:29 | So I am going to add in a Size
attribute and notice when I scale this,
| | 02:35 | this size attribute of length X is what scales.
| | 02:40 | So that's what we are going to be using
to calculate how many pickets we need.
| | 02:45 | So in order to copy the pickets,
we need to add in some attributes.
| | 02:49 | So I am going to go down to Picket,
hit Add Attribute and let's find the
| | 02:53 | one that says Copies.
| | 02:56 | Click on that and that adds it in.
| | 02:59 | Now we're going to add in one more
attribute and that's one that we are
| | 03:03 | actually going to create.
| | 03:04 | It's called Custom Name and we're
just actually going to go ahead and enter
| | 03:08 | a custom name and we're just
going to type in the word Spacing.
| | 03:11 | So we're actually creating our own
little attribute that we can use to determine
| | 03:16 | the spacing of the pickets.
| | 03:19 | So in this case, let's just go
ahead and type in an arbitrary value.
| | 03:22 | We are going to type in 10 or
10 inches between each picket.
| | 03:26 | So now we are going to figure out how many
copies we need based upon how wide the fence is.
| | 03:32 | So first thing I want to do is just
hit the equal sign here, go in to Copies,
| | 03:36 | and it's going to be equal to the length
in X which is scaling it along this red axis,
| | 03:42 | divided by the spacing between this.
| | 03:46 | So for example in this case, it's 10
inch spacing, so if I had a 120 fence,
| | 03:51 | I would have 12 pickets.
| | 03:54 | So when I do that, what it does now is it
actually calculates how many copies I have.
| | 03:59 | So right now it only has 0 copies
which means that there is no additional
| | 04:04 | copies of the picket.
| | 04:05 | But if I scale this, notice how this
number goes up. Now I have four copies but
| | 04:11 | you can see they are not
arranged along the rails.
| | 04:14 | In order to do that, we need to
actually calculate the position of each copy.
| | 04:19 | We can do that by going into the X
position of the picket, typing equals and
| | 04:25 | the original value was 0, plus the variable
Copy, not Copies plural which is this
| | 04:33 | variable, but a variable called Copy
singular and I will show you where we get
| | 04:37 | that in just a second. Just trust me on this.
| | 04:39 | So I am going to go 0+Copy*Spacing.
| | 04:46 | So each picket has an individual number
that determines what copy number it is.
| | 04:51 | So we are going to multiply that by the Spacing.
| | 04:54 | When I hit Enter, there we go!
| | 04:57 | Let me show you where
I got that Copy value from.
| | 05:00 | So here we have each of the pickets.
| | 05:02 | Now, if I double-click on this
component and click on the actual picket within
| | 05:09 | that component, you can see here under
Behaviors, we have Copies and Spacing,
| | 05:14 | which is what we had before.
| | 05:16 | Now, if I click on this other one,
the next one, the Copy, notice now we have
| | 05:21 | behavior Copies, we also have an
additional attribute put into this one called
| | 05:26 | Copy and that tells us what copy
number it is. So this is Copy 1.
| | 05:31 | This one here is Copy 2, Copy 3.
| | 05:35 | Once you have that, you can multiply
that by the spacing to actually have these
| | 05:39 | arrays themselves across the fence.
| | 05:42 | So now if I take this fence and I
scale it, you can see now it changes the
| | 05:49 | number of copies as well as arrays
them out along the rails of the fence.
| | 05:54 | So now you can see how we can actually
array and multiply objects based upon
| | 06:00 | the size of an object.
| | 06:02 | And this is really useful in any
number of different applications.
| | 06:06 | Let's go ahead and continue to
refine our fence in the next lesson.
| | Collapse this transcript |
| Creating a dynamic picket fence: Making fence posts multiply| 00:00 | Now that we have our pickets
multiplying as we scale our fence, we can do the
| | 00:06 | same for the fence posts.
| | 00:07 | Now I am going to go ahead and turn
this around and take a look at this.
| | 00:10 | We have two types of fence posts.
| | 00:12 | We have the ones that are going to
automatically fill in but we also have an
| | 00:17 | EndPost that has to be at the end of the line.
| | 00:20 | So let's go ahead and first
of all figure that one out.
| | 00:22 | So I am going to go into Component
Attributes to make sure I have my
| | 00:26 | Fencing component selected.
| | 00:28 | Then I am going to go to my EndPost.
| | 00:31 | Now what I need to do is make
sure that this is at the end of this.
| | 00:36 | So basically I want this post to
be at the end of the line here.
| | 00:40 | Now the best way to do that is to
figure out how long one of these
| | 00:44 | individual components is.
| | 00:46 | So probably the best thing to do is to
put it at the end of one of these rails,
| | 00:49 | such as the Top or the Bottom Rail.
| | 00:51 | So let's go ahead and open up the Top
Rail here and see what value changes.
| | 00:57 | We can see here that as we scale this,
the length in X is what's changing.
| | 01:03 | So we can use that to
determine the position of the EndPost.
| | 01:08 | So in order to do this, I am going to go
ahead and go into the X position of the
| | 01:12 | EndPost, type equals and then
click on the TopRail length X.
| | 01:21 | So now the position is equal
to the length of the TopRail.
| | 01:25 | So if I hit Enter, you could see now
that the EndPost pretty much fits itself to
| | 01:31 | the end of that rail. But we have a
little bit of a problem here is that it's
| | 01:34 | actually aligning the outer edge of this.
| | 01:37 | So what we need to do is
subtract out the width of that post.
| | 01:41 | So we need to go in here.
| | 01:43 | It's the length of X minus and
I know that this post is 4 inches, so -4.
| | 01:49 | Now this will always be at the
end of that rail, no matter what.
| | 01:54 | So we always have that end of
that rail aligned to that EndPost.
| | 01:59 | Now we still have another issue that
we can work with here and that is as I
| | 02:05 | scale it out a little lot more, you
notice here that we are going to have a
| | 02:09 | point where we're going to need
more fence posts in the middle.
| | 02:14 | So let's go ahead and do that.
| | 02:15 | So I am going to do this almost
exactly the same as I did with the picket.
| | 02:20 | So I am going to go ahead and select
post, and then I'm going to go ahead and
| | 02:24 | add in an attribute for Copies as well
as a custom attribute called Spacing.
| | 02:31 | So we're just going to type that in.
| | 02:33 | So now I have two
attributes here, Copies and Spacing.
| | 02:37 | Then I am going to go ahead and
create a formula for the Copies, but what's
| | 02:41 | really cool is I already have that formula here.
| | 02:44 | I've got them already set up for picket.
| | 02:45 | So I can just go into the
Copies attribute here, copy it.
| | 02:53 | Now my spacing here, notice how
when I hit Enter I get a red mark here.
| | 02:56 | That's because my spacing has been determined.
| | 02:58 | I don't have a number typed in here.
| | 03:01 | So let's go ahead and
just type in say 72 inches.
| | 03:04 | So we will make those posts 6 feet
apart, and so now I have 0 Copies.
| | 03:09 | But we still have the same problem
that we had with the pickets which is that
| | 03:13 | the copy hasn't moved.
| | 03:14 | So this copy that's sitting here actually
needs to move out depending upon the spacing.
| | 03:19 | So we can do that again just by copying this
equation here and pasting it into position X.
| | 03:25 | Again that's Copy, which is the copy
number of the post, times the Spacing.
| | 03:32 | So again it's not copies, but copy.
| | 03:35 | So it's 0+Copy*Spacing.
| | 03:38 | So now I get that other post in there.
| | 03:41 | If I zoom out here, we can scale this.
| | 03:44 | You can see now I'm getting posts that fill in.
| | 03:49 | So as we can see we have the
behavior of the fence pretty much set up.
| | 03:54 | Now the next thing we can do is add
in some additional controls to make it
| | 03:58 | even more customizable.
| | Collapse this transcript |
| Creating a dynamic picket fence: Customizing attributes| 00:00 | Now we pretty much have our fence ready to go.
| | 00:04 | In fact, if I wanted to, I
could just use this as is.
| | 00:07 | But let's go ahead and make this
a little bit more customizable.
| | 00:10 | So what I am going to do is add in some
additional attributes that will show up
| | 00:15 | in our Component Options window and as
you can see, when I pull up this window,
| | 00:20 | there are no options to choose from.
| | 00:22 | So let's go ahead and add in some.
| | 00:24 | We are going to go back to Component
Attributes, and start adding in some
| | 00:30 | components that will show
up for the user to work with.
| | 00:34 | Now the first one I want to work
is the actual height of the fence.
| | 00:38 | Now as you can see here, we
have the lengths all specified.
| | 00:42 | Now if I want to, I could
actually restrict some of those.
| | 00:44 | So for example, here in terms of scale,
if I wanted to, I could actually scale
| | 00:49 | this and you can see how the scaling
is actually affecting this and I really
| | 00:53 | don't want to do that.
| | 00:54 | So I am actually going to go ahead and
constrain the length of Y to =6.25 inches.
| | 01:01 | So now when I scale this, it's
always going to be the same depth.
| | 01:08 | Now in terms of height, I actually do
want to be able to scale this so I have
| | 01:12 | different height fences.
| | 01:14 | Now I want to make this available to
the user so the user can type in a very
| | 01:18 | specific fence height.
| | 01:20 | So let's go ahead over here to Details.
| | 01:23 | We are going to highlight LenZ and
here I am going to click on Details.
| | 01:28 | And what this does is it tells us what
we can do with this particular attribute.
| | 01:32 | So what we want to do is I want to
allow the user to edit it as a textbox and
| | 01:39 | then we can give it a label.
| | 01:41 | So we can call it, for example, Fence
Height and just hit Enter and now when we
| | 01:47 | apply that, you can see that when we
go into our Component Options window,
| | 01:53 | we now have a variable called Fence Height.
| | 01:56 | So I can just type in, say if I want it to
be 48 inches, it will be exactly 48 inches.
| | 02:04 | Now in addition to this, we also want to
be able to control say for example,
| | 02:07 | the spacing of the pickets.
| | 02:10 | So let's go into Picket here, and we
have our variable here for Spacing and
| | 02:15 | we want to be able to expose that to the user.
| | 02:18 | Now if I do it this way, I could
actually click here on Details and say Users
| | 02:23 | can edit it as a textbox.
| | 02:26 | But if I do that, say Apply, when I
select this component and go into Component
| | 02:33 | Options, you will see here
I don't actually have that.
| | 02:36 | I have to actually kind of dig down and
select the individual picket to find the spacing.
| | 02:42 | Well that's kind of unfriendly in terms of
user interface and I don't want to do it that way.
| | 02:47 | So I am going to go ahead and back out
of here and I am going to go down to my
| | 02:51 | Spacing here and I am
going to actually turn it off.
| | 02:53 | User cannot see this attribute, hit Apply.
| | 02:56 | Now what I want to do is actually have
something here that is exposed to the user.
| | 03:02 | This means I have to have it up
here in the main component, in Fencing.
| | 03:07 | So what I am going to do is go ahead
and add an attribute here and I am going
| | 03:10 | to enter a custom name and I am just
going to type in PicketSpacing and then I
| | 03:18 | can type in a number.
| | 03:20 | So for example, here I've got 10.
| | 03:23 | And let's go ahead and say
Users can edit as a textbox.
| | 03:27 | So now when I have it up here and I
select it, I go into my Component Options window,
| | 03:32 | you can see now I have a
PicketSpacing, but the problem is that
| | 03:36 | when I change it, nothing happens.
| | 03:39 | That's because it's not connected down here.
| | 03:42 | This number 10 is not connected to
the actual picket and its spacing.
| | 03:47 | So what I have to do here is instead of typing
the number in, I have to enter in the attributes.
| | 03:52 | So all I have to do is hit =
and then click on PicketSpacing.
| | 03:57 | So now the spacing here is actually the
FencingPicketSpacing. Hit Enter and that should work.
| | 04:05 | Now it's actually going to revert back
to 10, but it's getting its 10 from here.
| | 04:10 | So this should all now work.
| | 04:13 | So now I have PicketSpacing, and I can say now
instead of 10, it's 8 and so on and so forth.
| | 04:20 | We will bring it back to 10 or whatever.
| | 04:24 | We can do the same for some
of the other options here.
| | 04:27 | So we could actually do the same
for, for example, the Post Spacing.
| | 04:32 | So here, instead of typing in a
number, we can actually add in the
| | 04:36 | attribute from here.
| | 04:37 | So let's go ahead and add an attribute
in here, custom name, and we'll call it
| | 04:42 | PostSpacing, hit Enter, put in the number.
| | 04:47 | I think I had 72 in there, and now for
this PostSpacing, I am actually going to
| | 04:56 | say = and then go up here.
| | 04:59 | You can barely see it but here I am going to
click on PostSpacing and then just hit Enter.
| | 05:04 | So now that I have this here,
all I have to do is now expose this.
| | 05:08 | So PostSpacing, go ahead and click
here, Users can edit as a textbox,
| | 05:14 | hit Apply and now when we go into our
Component Options here, I have my
| | 05:20 | PicketSpacing and my PostSpacing.
| | 05:23 | So for example, if I were to scale
this out a little bit more, I could put in
| | 05:27 | my PostSpacing as say 48 and you can see now it
actually affects the behavior of this component.
| | 05:37 | Great! So now we've got a couple
more that we could actually add in.
| | 05:39 | One of the ones I would like to add
in would be the width of the pickets.
| | 05:44 | So in order to do that, we
actually have to figure out which variable
| | 05:47 | controls the width.
| | 05:49 | So right here, we have the Length of X,
which is the width of that picket.
| | 05:53 | So all I l have to do here
is type in a different number.
| | 05:56 | So for example, if I typed in 9,
so =9, they would be 9 inches wide.
| | 06:01 | If I typed in =3, they would be 3 inches wide.
| | 06:07 | Now I can again control this by an
attribute that I can place up here.
| | 06:11 | So let's go ahead and add in an attribute,
custom name, and we will call it PicketWidth.
| | 06:20 | Once I have that, then all I have to do
is just a) type in the number, say 5.5
| | 06:27 | inches or so and then, come down
here to Picket, find this Length of X and
| | 06:34 | instead of =3, it's going to equal this attribute.
| | 06:38 | So now all I have to do is type
in that and I can do whatever.
| | 06:43 | Now in order to see this,
I still need to expose it to the user.
| | 06:47 | So I am going to go here to Details and
let's expose it by saying User can edit
| | 06:51 | as a textbox and say Apply.
| | 06:54 | So you can see here now, I can just
type in the width of my pickets, but
| | 07:00 | actually pickets only come in set sizes.
| | 07:04 | They only come in four, six and eight
inches, which is actually 3.5, 5.5 and 7.5
| | 07:11 | because in lumber, they usually
chop off about half of an inch.
| | 07:14 | So let's go ahead make this instead of a
textbox, let's go ahead and select it from the list.
| | 07:19 | So I am going to add an option here.
| | 07:21 | We are going to say 4
inches, 6 inches, and 8 inches.
| | 07:29 | Now notice that it already puts that
value in and we can always change that but
| | 07:33 | a four inch board in lumber-speak
is actually 3.5 inch board, 6 inches is
| | 07:40 | actually 5.5 and 8 inches is
actually 7.5, and now that we have that,
| | 07:46 | we actually have a list that determines the
actual width of that particular picket.
| | 07:53 | So let's go ahead into Component Options here.
| | 07:56 | You can see here we have PicketWidth
and all I have to do is just select one,
| | 08:01 | hit Apply, 8 inches and so on.
| | 08:07 | So as you can see by adding in these
Component Options, we can give the user
| | 08:13 | complete control over the
way that our fence behaves.
| | Collapse this transcript |
| Adding interactivity: Motion| 00:00 | The Component Attributes window can also
be used to add interactivity to a model.
| | 00:05 | So for example, we have this refrigerator.
| | 00:08 | So if want, I can interact with this
refrigerator by opening and closing
| | 00:13 | some doors, as well as sliding in and out the
vegetable bins or the drawers in the bottom.
| | 00:21 | So let's go ahead and see how this works.
| | 00:23 | We are going to open up a file called
Fridge_01 and this is basically the same
| | 00:30 | refrigerator we had, but with no interactivity.
| | 00:36 | So the first thing we want to do is go
ahead and slide out these bottom drawers.
| | 00:40 | Now if you notice the refrigerator is
positioned so that these drawers will
| | 00:44 | slide along the green axis or the Y-axis.
| | 00:49 | So let's go ahead and select this
refrigerator, right-click and go into our
| | 00:54 | Component Attributes.
| | 00:56 | You can see the refrigerator is
actually built of a number of parts.
| | 00:59 | We have the master refrigerator
component, as well as an upper and lower door
| | 01:04 | component, and a left and right drawer.
| | 01:08 | We are going to start with the drawers.
| | 01:09 | So like we said we want to slide
this out along the green or the Y-axis.
| | 01:15 | So we are going to add an attribute
for right drawer, called Position Y.
| | 01:23 | So again, this is a green axis and so we
can see that at the default it's 35.3125.
| | 01:27 | Now I am actually going to write that
down because that's an important number.
| | 01:34 | In fact, I can also just copy it, select
it and just hit Copy, to remember that
| | 01:38 | number, because what I need to do is
I need to figure out what values this
| | 01:42 | needs to animate through to
slide the drawer in and out.
| | 01:46 | So if I just typed in a random number,
say 50, you can see that well that's
| | 01:51 | going the wrong way.
| | 01:52 | So maybe something less than 35. Let's say 30.
| | 01:56 | Okay 30 brings it out but I need to
bring it out more. So how about 20?
| | 02:00 | Well, 20 seems to slide that
drawer out pretty much perfectly.
| | 02:05 | So what I need to do is animate
between 20 and this value, which is 35.3125.
| | 02:13 | So I want this animation to happen when I
interact or when I click on that drawer.
| | 02:19 | So what we need to do is add in an
attribute and the attribute we want to
| | 02:23 | find is called onClick.
| | 02:26 | So when we click on that drawer,
something happens and what happens is
| | 02:30 | determined by a function.
| | 02:32 | So let's go over here to Functions and
let's just see what functions we have.
| | 02:37 | If I scroll down, you can see here we
actually have a whole list of onClick functions.
| | 02:42 | So when I click on this,
any one of these can happen.
| | 02:46 | We can send out an alert. We can
animate it four different ways, Fast,
| | 02:51 | Slow, Custom and so on.
| | 02:53 | We can also go to a specific scene,
we can redraw the scene, or we can set
| | 02:59 | any other attribute.
| | 03:00 | Now the one we are interested in is Animate.
| | 03:03 | So let's go ahead and click on that.
| | 03:06 | By clicking on that, all it does is
it just puts it up here in this little
| | 03:10 | holding area. We actually need to
insert that into our onClick attribute.
| | 03:14 | So I am going to click in here and then
just hit Insert, and that puts in my function.
| | 03:21 | So let's take a look at what we
need to make this function work.
| | 03:23 | We want to animate an attribute.
| | 03:26 | Well what attribute are we animating?
| | 03:28 | We are animating Y and then we are
going to animate it through any number of
| | 03:33 | states, which means, for example, two
states would be open and closed, or
| | 03:38 | we could have open, half open,
fully open, and so on.
| | 03:42 | In this case, we really just want to
deal with two states, but again you
| | 03:46 | can have any number.
| | 03:47 | So I want to go from state1, which is
this number here 35.3125. state2 would be
| | 03:58 | fully open and we remember that to be 20,
and then we really don't need any more.
| | 04:04 | So all we need are these two states.
| | 04:06 | When we click on this, we are going to
animate the Y value between 35 and 20,
| | 04:13 | hit Enter and let's see if it works.
| | 04:15 | Let's go ahead and select Interact and
you notice here that we can't interact
| | 04:20 | with any of this and as soon as that
hand goes over that bottom drawer,
| | 04:24 | it lights up, and we can now interact.
| | 04:28 | So we can do the same for the other drawer.
| | 04:31 | So let's go ahead over to Drawer
Left and add in that attribute.
| | 04:36 | Again we are going to animate along Y
and conveniently enough, the values are
| | 04:41 | going to be the same. This is 35.3125.
| | 04:44 | So in fact, what we can do is we can
just copy and paste the formula that we
| | 04:49 | have here into our onClick function.
| | 04:52 | So all I need to add in that onClick attribute.
| | 04:55 | Then I am going to go here, highlight
it, Ctrl+C or Apple+C to Copy, then hit
| | 05:03 | Enter, and then Ctrl+V or
Apple+V to Paste, Enter again.
| | 05:09 | And let's see how this works.
Interact, one, two, there we go.
| | 05:15 | So as you can see it's very easy to
create custom interactive animations just by
| | 05:21 | using onClick and the Animate function.
| | Collapse this transcript |
| Adding interactivity: Rotation| 00:00 | We can also use interactivity to rotate
things such as the doors of this refrigerator.
| | 00:05 | We already have this set up, so
that we can interact with the drawers.
| | 00:10 | But right now, the upper and lower
doors of this refrigerator don't work.
| | 00:14 | So let's go ahead and make them work.
| | 00:17 | I am going to go ahead and select the
Refrigerator, go into Dynamic Components >
| | 00:22 | Component Attributes.
| | 00:25 | Let's go ahead and work on this lower
door, the bigger one, and we are going to
| | 00:31 | go ahead and add an attribute.
| | 00:32 | Well what attribute do we want to add?
| | 00:34 | Well, we want it to rotate around the
vertical axis, which is our Y or our blue axis.
| | 00:40 | So let's go ahead and add attribute, RotZ.
| | 00:44 | We can see here that the default value is 90.
| | 00:47 | So we can rotate it between,
say for example, 90 and 0.
| | 00:51 | But as you can see it's rotating the wrong way.
| | 00:54 | It's rotating around the wrong axis.
| | 00:57 | So let's go ahead and put that back
to 90 and we need to change the axis.
| | 01:01 | Now in order to do this, we have to
find the component, so I am going to click
| | 01:05 | on the refrigerator, double-click to
open that up, select the lower door, and
| | 01:11 | then right-click and find Change Axes.
| | 01:15 | You can also do it here.
| | 01:16 | You can also just do under Component,
there is also a Change Axes. Either one
| | 01:22 | of those will work.
| | 01:24 | So what this does is it gives us an axis
that we can pretty much place anywhere.
| | 01:28 | Well, I want it to snap to this lower
point here, see if I can get that in there.
| | 01:35 | Or you can snap it up here.
| | 01:38 | It just depends on where you want it, just
as long as it's anywhere along this line.
| | 01:42 | So I just wanted to snap here and once
I've done that, now this should work.
| | 01:52 | So it goes from 0 to 90,
and you can see how it opens.
| | 01:56 | Well actually we don't want to go to 90.
We wanted to go to -90 or the other way.
| | 02:02 | So from -90 is closed and 0 is open.
| | 02:09 | So we need to animate between those.
| | 02:12 | So let's add in our onClick attribute,
and again we want to put in Animate.
| | 02:19 | So we can just type it in if we want.
We don't have to select it from the list.
| | 02:24 | And what are we animating?
| | 02:25 | Well we are animating RotZ.
| | 02:27 | Now I want to make sure that I put this
in quotes, so Animate"RotZ", and I want
| | 02:34 | to animate it from 0 to, so 0,-90.
| | 02:41 | Once you have all that in, hit Enter, and we
should have something that works. There we go.
| | 02:50 | Okay, so let's do this one
more time for the upper door.
| | 02:53 | Now before I do this, I just want to
make sure I check where my axes is, because
| | 02:57 | that was a problem with the other door.
| | 02:59 | Let's go ahead and right-click over
this, and hit Change Axes, and again
| | 03:03 | we have that same problem.
| | 03:04 | So I am just going to go ahead and put
that up in the corner there and let's go
| | 03:07 | ahead and add in an attribute, RotZ.
| | 03:09 | So right now we have 0, and I bet
it's going to operate pretty much the
| | 03:14 | same, from 0 to -90.
| | 03:17 | Okay, so there we go.
| | 03:18 | So we are going to have
pretty much the same behavior.
| | 03:21 | So let's go ahead and add
in onClick and then Animate.
| | 03:26 | We can just type that in
and what are we animating?
| | 03:29 | We are animating RotZ.
| | 03:31 | Again, make sure you put this
in quotes, from zero to -90.
| | 03:36 | In fact, we probably could have just
copied and pasted that from the other value.
| | 03:41 | So now that we have that,
we should be able to interact with this.
| | 03:46 | So now, we have got a fridge that opens
and closes and the drawers slide in and out.
| | 03:54 | And isn't that pretty cool?
| | 03:57 | So as you can see, you can use
onClick to also animate rotations.
| | 04:01 | So doors can open and close.
| | 04:03 | You can also animate any other
type of attribute using the same types
| | 04:08 | of techniques.
| | Collapse this transcript |
| Adding interactivity: Changing colors| 00:00 | You can also set up the onClick tool
or the Interactive tool to change other
| | 00:05 | types of variables beside Position and Rotation.
| | 00:08 | You can also use it to change
things such as the material of an object.
| | 00:12 | Here we have that sofa
that we were working with.
| | 00:15 | It's called Sofa_01 and let's go ahead and
change the color of the sofa by clicking on it.
| | 00:21 | So I want to select the sofa, and just
go into Dynamic Components > Component
| | 00:27 | Attributes and again, we have the Sofa
and we have the Cushions and the Base.
| | 00:32 | Now typically, we just want to change the
material on the cushions and not the base.
| | 00:37 | So I am going to go ahead and open this
up and add the attribute for Material,
| | 00:42 | similar to what we did before.
| | 00:44 | And again, I can just
type in any number of colors.
| | 00:47 | So if I want it to be red,
blue, purple, really whatever.
| | 00:56 | Or if I wanted to I could go into the
Materials window and just select whatever
| | 01:02 | material I want from any one of these lists.
| | 01:05 | So whatever color I want or
whatever sort of material I want.
| | 01:10 | But let's go ahead and just
deal with these basic colors.
| | 01:13 | So now that I know that the material
here can be changed to change the color,
| | 01:18 | I need to add an attribute that
changes that by clicking on it.
| | 01:22 | So I am going to select onClick and
then we need to add in a behavior.
| | 01:29 | Well that behavior we can
find in our Functions window.
| | 01:32 | So let's go ahead here into Functions,
use that pull-down list, and go down
| | 01:37 | to onClick Functions.
| | 01:39 | Now, in this case we don't want to animate
the couch. We want to change the material.
| | 01:44 | So Alert, Animate, those don't work.
| | 01:47 | The one we actually want to use is
called Set, because we can set any
| | 01:52 | attribute to any state.
| | 01:54 | So let's go ahead and select that.
| | 01:56 | So now I have it up here.
| | 01:58 | But I need to put it into this field here.
| | 02:00 | So I make sure that my cursor
is in this field and hit Insert.
| | 02:04 | So what we are going to do is
we are going to set an attribute.
| | 02:07 | So I am going to put that in quotes and the
attributes we want to set is called Material.
| | 02:13 | So I want to make sure I have
"Material" just like this and then all
| | 02:18 | the different states.
| | 02:19 | Now what the states are really is just
the values that it will rotate through.
| | 02:24 | So for example, I wanted to
go for Red to Blue to Purple.
| | 02:32 | So now what's going to happen is the
first time you click on it, it goes red,
| | 02:36 | then it goes blue, then it goes purple.
| | 02:39 | This list can be as long as you want.
| | 02:42 | You can put as many
different types of materials in.
| | 02:45 | And again, the material
naming conventions apply.
| | 02:48 | All you have to do is either type in
the name of the color, the hex value, or
| | 02:53 | the material name of any
material that's already in the scene.
| | 02:57 | And once we have this set up, we
can just hit Enter and it should work.
| | 03:01 | Let's go ahead and interact with that.
| | 03:03 | So now, I can click
between all the different colors.
| | 03:08 | Now this Set function works for Material but
it can work for any other type of attributes.
| | 03:13 | So you can actually set the number of
copies, you can set Position, Rotation,
| | 03:18 | that sort of thing or you
can set any custom value.
| | 03:21 | So for example, if you want to click
on it a number of times and change a
| | 03:25 | different type of value for it such as
the Quantity or the Price or something
| | 03:29 | like that, you can do that as well.
| | 03:31 | So as you can see the Interact tool can
be used not only to animate things, but
| | 03:36 | also change color and set really
any other type of attribute you want.
| | 03:42 | So the possibilities are pretty much endless.
| | Collapse this transcript |
|
|
3. LayOut 2.0The LayOut interface| 00:00 | Now let's take a look at
SketchUp Pro's LayOut program.
| | 00:04 | Now this is a page layout program that
allows you to create images, documents,
| | 00:09 | etcetera, with your Google SketchUp models.
| | 00:11 | It's very integrated with SketchUp.
| | 00:14 | Now, it is a separate program.
| | 00:15 | So let's go ahead and launch that.
| | 00:16 | And when you first launch it you may
get a Help menu. We can just close that.
| | 00:23 | And then we also get a menu
which allows us to pick the Page Type.
| | 00:27 | LayOut has a number of different
standard page types such as these graph papers,
| | 00:32 | blank paper in all the different
formats, as well as pages that have
| | 00:37 | architectural drawing notation
on it and really anything else.
| | 00:41 | So we can do all sorts of
different types of pages on LayOut.
| | 00:46 | So I am just going to go ahead and
just create a basic landscape image.
| | 00:51 | As you can see we get a blank page.
| | 00:53 | But in fact, what I really want to do is
just go ahead and open up an existing document.
| | 00:58 | Now, in the Chap_04 folder, I have
a file called House and this is a
| | 01:03 | presentation for just a simple modern house.
| | 01:06 | And through this, let's take a look
at some of the cool features of LayOut.
| | 01:11 | The first one, and this is really the
reason you want to use LayOut over any
| | 01:15 | other type of page layout program,
is you can insert Google SketchUp files
| | 01:20 | directly into LayOut and manipulate them.
| | 01:23 | So for this house, I can just
double-click on this and I have
| | 01:28 | total interactivity.
| | 01:30 | So I can zoom in, zoom out and place
this however I want, and make it look
| | 01:35 | perfect in the drawing, and I can double
-click again outside of it and it will
| | 01:40 | go ahead and move it.
| | 01:42 | Now, let me go through some
of the basics of the interface.
| | 01:45 | Along the top, we have a toolbar with
various Drawing tools, Text tools,
| | 01:51 | a Presentation tool, which gives us kind
of like a PowerPoint type of presentation
| | 01:55 | for these types of files, and then
along the side, we have what's called the Tray,
| | 01:59 | which allows us to do all sorts of
things such as change colors, the shapes
| | 02:05 | of the lines, work with our
SketchUp models, adjust our text and so on.
| | 02:11 | Now you can see here if we open the
Pages tab, you can see we have a number of
| | 02:15 | different pages on here.
| | 02:17 | So for example, Page 2 has
several different models.
| | 02:21 | And again, these are all live SketchUp models.
| | 02:24 | So all I have to do is just select it,
double-click on it and I can actually
| | 02:29 | interact with these models
and change how they appear.
| | 02:34 | We can also go through
multiple pages here along the top.
| | 02:38 | So we can go just through each individual
page and again add or subtract text or whatever.
| | 02:45 | So those are the basics of the LayOut interface.
| | 02:48 | And as you can see it's a pretty good
tool for working with SketchUp models and
| | 02:52 | being able to create
presentations for your clients.
| | Collapse this transcript |
| Drawing lines and arcs| 00:00 | As with any page layout program, LayOut
has some drawing tools that we can use.
| | 00:05 | It has a Pencil tool
for creating straight lines.
| | 00:08 | It has a Freehand tool.
| | 00:10 | Now notice how each one of these tools
actually has a pull-down menu next to it,
| | 00:15 | so you can actually switch between the tools.
| | 00:18 | We also have arcs and we have several
different types of arcs that we can use as well.
| | 00:25 | Now let's go through each of
these tools and see how they work.
| | 00:28 | Instead of drawing on our existing
document, I am actually going to create a new
| | 00:33 | document, and in this case, I am
actually going to use some graph paper.
| | 00:37 | So let's go ahead and open that.
| | 00:39 | And as you can see we've
got this basic graph paper.
| | 00:43 | So let's go ahead and work with the Pencil tool.
| | 00:45 | So I am going to go ahead
and select the Pencil tool.
| | 00:47 | Now notice when I have this graph paper up,
how I am actually snapping to the grid points.
| | 00:54 | If I did File > New and created one
that didn't have the graph paper on it,
| | 00:59 | you can see how the Line tool just moves freely.
| | 01:02 | So the graph paper is really handy if
you want to do very specific types of
| | 01:07 | drawing where you need to snap
to a grid or something like that.
| | 01:11 | Now the Line tool works pretty
much like the tool in SketchUp.
| | 01:14 | You just click and just lay
out your points for your line.
| | 01:18 | Now, if you want to control the
curvature of a line, you just click and drag and
| | 01:25 | you can get a Bezier type of curve.
| | 01:28 | So this is nice for creating curvature.
| | 01:32 | And again, if you just left-click
and hold you can create curvature here.
| | 01:37 | And then if you want to you can
close the curve just by going back over
| | 01:41 | your starting point.
| | 01:43 | And once you do, it will actually
create an enclosed curve with whatever
| | 01:46 | color you selected.
| | 01:48 | Now once we have this object, we can
select the object and then manipulate it.
| | 01:53 | This is a Selection tool here, the
shortcut is the Spacebar, and once you have
| | 01:59 | that active, you can just drag
your shape wherever you want.
| | 02:03 | Now notice how also on the corners we
have all these little kind of arrow icons,
| | 02:08 | and those just allow us to scale
it in whatever direction we want.
| | 02:14 | Now if we don't want this,
we can always hit the Delete key.
| | 02:18 | So that's the Line tool.
| | 02:20 | Now we also have a Freehand tool, which
allows us to just draw however we want,
| | 02:27 | whatever shape and so on.
| | 02:32 | So those are the basic line tools.
| | 02:34 | We also have Arc tools.
| | 02:36 | So the first one is just the basic arc
and what you do is you basically lay down
| | 02:40 | the radius of the curve, and then you
click and drag and then you can sweep out
| | 02:47 | however much of that circle you want.
| | 02:53 | Let's go ahead and delete that.
| | 02:55 | The next one is called a 2 Point Arc.
| | 02:58 | Now what this does is it allows you to
create again a baseline but then I am
| | 03:03 | going to use a third point to
actually control the curvature.
| | 03:06 | This is great because really what you
are doing is you are almost creating a
| | 03:09 | diameter, but not really.
| | 03:10 | You are creating actually a chord along
the curve, and then you can just move it
| | 03:15 | up and down however you want.
| | 03:16 | Let's try that again.
| | 03:18 | So basically you sweep out the base of
this and then you pull it up or down.
| | 03:24 | So you can see how that interacts.
| | 03:27 | So we can select those and delete those.
| | 03:30 | And now let's do a 3 Point Arc.
| | 03:32 | And what we do here is we take a
basic curve and as you can see now we have
| | 03:38 | got one, two, three.
| | 03:41 | So let's try that one more time.
| | 03:42 | So what you have got here is almost the
opposite of the 2 Point curve, because
| | 03:50 | basically what you do is you create
your end point and then a middle point and
| | 03:55 | then you can create another endpoint.
| | 03:58 | Now this is great because what you can
do is you can actually create curves that
| | 04:01 | are a little bit less intuitive here.
| | 04:06 | So if you want to hit a couple of points so
it's one, two, three, so you can how that works.
| | 04:12 | Okay so let's go ahead and delete that.
| | 04:17 | And the last one is a Pie.
| | 04:19 | This is very similar to the first tool,
but again, it just creates a pie shape
| | 04:26 | any sort of section of a circle.
| | 04:28 | So those are the basic line
drawing tools within LayOut.
| | Collapse this transcript |
| Drawing rectangles| 00:00 | LayOut also can create fixed shapes such
as rectangles, circles and polygons and
| | 00:06 | these tools are all right here.
| | 00:08 | Let's go through the basic Rectangle tools here.
| | 00:12 | Now if I just click on this, I can just
left click and drag and create whatever
| | 00:16 | type of rectangle I want.
| | 00:19 | One of the nice features of LayOut is
it's very similar in SketchUp in that
| | 00:22 | if you double-click it will create an
identical thing to what you have created before.
| | 00:27 | So double-clicking after creating a
rectangle creates another rectangle.
| | 00:32 | Another nice thing about SketchUp
is that you can define dimensions.
| | 00:36 | If you notice down here, we have a
Text box that allows us to put in whatever
| | 00:41 | starting point or dimension for the rectangle.
| | 00:44 | So for example, if I create a rectangle here,
I could actually just type in the dimensions.
| | 00:49 | So for example, if I want 4 wide by 3
high, I can just type 4, 3, hit Enter and
| | 00:56 | it creates a 4x3 rectangle.
| | 00:58 | Now in addition to this, you can
also round the edges of the rectangle.
| | 01:04 | So I am going to go ahead and delete
these, and show you another trick about
| | 01:08 | rectangles, and that's how to round the edges.
| | 01:10 | So I left click and drag and create my
rectangle, then all I have to do is use
| | 01:16 | the Up and Down arrows on the keyboard.
| | 01:19 | The Up Arrows will round of the rectangle.
| | 01:22 | So I am just hitting Up Arrow,
Down Arrows will square it off.
| | 01:26 | So for example, there is the rectangle I want.
| | 01:29 | If I like that, I can again just
double-click and it will create that.
| | 01:33 | So Up and Down Arrows round
the corners of your rectangles.
| | 01:37 | Now if you want, you can also just use
some of the preset rounded corner rectangles.
| | 01:42 | So for example, we have a Rounded
rectangle here that we can just use, which is
| | 01:46 | kind of just a preset, which
makes it a little bit easier.
| | 01:49 | You also have what's called a
Lozenge, which looks basically like that.
| | 01:54 | Kind of like a pill or something like that.
| | 01:56 | And we also have what's called Bulged,
which is almost like the opposite of a Lozenge.
| | 02:01 | So in addition to the standard rectangle,
which cannot round corners, we have all
| | 02:06 | of these which have their corners
already rounded to preset sizes.
| | 02:11 | So those are the basic rectangles that
you can use in LayOut and as you can see,
| | 02:15 | you have a lot of flexibility with
these and you can pretty much create any
| | 02:19 | four-sided shape you want.
| | Collapse this transcript |
| Drawing circles and polygons| 00:00 | Now let's take a look at
circles and polygons in LayOut.
| | 00:04 | The Circle tools are here. We have
basically just a circle and an Ellipse and
| | 00:07 | they are pretty straightforward. So the
Circle tool, you just click-and-drag and
| | 00:12 | you can define the radius and if you
want to, you can also type in that radius.
| | 00:16 | So if I want 2 inch circle I can just
type 2 and then it will create that.
| | 00:21 | And again with the rectangle, double-
clicking will just repeat the last
| | 00:25 | one that you created.
| | 00:26 | Now the next one is the Ellipse and
again you just click-and-drag and you can
| | 00:34 | pretty much intuitively see how this works.
| | 00:37 | Basically what you're defining is you
are defining a rectangle within which
| | 00:42 | the ellipse resides.
| | 00:44 | So if I want to, I can just type the
width and the height of the ellipse and
| | 00:47 | just create it almost like a rectangle.
| | 00:49 | So if I did for example, 2 wide by
3 height, 2,3, hit Enter, you'll get
| | 00:57 | that particular ellipse.
| | 00:59 | In fact if I put that up against the grid
paper, you can see it's 1, 2 wide by 2 height.
| | 01:05 | So it's basically the bounding
rectangle that contains that ellipse.
| | 01:09 | Now, polygons are little bit different
so if you create a polygon it's almost
| | 01:15 | like creating a circle.
| | 01:17 | You basically just find your start
point and then drag out and again, you can
| | 01:21 | just type in a radius.
| | 01:23 | So if I wanted 3 inch
pentagon, I can just type that in.
| | 01:30 | If you use the Up and Down Arrows,
you can actually change the number of sides.
| | 01:35 | So I can go from 5 sided up to 6,
7, 8 or back down to 3 or 4.
| | 01:40 | Now if you want to change the sides
while you create, you can also just type
| | 01:45 | in the number of sides.
| | 01:46 | So, for example, if I click-and-drag
and create this pentagon, which is the
| | 01:50 | default, I can just make it into an
octagon just by hitting the number 8 and
| | 01:56 | then the letter S for sides, so
8 sides, hit Enter and now it's an
| | 02:01 | eight-sided object.
| | 02:03 | Now once I've created one eight-sided
object, every subsequent object will also
| | 02:09 | be eight-sided until I change it.
| | 02:12 | So for example, if I do this and I do
three-sided now I am creating triangles.
| | 02:19 | So as you can see circles and
polygons are very easy to create.
| | 02:23 | You can type in the dimensions of
any of these as well as for polygons
| | 02:29 | the number of sides.
| | Collapse this transcript |
| Modifying line styles and color| 00:00 | Now once you've created a line, you
can also change and modify the style and
| | 00:06 | color of that particular line or shape.
| | 00:09 | So for example, if we took a basic
line and just drew it, we can go into our
| | 00:16 | Shape Style menu and
changed really any parameter.
| | 00:19 | For example, if we wanted to change
the color, just click here, go up to the
| | 00:23 | Color Palette here and
change whatever color we want.
| | 00:26 | So for example if we wanted a red, line we can do
that and you'll notice now that the line is red.
| | 00:35 | We can also change the
start and end of the line.
| | 00:38 | So for example, we have a pull-down
menu here that allows us to create all
| | 00:41 | different types of arrowheads.
| | 00:44 | We also have different types of
arrowheads or end dots on the other side.
| | 00:48 | We can also change the weight of the
line, make it thicker, thinner, whatever.
| | 00:53 | We can also change whether or not it has a
dashed line and change the style of the dashes.
| | 01:00 | Now for shapes, we can
also change the fill color.
| | 01:04 | So we can do this in one of two ways.
| | 01:06 | You can either draw multiple lines, so
that you have a fill color here and then
| | 01:12 | again you can change the color of the stroke.
| | 01:15 | So we can, for example, have a red
line here and let's say we wanted a
| | 01:25 | different color fill.
| | 01:26 | Let's say we wanted a
yellow fill, for example.
| | 01:29 | All you have to do is click on Fill and
then just change it either through the
| | 01:32 | wheel or any number of color options.
| | 01:35 | In fact let's go through this.
| | 01:36 | We have a Color Wheel, we have
actual RGB colors you can type in.
| | 01:41 | Hue Saturation Brightness.
| | 01:43 | We also have Grayscale. Pick from an
image or pick from a list of preset colors.
| | 01:53 | So any one of those will work.
| | 01:55 | Now there are times when we want to draw
multiple lines and have the fill not be visible.
| | 02:03 | So for example, here let's say we wanted
just the shape of the line but not that
| | 02:07 | interior fill, what you can do is you
can go over to Color, double-click on that,
| | 02:12 | and then just scale down the Opacity
right here, and that will go ahead and just
| | 02:19 | make that just a line with no fill at all.
| | 02:22 | And this also works for any shape as well.
| | 02:25 | So for example, if we took a circle, we
can draw our circle and then just create
| | 02:30 | a different type of color fill for that.
| | 02:34 | If we select that, create, for example,
a green colored fill and there we go.
| | 02:42 | So as you can see we have a number of
different line shapes, sizes and colors
| | 02:47 | as well as the ability to fill
something or use opacity to make the interior of
| | 02:54 | the shape transparent and these can
pretty much allow you to draw any shape in
| | 02:59 | any color with any type of fill.
| | Collapse this transcript |
| Working with text| 00:00 | LayOut also allows you to create text
for describing things within your drawings
| | 00:05 | or adding entire paragraphs of text.
| | 00:08 | We have a Text tool here which basically
allows us to place text wherever we want.
| | 00:13 | All we have to do is just click and
type and once we have our text, we can
| | 00:20 | just move it around.
| | 00:24 | If we want to edit the text, we can open
up Text Styles and then just change the
| | 00:29 | type of text we want.
| | 00:30 | So for example, if we wanted a new font,
all we have to do is just select this
| | 00:35 | and change whatever font we want.
| | 00:40 | We can also change the font size and
whether or not it's bold or italic or whatever.
| | 00:51 | Now, along the top here we have additional
things such as Underline, Cross Out and Color.
| | 00:58 | So if we want to change the color
of the text we can also do that here.
| | 01:02 | So for example, if we wanted to make it
blue or violet text, we can do that.
| | 01:06 | We can also change alignment.
| | 01:08 | Now this is more important for
paragraphs than for single words.
| | 01:11 | Let's go ahead and type in a few more words.
| | 01:13 | If you want to change text, all you
have to do is double-click in the box
| | 01:17 | and just start typing.
| | 01:24 | Double-click out of it and we have the box.
| | 01:26 | Now when you resize the box, notice how
the text wraps to fit the size of the box.
| | 01:33 | Stretching the box isn't
going to stretch the text.
| | 01:36 | It's just going to re-wrap the text.
| | 01:38 | So it's not so much like Photoshop. A little
bit more like Illustrator in the way that works.
| | 01:43 | Now with text alignment, we have Left
alignment, Center alignment, Right alignment.
| | 01:50 | We also have Vertical alignment,
Top, Middle, Bottom and so on.
| | 01:55 | Then we also have what's
called unbounded text and bounded.
| | 02:06 | So those are the basic Text tools.
| | 02:08 | We also have what's called a Label tool,
which allows us to point to things and label them.
| | 02:14 | So what you do is you left-click-and-
drag and you drag out a line and when you
| | 02:19 | let go, you can now type in text.
| | 02:21 | Now once you've created this, you can
actually select the text and move it
| | 02:28 | around and the arrow will follow.
| | 02:31 | You can also change the type
styles and all of that sort of thing.
| | 02:35 | Now one thing you have to be careful
about with this is that if you actually
| | 02:39 | move the line off of the original text
that connection in between the two breaks.
| | 02:46 | So you got to be careful
not to move them separately.
| | 02:50 | So those are some of the basic Text
tools and as you can see, you can create all
| | 02:54 | sorts of text and arrange them pretty
much however you want within LayOut.
| | Collapse this transcript |
| Inserting SketchUp models| 00:00 | One of the best features of LayOut
is the ability to insert live SketchUp
| | 00:05 | models into a document.
| | 00:08 | We can do that by just going over to
File and finding the Insert option.
| | 00:14 | Now, once we insert, we can actually
insert a number of different things.
| | 00:17 | We can insert SketchUp files.
| | 00:19 | We can insert raster images,
such as bitmaps, as well as text.
| | 00:22 | What we want is we want SketchUp files.
| | 00:27 | In our Chapter 4 folder, we
should have one called House_Render.
| | 00:31 | So, let's go ahead and open that up.
| | 00:33 | Now, once this is inserted, you can see
what we have is we have an actual object.
| | 00:39 | So, if I actually move this around, I can move it
like any text or shape object. I can also scale.
| | 00:45 | Now, what I'm doing here is I can actually
scale this up or down and move it around.
| | 00:52 | Now, the really cool thing is that if I
double-click on this, it opens up a viewport.
| | 00:58 | This allows me to actually
change my view on the model.
| | 01:03 | I can zoom in, zoom out, do whatever.
| | 01:05 | Now, if I want, I can actually right-
click here and go over to Camera tools.
| | 01:10 | We can go to Orbit, Pan, Zoom and so on.
| | 01:13 | So, for example, if I wanted to
pan, I could pan around this way.
| | 01:17 | If I wanted to zoom,
I could use the Zoom tool.
| | 01:20 | Now, remember that we're in
a document within a document.
| | 01:24 | So, if I hit the H key, which is our
standard Pan tool in SketchUp, this also
| | 01:28 | works in LayOut but it
works for the whole document.
| | 01:31 | So, what I need to do in order to pan
within this is to double-click in there
| | 01:36 | and select it from this menu.
| | 01:39 | You can't really use hot keys in here.
| | 01:41 | So, we have Pan, we have Zoom. We also
have zoom it to the window, so, basically
| | 01:49 | whatever window you want to zoom in to or not.
| | 01:53 | If you have a mouse with a middle-click
button, you can also use that to zoom.
| | 02:00 | You can also use Walk and Look Around.
| | 02:02 | Now, Look Around basically pivots the
camera and Walk translates the camera,
| | 02:10 | so it allows us to kind of
walk into where we want to go.
| | 02:13 | There are also some additional tools.
| | 02:15 | We have Zoom Extents.
| | 02:17 | We also have Standard Views.
| | 02:19 | So, for example, if you wanted a left
view, you can actually get that and then
| | 02:25 | I can orbit my way out of this if I want.
| | 02:28 | You can also use different types of styles.
| | 02:30 | So whatever styles are in your
SketchUp file will show up here.
| | 02:35 | So let me show you how this works here.
| | 02:37 | Let me go over to my Google SketchUp file.
| | 02:39 | This is the file that I imported.
| | 02:43 | If we go into our Styles window, you'll
see that whatever we have in the actual
| | 02:49 | model will show up here in the layout.
| | 02:56 | So, let me go over here and if I double-
click back into this, I can right-click
| | 03:00 | and pick any one of those styles that
are in there, so, for example, if I wanted
| | 03:04 | to do Tech Pen or Lines with Marker, whatever.
| | 03:09 | Whatever style is in the model shows up here.
| | 03:13 | I'm going to bring this back to
Architectural Design Style 1, which is the one
| | 03:17 | that I've been using.
| | 03:18 | Now, we also have the ability to turn on
Shadows and we also can use scenes from
| | 03:27 | within the last SketchUp file.
| | 03:30 | If you have different views of your
objects, you can use those standard scenes
| | 03:33 | to create different types of views.
| | 03:36 | So as you can see, this
is a very, very handy tool.
| | 03:40 | Now, if I double-click out of this,
you can see again it just re-renders this
| | 03:44 | the way that I want.
| | 03:45 | I can again position this
wherever I want in my model.
| | 03:52 | If I want, I can actually
insert more than one of these.
| | 03:55 | So, if I insert House_Render again, I
can bring in another file and I can, for
| | 04:00 | example, change the style on this
particular one and actually have two versions
| | 04:06 | of this model within the same document.
| | 04:09 | All I have to do is just double-click on
any one of these and you can again just
| | 04:13 | manipulate it however you want.
| | 04:18 | Being able to insert SketchUp models
is probably the most powerful feature of
| | 04:22 | LayOut and it's really a feature that
not too many other layout programs have.
| | 04:27 | So, this is a really compelling reason
to use LayOut for your presentations.
| | Collapse this transcript |
| Manipulating SketchUp models| 00:00 | There are some additional things you can
do with SketchUp models in a document.
| | 00:04 | So, let's take a look at those.
| | 00:06 | One is the ability to
actually refresh your 3D view.
| | 00:10 | So if we want to, we can
actually do Update Reference.
| | 00:13 | So, let's go ahead and take our
house here and add something into it.
| | 00:18 | For example, we have this
file called House_Render.
| | 00:20 | Let's just go ahead and add in a component.
| | 00:23 | For example, let's add in a person.
| | 00:25 | We can go into our Components window,
and just go into People, and let's go
| | 00:32 | ahead and take a person and drop him in.
| | 00:35 | Now, I'm just going to go
ahead and save this out.
| | 00:39 | Once I've saved it, now my model has changed.
| | 00:45 | But if you can see here
in the layout, it hasn't.
| | 00:48 | So if I right-click over this and do
Update Reference, you'll notice now I've
| | 00:53 | got a person on the porch of this model.
| | 00:56 | So, this is really important if
you're kind of working in parallel or if you
| | 00:59 | need to change something in a model,
you can already start to lay things out.
| | 01:04 | Then when you get to your final
presentation, you can just update all
| | 01:07 | your references and everything should just
kind of come into the most current version.
| | 01:11 | We also have a tab here on our
window called SketchUp Model.
| | 01:15 | This allows us to do a
little bit more with this model.
| | 01:18 | Once we double-click in here,
we can right-click on this.
| | 01:21 | We have Styles, Scenes, and Standard Views.
| | 01:24 | We can also do those here.
| | 01:26 | We can, for example, select a scene,
we can select any one of our Standard
| | 01:30 | Views, for example, one of the front
view rather than a top view, or we can do
| | 01:35 | orthographic projection, which allows
us to do basically left, right, top and
| | 01:42 | bottom, that sort of thing.
| | 01:43 | So if we wanted to do orthographic,
we could or we can remove that.
| | 01:47 | So, really it's up to you.
| | 01:49 | Notice how when orthographic comes in,
it kind of zooms in, so you have to
| | 01:52 | kind of reposition this.
| | 01:54 | We also can change the
shadows to whatever time you want.
| | 01:58 | Let's say instead of 1:30 p.m., we
wanted it at say 5:30 p.m. We can change
| | 02:04 | that and so the shadows
will automatically update.
| | 02:07 | We can also change the date.
| | 02:09 | We can also turn on things
such as Fog, if we need to.
| | 02:12 | Now, we also have a Styles tab here.
| | 02:16 | These are really all the different
styles that are available in this model.
| | 02:21 | Let me go back over and turn
off Shadows so we can see this.
| | 02:29 | You can also toggle on or off the
background, if you have a background image.
| | 02:33 | We can play with different types of styles here.
| | 02:39 | We can turn on or off whichever one we want.
| | 02:43 | You can also list these in a different way.
| | 02:45 | You can do them either in
List View or Thumbnail View.
| | 02:51 | Finally, we also have
what's called the Raster button.
| | 02:55 | So, you can actually render this
in the Raster, Vector or Hybrid.
| | 03:00 | This will actually give you
a little bit of a warning.
| | 03:02 | Typically, what I do is I tend to
render this in Raster anyways, because when
| | 03:06 | you actually go to your final
output, it needs to rasterize it.
| | 03:10 | What rasterize means is it converts
from a line drawing to an actual bitmap.
| | 03:15 | So those are some of the additional
features of inserting Google SketchUp models
| | 03:20 | into LayOut, and you can see that you
have a lot of options and really you have
| | 03:24 | the ability to display your models
pretty much any way that you want.
| | Collapse this transcript |
| Working with dimensions| 00:00 | SketchUp also has the
ability to create dimensions.
| | 00:04 | Now, this is done using the Dimension tool.
| | 00:07 | I have a file called House_Section
open and it's basically a Google SketchUp
| | 00:12 | image that's been imported into LayOut.
| | 00:15 | It's basically the floor plan of a house.
| | 00:18 | I can use the Dimension tool simply by
picking it from the Timeline here under
| | 00:23 | Dimension or by using Tools > Dimension.
| | 00:27 | Then all I have to do is click on
an endpoint or a starting point of my
| | 00:33 | dimension and then finding a second one.
| | 00:37 | Then just pulling that down to
whatever size I want and then clicking again
| | 00:43 | to end the procedure.
| | 00:45 | So if I wanted to do this again on a
vertical dimension, I can do it this way and so on.
| | 00:54 | Now if I want to modify these dimensions,
maybe I don't like the type style or
| | 00:58 | the way the lines are drawn, all I
have to do is just highlight one of these
| | 01:03 | and I can rescale it if I want, or I can go to
the Dimension Style tab here and expand that.
| | 01:12 | Now if you don't have that in your
sidebar here, you can always get it by just
| | 01:16 | clicking here on Dimension Style.
| | 01:20 | Once that's open, you can
change how the dimension looks.
| | 01:24 | You can either make the dimension above,
below, or in the middle of the drawn line,
| | 01:30 | you can make it vertical,
horizontal, or if you have lines that are
| | 01:35 | drawn at an angle, you can make it aligned to
that line and you can also change the format.
| | 01:41 | So, for example, if you wanted it to be
Engineering, Fractional, in other words,
| | 01:47 | Inches and so on. Of course, we
want to use Architectural for this one.
| | 01:51 | We can also do the same for this.
| | 01:53 | So, for example if we wanted to center
that to the line and make it vertical,
| | 01:58 | we can do that as well.
| | 02:00 | Now the dimensions themselves calculate
to the exact size of your SketchUp model.
| | 02:06 | So, if your model is drawn to scale,
these will just naturally flow into LayOut.
| | 02:12 | You can see how it's very easy to
create dimensions within LayOut.
| | Collapse this transcript |
| Arranging and grouping objects| 00:00 | Like many drawing and illustration
packages, we also have the ability to arrange
| | 00:05 | objects and group them.
| | 00:07 | So we can put objects in front of or behind
objects as well as create groups of objects.
| | 00:13 | So, let's say for example, I have this
house here and I want to create a label
| | 00:17 | for the house or name for the house.
| | 00:19 | So, for example, I could take my text and
just type in, give it the name that we want.
| | 00:25 | I'm giving it the name
MoyHouse, after my daughter.
| | 00:28 | We can change the font to
really whatever we want.
| | 00:35 | Let's say we wanted to highlight
this a little bit and we wanted to,
[00:00:38.8]
for example, put a rectangle around it.
| | 00:41 | So, let's go ahead and draw a rectangle.
| | 00:45 | Let's say I wanted to have a
little bit of a rounded corner to that
| | 00:47 | rectangle, but you notice here that since I
drew the rectangle last, it's in front of the text.
| | 00:55 | So I can fix that very easily
by using the Arrangement tool.
| | 00:58 | So, these are very similar to
what you'd find in Illustrator.
| | 01:01 | You can find Bring to Front or Send Back.
| | 01:05 | So if we send it backward,
it sends it back one layer.
| | 01:08 | If we send it to back, that means
it sends it all the way to the back.
| | 01:12 | So, for example, if I go
Send to Back there, there we go.
| | 01:15 | Now I've got my object there.
| | 01:18 | Now, because I've sent this completely to
the back, it's actually behind the house.
| | 01:25 | So, if I wanted to bring it forward,
I could select this text string and go
| | 01:34 | Bring Forward, or send it backward and
hopefully it should be in front of this, right.
| | 01:42 | So now this is at the bottom
and both of these are above here.
| | 01:45 | Now if I want to move this logo around,
I can select it and move it, but if
| | 01:50 | you notice, it's still separate, so the
text and the box are actually separate objects.
| | 01:55 | So I can't move them individually.
| | 01:58 | Now I could rubber band select them
and just select both of them and move them
| | 02:02 | around, but the easier thing
to do is just to group them.
| | 02:05 | So I can select both of them and under
Edit, we can do Group or Ctrl+G.
| | 02:11 | What that does is it just
makes them into one object.
| | 02:14 | So, now this object can be scaled
or moved around to wherever you want.
| | 02:19 | Of course, if you want to ungroup
things, we can certainly do that as well.
| | 02:24 | Now, one of the nice things you can
do is you can actually group things in
| | 02:28 | hierarchies. Again, just very similar
to what you would do in Illustrator.
| | 02:32 | So I can group this.
| | 02:33 | So I have this logo grouped and then I
could, for example, position this and
| | 02:38 | select this and the SketchUp
object here, group them both.
| | 02:45 | So now I have a metagroup or a group of groups.
| | 02:50 | Again, if I want to separate those out,
I can just do Ungroup and now I have
| | 02:55 | each once of these as
separate. So, there you go!
| | 02:59 | It's really very straightforward.
| | 03:01 | You can arrange objects and you can group them.
| | Collapse this transcript |
| Creating scrapbooks| 00:00 | Many times when creating a layout, we'll
want to use standard objects and LayOut
| | 00:05 | has a number of those.
| | 00:07 | If we go down to the Scrapbooks menu,
you'll see that we have a number of
| | 00:12 | standard objects such as arrows, and
what you can do is you can literally just
| | 00:16 | grab these and drag them into your scene.
| | 00:20 | We have actual pull-down menu here
with all sorts of different ones.
| | 00:24 | So for example, if you wanted some trees,
you could choose Trees and again, just
| | 00:29 | click and drag those into your scene.
| | 00:33 | What's nice is that it creates standard
objects that you can use over and over
| | 00:39 | again and you can use these to create
for example logos or anything that's
| | 00:43 | related to your own company branding,
that sort of thing and you can create your
| | 00:47 | own standard styles.
| | 00:49 | You can create your own standard scrapbooks.
| | 00:52 | Let me show you how to do that.
| | 00:54 | I'm going to create a new file here, and
I am just actually going to insert some logos.
| | 01:03 | So I'm going to go ahead and do Insert,
and here I actually have two files here.
| | 01:08 | One is called Icon, and one is called Logo.
| | 01:10 | So let's go ahead and open up Logo,
and this is my company's logo, Rubberbug,
| | 01:16 | and let's go ahead and Insert
again and I can insert an Icon.
| | 01:21 | This is our little bug icon, and what
we can do is we can actually create some
| | 01:25 | standard objects that we would always
use for our company when designing things.
| | 01:31 | So we can create these
objects at let's say different sizes.
| | 01:35 | You can also create for example groups
or headers, footers, that sort of thing.
| | 01:40 | In fact, I already have one of these opened.
| | 01:43 | So let's go ahead and do File > Open,
and I have one out there called Logos.
| | 01:50 | What this is, is basically just the company
logo in different sizes as well as a footer.
| | 01:57 | Now, once I have all of this arranged
in a page, I can actually make this into
| | 02:02 | what's called a Scrapbook.
| | 02:03 | So really all I need is something with
all my standard objects on the page, and
| | 02:09 | then just save it out as a Scrapbook.
| | 02:11 | So I open this up and I just go Save As
Scrapbook, and then I just give it a name.
| | 02:18 | I'm going to call this Logos.
| | 02:20 | Now I've already done this before, so
it's going to give me an error message.
| | 02:23 | But I am just going to go ahead and
update the one that's already out there.
| | 02:26 | Once I have this, then I actually have an
option here called Logos, and there it is.
| | 02:32 | So if I go back on to for example my
House page here, I could actually drag one
| | 02:37 | of these in, or drag one of these in
for example, and I also created for
| | 02:45 | example, a footer here.
| | 02:46 | So this is my standard design footer here,
and you can create those in different sizes.
| | 02:51 | And really all you need to do is create
one page with everything that you need
| | 02:56 | on it, and then just save it as a
Scrapbook, and then you can use it really
| | 03:00 | anytime you use LayOut.
| | 03:02 | This is a real big time saver, and it
can really also help standardize the way
| | 03:07 | that you create documents
for your company or firm.
| | Collapse this transcript |
| Creating presentations| 00:00 | The last thing I want to show you is
that LayOut can also be used to create
| | 00:04 | presentations much like PowerPoint, but
again with the power of live viewports.
| | 00:11 | So I have a file open here called House
_present, and it's basically just four
| | 00:17 | pages here and if we look in our Pages
menu here, you can see we've got 1,
| | 00:21 | 2, 3, 4 different pages and we can also step
through them up here using the Next and Previous keys.
| | 00:30 | Now we have a Presentation Mode in LayOut.
| | 00:33 | What this does is it just brings your
document full screen and allows you to
| | 00:39 | step through different slides as
well as do annotations and zoom through
| | 00:44 | viewports as well as do animation.
| | 00:46 | So let's take a look at how this works.
| | 00:48 | I am just going to click on Start
Presentation and it brings everything full screen.
| | 00:53 | Now, in order to step through the
various pages, all you have to do is just do
| | 00:57 | left and right arrows.
| | 00:58 | So Left arrow steps forward,
Right arrow steps back.
| | 01:03 | If you want to annotate on a
particular object, all you have to do is just
| | 01:08 | Left-click and drag and
you can highlight something.
| | 01:11 | Ctrl+Z will get rid of that.
| | 01:15 | If you double-click on any viewport,
you can also zoom and basically use all
| | 01:20 | of your Camera tools.
| | 01:23 | Double-clicking again closes the viewport,
and we can do this on any one of our objects.
| | 01:29 | So if we wanted to move this around,
we could do that as well and then we
| | 01:34 | can go through this.
| | 01:35 | Now the other thing we can do
is we can actually do animation.
| | 01:39 | So I've got this kind of full viewport
open, and again just double-click into it,
| | 01:44 | and then if we right-
click, we can go Play Animation.
| | 01:48 | So any animation, which is just going
from scene to scene within your standard
| | 01:53 | SketchUp file, will play.
| | 01:55 | So anything that you want to
setup, you can actually do.
| | 02:01 | So as you can see this is a really great
way to show off your designs to clients
| | 02:07 | in a conference sort of setting.
| | 02:10 | Now to stop your animation,
all you have to do is hit Escape.
| | 02:15 | And then you're free to
move back through your images.
| | 02:18 | In order to cancel Presentation Mode,
again Escape puts you right back into LayOut.
| | 02:25 | So you can see here how this is actually
another important way to present things
| | 02:29 | to clients, and for this type of work,
this is actually probably a little bit
| | 02:33 | better than PowerPoint, because you
can actually interact with your models
| | 02:37 | within the presentation.
| | Collapse this transcript |
| Exporting and printing | 00:00 | There are many times when you'll
also want to either export or print your
| | 00:05 | documents, and that process
is pretty straightforward.
| | 00:08 | We have a File menu and under that we
have for example Page Setup, which allows
| | 00:14 | us to set up our pages for printing.
| | 00:17 | We have a Document Setup, which allows
us to set up the original document itself,
| | 00:23 | including whether or not we want to show
a grid, what type of paper we have and so on.
| | 00:30 | And we also have Print Preview and Print.
| | 00:32 | So when we do a Print Preview, it will
just go ahead and create this preview.
| | 00:38 | Now, I think what I have here is I have my
paper is a little bit too small for my document.
| | 00:43 | I am printing on letter sized paper
and I have a much larger document.
| | 00:47 | We also have Export, and we can
export either to images such as JPEGs.
| | 00:53 | So we could export, for example, all of
these to a JPEG file and we can export
| | 00:59 | either a single page or multiple pages,
and we can also give it a specific size.
| | 01:04 | And let's go ahead and
show that in our Image Viewer.
| | 01:07 | So it's going to go ahead and export that out.
| | 01:09 | Now you can see we have individual images.
| | 01:14 | So we could use these on a website for
example, or if you want to export into a
| | 01:20 | PDF file, you can also do that.
| | 01:23 | So let's go ahead and save that and we
have again some options, what's the name
| | 01:27 | of the file, which pages, what sort of
quality, and so on and so forth, and do
| | 01:33 | we want to create layers?
| | 01:34 | So let's go ahead and save that out, and
here we can see it in Acrobat and there we go.
| | 01:46 | So we have a number of different
output options and as you can see we can
| | 01:50 | create documents from scratch and
output them in a very professional way for
| | 01:55 | your clients.
| | Collapse this transcript |
|
|
4. Creating Styles with Style BuilderThe Style Builder interface| 00:00 | Now, let's take a look at Style
Builder, which allows you to create custom
| | 00:05 | styles for your SketchUp models.
| | 00:07 | Now, Style Builder is
basically a stroke management system.
| | 00:11 | It allows you to take stroke such as
pencil strokes, pen strokes, any type
| | 00:16 | of line, and then use them to generate
lines that you can apply to your SketchUp model.
| | 00:21 | So you can see here how we have this
kind of pencil drawn look to this model.
| | 00:28 | This is done by creating a number of
different strokes and then putting them
| | 00:33 | into these different slots,
and these are called sets.
| | 00:37 | Now, Style Builder is a separate application.
| | 00:40 | If I minimize this, you can see here
if we open up Style Builder by itself,
| | 00:45 | you get a blank window.
| | 00:47 | In fact, let's go ahead and enlarge this.
| | 00:50 | When we have this, we actually
don't have any strokes applied.
| | 00:54 | You can see that all of these are blank.
| | 00:57 | So let's go through the
basic Style Builder interface.
| | 01:00 | We have three separate windows.
| | 01:03 | On the left, we have Sample
Strokes and Settings in this one window.
| | 01:08 | You can just go between the two tabs,
and then here we have sets, which are
| | 01:13 | basically sets of strokes.
| | 01:15 | So what you can do is you can take a
stroke from here, and then just click, and
| | 01:20 | drag it into the Sets window.
| | 01:23 | So what we can do is basically create
collections of strokes, pencil strokes,
| | 01:28 | pen strokes, whatever.
| | 01:30 | Now this window here again just contains
all the strokes and that allows us to manage it.
| | 01:36 | Then down here in the bottom
window we have our Preview.
| | 01:39 | That is basically just a viewport, so
we can actually take a look. We can orbit
| | 01:44 | around, we can pan, and we can zoom.
| | 01:49 | We can also do Zoom Extents and
we also can turn Shading on and off.
| | 01:56 | So those are the basic
features of the Style Builder window.
| | 01:59 | Once you familiarize yourself with this,
you can start building your own styles.
| | Collapse this transcript |
| Working with strokes| 00:01 | Now that we understand a little bit
about how Style Builder is put together,
| | 00:04 | let's go ahead and use that to
create our own custom styles.
| | 00:08 | We can create these styles either from
existing Google SketchUp styles, the ones
| | 00:13 | that we have already created or that
Google has created, or we can create our
| | 00:18 | own custom styles by scanning in our own
pencil drawings or just drawing them on
| | 00:23 | a tablet and using those
bitmaps to create our strokes.
| | 00:28 | Now, the first thing we're going to do
is just use an existing Google SketchUp
| | 00:32 | style to create a new style.
| | 00:35 | So let's go ahead into
Strokes and say Load From Style.
| | 00:39 | Now we can load from a style that we've
already saved out or from one that comes
| | 00:45 | with SketchUp and that's
what we are going to do.
| | 00:47 | We're going to load from something
that actually comes with SketchUp.
| | 00:50 | So the ones that come with SketchUp,
they're actually in the Program folder.
| | 00:55 | So what you have to do is you actually
have to go to the Google SketchUp 7 directory.
| | 01:01 | Now, that may change depending on
whether you're on a PC or on a Mac.
| | 01:06 | But once you find that, you'll see that
there is a Styles folder within that and
| | 01:12 | these are all of our basic styles.
We have Assorted, Color sets and so on.
| | 01:16 | In fact, if I go over to SketchUp, you
can see that I've got that same list here
| | 01:21 | and these are really just the
folders that are in that directory.
| | 01:26 | So let's go back over to Style Builder
and let's go into Sketchy Edges and
| | 01:32 | we've got a number of different styles here.
| | 01:34 | So for example, one of the ones we
have here is Chalk on a Blackboard.
| | 01:37 | So let's go ahead and opened that.
| | 01:39 | You can see that we have basically
chalky lines, lines that look like they
| | 01:45 | were drawn with chalk.
| | 01:47 | If we go and Load From Style again,
and just go into that same folder, you
| | 01:52 | can see we have another one called Dry Erase
Marker Wide and that has a whole different look.
| | 01:59 | So depending upon what type of bitmap
you put in there, you can create all
| | 02:03 | sorts of different lines.
| | 02:04 | So for example, I could take the Chalk
on a Chalkboard, drag him in here, and
| | 02:10 | you can see that when I drag the 32
pixel line, it creates all the short
| | 02:15 | lines in the model.
| | 02:16 | If I took something a little bit longer,
say the 128, drag that in, you can see
| | 02:23 | it creates the longer lines.
| | 02:26 | Now, in the Sets window, we also have
the ability to customize how many lines,
| | 02:32 | and also the maximum length of the lines.
| | 02:36 | So here I have 32 all the way up to 512
pixel lines, which means that I have to
| | 02:43 | have corresponding bitmaps for those.
| | 02:45 | Now, if I want to I can, for
example, get rid of some of these.
| | 02:49 | So for example, if I don't want a 512, I can
just hit this x here and that gets rid of it.
| | 02:56 | If I want to put it back, I can just
use this menu here to add in 512 again and
| | 03:03 | we can go up to 1024 width lines.
| | 03:07 | We can also change the width of the line.
| | 03:09 | So if we want narrower lines.
| | 03:10 | So for example, like an ink pen or
something like that. Or if we want really wide lines,
| | 03:15 | we can also do that.
| | 03:16 | Now, I am going to leave this at 16.
| | 03:18 | We can also change the maximum
number of strokes or the maximum number of
| | 03:22 | variations within these.
| | 03:24 | So for example, if I wanted a lot more
variations, I could bring that up to say 5
| | 03:28 | or if I wanted to bring it down
to say 2, I could do that as well.
| | 03:33 | Now, once you have this configured the
way you want, all you really have to do
| | 03:37 | is just drag in the images you want.
| | 03:41 | So for example, here I could drag in
some more chalk-type lines or if I wanted
| | 03:46 | to I can mix-and-match.
| | 03:47 | So for example, I could have some chalk,
some dry erase, and that may give a
| | 03:53 | good look, something that you might like.
| | 03:55 | But you can also mix-and-match from all
sorts of different sets and this is just
| | 03:59 | one way to create kind of a custom sort of look.
| | 04:05 | So for example, for the longer lines
maybe I will just use Dry Erase Marker for
| | 04:09 | the really long lines and see how that works.
| | 04:15 | And then just use chalk for
some of the shorter lines.
| | 04:17 | But as you can see we've got this all
kind of mixing and matching and it seems
| | 04:22 | to work pretty well.
| | 04:23 | Now you can use really lines from just
about any style within Google SketchUp,
| | 04:29 | if you're using this method and you might
be able to mix-and-match a style that you like.
| | Collapse this transcript |
|
|
5. Importing and ExportingImporting objects from AutoCAD| 00:00 | One of the nicer features of SketchUp
Pro is its ability to import and export a
| | 00:06 | lot of different 3D and CAD formats.
| | 00:09 | Now, one of these applications is
importing things from say AutoCAD or AutoCAD
| | 00:14 | LT and bringing them into
full 3D within SketchUp.
| | 00:17 | Let me show you how to do that.
| | 00:20 | We are going to go to File > Import.
| | 00:24 | So if I pull this menu down, you can
see we have a number of different options.
| | 00:27 | We can do 3DS files.
| | 00:29 | We can do AutoCAD, SketchUp.
| | 00:30 | Let's do AutoCAD files and we're
actually looking for .DWG, which are drawing
| | 00:36 | files, and I have one
here called House_Plan.dwg.
| | 00:41 | Now, before I open it, let's go ahead
and take a look at some of the options.
| | 00:45 | We have options for DWG and DXF.
| | 00:49 | Now DXF is a 3D format, DWG is a 2D
format, and if we import these, we can
| | 00:56 | actually merge coplanar faces,
orient faces consistently.
| | 01:01 | Actually we want to keep both of these
checked and then also what units we want
| | 01:05 | to use and also whether or not we
want to preserve the drawing origin.
| | 01:09 | So we are going to hit OK
and let's go ahead and open.
| | 01:13 | Now, one of the things you may have a
problem with when you import an object is Scale.
| | 01:19 | Now, I actually had that same
problem with this particular object.
| | 01:24 | If you notice here we still have
Sang in the scene but the house really
| | 01:28 | is pretty darn big.
| | 01:30 | So we can actually resize this to
the proper scale just simply by using
| | 01:36 | the Tape Measure tool.
| | 01:38 | All I have to do is select the Tape Measure
and then I know that this house is 26 feet long.
| | 01:46 | So all I have to do is just measure the
outside edge. I am going to go ahead and
| | 01:49 | click here on the far corner and then
on this corner here and you can see the
| | 01:55 | house came in at 312 feet.
| | 01:58 | Well, I don't want it to be 312 feet.
| | 02:00 | All I have to do is type in the new dimension.
| | 02:03 | You notice it comes up
here in the bottom corner.
| | 02:06 | So I just type in 26 feet and hit Enter
or Return, and now SketchUp will ask me,
| | 02:12 | do I want to resize the model? And yes, I do.
| | 02:16 | So now I have a model that
is actually properly scaled.
| | 02:20 | Now, this is something that you may
encounter when bringing in external objects
| | 02:25 | and you want to make sure
that they are the right size.
| | 02:27 | Now that I have this in SketchUp,
I need to be able to actually use this.
| | 02:32 | But typically, things such as drawings
and that sort of thing, they come in as lines.
| | 02:37 | They don't come in as objects, and
so what we need to do is make this into
| | 02:42 | something that we can use within SketchUp.
| | 02:44 | Now typically, the recommended
procedure for this is to actually just use these
| | 02:50 | as templates and then just draw over them.
| | 02:52 | If we are at the house,
it's usually rectangular walls.
| | 02:56 | So that goes fairly quickly.
| | 02:58 | So first thing I am actually going to
do is I am just going to go ahead and
| | 03:00 | delete Sang out of the scene
so we have just this model.
| | 03:04 | And I am going to go ahead and select
this model and this should be grouped.
| | 03:09 | Now, what I'm going to do is I am
actually going to trace over this.
| | 03:12 | Now, before I do that, I
just want to set up some layers.
| | 03:16 | So I am going to go into Window > Layers,
and you'll see that this object here
| | 03:21 | is actually on Layer 0.
| | 03:23 | But I am actually going to make a new
layer here and let's just call this Layer 1
| | 03:27 | or you can even call it house and
that's what we will actually be using to
| | 03:31 | model the house itself.
| | 03:33 | So what we can do is we can make this
layer, House, the active layer, and that
| | 03:37 | way we can just toggle the plan
on and off as we draw over it.
| | 03:43 | Now, before I actually start drawing I
want to go ahead and lock my template.
| | 03:48 | So I am just going to go again.
| | 03:49 | I am just going to go Edit and Lock
and you notice how that turns red, and
| | 03:53 | then I can just toggle that on and off,
and I want to make sure that my House
| | 03:57 | layer here is active.
| | 04:00 | So now all we have to do is just
use this as a template to trace over.
| | 04:04 | Now, because we have Snapping turned on,
we can actually snap to points in this,
| | 04:08 | so we can actually have
an exact replica of this.
| | 04:10 | So I am just going to start with the
Rectangle tool and then just trace out the
| | 04:16 | footprint of the house.
| | 04:17 | You can see how that kind
of just fills right in.
| | 04:21 | Now, I want to get these outside walls,
and I can do that by either drawing
| | 04:25 | another rectangle, or if I want,
I can use the Offset tool as well.
| | 04:31 | Again you notice how that
will snap to that outside wall.
| | 04:36 | We can use either way.
| | 04:37 | Let's go ahead and take a
look at what we have now.
| | 04:40 | So now what I've done is I have
actually created the outside perimeter wall
| | 04:44 | of the house, and now I can also just use the
Rectangle tool to start drawing the inside walls.
| | 04:50 | So for example I could draw all of
these inside walls. I could again just by
| | 04:57 | using the Rectangle tool, you can see how
I am basically just sketching in the house.
| | 05:07 | And again you can see how this works
and this actually goes fairly quickly.
| | 05:12 | Then again what I'm doing is I am just
tracing out the openings of the house.
| | 05:19 | For example, for the doors,
and I could do that here as well.
| | 05:23 | And you can see I have those openings.
| | 05:28 | Then once I have all of my opening setup,
all I have to do now is just use my
| | 05:32 | Eraser tool and start erasing
those lines that I don't want.
| | 05:40 | And again all I am doing is just
going through here and getting rid of
| | 05:46 | these unwanted lines.
| | 05:50 | So now you can see I have an
actual floor plan of my house.
| | 05:56 | Now once I have that, now I can use
this to actually push and pull the walls to
| | 06:02 | actually create the house itself.
| | 06:05 | So all I have to do is hit P to use the
Push/Pull tool and then I can hold this up.
| | 06:11 | So for example if I want a 9 foot high
wall, all have to do is type in 9 feet,
| | 06:17 | and I've got this particular wall.
| | 06:19 | So now I have the basics
of this particular house.
| | 06:24 | So as you can see, pulling in drawings
from something like AutoCAD is best used
| | 06:30 | as a template, and then you can use
those to create objects within SketchUp.
| | Collapse this transcript |
| Importing other 3D objects| 00:00 | In addition to 2D drawing, SketchUp
Pro can import two types of 3D objects.
| | 00:06 | One would be 3DS files and
the other would be AutoCAD DXF.
| | 00:12 | Let me show you some of the differences.
| | 00:14 | Any type of files can be a little bit
different, but let's import the same
| | 00:17 | object in both formats and see how it works.
| | 00:20 | So let's go ahead and import
Generator.3DS. You'll notice that 3DS files
| | 00:27 | generally come in what are called
triangulated, which means that any one of
| | 00:32 | these faces are triangular.
| | 00:36 | Now, this may be a little bit different
than what you expect, but that's pretty
| | 00:41 | much how they will come in.
| | 00:43 | Now if you want to modify this, you can
always use smoothing to hide some of the faces.
| | 00:48 | So if I double-click on this and select
one of these faces and do, for example,
| | 00:52 | select All Connected, it will actually
select that object and then I could just
| | 00:58 | do Soften/Smooth Edges and I can just
dial that into whatever I want, and that
| | 01:06 | will give me a little bit of smoothing.
| | 01:08 | Another way of doing this
would be to import this as a DXF.
| | 01:13 | So let's go ahead and just do a File
> New and let's go ahead and do another import,
| | 01:22 | and this time I am going to import DXF.
| | 01:26 | So I am going to import Generator.DXF
and it gives me some results here and
| | 01:37 | now actually I have to zoom out, and this
actually is coming in bigger than the other one.
| | 01:43 | But notice how this doesn't
have those triangular faces.
| | 01:46 | This came in as quads or rectangular faces,
and sometimes these are easier to work with.
| | 01:52 | Now again, if you don't like the way
this looks, you can always start smoothing.
| | 01:57 | So for example, with this particular
object here, you notice how I can select
| | 02:02 | something on this generator
flywheel and just do select All Connected.
| | 02:08 | Now, that just selects this part of it.
| | 02:11 | Now, this object was actually created
in multiple objects. These are extra
| | 02:15 | objects that are just interpenetrating.
They are not really connected but you
| | 02:18 | can also right-click on these
and just go Soften/Smooth Edges.
| | 02:26 | You can see how as I smooth the edges
you get something that looks a little bit
| | 02:29 | more how you would expect.
| | 02:32 | And you could also do the same for
example, for this motor body here and just go
| | 02:36 | ahead and select All Connected, which
basically selects this whole generator,
| | 02:43 | and then we can again do Soften/Smooth Edges.
| | 02:47 | Now when we play with this, you can see
how you can just dial it in and as you
| | 02:52 | go down, you can see how some
of the details come back in.
| | 02:55 | If we go completely to zero, you
can see how everything comes back.
| | 03:00 | But if we go somewhere between zero and 20,
we have something that works pretty well.
| | 03:08 | Those are some of the basics of
importing 3D objects into SketchUp Pro.
| | Collapse this transcript |
| Exporting objects| 00:00 | SketchUp Pro has a number of different
export options that you can use to take
| | 00:05 | your SketchUp models and bring
them into other 3D applications.
| | 00:09 | Probably the most common
reason for doing this is to do some
| | 00:13 | external rendering.
| | 00:14 | Now we can certainly do some rendering
within SketchUp, but if you want to do
| | 00:17 | something that's a little bit more
photo realistic, you'll have to go to an
| | 00:20 | external application.
| | 00:22 | So we can export by just going File > Export.
| | 00:26 | Now there are two options here.
| | 00:27 | One is 3D Model, the other is 2D Graphic.
| | 00:29 | Let me quickly show you 2D Graphic.
| | 00:32 | And what this does is it just
exports your scene as a JPEG image.
| | 00:36 | So however it renders here, it
will just be written to a JPEG.
| | 00:39 | So we don't really want to do that.
| | 00:41 | What we want to do is export the whole model.
| | 00:43 | So we can do Export 3D model and we give it
a file name and we give it an export type.
| | 00:50 | We have 3D Studio, AutoCAD, Google
Earth, Collada, FBX, Object, VRML, and
| | 00:57 | XSI for Softimage XSI.
| | 00:59 | Now we are going to use FBX and that's
actually kind of a more common format for
| | 01:04 | something like 3D Studio
Max or something like that.
| | 01:07 | For MAX, we could also use 3DS, but FBX
actually preserves textures and a lot of
| | 01:12 | other things, so that's one I like to use.
| | 01:14 | So once we have that selected we
can also select some options for this.
| | 01:18 | We can export only the current selection,
which means just export the selected model.
| | 01:23 | I'd like to check triangulate all
faces particularly for rendering because
| | 01:28 | sometimes the face will disappear if
it's not triangulated, and this will
| | 01:32 | kind of solve that.
| | 01:33 | Now what this does is it makes the
model less editable but if we're just going
| | 01:38 | to render this, this should be fine,
and also for pretty much the same reason.
| | 01:41 | We want export two-sided faces,
so that way everything shows up.
| | 01:46 | Now also we can export texture maps
which means what it will do is actually,
| | 01:50 | I've already done this once, it creates
a directory with all the textures that
| | 01:55 | you need to create the scene, and it
will go ahead and put JPEGs of all your
| | 01:59 | textures in that folder.
| | 02:01 | And then whether or not we want to
swap Y,Z coordinates. I am going to leave
| | 02:04 | that at the default.
| | 02:05 | Let's go ahead and say OK, and then
just give it a name, Modern_House.
| | 02:09 | Now you can see I've already exported
this once before, so let's go ahead and
| | 02:12 | export it again.
Yes, I want to overwrite it.
| | 02:15 | It gives me some results. That's great.
| | 02:20 | So let's go into 3DS Max now.
| | 02:22 | So I'm using MAX 2010. This should work
with pretty much any version of MAX and
| | 02:29 | all you really have to do is just Import.
| | 02:31 | So I am just going to go ahead and do an
Import and I can look at all formats or
| | 02:36 | I can select a specific one.
| | 02:38 | And I'm just going to go back up to my
Desktop and back to where I saved this out
| | 02:42 | and we have this FBX called Modern_House.
| | 02:45 | Now notice how it also wrote out a
separate folder full of JPEGs for the
| | 02:50 | textures. Now we'll be
getting to this in a little bit.
| | 02:52 | Just go ahead and select this, hit Open.
| | 02:55 | For this I just generally select the
default, so that we really don't need to
| | 02:59 | include animation if we want to or
lights but those will be in the file anyway
| | 03:03 | so it doesn't really make a
difference. And here it is.
| | 03:09 | So as you can see this
comes in pretty much complete.
| | 03:13 | Now when you import something like this
via FBX into MAX, notice how it comes up
| | 03:19 | as just one particular object.
| | 03:21 | In fact I am going to do an Edge Faces
here. You can see how it comes in it's
| | 03:25 | just one giant object, so you
can't really separate it out.
| | 03:30 | If you wanted to go into Edit Poly or
something like that, you could certainly do that.
| | 03:37 | Also let's take a look at how it does materials.
| | 03:39 | So we go into the Material Editor
here. You'll notice that-- Let's go ahead
| | 03:44 | and eyedropper this.
| | 03:45 | I am going to go ahead and select
this Eyedropper and bring this up.
| | 03:48 | Notice how the one object has
everything listed as a multi-sub object.
| | 03:53 | So this one actually has about
10 different materials on it.
| | 03:59 | So if I wanted to select any one of
those materials, I could go into that and
| | 04:04 | then just go ahead and see where we've
got, for example-- Notice how the bitmap
| | 04:08 | is actually set to Modern_House, which is
that folder, and it's the name of the file.
| | 04:13 | So let's go ahead and take
a look at how that works.
| | 04:15 | Let's go into Bitmap and you can see
here that we've actually got this in the
| | 04:20 | folder called Modern_House and we've got each
of the textures that we have for the object.
| | 04:28 | So those are some of the basics of
exporting models out of SketchUp and as you
| | 04:31 | can see we can bring these into other
applications to go a little bit further
| | 04:35 | with things like rendering.
| | Collapse this transcript |
| Exporting objects for rendering| 00:00 | Now that we have this house in Max,
let's go ahead and take this one step
| | 00:04 | further and just do a quick render,
just to show you the possibilities of what
| | 00:08 | you can do with an external
rendering program and a SketchUp model.
| | 00:12 | Now this is just one of many programs
that can take FBX or any of the 3D formats
| | 00:17 | that SketchUp Pro can generate.
| | 00:19 | But let's just show you
some of the possibilities here.
| | 00:22 | So I've got this file.
| | 00:23 | It's called ModernHouse.max, but
I don't really have any lighting or
| | 00:27 | environment in this file.
| | 00:29 | So let's go ahead and bring that in.
| | 00:31 | I actually have a preset file out
there, and we're going to merge it.
| | 00:35 | It's in our Chapter 6 folder,
and it's called Environment.
| | 00:41 | Basically all it is, is a ground plain
and two lights, a skylight and a spotlight.
| | 00:48 | You can see those right here.
| | 00:49 | There is a skylight,
spotlight, and a grassy plain.
| | 00:53 | So let's go ahead and just bring this up.
| | 00:56 | If we want to, we can just go
ahead and do a quick Render Setup.
| | 00:59 | Well, one thing I'd like to do is
actually set up some sort of sky for this,
| | 01:04 | because we really have just
gray in the background here.
| | 01:07 | In fact, if I did a quick render
right now, you would see that the sky is
| | 01:12 | basically black and I
really don't want that to happen.
| | 01:15 | So in fact let's go ahead and do
this render and see what we've got.
| | 01:18 | So as you can see we don't have a sky
and also it seems like the light is a
| | 01:23 | little blown out, and so we can
actually play with this a little bit.
| | 01:27 | So first of all, let's
go ahead and put in a sky.
| | 01:30 | We do that in Max by just doing
Rendering > Environment, and we can
| | 01:34 | use Environment Map.
| | 01:36 | In fact, I'm just going to
go ahead and use a Bitmap.
| | 01:38 | I'm going to go to this directory here,
which is the standard materials that come
| | 01:45 | with 3ds Max, and we have just a generic sky.
| | 01:47 | You can certainly use any sort of sky
you want, and just go ahead and open, and
| | 01:52 | that will go ahead and put
that sky in the background.
| | 01:54 | In fact, if we want to, we
could actually view that.
| | 01:57 | We can actually under Viewport
Background just go ahead and use the Environment
| | 02:01 | Background, and then just go Viewport
Background again and just Show Background,
| | 02:07 | and we should be able to see that sky.
| | 02:09 | So let's go ahead and position
our camera so that we like it.
| | 02:13 | The other thing is that we have
this render that's a little bit blown out.
| | 02:17 | So let's go ahead into our Render
Setup and I want to set this to
| | 02:22 | scanline.radiosity.high and that should
change the render settings, so that this
| | 02:29 | will be a little bit less overexposed.
| | 02:32 | And let's go ahead and close this.
| | 02:34 | Then I want to go into Exposure Control as well.
| | 02:37 | I want to make sure that
Logarithmic Exposure Control is turned off.
| | 02:40 | We actually just take
Exposure Control off for now.
| | 02:46 | Let's do another render,
and see what this looks like.
| | 02:48 | So now that we have a sky, you can
see how it looks a lot more realistic.
| | 02:53 | And we can also do some other tweaks.
| | 02:55 | If we wanted to, we can make the glass a
little bit more reflective because it's
| | 02:58 | really not coming in as a reflective glass.
| | 03:02 | So let's go ahead and take
one more little pass at this.
| | 03:04 | We can go through this
and actually find the glass.
| | 03:08 | So we actually go through this
and take a look at the glass.
| | 03:16 | One way to do this is
actually go into Edit Mesh.
| | 03:19 | We can see exactly what material it is
by selecting the polygon that contains
| | 03:23 | the glass and then scrolling up
here until we can see what our ID is.
| | 03:29 | Our Material ID on this
particular polygon is 14.
| | 03:33 | So we can go and find the corresponding one
here, which is number 14, which is Glass_Gray.
| | 03:41 | So that's the one that we have.
| | 03:43 | It's a Phong Shader,
which should be about right.
| | 03:45 | We have an Opacity of about 50.
| | 03:47 | In fact, we can probably dial that
down a little bit to make it a little bit
| | 03:49 | more clear, but slightly more reflective.
| | 03:51 | So I'm going to dial the Opacity down
to about 20, but add some reflection.
| | 03:55 | So I'm going to go into Maps and go
into Reflection and for this I think I'm
| | 04:00 | just going to do a Reflect/Refract Map,
and just because these are flat that
| | 04:07 | will work and then dial that down to say
about 15 or 20, somewhere in that range,
| | 04:13 | and that should work.
| | 04:14 | So well let's go ahead and render this
one more time and we'll see what we have.
| | 04:19 | And again, this is going to take a while.
| | 04:20 | So let's sit back and relax.
| | 04:23 | As you can see, the slightly more
reflective windows give it a more realistic effect.
| | 04:29 | So this is just a sample of some of
the rendering that you can do in an
| | 04:33 | external application, and whether
it's 3ds Max, Maya or any other type of
| | 04:39 | third-party rendering package, you
can take a SketchUp model and create a
| | 04:43 | fairly realistic image from it.
| | Collapse this transcript |
|
|
ConclusionGoodbye| 00:00 | Well, we've come to the end of
another wonderful lynda.com course.
| | 00:04 | I hope you enjoyed Google SketchUp Pro
Tools and Techniques, and I hope you use
| | 00:09 | the additional tools in SketchUp
Pro to design wonderful things.
| | 00:14 | So this is George Maestri,
and until next time, goodbye!
| | Collapse this transcript |
|
|
