- 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
- [Voiceover] Hi, I'm Jake Str?h, and welcome to Up and Running with Hype. In this course, we'll look at how to create interactive motion graphics that work on desktop browsers, mobile, and even iBooks. I'll start by showing you how to animate graphic elements by keyframing various properties on the main timeline. Then, show you how to use the CAPO tool to build animations that start and end at different times without having to manually add keyframes. We'll see how to create relative timelines which take into account the position of elements on other timelines, so as to create smooth animations that animate elements across timelines.
Finally, I'll show you how to export your files, and integrate it into an existing website. We'll be covering all these features plus plenty of other tools and techniques. Now, let's get started with Up and Running with Hype.
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?
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.