Animate to your heart's desire with Hype 3 and Hype Pro

Animate to your heart's desire with Hype 3 and Hype Pro

<div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p><a href='http://www.imore.com/animate-your-hearts-desire-hype-3-and-hype-pro' title="Animate to your heart's desire with Hype 3 and Hype Pro"><img src='http://www.imore.com/sites/imore.com/files/styles/large_wm_brw/public/field/image/2015/03/hype-pro-shot.JPG?itok=xbfOR-6j' />[/url]</p> <p class="intro">I'm not a big fan of WSIWYG editors for the web. But Hype is something special.</p> <div class="video"><div class="video_iframe"><iframe src="http://www.youtube.com/embed/lfbO_reb5Xw?rel=0&autoplay=0&wmode=opaque&controls=2&autohide=1&showinfo=0" width="627" height="353" class="video-filter video-youtube vf-lfboreb5xw" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div>  <p>Tumult's Hype — an HTML5 WYSIWYG (What You See Is What You Get) web and animation editor — is approaching its four-year anniversary in May, and what a way it has chosen to celebrate: The company is releasing a major update for its professional and prosumer users in the form of Hype Pro, packaged inside the all-new Hype 3 as a $49.99 upgrade.</p> <p>I've had so much fun testing Hype Pro over the last few months: It's an excellent upgrade for longtime Hype users, and I suspect it may draw in quite a few new pro users, as well.</p>  <h2>Why is Hype worth the hype?</h2> <p>If you ever fancied yourself an animator, like building responsive websites but hate the reams of CSS code it often requires, or want to prototype iOS games, Hype is quite simply one of the best apps in its class.</p> <p>Tumult's awesome how-to documentation makes it easy to get started, and animating is a cinch for anyone who understands keyframe- or recording-based workflows. (Even if you don't, it's a pretty easy process to pick up: Hype's YouTube tutorial on the subject is super-helpful if you're curious.)</p> <p>The company also offers a free trial if you want to toy around with Hype and get to know its controls and workflows.</p> <p>As someone who hates writing JavaScript or tweaking existing scripts, Hype is a godsend for creating quick animations for all sorts of things — a quick logo for my roller derby league, animated images in iBooks Author, and cute little HTML5 cards for my friends on their birthdays. The below video I created with Hype 2.5 last year, and it tells a short little story from a children's book I've been working on.</p> <div class="video"><div class="video_iframe"><iframe src="http://www.youtube.com/embed/7bnRdPV-3uc?rel=0&autoplay=0&wmode=opaque&controls=2&autohide=1&showinfo=0" width="627" height="353" class="video-filter video-youtube vf-7bnrdpv3uc" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div>  <p>Hype also has a whole gallery showcasing what other people have done with the app, in case you're curious.</p> <h2>Hype 3: A pretty good upgrade in its own right</h2> <p>If you owned Hype 2, you'll get Hype 3 as a free upgrade, and it's packed with several great improvements. (For new users, Hype 3 is $49.99.) The interface has been completely redone and feels much more in line with OS X Yosemite; it also feels more streamlined — I was able to find tools and build animations with much more precision than in Hype 2 or 2.5.</p> <p><a href='http://www.imore.com/animate-your-hearts-desire-hype-3-and-hype-pro' title="Animate to your heart's desire with Hype 3 and Hype Pro"><img src='

?itok=1Zhk7DbS' />[/url]</p> <p>There are also a bunch of other little things in this update, including 24 new timing functions, you can independently create scene sizes, you can copy and paste and rearrange timelines, there are some more accessibility improvements in the underlying HTML code, and lots of bug fixes.</p> <h2>Hiding in plain sight: Hype Professional</h2> <p>Since its inception, Hype has offered consumer-to-prosumer-level tools for building animations. They're excellent, but they always felt a bit more iMovie than Final Cut — designed for simplicity with occasional power underneath.</p> <p><a href='http://www.imore.com/animate-your-hearts-desire-hype-3-and-hype-pro' title="Animate to your heart's desire with Hype 3 and Hype Pro"><img src='

?itok=pwuqElje' />[/url]</p> <p>Hype 3 changes the game entirely: With a $49.99 in-app purchase, you can activate Hype Pro, which adds so many brilliant features I'm going to find it hard not to cheer over each one. With Hype 3, Tumult has essentially packaged the Final Cut of web editors and hid it within its baseline iMovie-style client: It's a devilishly smart move from the company, and one I bet will pay off.</p> <p>Price Hype Pro at $100, and you have lots of people unwilling to give it a shot. I get that — it's hard to justify dropping $100 on a new workflow. But price Hype 3 at $50 with a free trial, and you get a lot of the good stuff off the bat; add another $50, and you have some truly pro-level features at your disposal.</p> <p>So what exactly makes Hype Professional so cool? Lots of things, but the real wow marquee feature for me is Physics: It uses behind-the-scenes CSS3 and JavaScript magic to give natural motion and weight to any object in your timeline.</p> <p><a href='http://www.imore.com/animate-your-hearts-desire-hype-3-and-hype-pro' title="Animate to your heart's desire with Hype 3 and Hype Pro"><img src='

?itok=XK_r7Iba' />[/url]</p> <p>I built a quick silly game for the iPhone in about twenty minutes using the Physics engine; though it's nothing fancy, it's crazy how easy it was for me to construct. It really does put creativity in the forefront in lieu of having to know any sort of in-depth code.</p> <p>There are lots of other fantastic features that you unlock with the Hype Professional upgrade, including fully responsive layouts, reusable templates, dark interfaces, being able to rearrange the interface, editable timing functions, persistent symbols across scenes, and more. It's a heck of an upgrade, and an especially-welcome one for those who have been using Hype for some time now.</p> <h2>Bottom line</h2> <p>Hype serves a niche audience in the Mac community, but it does so with aplomb — and both Hype 3 and Hype Professional's features look to keep that community happy and working for years to come. If you haven't given Hype a try and it sounds like a tool you might be able to use in your workflow, check out their free trial. You won't regret it.</p> </div></div></div><img width='1' height='1' src='