Join Jake Ströh for an in-depth discussion in this video Developing a slideshow, part of Up and Running with Hype.
We want to create a simple image gallery where…each image fades in and out to the next.…When working with timelines, we can look at this in one of two ways.…One, we can create a single image on its…own timeline that fades in and out, then create…a timeline action that links to another timeline that…does the same thing with another image and so on.…Or two, we can create one longer timeline where the images perhaps crossfade.…We're going to take a look at both…and discover the benefits and drawbacks to each.…
We'll begin by opening timeline-gallery-start,…clicking on the Resources folder and…adding from our Assets folder the building, bridge, house and sffd images.…Next we're going to add each one of these to the main timeline.…I'll start in the stacking order in which they're represented…in the resource library.…Each one I'd like to add a one pixel border around.…Next I'll centrally align these on the scene.…Now I'll close the Resource Library and drag select all of the images.…
Now I'll go to the Elements inspector and drag the Opacity slider down to 0%.…
- 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?
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.