Join Jake Ströh for an in-depth discussion in this video Working with elements, part of Hype Quick Start.
Working with elements in Hype is a combination of…importing or creating artwork for our presentations and animations.…We'll be creating an animation of a jet flying through the sky.…To do this, we will need to import the…jet image while creating the gradient background within Hype itself.…So let's get started.…I'm working with the default document size…of Web small because of its horizontal orientation.…To import the jet, I'll go to the resources folder in the Toolbar and…select it. Click the Plus sign, and add file.…Select red-jet.png, and now it's in our resource library.…
When I select it in our resource library, you'll notice that…there are two options down below and one is selected, Preload.…What that means is that this image will preload before the animation will begin.…Next, let's drag the jet onto the stage and close the resource library.…I've selected a PNG file for its…transparency nature, because we're going to have a different…color in the background that's going to represent the sky.…GIFs and JPEGs are also acceptable file types for images in Hype.…
- 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.