All Articles Review
Review: Hype 3 Professional
Iain Anderson on Thu, April 9th 0 comments
Hype Professional is an app for creating stunning animated and interactive web content and design without using code, all using HTML5. Iain Anderson puts Tumult's Hype Pro 3 through its paces.

Que diable est Hype? Est-ce un constructeur de site Web? Un outil d'animation HTML5? Un eBook schéma interactif assistant? Une façon de construire de simples applications multi-plateformes pour les téléphones? Ben Oui. Tous ceux et plus encore. La nouvelle mise à jour de Hype Hype 3 et 3 Professional fait de nouvelles classes entières de choses possibles, mais voici bien regarder l'ensemble de l'application à partir de zéro. Si vous êtes un utilisateur Adobe Creative Cloud, youll trouver Hype occupe une partie du rez-de-même Edge Animate, si chacun a ses forces et faiblesses.

My free interactive kids book was animated in Hype and inserted page-by-page into iBooks Author.

Mon livre gratuit pour enfants interactifs a été animée dans Hype et inséré page par page dans iBooks Author.

Pourquoi Hype?

Comme son noyau, Hype est un outil d'animation HTML5, ce qui signifie que vous pouvez créer des animations pour le web qui ne nécessitent pas de Flash. Alors que theres encore beaucoup de travail est fait avec Flash, l'écriture a été sur le mur pendant des années: ce ne est pas pris en charge sur mobiles (non iOS ni Android) et son déclin est donc assurée. Si vous voulez créer une annonce que tout le monde peut le voir, vous êtes coincé avec GIF non-interactif ou la joie merveilleuse next-gen qui est HTML5.

A simple document in Hype, with an object selected for animation.

Un document simple dans Hype, avec un objet sélectionné pour l'animation.

Interface

Hype a plusieurs volets au sein de son interface à guichet unique. La toile principale est au milieu, avec le calendrier ci-dessous. Les propriétés sont divisées en plusieurs catégories dans un inspecteur sur la droite, et Scène et mise en page vitres peuvent apparaître à gauche. Tout peut être caché à volonté, et si vous allez pour la mise à niveau Pro, vous pouvez réorganiser les choses trop. Ce est une application Mac moderne, avec l'inspecteur construit dans la fenêtre principale plutôt que flottant, et avec beaucoup de raccourcis prévisibles. Tout le monde peut profiter d'une interface de couleur claire, mais si vous voulez l'obscurité, vous aurez à aller Pro.

Animation

Le monde de l'animation depuis longtemps réglé (plus ou moins) sur une interface pilotée timeline avec des images clés, et son en plein débit ici. Vous pouvez créer des objets simples (cercles, rectangles, etc.) ou faites glisser dans bitmap (PNG / JPEG) ou d'un vecteur (SVG) œuvre, et ils vont être ajouté à votre calendrier. La moitié supérieure de la timeline montre vos objets, tandis que la moitié inférieure présente des propriétés actuellement accessibles pour l'objet (s) sélectionné.

So, so many properties to animate.

Donc, tant de propriétés pour animer.

Chaque objet a beaucoup, beaucoup de propriétés qui peuvent tous être keyframed individuellement, mais seulement quelques-uns sont présentés par défaut. Si vous voulez travailler avec un, choisissez-la dans le panneau Propriétés et son ajoutée à la moitié inférieure de la timeline. Alors que toutes les propriétés de base fonctionnent comme prévu, si vous voulez utiliser quelque chose de fantaisie, vous aurez besoin d'être conscient des limites de vos plates-formes cibles. Par exemple, si vous êtes assez malheureux d'avoir à soutenir Internet Explorer, vous ne serez pas en mesure d'utiliser des filtres de CSS3 comme Blur. En effet, certaines plates-formes ont des problèmes avec l'aide de SVG du tout, ce qui peut vous coller à pixels pour l'instant. Heureusement, vous pouvez choisir les versions des plates-formes qui aiment youd de voir mises en garde, de sorte que vous ne serez pas submergé d'informations inutiles.

Chemins de mouvement et le calendrier

Motion paths? Sure!

Trajectoires? Bien Sur!

Soutien keyframing Manuel est bonne, si elle suit un de model assez rigides doivent créer toutes les images clés manuellement, pas seulement la première. Si vous ne pouvez pas vous habituer à cela, pas de problème: activer l'enregistrement de clé avec le gros bouton rouge à la place.

En termes de mouvement d'objet d'enregistrement, vous pouvez utiliser X traditionnelle / paramètres Y, ou activer le support Trajectoire pour un objet donné, puis de créer toutes fou chemins sinueux vous voulez. Option-cliquant sur des images clés crée poignées bzier que youd attendre, de sorte que son risque d'être une expérience familière.

There are many preset timing graphs — though you can only create custom graphs in Pro.

Il ya beaucoup de graphiques de synchronisation prédéfini si vous ne pouvez créer des graphiques personnalisés dans Pro.

Peu importe comment vous créez votre animation, double-cliquant sur la ligne entre deux images clés montrera un riche éditeur de calendrier, qui vous permet de choisir et ensuite (en Pro uniquement) personnaliser la transition entre deux paramètres. Ceci est similaire aux graphiques assouplissement en bordure Animation et Flash, et est un ajout bienvenu.

Interactivité

All the basics of clicking and dragging are supported.

Toutes les bases de Cliquer et glisser sont pris en charge.

Tout article peut être faite interactive, et le soutien tactile est explicite. Cliquer / taraudage, souris sur, et faites glisser sont tous ici, avec une sélection de haut-actions qui peuvent être déclenchés pour chaque. Alors que vous êtes susceptible de trouver ce dont vous avez besoin dans les menus, vous pouvez également écrire votre propre code JavaScript et déclencher ici. Comme Edge Animate, ce est aussi possible de déclencher des actions sur la timeline, et au niveau de la scène, pour ramasser des balayages et des frappes.

Preview in any browser or on a nearby iPad running Hype Reflect.

Aperçu dans ne importe quel navigateur ou sur un iPad Hype consécutive à proximité Reflect.

Aperçu avec Hype Reflect

Son assez facile de vérifier ce que votre travail va ressembler à l'écran il suffit de jouer, mais vous ne pouvez pas vraiment savoir comment il se sent jusqu'à ce que vous tenez dans vos mains. Heureusement, le Hype gratuitement Reflect application vous permet de prévisualiser votre document actuel sur un appareil iOS sur votre réseau. Hype peut également montrer votre document dans ne importe quel navigateur sur votre système, vous pouvez donc repérer et résoudre les problèmes tôt dans le processus de développement. Pas tous les navigateurs et plates-formes seront face à toutes les animations aussi, et son bon de savoir où vous avez à faire des compromis avant que le client approuve un effet vous ne pouvez pas réellement livrer.

Exportation

Lorsque vous avez terminé, vous pouvez exporter un dossier avec les fichiers HTML et de soutien, ou d'un widget Dashboard utilisable dans iBooks Author. OAM exportation est une fonctionnalité (uniquement pro) pour les utilisateurs d'InDesign, ce qui permet d'inclure l'animation HTML Hype réalisés à epubs InDesign-faites (même si actuellement il ya des questions supplémentaires sur le côté InDesign des choses qui doivent être travaillé autour). Vous pouvez également exporter vers des formats non-interactifs, qui peut être utile comme solution de repli pour les anciens navigateurs. GIF animé et H.264 vidéos MPEG-4 sont les deux options ici.

Why yes, this is four balls bouncing against a user-controllable paddle.

Mais oui, ce est quatre balles rebondissant contre une pagaie contrôlable par l'utilisateur.

Pro uniquement: Physique, Symboles, Disposition Responsive, OAM et plus

Alors que Hype 3 est une mise à jour gratuite pour les utilisateurs existants, Hype 3 Professional est un achat in-app facultatif qui apporte beaucoup plus à la table. Ainsi que l'interface réarrangeable, éventuellement sombre, vous pouvez travailler avec mises sensibles, fournissant le positionnement d'objet différent pour différentes tailles d'écrans, ou pour des orientations différentes sur une tablette. Mesure basé sur un pourcentage est également disponible.

Toujours en Pro, Symboles vous permettent de packager un objet (ou groupe d'objets) ainsi que leur animation, puis re-utiliser ce morceau encore et encore dans une seule timeline. Ce type de gestion d'objet est très utile pour les grands projets et a longtemps existé Edge Animate et Flash, donc ce est super de voir ici aussi. Certaines fonctionnalités sont plus petites Pro-que trop: grilles, des modèles et des comportements personnalisés.

Enfin, le soutien de la physique va être d'un grand intérêt pour certains développeurs; vous avez juste besoin de désigner un objet comme dynamique et il va rebondir contre d'autres objets dans votre scène. Vous pouvez conserver les objets dans les zones délimitées en utilisant des objets statiques; ils ne se déplacer, mais les objets peuvent rebondir contre eux. (Objets statiques invisibles sont également possibles.) Le plus excitant de tous, vous pouvez changer la gravité en inclinant votre appareil. Si vous avez jamais voulu créer une table de pachinko maison infusion, nows votre chance aucun codage requis!

Grab the trial from tumult.com rather than the App Store.

Prenez le procès de tumult.com plutôt que l'App Store.

Conclusion

Si vous avez déjà Hype, ce est une mise à niveau facile à recommander; ce est un grand jour pour une application mature. Et si vous ne l'avez pas, mais il faut un outil d'animation HTML? Encore un excellent choix. Si vous avez Creative Cloud vous avez Bord Animate déjà, mais il ya plusieurs domaines (soutien de scène, vivez la prévisualisation sur les périphériques, gestion des fichiers) où Hype a l'avantage.

Si vous allez Pro? Si vous pensez que vous * pourrait * utilisez l'une des caractéristiques pro, ce est un choix facile, mais si vous n'êtes pas sûr, prenez le premier essai et voir comment vous allez. Fortement recommandé.

Hype trois: EUR 49,99 US $ 49,99 $ pour la mise à niveau Pro, Mac App Store

Essai gratuit de 14 jours: http://tumult.com/hype/download/

Related Videos
Comments (0)

You must be logged in to comment.

EDM Production Tips
Logic Pro X 402
Dream It. Do It.
Do you want to learn EDM Production Tips?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: