logo
g
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Painting
Knitting
Dating
Reading
Women's Fashion
Small Office/Home Office
History


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g
 F E A T U R E   A R C H I V E  

Archive by Date | Archive by Article Title

Export Hype to iBooks Author
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.

Timeline Actions in Hype iBook Widget
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.

Multiple Timelines in Hype iBook Widget
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.

iBook Author HTML Widget in Hype
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.

The Record Feature in Hype
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.

Introduction to Animation with Hype Record
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.

Start a New Hype Pro Document
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.

Hype Workspace Tools
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.

Animation Software Terms
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.

Why Hype 3.5 and Pro
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.

Pages of Results:
1 | 2 | { 3 } | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | Next

RSS | Editor's Picks Articles | Top Ten Articles | Site Map



g

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

g features
Submitting Video to Microstock Sites

Programming the Color Game in Hype

Simple Color Game in Hype Pro

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor