Join Jake Ströh for an in-depth discussion in this video Using actions and looping a timeline, part of Hype Quick Start.
Creating a seperate timeline specifically for looping is much more efficient…than say trying to achieve the same thing on the main timeline.…Its better and much easier to separate your animations into their own…timelines while you utilizing actions to say when they should start or stop.…Were going to create a loop on its own timeline and trigger it with a button.…We're also going to animate the loop timeline…on the main timeline so as to introduce and…illustrate the basics of nesting in animation sequence, so let's start by…opening the loop-start document, and we're going to insert the loops element.…
We're going to be looping this as a 360 rotation, so I…want to have some sort of point of reference, so I'll insert a…rectangle Go to the Element Inspector, and give it a black background…color with no stroke, resize it, and place it at what would be…like the 12 o'clock position.…Next, I'll drag-select both, and select the group button in the toolbar.…You'll see down in the timeline that we have, now, a…group layer Of the disclosure triangle for both rectangle and ellipse.…
- Creating your first Hype animation
- Understanding the main timeline
- Animating with keyframes
- Modifying keyframes and retiming
- Working with the Capo tool
- Reusing animations
- Masking and cropping
- Animating CSS filters
- Creating buttons and working with mouse actions
- Chaining actions together
- Developing a slideshow
- Creating and managing scenes
- Exporting and embedding Hype documents
Skill Level Beginner
Motion: Principles of Motion Graphicswith Ian Robinson3h 43m Intermediate
1. Getting Started
2. Timeline Animation
3. Managing Timelines and Interactivity
4. Working with Scenes
5. Exporting Your Project
Adding your own HTML1m 45s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.