![]() ![]() In the Actions panel, once again click Add Using Wizard and add a Stop Action. Move the playhead to the 110 frame mark and insert another Keyframe. Click Finish and Add.Ĭlick Add Using Wizard again and add a Play Action. Open the Actions panel by going to Window > Actions.Ĭlick the Add Using Wizard button and add a Stop Action. OK, there's just one last thing to do – add the Actions to the buttons so users have control on how the banner opens and closes.Ĭreate a New Layer at the very top and call it Actions. To ensure that the close button is invisible until the animation is finished, insert a Blank Keyframe after the Keyframe (111 Frame mark). Give the Button an instance name of close_btn.ĭouble-click the button to drive into its timeline and insert a Keyframe on the Hit state. Name it Close Button and set the Type to Button. Type the word Close and make the type Rift (Bold) and 30 pt size. Select the Text Tool and click anywhere on the canvas. Move the playhead to the 110 Frame mark and insert a Keyframe. To ensure that the button is invisible, click on the second frame and add a Blank Keyframe. Go back to Scene 1 by clicking the arrow in the upper left corner. Name it open_btn.ĭouble-click the shape to launch the Button timeline. This can be done in the Properties panel in the Object tab in the Instance Field. Name it Open Button and set the Type to Button. With the playhead on the first frame, select the Rectangle Tool and draw a rectangle the same size as the mask rectangle shape.Ĭlick the shape and go to Modify > Convert to Symbol. ![]() The banner to expand and collapse like this:Ĭreate a new Layer at the very top, above the Mask layer and name it Buttons. Now to see it in work, click the Lock icon at the top of the Layers and scrub through the timeline. Select the remaining layers and drag them under the Main Image Layer. In the Timeline, right-click the Mask layer and choose Mask. ![]() Move the playhead to the last frame in the layer (120 frame mark), right-click and select Paste Frames. Move the playhead to Frame 110 – where the animation ends, and insert another Keyframe.Ĭlick the first Keyframe in the Mask layer, right-click and select Copy Frames. With the Transform Tool, drag the rectangle so it covers the entire canvas. Move the playhead to the 15 Frame mark and insert another Keyframe. Right-click the shape and select Shape Tween. Select the Rectangle Tool from the toolbar and roughly draw a rectangle on the canvas, starting in the upper left corner and dragging downwards to the right.Ĭlick on the shape with the Selection Tool and in the Properties panel, change the size to 300 x 250 for width and height, respectively. Next, I'll take you through the steps on how to set up the expandable mask and add actions to open and close the banner animation.Ĭreate a new layer at the very top in the Timeline and name this Mask. Great! You've added the animation to the expandable banner. This will create a fade in effect to both the button and text as the last elements in the animation. Individually, on both layers, click anywhere between the frame sequence and create Classic Tween. In the Properties panel, under the Object tab, add an Alpha Color Effect to the button and change the Alpha to 0%. Move the playhead back to the 3 second frame and first click the Buy Now Button. Move the playhead to the 110 Frame mark and insert another Keyframe on both layers. On both of these layers, move the playhead to the 3 second frame mark and insert keyframes Name it Promo Text and set the Type to Movie Clip. Name it Buy Now Button and set the Type to Button.Ĭlick on the Promo text (UFL Tickets.) and go to Modify > Convert to Symbol. ![]() Click on the Buy Now button and go to Modify > Convert to Symbol. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |