Join Jake Ströh for an in-depth discussion in this video Animating text with keyframes, part of Up and Running with Hype.
Working with text in Hype 2.0 offers many of the same…options that one would experience when coding out an HTML5 website.…We will explore how to work with text by adding to the exercise we just created.…We will add text to our scene that will fade in as the jet flies by.…To do that, let's go to the Elements icon in the toolbar and insert Text.…This is our text box in Hype. The text is already selected.…However, if you…prefer, you can click on the pencil and open up the text editor box.…I prefer just working with the text box.…
So I'll just double click to select all and type out the…name of my airline, Jake Stroh Airlines, the preferred airlines of lynda.com.…Ill double click to select all my text, and go over to the text inspector.…I'll center justify my text.…Then you'll notice here in our font family section that…we have all fonts selected, and this pull down…menu offers all iOS fonts, or all Websafe fonts.…New to hype 2.0 Is the add more fonts button,…where we can choose from more than 600 free google fonts.…
- 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.