Join Jake Ströh for an in-depth discussion in this video Reusing animations, part of Up and Running with Hype.
Let's say that you want to duplicate an element in the scene, or…better yet you want to duplicate and reuse an animation on a different element.…We're going to explore different options available…in reusing previous animations in our document.…So let's start by opening, reusing-start.hype document.…I'm going to play preview and you'll see that we have…a green motorcycle it comes to the scene and pops a wheelie.…I'm going to position the playhead to…one and a half seconds.…I'm going to select the green motorcycle and…copy or Cmd+C and then Cmd+V and paste.…
What happens when you select an element and copy and paste…it, is you paste a duplicate of that element without the animations.…So let's select the green bike that we…just pasted and hit Delete and take that off.…So if we were to right-click on this scene you'll notice on this drop down menu…that we have paste with animations or…we can use the keyboard short cut Option+Cmd+V.…Now you'll notice we have a duplicate layer of green motorcycle and it…has placed it exactly where the playhead stands right now at 1.5 seconds.…
- 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.