We're going to create this final file that…animates a rocket illustration moving to all four…corners of the scene area while rotating its…angle once stopped in each of the corners.…We'll be working with the origin left and top properties…as well as the rotation angle property to create our animation.…We'll begin by opening rocket-start.…And here you see we have a rocket and our scene background is black.…I'll begin by moving my rocket…to the top left corner and that I want to rotate this.…You can hold the Cmd key down with your…image selected and you're given the option to rotate.…
Once the rocket is facing right, I'm going to record enable my scene.…We go to 1 second.…I'm going to drag the rocket over the right corner.…Now the next thing I want to do is affect the rotation angle property.…So I'll manually add a key frame at one second to start…the rotation angle. Then I'll go to 2 seconds on my timeline.…With the rocket selected, I'll hold Cmd down again,…and I'll rotate the angle of my rocket facing downward.…
- 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
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.