All Articles Review
Recensione: 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.

Cosa diavolo è Hype? Si tratta di un costruttore di sito web? Uno strumento di animazione HTML5? Un eBook assistant diagramma interattivo? Un modo per costruire semplici applicazioni cross-platform per i telefoni? Di Si. Tutti questi e più. Il nuovo aggiornamento di Hype 3 e Hype 3 Professional rende intere nuove classi di cose possibili, ma qui ben guardare l'intera applicazione da zero. Se sei un utente di Adobe Creative Cloud, youll trovare Hype occupa alcuni degli stessi argomenti di bordo Animate, anche se ognuno ha punti di forza e di debolezza.

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

Il mio gratis bambini interattivi libro è stato animato in Hype e pagina per pagina inserita in iBooks Author.

Perché Hype?

Come il suo nucleo, Hype è uno strumento di animazione HTML5, il che significa che è possibile creare animazioni per il web che dont richiedono Flash. Mentre theres ancora un sacco di lavoro svolto con Flash, la scrittura è sul muro per anni: la sua non è supportato sui telefoni (non iOS né Android) e il suo declino è quindi assicurato. Se si desidera creare un annuncio che tutti possano vedere, sei bloccato con GIF non interattiva o la meravigliosa gioia next-gen che è HTML5.

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

Un semplice documento Hype, con un oggetto selezionato per l'animazione.

Interfaccia

Hype ha diversi riquadri all'interno della sua interfaccia one-finestra. Il disegno principale è nel mezzo, con la linea temporale di seguito. Le proprietà sono suddivisi in diverse categorie in un ispettore a destra, e Scena e layout riquadri possono apparire a sinistra. Tutto può essere nascosta a piacere, e se si va per il Pro aggiornamento, è possibile riorganizzare tutto troppo. E 'un moderno app Mac, con l'ispettore costruito nella finestra principale, piuttosto che di galleggiamento, e con un sacco di scorciatoie prevedibili. Tutti possono godere di un'interfaccia di colore chiaro, ma se lo vuoi scuro, youll andare Pro.

Animazione

Il mondo dell'animazione molto tempo fa si stabilì (più o meno) su un'interfaccia temporale-driven con i fotogrammi chiave, e il suo flusso completo qui. È possibile creare oggetti semplici (cerchi, rettangoli e così via) o trascinare in bitmap (PNG / JPEG) o vettoriale (SVG) opere d'arte, e theyll essere aggiunto alla tua timeline. La metà superiore della timeline mostra gli oggetti, mentre la metà inferiore mostra le proprietà attualmente accessibili per l'oggetto (s) attualmente selezionato.

So, so many properties to animate.

Così, tanti oggetti da animare.

Ogni oggetto ha molte, molte proprietà che possono essere tutti keyframe singolarmente, anche se solo pochi sono mostrati per default. Se si desidera lavorare con uno, scegliere dal pannello delle proprietà e il suo aggiunto alla metà inferiore della timeline. Mentre tutte le proprietà di base funzionano come previsto, se si desidera utilizzare qualcosa di più elaborato, youll bisogno di essere consapevoli dei limiti delle vostre piattaforme di destinazione. Per esempio, se siete abbastanza sfortunati da avere a sostegno di Internet Explorer, è solito essere in grado di utilizzare filtri CSS3 come Blur. In effetti, alcune piattaforme hanno problemi con l'utilizzo di SVG a tutti, che possono attaccare di pixel per ora. Fortunatamente, è possibile scegliere quali versioni di cui piattaforme come youd vedere avvisi per, in modo da non essere sommersi da informazioni inutili.

Percorsi animazione e la tempistica

Motion paths? Sure!

Percorsi di movimento? Si Certamente!

Supporto keyframing manuale è buono, anche se segue un modelyou abbastanza rigide devono creare tutti i fotogrammi chiave manualmente, non solo il primo. Se non potete abitua a questo, non c'è problema: attivare registrazione fotogramma chiave con il grande pulsante rosso posto.

In termini di movimento dell'oggetto registrazione, è possibile utilizzare i parametri Y tradizionale X / o attivare il supporto del percorso di movimento per ogni oggetto, quindi creare qualunque pazzo percorsi curve che si desidera. Opzione cliccando fotogrammi chiave crea maniglie bzier come youd si aspettano, quindi la sua probabile che sia una esperienza familiare.

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

Ci sono molti grafici di visualizzazione predefinite se è possibile creare grafici personalizzati solo in Pro.

Non importa come si crea l'animazione, fare doppio clic sulla linea tra due fotogrammi chiave mostrerà un ricco editor di temporizzazione, che consente di scegliere e poi (in Pro) personalizzare la transizione tra due parametri. Questo è simile ai grafici di andamento a bordo Animate e Flash, ed è una gradita aggiunta.

