Archive | Tutorial RSS feed for this section

Advanced Timing Functions and Easing for Web Animations with Tumult Hype

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 […]

Read full story
1519639191animation

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 […]

Read full story
wp-leading-image

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 […]

Read full story

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 […]

Read full story
Devices_2x

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 […]

Read full story
flashAnimation-EasingSelection@2x

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 […]

Read full story
symbol

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 […]

Read full story
Screen Shot 2015-08-17 at 7.08.13 PM

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 […]

Read full story
Screen Shot 2015-06-01 at 1.19.34 PM

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 […]

Read full story
Screen Shot 2014-07-31 at 2.32.36 PM

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 […]

Read full story
Made for you in San Francisco.