Join Jake Ströh for an in-depth discussion in this video Understanding the main timeline, part of Hype Quick Start.
Since Hype is based on HTML5 and CSS3 animation, those of you familiar with…CSS may have noticed that some of…the properties and their names may look familiar.…If CSS is something you're not familiar with, this…doesn't put you at a disadvantage when learning Hype.…If anything, you'll become more familiar with some of the HTML5 and CSS3…nomenclature should you decide to learn how to code with them in the future.…I'd like to now talk about adjusting…the timing of properties on the main timeline.…I'm going to import a cloud image asset, and…I'm going to show you a different way to do that.…
Go to Elements and Insert an Image. And then I'm going to select cloud.png.…The cloud appears on our scene.…And if we open up the Resources folder, you'll…see that it is also in the library as well.…Now I'm going to place the cloud off to the top left of our scene.…I'd like this to animate into our scene at one second.…I can do that by going to the current…time indicator and typing out one second and zero frames.…I need to manually add In origin left…
- 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.