skzuloo.blogg.se

Interactive infographic creator
Interactive infographic creator











interactive infographic creator
  1. #Interactive infographic creator movie#
  2. #Interactive infographic creator plus#
  3. #Interactive infographic creator free#

Repeat the same steps for the other two info boxes, renaming them to Infobox_2 and Infobox_3, respectively.ĭouble-click the first info box and rename the Layer to Popout_1.

interactive infographic creator

#Interactive infographic creator movie#

Rename the Symbol to Infobox_1 and leave the Type to Movie Clip.

#Interactive infographic creator plus#

Repeat the same steps for the other Plus icons, renaming them to Button_2 and Button_3, respectively.Ĭlick on the first info box and go to Modify > Convert to Symbol. Rename the Symbol to Button_1 and change the Type to Button. Go ahead and test out the work so far by going to the main scene and pressing Comannd + Return or going to Control > Test to view the animation in a web browser.Ĭlick on the first Plus icon in the infographic and go to Modify > Convert to Symbol. Repeat these same steps for the second cloud, but rename the Symbol to Cloud_2 and change the Motion Tweet animation to 18 seconds so the clouds. You will notice a motion frame was created with the animation.Ĭlick and drag the right side of the Motion Tween in the timeline and extend to about 14 seconds. Move the playhead to the end of the sequence and insert a new Keyframe at the 1 second mark by pressing F6 on your keyboard, right-clicking and choosing Insert Keyframe or going to Insert > Timeline > Keyframe.Ĭlick on the cloud and while holding Shift drag the cloud to the right, out of the scene completely. While still on the first keyframe in the sequence, move the cloud to the left out of the scene completely. Right-click the cloud object and choose Create Motion Tween. Rename the Symbol to Cloud_1 and leave the Type to Movie Clip. This will be similar to how the windmill was set up, but instead of rotation, the animationĬlick on the first cloud and go to Modify > Convert to Symbol or press F8 on your keyboard as a shortcut. Next, it's time to animate the two clouds in the scene, which are also on a separate layer called "clouds". Repeat these same steps for the other two windmills, however, you can set them to play at 16 seconds for a slower pace than the centre windmill. Test out the animation by clicking the Play button in the timeline or go to Control > Test, which will open the project in a web browser. You may have to zoom in tight to ensure the anchor is as close to the centre as possible. This will ensure that the animation plays with proper orientation.

#Interactive infographic creator free#

In the Timeline, drag the right side of the animation to the 14 second mark.Ĭlick on the Free Transform Tool and drag the anchor to the centre point of the circle in the windmill. In the Properties Panel, locate the Rotate dropdown under the Tweening section. Right-click the blade object and choose Create Motion Tween. Any animation you create will occur in this separate timeline. With the Selection Tool, double-click the blade object to drive into the Scene timeline. Rename the Symbol to Windmill_1 and leave the Type to Movie Clip. Go to Modify > Convert to Symbol or press F8 on your keyboard as a shortcut. With the Selection Tool, click on the blades in the centre windmill.













Interactive infographic creator