Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now, I like to use pop-up widgets as the ultimate way to deliver multiple versions of the same graphic. So for example, with this graphic here I've got the name on the right and image on the left. Well, we're going to use a pop-up widget to create a rig where you can choose different states. So in one the image and name are set up like this; in the other it's the inverse. Now the other nice thing about pop-ups are the fact that they're not limited to just two different states. I could create three, four, however many different layouts, and with a pop-up widget somebody could just open the project and say yeah, I want the left align, or the right align, or center, or what have you.
So to get started we need to actually create a rig. If you notice, we have a rig here and I can quickly view what this rig is controlling by pressing F7. Now I notice this rig is called Color Rig and if I drag the slider here, it changes the background from this kind of purple color to this bright yellow color. So that looks pretty cool. But I wanted again, change the layout. So we'll create a new rig. Go up under Object and say New Rig.
With our New Rig selected, go to the Inspector and under the Rig section, here I can add my pop-up Widget. The way pop-up widgets work, they have snapshots. So the way you can edit a snapshot is first by renaming it. So let's rename this, and we'll call this Image_Left. Now in order to set this as the first pop-up state, we just need to go into Edit mode, and it's actually already set up.
So there is nothing to edit, so I can just stop that. And let's go to Snapshot 2. Now we'll rename this and we'll call this Image_Right. There we go. And this time instead of starting our Edit mode and doing nothing, we can start our Edit mode and then reposition everything in our project. So let's do that. If you open up our group here, I'll start by positioning the name. I'll just drag this over towards the left.
If I hold Shift as I drag, it will snap on the X axis. I can do the same thing with the logo. I'll drag it to the right. We can select our group of circles here and drag it to the left. And of course, drag our image, click and drag, drag that over to the right, and let's move our animated circle here a little bit, okay, and our background circle.
All right, now let's preview how this looks, and I'm just going to double-check my safe zones and make sure, yeah, I moved the logo out of title safe. So when you're dealing with text obviously always make sure that it is within title safe. So now let's preview our animation. I'm going to turn off safe zones here and press the spacebar. Now if this is being a little sluggish, which it is, I'm just going to deselect everything and Command+R, load up a quick RAM Preview.
Now we're ready to check this out, and as you can see, we've got our animation, and our image is now right, and our name is to the left. And this is looking pretty darn good. So I'm going to wait until my playhead gets a little further down the Timeline here, and we can record this version. So if we stop Rig Edit mode, now you notice it's recorded a whole bunch of different settings. And if you look at the Settings, it's primarily Position data, but to see the difference, let's just look at our widget.
If we select the rig here, we can switch between the different states just by clicking on the pop-up and choosing the other state. I've got my Image_Left and I have my Image_Right. Now, of course I could continue onto Snapshot 3, but I think we're good to go. So let's go to Snapshot 3 here, and I'll just delete this one by pressing the minus key. Now we have two options, Left and Right, and we have two separate rigs.
So let's rename this rig Position. Now our project is rigged, and everything is named, and it's basically ready to save out as templates to be integrated into either Final Cut or Motion.
Get unlimited access to all courses for just $25/month.Become a member
110 Video lessons · 50906 Viewers
86 Video lessons · 14091 Viewers
79 Video lessons · 15098 Viewers
350 Video lessons · 101330 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.
Your file was successfully uploaded.