This post is a complement to Getting Started with Infographics in Tumult Hype and shows off a few methods to work with live numbers, text, and data pulled at regular intervals for use in your visualizations. There are three examples, and sometimes a ‘wall of code’ but I promise these techniques will come in handy if you want […]
Archive | Tutorial RSS feed for this section
Getting Started with Infographics in Tumult Hype
In this post, I’m going to share some tips on creating infographics & data visualizations in Tumult Hype and show off a few amazing examples. Who am I? I’m Tumult’s support director, and it’s my mission to help journalists, design agencies, digital book designers, and museums make the most of what Hype can do. So what […]
Flash Transition Guide
Welcome to Tumult’s Flash transition guide. We produced this guide to help those familiar with Adobe Flash get started with the best HTML5 production tool: Tumult Hype Professional. Tumult Hype produces high performance HTML5, JavaScript, and CSS. If you’re familiar with other timeline-based animation tools like After Effects, Final Cut Pro, or Motion, you’ll feel […]
Flash Transition Guide: Working with Symbols
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 […]
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. If you’d like a quick demo on how this works, visit their website where they’ve created a single scene document using this process. This technique is a great way to build what appears to […]
