Start learning with our library of video tutorials taught by experts. Get started

Google SketchUp Pro: Tools and Techniques
Illustration by Richard Downs

Adding interactivity: Motion


From:

Google SketchUp Pro: Tools and Techniques

with George Maestri

Video: Adding interactivity: Motion

The Component Attributes window can also be used to add interactivity to a model. So for example, we have this refrigerator. So if want, I can interact with this refrigerator by opening and closing some doors, as well as sliding in and out the vegetable bins or the drawers in the bottom. So let's go ahead and see how this works. We are going to open up a file called Fridge_01 and this is basically the same refrigerator we had, but with no interactivity.
Expand all | Collapse all
  1. 3m 33s
    1. Welcome
      1m 4s
    2. Using the exercise files
      24s
    3. Important Mac and PC differences
      2m 5s
  2. 9m 41s
    1. The Component Options window
      3m 32s
    2. Using the Interact tool
      1m 54s
    3. Using metadata in the Component Options window
      4m 15s
  3. 1h 6m
    1. Using the Component Attributes window
      4m 46s
    2. Exposing component attributes
      6m 0s
    3. Creating a drop-down list
      8m 42s
    4. Creating dynamic materials
      8m 29s
    5. Creating a dynamic picket fence
      2m 10s
    6. Creating a dynamic picket fence: Assembling the components
      4m 54s
    7. Creating a dynamic picket fence: Making pickets multiply
      6m 11s
    8. Creating a dynamic picket fence: Making fence posts multiply
      4m 0s
    9. Creating a dynamic picket fence: Customizing attributes
      8m 18s
    10. Adding interactivity: Motion
      5m 25s
    11. Adding interactivity: Rotation
      4m 10s
    12. Adding interactivity: Changing colors
      3m 45s
  4. 39m 37s
    1. The LayOut interface
      2m 56s
    2. Drawing lines and arcs
      4m 33s
    3. Drawing rectangles
      2m 22s
    4. Drawing circles and polygons
      2m 31s
    5. Modifying line styles and color
      3m 2s
    6. Working with text
      3m 0s
    7. Inserting SketchUp models
      4m 33s
    8. Manipulating SketchUp models
      3m 30s
    9. Working with dimensions
      2m 17s
    10. Arranging and grouping objects
      3m 5s
    11. Creating scrapbooks
      3m 11s
    12. Creating presentations
      2m 40s
    13. Exporting and printing
      1m 57s
  5. 6m 40s
    1. The Style Builder interface
      2m 5s
    2. Working with strokes
      4m 35s
  6. 19m 15s
    1. Importing objects from AutoCAD
      6m 37s
    2. Importing other 3D objects
      3m 14s
    3. Exporting objects
      4m 38s
    4. Exporting objects for rendering
      4m 46s
  7. 19s
    1. Goodbye
      19s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Google SketchUp Pro: Tools and Techniques
2h 25m Intermediate Jan 15, 2010

Viewers: in countries Watching now:

Google SketchUp Pro: Tools and Techniques shows professional users of Google's popular 3D modeling software how to create compelling 3D graphics. Author George Maestri focuses on the features available in Pro that make SketchUp a valuable design tool. He demonstrates the new Dynamic Components and shows how using them can add interactivity to a model. He teaches how to create custom Dynamic Components from models, which is a feature unique to Pro. He also explores SketchUp Pro's companion application, LayOut, a presentation tool that retains the editability of models even when they're embedded in documents. Last but not least, George shows how to export and import objects to and from other programs, such as AutoCAD and 3ds Max. Exercise files accompany this course.

Topics include:
  • Making custom Dynamic Components
  • Drawing with Layout
  • Editing textures outside of SketchUp
  • Creating and managing styles with the Style Builder
  • Exporting objects for rendering
  • Creating scrapbooks and presentations
  • Exporting model attributes to reports
Subjects:
Architecture Previsualization CAD 3D Drawing
Software:
SketchUp
Author:
George Maestri

Adding interactivity: Motion

The Component Attributes window can also be used to add interactivity to a model. So for example, we have this refrigerator. So if want, I can interact with this refrigerator by opening and closing some doors, as well as sliding in and out the vegetable bins or the drawers in the bottom. So let's go ahead and see how this works. We are going to open up a file called Fridge_01 and this is basically the same refrigerator we had, but with no interactivity.

So the first thing we want to do is go ahead and slide out these bottom drawers. Now if you notice the refrigerator is positioned so that these drawers will slide along the green axis or the Y-axis. So let's go ahead and select this refrigerator, right-click and go into our Component Attributes. You can see the refrigerator is actually built of a number of parts. We have the master refrigerator component, as well as an upper and lower door component, and a left and right drawer.

We are going to start with the drawers. So like we said we want to slide this out along the green or the Y-axis. So we are going to add an attribute for right drawer, called Position Y. So again, this is a green axis and so we can see that at the default it's 35.3125. Now I am actually going to write that down because that's an important number. In fact, I can also just copy it, select it and just hit Copy, to remember that number, because what I need to do is I need to figure out what values this needs to animate through to slide the drawer in and out.

So if I just typed in a random number, say 50, you can see that well that's going the wrong way. So maybe something less than 35. Let's say 30. Okay 30 brings it out but I need to bring it out more. So how about 20? Well, 20 seems to slide that drawer out pretty much perfectly. So what I need to do is animate between 20 and this value, which is 35.3125. So I want this animation to happen when I interact or when I click on that drawer.

So what we need to do is add in an attribute and the attribute we want to find is called onClick. So when we click on that drawer, something happens and what happens is determined by a function. So let's go over here to Functions and let's just see what functions we have. If I scroll down, you can see here we actually have a whole list of onClick functions. So when I click on this, any one of these can happen. We can send out an alert. We can animate it four different ways, Fast, Slow, Custom and so on.

We can also go to a specific scene, we can redraw the scene, or we can set any other attribute. Now the one we are interested in is Animate. So let's go ahead and click on that. By clicking on that, all it does is it just puts it up here in this little holding area. We actually need to insert that into our onClick attribute. So I am going to click in here and then just hit Insert, and that puts in my function. So let's take a look at what we need to make this function work.

We want to animate an attribute. Well what attribute are we animating? We are animating Y and then we are going to animate it through any number of states, which means, for example, two states would be open and closed, or we could have open, half open, fully open, and so on. In this case, we really just want to deal with two states, but again you can have any number. So I want to go from state1, which is this number here 35.3125. state2 would be fully open and we remember that to be 20, and then we really don't need any more.

So all we need are these two states. When we click on this, we are going to animate the Y value between 35 and 20, hit Enter and let's see if it works. Let's go ahead and select Interact and you notice here that we can't interact with any of this and as soon as that hand goes over that bottom drawer, it lights up, and we can now interact. So we can do the same for the other drawer. So let's go ahead over to Drawer Left and add in that attribute.

Again we are going to animate along Y and conveniently enough, the values are going to be the same. This is 35.3125. So in fact, what we can do is we can just copy and paste the formula that we have here into our onClick function. So all I need to add in that onClick attribute. Then I am going to go here, highlight it, Ctrl+C or Apple+C to Copy, then hit Enter, and then Ctrl+V or Apple+V to Paste, Enter again.

And let's see how this works. Interact, one, two, there we go. So as you can see it's very easy to create custom interactive animations just by using onClick and the Animate function.

There are currently no FAQs about Google SketchUp Pro: Tools and Techniques.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Google SketchUp Pro: Tools and Techniques.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Notes cannot be added for locked videos.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.