Join Jake Ströh for an in-depth discussion in this video The advantages of timelines, part of Hype Quick Start.
We're going to create an interactive product gallery,…which will become content for an existing webpage.…We'll be working with relative timelines which…allows us to create our own custom transitions.…Our buttons will be placed on the main timeline and in this…case will act as a constant or universal navigation to switch between images.…Let's begin by opening motorcycles1-start.…First thing we're going to do is go over to the left margin where…these gray squares are and insert background images.…Later we'll attach actions to them and they will behave like buttons.…
I'll select the first one, change the fill style to Image.…We're looking for green-thm in the assets folder for thumbnail.…Do the same thing for the second one, which will be the black thumbnail.…The third one will be gold.…And the fourth one will be orange. Next we're…going to create timelines for each one of the motorcycles' larger images.…We'll go over to Main Timeline > Create new timeline, the first one will be green.…Now that we're on the greentime line, we'll go to…
- 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.