Animation can roughly be defined as showing successive images or frames to give the illusion of smooth changes. Instead of producing every frame by hand, modern web animation tools like Tumult Hype let an animator create keyframes (generally start and stop points) and the computer dynamically fills in all the inbetween frames. How the computer […]
Archive | Tutorial RSS feed for this section

Visual Ad Creation Workflow with Tumult Hype
The goal of this article is to show how to create a rich media advertisement with Tumult Hype. It covers the basics of using the app in the context of building an ad and discusses ad-specific tips and tricks. By the end of reading you’ll be able to make HTML5 ads quickly and beautifully! The […]

Easy Embedding HTML5 Animations in WordPress with the official Hype Animations Plugin
In this post, I’d like to introduce a new WordPress plugin for embedding interactive and animated content in WordPress: Tumult Hype Animations for WordPress. For a quick walkthrough of how to use this plugin, watch this video. If you’re not familiar, Tumult Hype is a powerful tool for building advanced interactive and animated content that works […]
Visualizing Live Data in Tumult Hype
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 […]

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 […]
Recent Posts
Top Posts
- Tutorial: Create Parallax effects and single-page scrollable experiences in Tumult Hype
- Myth busting the HTML5 performance of transform:translate vs. top/left
- Tumult Hype 3.6.4 Update Now Available
- Create quality infographics by exploring original Tumult Hype project files
- Notes from an Infographic Craftsman: Interview with Konstantinos Antonopoulos