Interattività

All the basics of clicking and dragging are supported.

Tutte le basi di clic e trascinando sono supportati.

Ogni elemento può essere reso interattivo, e supporto touch è esplicito. Cliccando / maschiatura, mouse sopra e trascinare sono tutti qui, con una selezione di built-in azioni che possono essere attivati ​​per ciascuna. Mentre youre probabilità di trovare quello che ti serve nel menu, è possibile anche scrivere il proprio codice JavaScript e attivare qui. Come in bordo Animate, la sua anche possibile attivare azioni sulla timeline, ea livello scena, per prendere il colpi e combinazioni di tasti.

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

Anteprima in qualsiasi browser o su un vicino iPad Hype esecuzione Reflect.

Anteprima con Hype Reflect

La sua abbastanza facile controllare che cosa il vostro lavoro sarà simile a video solo giocare, ma non puoi veramente sapere come ci si sente fino a quando lo si tiene tra le mani. Per fortuna, la Hype libera Reflect app consente di visualizzare un'anteprima del documento corrente su un dispositivo iOS in rete. Hype può anche mostrare il documento in qualsiasi browser sul vostro sistema, in modo da poter individuare e risolvere i problemi nelle prime fasi del processo di sviluppo. Non tutti i browser e le piattaforme si occuperà di tutte le animazioni allo stesso modo, e il suo bene sapere dove si deve scendere a compromessi prima che il cliente approva un effetto non puoi effettivamente fornire.

Esportazione

Quando hai finito, puoi esportare una cartella con HTML e file di supporto, o un widget dashboard utilizzabile in iBooks Author. OAM export è una funzione (solo pro) per gli utenti di InDesign, che permette di includere Hype-made animazione HTML in EPUB InDesign-fatti (anche se al momento non ci sono problemi in più sul lato InDesign di cose che devono essere lavorato in giro). È inoltre possibile esportare in formati non interattivi, che possono essere utili come ripiego per browser meno recenti. Animated GIF e H.264 MPEG-4 video sono entrambi opzioni qui.

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

Perché sì, questo è quattro palle che rimbalzano contro una pagaia controllati dall'utilizzatore.

Pro solo: Fisica, simboli, layout Responsive, OAM e più

Mentre Hype 3 è un aggiornamento gratuito per gli utenti esistenti, Hype 3 Professional è un optional di acquisto in-app che porta molto di più al tavolo. Oltre al riconfigurabile, interfaccia opzionale scuro, è possibile lavorare con i layout reattivo, fornendo il posizionamento oggetto diverso per le diverse dimensioni degli schermi, o per diversi orientamenti su un tablet. Misura a base percentuale è inoltre disponibile.

Anche in Pro, simboli consentono di confezionare un oggetto (o gruppo di oggetti), insieme con la loro animazione, poi ri-utilizzare tale pezzo più e più volte in una singola timeline. Questo tipo di gestione degli oggetti è molto utile per i grandi progetti, esiste da lungo tempo in bordo Animate e Flash, quindi è fantastico vedere che anche qui. Alcune caratteristiche più piccoli sono solo Pro troppo: griglie, modelli e comportamenti personalizzati.

Infine, il supporto fisico sta per essere di grande interesse per alcuni sviluppatori; è sufficiente indicare un oggetto come Dinamico e rimbalzerà contro altri oggetti nella scena. È possibile mantenere gli oggetti all'interno di aree delimitate da utilizzando oggetti statici; essi non muoversi, ma gli oggetti possono rimbalzare contro di loro. (Oggetti statici invisibili sono possibili anche.) Più emozionante di tutti, è possibile cambiare la gravità inclinando il dispositivo. Se youve mai voluto creare una tabella pachinko home-brew, nows tua occasione senza codifica richiesta!

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

Afferra il processo da tumult.com piuttosto che l'App Store.

Conclusione

Se si dispone già Hype, questo è un upgrade facile da raccomandare; è un ottimo aggiornamento per una applicazione matura. E se non avete, ma hanno bisogno di un strumento di animazione HTML? Ancora una grande scelta. Se si dispone di Creative Cloud avete Bordo Animate già, ma ci sono diverse aree (sostegno scena, vivete in anteprima su dispositivi, gestione dei file) in cui Hype ha il bordo.

Dovreste andare Pro? Se si pensa che * potrebbe * utilizza una delle caratteristiche professionali, la sua una scelta facile, ma se non sei sicuro, afferrare il processo prima e vedere come si va. Decisamente consigliato.

Hype 3: US $ 49.99 US $ 49.99 per Pro aggiornamento, Mac App Store

Prova gratuita 14 giorni: 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: