Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Adding 3D Rotation Effects is really easy inside of Flash Catalyst. Let's take a look at how we might apply it to some transitions for our buttons. In this example, I'm going to select the second button here and I'll double-click on it to enter Isolation Mode. Next I'll click on the Over State, and using the Layers panel, I'll turn off the Monochromatic Layer but turn on Color and Picking. In the Timelines panel for the Up > Over transition, I'll go ahead now and choose Smooth Transition. So when I preview this, I can see that it simply Fades from the Monochromatic version to the Color version of that art, and the word Picking appears.
We want to add some kind of 3-D Effect, so I'm going to highlight just the color version of the logo here in the Layers panel, this way it's selected. Then from the Add Action button at the bottom of the Timelines panel, I am going to choose Rotate 3D. I'll extend the duration here to a full second to match the other actions and if I click on the Preview button, you can see what happens when I transition from one state to the next. It rotates in 3D. Now notice how it rotates. It rotates around that axis that appears straight down the middle. The reason why it does that is because inside of the Properties panel for the Rotate 3D Effect, which is currently selected in the Timelines panel, I can see that it's set to Angle around the center axis from 0 to 360 degrees.
But we can of course apply different types of rotations as well. For example, I'm going to click on the Text object right here. Since I'm using the Selection tool the entire group now just became selected, so I'll click on Picking here in the Layers panel to select just the element that I want. Next, I'll add an additional Rotate 3D Effect. Once again, I'll extend it out to a full second, but this time I'm going to set this rotation to 0. But in the first value here, I want the text to flip from top to bottom. So I'm going to specify 360 degrees right here.
I'll press Enter to accept the value and I'll press the Play button here to preview it. Notice now that the color artwork rotates in 3-D in one direction, but the text rotates in 3D in a different direction. I'll return back to the Timelines panel, because I want to show you one other element here that really applies to all kinds of transitions inside of Flash Catalyst. I'll highlight the 3D effect that we added for the color group, which is right here, and if I scroll down further inside of the Properties panel, I'll see there's a setting here for Easing. Easing is a setting that professionals usually use to control every aspect of an animation.
More specifically it controls the individual nuances within the duration of the animation. For example, in this case I have a Rotate 3D Effect that takes exactly 1 second to perform. However, using the Easing settings, I might have that Rotate effect start off really slow in the beginning of that duration, but then speed up closer towards the end. Controlling the Easing in Flash Catalyst is very easy, because all you need to do is click on this Pop-up menu and choose from a variety of options. For example, I'm going to choose Bounce here and then I'll preview this, so I can see what it looks like.
The animation itself almost seems to bounce as it get towards the end. I can choose another option here called Linear and if I preview it here it may seem pretty normal when go ahead and I apply it. But if I go lower down now in the Properties panel, I'll see that I have Ease in and Ease out settings. I can actually control these by clicking on these little dots here and moving them around. In this case, I can really easily control exactly how this Rotate 3D Effect is applied. So between the Smooth Transition capabilities, between adding specific actions, for things like Rotate, Rotate 3D and even Fading In and Out, and the ability to control Easing inside of your transitions, you can get incredible professional results out of Flash Catalyst.
Get unlimited access to all courses for just $25/month.Become a member
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.