Archive | Tutorial RSS feed for this section

Screen Shot 2014-08-21 at 3.50.54 PM

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

Read full story
tutorialfeatured

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

Read full story
timemap

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

Read full story
upandrunninglynda

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

Read full story
label-maker

Mobile Prototyping for iOS in Tumult Hype 2

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

Read full story

Hangout with Hype: Face to Face tutorials on Google+

Our first (live) tutorial session is complete. You can check the different  points in the video by opening the description of the video in Youtube here and clicking different times. Or, jump directly to a demonstration of relative keyframes, a slideshow example that uses relative keyframes and a demonstration of uploading a Tumult Hype document to […]

Read full story
bounce-ss

Tutorial Walkthroughs: Explore new techniques within Tumult Hype

Today I’m pleased to release a set of tutorials built in Tumult Hype. They are hands on documents with tricks and techniques for animations, elements, timelines, and easing. Download these tutorials here. Please note that you’ll need a copy of Tumult Hype to open these documents (we have a 14 day trial available). First-person Learning My […]

Read full story
Screen Shot 2012-05-07 at 5.13.57 PM

Pixels vs. Bandwidth: Tumult Hype documents and Retina displays (iPhones, iPads, and the Retina Macbook Pro)

Note: This article was written when the new iPads with retina screens emerged onto the scene. It has been updated to reflect Tumult Hype 2.5′s new retina image support. Here are a few tips for producing high resolution Tumult Hype documents: Use High Resolution Images Tumult Hype 2.5 supports retina images, which means that you can […]

Read full story
Screen Shot 2012-05-07 at 5.10.17 PM

Easy HTML5 Animations in iBooks using Tumult Hype and iBooks Author

Version 1.5 of Tumult Hype allows direct exporting to iBooks Author widgets. It’s as easy as: Create an animation File > Export > Dashboard / iBooks Author Drag the generated .wdgt file into iBooks. We have a number of articles in our iBooks widget support area that cover various topics in HTML widget creation. The […]

Read full story
ipad3

Tips for making your Tumult Hype production “Mobile Friendly”

If you’re working on a Tumult Hype document for mobile devices, you may be interested in our new knowledge base article: “Tips for making your Tumult Hype production Mobile Friendly.” Of course, every Tumult Hype site is already compatible on Android 2.3+ and iOS, but there are a number of enhancements you can make. The […]

Read full story
Made for you in San Francisco.