Join Jake Ströh for an in-depth discussion in this video Creating and working with timelines, part of Up and Running with Hype.
Working with multiple timelines can be a very effective…way keep animations separated and independent of one another.…To some that might seem slightly confusing.…But I'll show you an effective workflow where we will trigger three independent…timelines with three buttons that are targeted…with actions to start the specific timeline.…So let's begin by opening multi-timelines-start.…To create a new timeline, we'll go down to this main timeline.…And you'll…see that we have this drop-down menu…that we've used before to show timeline actions.…This is also where we can create a new timeline.…
So we'll create a timeline for green motorcycle, record enable this timeline.…And the green motorcycle will win the race in this particular timeline.…So at one second I'll drag the green motorcycle out of the scene.…At one and a half seconds, I'll move the white…motorcycle out of the scene. And at two seconds the orange motorcycle.…Let's jump to the beginning of the green…motorcycle timeline and press Play to preview in Hype.…
- 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
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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.