If you’ve worked in Flash and become accustomed to symbols and movie clips for managing your animations, this guide will prepare you for the easy transition into HTML5 animation with Tumult Hype. This guide is written by Nick Gressle. Also check out the Character Animation guide for Flash converts. Hi! My Name is Nick and […]
Archive | Tutorial RSS feed for this section
Flash Transition Guide: Character Animation
A note from Tumult: As the world shuns Flash with renewed vigor, we thought it would be a great time to talk about how to apply skills learned in Flash to Tumult Hype. The guest post below by Lucky De explores character animation in Hype. Whether you’re a seasoned Flash animator, or just curious about the […]
Comprehensive Physics Tutorial for Hype Professional
Want to make the most of the physics features in Hype Pro? Review our documentation & download this demo document. This physics-loaded document covers: Element Types: Static, Inactive, and Dynamic Setting different gravity values on the same scene using Symbols Defining dynamic element edges (circles, too!) Manipulating physics bodies with animations Creating top-down physics environments Control Gravity […]
GUI Kit: Prototyping for OS X Yosemite with Tumult Hype
If you’re a UI designer wondering how your app design will fit into Apple’s new operating system arriving this fall, we’ve got a treat for you: A retina-friendly Yosemite GUI kit to mockup your app. Recently, we recreated the new Android L interface, so today let’s talk about desktop! Reproducing Yosemite’s UI from Scratch It’s easy to mockup […]
New Video Tutorials
We’re releasing eight new tutorial videos today to help you use Tumult Hype to the fullest. Learn how to embed your Tumult Hype document in WordPress, test your document in Windows, build a solar system, and more! For more videos, check out our tutorial page & our Youtube Channel. Have suggestions for more videos? Get in touch. Creating […]
Android L UI Prototyping with Tumult Hype
In this post, I’ll show how you can easily create user interface prototypes with Tumult Hype. As a fun exercise, I’ll bring the new Android L design prototype to life. Creating quick mockups with animations, transitions, and real content should be a pleasant experience, and it is with this basic workflow in Tumult Hype: Create elements and drag images […]
Tutorial: Create Parallax effects and single-page scrollable experiences in Tumult Hype
Our good friends at Survey Legend have shared a great tutorial with us on creating a single-page website built for navigating by scrolling. This technique is a great way to build what appears to be a long scrollable page, but is actually a single scene through which the user moves. Check out the tutorial below, or download the […]
Creating Interactive Educational Content
Tumult Hype animations are great for demonstrating difficult concepts and organizing information. From small interactive quizzes embedded in a course webpage to complex animations in textbooks, the possibilities are nearly endless. In this post, I’ll cover techniques for getting the most out of Tumult Hype within an educational setting by answering these questions: What’s possible with Tumult […]
Watch “Up and Running with Hype,” a Lynda course by Jake Ströh
If you’re hoping to get a complete education in Tumult Hype, look no further than ‘Up and Running with Hype‘ by Jake Ströh, now available on Lynda. Topics include: 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 […]
Mobile Prototyping for iOS in Tumult Hype
Tumult Hype 2 is a powerful tool for rapid prototyping. This post lays out techniques for preparing a template, working with assets, and previewing your designs on a real device as you work using Hype Reflect. With these tips, you’ll quickly get your prototype as close to the real deal as possible. For an example of […]
