Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

Hype and Hype Pro

Articles and tutorials for Tumult Hype and Hype Pro

* Article Index - Hype and Hype Pro star
Articles and tutorials for Tumult Hype and Hype Pro

Animation Software Terms star
When using animation software, there are several common terms with which you need familiarity. Although there are slight differences in the use of these terms between software, the basic definition does not change.

Create a Hype Template for iBooks Author star
In a previous Hype for iBooks Author tutorial, we built an image gallery with interactive buttons and animated transitions. The project turned out so well that I decided to create more. So in this tutorials we will convert the previous gallery widget project to a Hype template.

Export Hype to iBooks Author star
In this Hype for iBooks tutorial, we will finish our Christmas animation page widget by creating a secondary timeline where we will animate a toy train to move across the scene and export our project as a widget for iBooks Author.

Hype for iBooks Author - Gallery star
In the previous tutorial, we built a simple gallery in Hype for use in iBooks Author. In this Hype for iBooks Author tutorial, we will add the interactivity and animation that makes Hype widgets great for iBA. We will add the On Mouse Click action to the Back and Next buttons.

Hype Workspace Tools star
In the past tutorial, we discussed the most common terms used in animation software. Now we will explore how these terms apply to the Hype workspace and tools.

iBA Image Gallery for iBooks Author star
In this Hype for iBooks Author tutorial, we will build an interactive image gallery. The example we are using is a gallery that I created for an iBooks Author project called Childrenís Storybook Template User Guide.

iBook Author HTML Widget in Hype star
In this tutorial, we will create an HTML animation widget that will play full screen in an iBook. Tumult has a reasonable priced HTML5 animation software for the Mac, called Hype and Hype Pro. So, we will be using Hype today.

Introduction to Animation with Hype Record star
Hype has a very nice feature for the beginning animator, called the Record feature. To use this feature, just click the big red Record button. Thatís what we will do in this tutorial.

Metrics Inspector in Hype Pro star
In the last tutorial, we created our first Hype Pro document and examined the Element Inspector. In this tutorial, we will explore the Metrics Inspector and how to manipulate an element on the screen.

Multiple Timelines in Hype iBook Widget star
In the previous Hype for iBooks Author tutorial, we setup and added the background image for our iBooks page animation HTML widget. We will continue by adding the elements that we will animate on the page.

Programming the Color Game in Hype star
In the previous tutorial, we imported the images for a coloring game for iBooks Author that we are making in Hype Pro. Now we will add the interactive elements to the game.

Simple Color Game in Hype Pro star
In this tutorial, we will build a simple coloring game for iBooks Author in Hype Pro, designed for the very young. As the interactivity for babies is basically touching the screen, my client wanted this game to omit the option to choose colors and just display a color when the screen is touched.

Start a New Hype Pro Document star
The best way to learn about animating in Hype is to create a simple animation, such as moving a circle across the screen. Letís start our first Hype document and see what happens. You will soon realize that the tools in the Hype workspace control the CSS properties in our HTML5 based animation.

The Record Feature in Hype star
In the last tutorial, we began working on a simple animation and exploring how to use the Record feature to create our animation. We have the object to be animated, a rectangle, sized and positioned on the screen for the start of the animation. Now we will use the Record feature to finish.

Timeline Actions in Hype iBook Widget star
In the two previous Hype for iBooks Author tutorials, we have created our first animation for our iBooks HTML widget in Hype. Now we will coordinate the playback of the animation between the main and secondary timelines.

Tumult Hype and Pro Intro star
Hype and Hype Pro by Tumult are Mac OS X applications for creating keyframe-based HTML5 animations and interactive content which can be used on desktops, smartphones and iPads. Most of the time, one thinks of using Hype to create website interactivity.

Why Hype 3.5 and Pro star
In the next few tutorials, we will take a close look at Tumult Hype Pro and take note of the features and tools for creating HTML5 interactive animation for all modern browsers and mobile devices.

Flash and Animation Homepage | Editor's Picks Articles | Top Ten Articles | Flash and Animation Site Map

Add Hype+and+Hype+Pro to Twitter Add Hype+and+Hype+Pro to Facebook Add Hype+and+Hype+Pro to MySpace Add Hype+and+Hype+Pro to Del.icio.us Digg Hype+and+Hype+Pro Add Hype+and+Hype+Pro to Yahoo My Web Add Hype+and+Hype+Pro to Google Bookmarks Add Hype+and+Hype+Pro to Stumbleupon Add Hype+and+Hype+Pro to Reddit


Want to Suggest a Link?
Think your link belongs here? Use the contact page to let this editor know.

For FREE email updates, subscribe to the Flash and Animation Newsletter

Past Issues

g features
Subtle Animation Website Trends

Wix Editor - Background Video

Video on Wix Websites

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2016 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor