Join Josh Modglin for an in-depth discussion in this video Creating a storyboard, part of InfraWorks 360 Essential Training.
- [Instructor] So now that we have a grasp of the Storyboard Creator tools, let's go ahead and create a storyboard and create that animation. And what we're going to do, we're going to show what it will be like to drive from the interstate and to our bridge and be able to see that bridge the entire time. So we're going to, of course, use our Create design presentations tools, go to Storyboard Creator. Now there's already a storyboard there named StoryBoard_Completed and we're going to create a new storyboard. So we're going to add another storyboard to this model.
And I'm going to name this storyboard FromInterstateNorth. And there's a lot of different tools, but one of the tools that we've seen that's the easiest to work with, especially if we're coming from a background where we don't or have not done animation of any sort, is the Add Camera Path Animation. So to start that let's go ahead and get into the right position, and we're going to come, going to pan out a little bit, and get into that position where we're coming up the interstate heading north to get off the off-ramp there and be able to see our bridge in view.
Something similar to that. That's our start point. And then we're going to choose to Add Camera Path Animation. When we do additional options come up and it's telling us what it's going to have. What the Camera Path Animation does is it pretty much allows us to take keyframes along the route, set the time duration in between those keyframes, and it handles the animation, the position of the camera, the position of what we're targeting the camera with, and so on, by going or transitioning from one keyframe to another.
So now that we have our first keyframe, let's get to our second keyframe, which would be pretty much each intersection we're going to establish a keyframe. And so I'm going to get to this intersection, but I do want to make sure that bridge is nicely in view as well at that intersection. And so now that I can see the bridge I'm going to go ahead and click the add button to that keyframe. When I do it adds that next keyframe, but it seems to be kind of squished together.
Now the reason being is because we really didn't set the duration. Let's go back to Keyframe 1 and notice we have the ability to set the time to the next keyframe. So we're going to bump this up, allowing a lot of time in between Keyframe 1 to Keyframe 2. Allow that transition. So we'll see if 10 seconds is sufficient by just clicking the play button. And we'll play the current storyboard and you see how it goes and it's transitioning from that one position to the next position.
During that entire process I was watching to make sure that bridge stayed in view. So 10 seconds seems about right. So what we're going to do is we're going to go to our next intersection, I'm going to go ahead and pick Keyframe 2 before we get that positioned. Somewhere between there. I want to be able to see that bridge. And we're going to go ahead and hit the plus sign again. When I do it adds Keyframe 3 and it just follows the same speed that we had established from Keyframe 1 to Keyframe 2, but again, I prefer duration.
It gives you a lot more control, you can speed up from one frame to the next, and so on. So we're going to go back to Keyframe 2, say time to the next frame, and we'll set it to something like, oh 6 seconds. So we'll speed it up just a bit. And again, at any point we can just back this up, and hit the play button, and see if that is sufficient. So you see it speed up just a bit, because the bridge kind of gets out of view in that period of the animation.
So it's okay if it goes a little bit faster. I'm going to pan over now and get ourselves positioned here for the entrance of our new roadway, making sure, of course, I can see that bridge. And then it's now becoming more of the central key figure in our design, or in our animation. Come to Keyframe 3, you see the red line around it, and say add. Now to go from Keyframe 3 to Keyframe 4, it again is trying to keep the same speed, so we'll say next time between frames is again, about 6 seconds.
So you see the speed kind of picking up for a little bit there. And so on. So again, let's just back this up and see if that speed is sufficient. Hit the play button. And that's good. It's going a little fast, so let's just bump that down, maybe something more like 7 seconds. Spread that out. Now that we have this what we're going to do is our last keyframe, we'll pick this, make sure this is the active keyframe we're adding from, that last keyframe is, of course, looking at that beautiful bridge that we've added so far.
So we're going to just kind of set that right in the center of our view and that'll be our last keyframe. And we're going to get to that keyframe a lot slower, so we're going to set that speed to something more like 10 seconds. We really want that to be highlighted. Now we've just added keyframes so far, we've just worked with this whole idea of the Camera Path Animation, but you can also add additional things, such as a Title or a Caption. And that's what we're going to do, we're going to add a Caption here for our bridge.
So we're going to add a Caption. And we're going to slide that caption back, something like right there, so it lines up with our bridge. And we can even extend when you see that caption. And we're going to say Our New Bridge. And place it right there. And what it'll do is it'll show up right in the center of our animation. Let's see what happens.
So I hit the play button, comes up, you see once it hits the caption in our storyboard our caption will show up, Our New Bridge, and will continue to the very end. And so we've created a storyboard that really presents our bridge and it shows off that bridge design through the entire thing. We're going to back up and we're going to play it and see if that's sufficient. And again, you see how easy it was to create this animation.
We didn't have to learn about cameras and the placement of the cameras versus the lighting and the target of the camera. All we had to do was get the specific key positions where we wanted to show a picture or image and then how much time to transition from one to the other. And then we allowed the software to handle the rest. And it drove that camera right up to our bridge and even presents a nice caption on our storyboard.
A very powerful tool to quickly present our design with animation.
- What is InfraWorks?
- Model Builder and Model Explorer
- Navigation tools
- Creating roads, buildings, land areas, and city furniture
- Using query tools
- Terrain and feature themes
- Working with styles
- Adding decorations
- Designing roads, bridges, and drainage
- Creating a storyboard