Join Jake Ströh for an in-depth discussion in this video Working with the Capo, part of Hype Quick Start.
Let's begin by opening the capo-start document.…I'm going to animate the top green bike all the…way off to the left side of the scene as…well as the orange and the white but I…want to change their start times to be one second apart.…I'm going to record enable the scene, go to…three seconds on the timeline, select the green bike.…And move it off to the left side of the scene.…Now, that's all well and easy when we know that…our animation is going to start at the beginning of the timeline.…You might be thinking, if wanted to delay this, why don't I…just select my animation overview bar and move it out to one second?…While that certainly works.…
There's an easier way.…So, let's undo that so that our animation does start at zero seconds.…And with record enable still on, we're going to…begin the animation of the orange bike at one second.…The cable tool is positioned right here in the top-left corner of the main…timeline, and we can just pull that out, the one second mark.…This now establishes the start of whatever property…
- 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.