by Rich Lee

Created

August 20, 2012

Today we have some big news – Preview 7 has just been released, and our new name is now Edge Animate.

Starting with this release, the name has changed from Edge to Edge Animate. Edge has been renamed to better reflect its capabilities as a tool to create animated, interactive content.

Preview 7 is a major update that our team is VERY excited about. We’ve been hard at work since Preview 6 launched in May, and added a lot of features to make your compositions more compelling and easier to create. Here’s a quick snapshot of what’s new:

  • Resizable Layouts: Enable your projects to adapt to different screen sizes.
  • Creativity Tools: New ellipse tool, box and text shadows, more robust text editing.
  • Stage Improvements: Rulers, guides, resizable stage, and positioning
  • Timeline Improvements: Adjust snapping, time-based increments that emulate FPS, visible grid.
  • Keyframe Improvements: Lots of improvements were made to make it easier and faster to work with keyframes.
  • Usability Enhancements: Grouping, refreshed properties panel, new keyboard shortcuts, and more.
  • Updated Code Editor: Re-skinned code tree, updates to symbols, error prompts.
  • Accessibility: Publish screen-reader friendly HTML tags.

Our team leader Mark Anders just released a new video that shows Preview 7 in action.

Be sure to check out the complete list of new features here. You can also see all the features we’ve added since Preview 1 launched a little over a year ago.

We hope you’re excited about Preview 7 – please get the complimentary download here and let us know what you think!

Cheers,
Rich

COMMENTS

  • By Jenelle Feole - 10:55 AM on July 30, 2013  

    Congrats, I will try it also.

  • By babu - 9:43 AM on April 4, 2013  

    need now.

  • By Noki Ngwenya - 9:37 AM on October 18, 2012  

    Hi, I’ve been using to create an interactive video tutorial for a client and I was wondering what the capabilities are in this new version for the ability to sync audio to animation keyframes? Can this be done?

    • By Rich Lee - 1:15 PM on October 18, 2012  

      Audio is a feature you can expect in a future update. Thanks!

  • By Süleyman Sönmez - 2:35 PM on September 22, 2012  

    Adobe Edge Animation is a powerful tool. I need to prepare animations for iBooks Author.

    And wonderful.

    I saw an option in the File menu, Publish to iBooks Author. You guys are great. This means that the widget simpler for me to prepare. Thank you for everything.

  • By Anthony - 1:46 AM on September 12, 2012  

    Any information as to if or when we can add audio directly into Edge and stream it like Flash? I produce a lot of educational animation work with audio narrative and if I start to move from Flash to HTML5 this would be a great addition.

    Thanks in advance.

    • By Rich Lee - 9:17 AM on September 12, 2012  

      Hi Anthony, we are working on audio support and hope it’s ready in the near future.

      Thanks,
      Rich

      • By Anthony - 10:40 AM on September 12, 2012  

        That’s great news, thanks!

  • By Derrick - 10:06 PM on September 11, 2012  

    Dear Rich and Mark!

    Thank you for your excellent explanation, as well as for your responsiveness.
    It is very, very helpful.
    I will, indeed, explore the matter further, armed with your excellent tutelage.
    You are onto a great new product – a true game-changer.
    We look forward to seeing and using Edge Animate, and being part of the revolution.
    Cheers,
    Derrick

  • By Bob eaton - 3:36 PM on September 7, 2012  

    Very Cool! application

    Is there an RSSs feed or email updates for Edge?

    • By Rich Lee - 4:50 PM on September 10, 2012  

      Hi Bob, the best way to get updates is to follow us on Twitter, or like us on Facebook.

      twitter.com/edgeanimate
      http://www.facebook.com/AdobeEdgeAnimate

      Thanks!

  • By Derrick - 12:28 AM on September 7, 2012  

    I am just starting with Edge, have reviewed a few examples, done a few lessons, and looked at some code.
    Something about Edge, demonstrated in one of the Getting Started videos, puzzles me.
    The PIN mechanism seems counter-intuitive.
    In the video, the “E” is at the bottom, you then click the PIN, slide the PIN HEAD to 1 sec, then move the “E” to the top of the screen/stage.
    When you play it, you see the exact opposite. Instead of seeing the “E” move up to the top position over the time frame specified, you see it move from the top to the bottom during that time. That seems exactly backward to me.
    Your comment “The motion moves towards the Play Head” might be correct, but the design choice seems exactly backward to me.
    Would you kindly explain your thinking behind making it work that way?
    For me, having it at the bottom, clicking some button (PIN), setting a time frame, and then moving the “E” to the top, should result in the “E” going from the bottom to the top during the time frame specified.
    Is that not more intuitive?
    Thanks,
    Derrick

    • By Rich Lee - 4:48 PM on September 10, 2012  

      Hello Derrick! Here’s a response to your question from Mark Anders, our team lead:

      Hi, thanks for your question. Let me try to explain the thinking behind the Playhead and Pin concepts so that they hopefully make more sense. This is going to be a little long, but hopefully it will be worth it!

      First, let’s look at how animation works without the Pin in Edge Animate (EA) and in other tools such as Flash Professional (FP) and After Effects (AE). In each of these programs, you animate by positioning the Playhead at a certain time and recording the appearance of objects on the stage at that point. It should be noted that the term “Playhead” is a bit of a misnomer – it does show playback but for this scenario, it’s really a “Record head”.

      If we take a scenario like the E falling and bouncing from time 0 to 1 second, there are two ways we could do this.

      First, we could position the E above the stage, set a keyframe at time 0, and then move the playhead to 1 sec and move the E to its final position. We will call this an “Animate From” animation because it animates from where you have the object to the new place you put it.

      The other way to do it is to position the E where we want it to end up and animate to that position. We call this an “Animate To” animation and it’s common because often you will create a static layout and then animate how the objects get there. To do it, you first move the playhead to 1 sec, create a keyframe to capture the E’s position at the end of the animation, and then move the playhead back to 0 and move the E above the stage.

      A few things to note about this. In both cases you created 2 keyframes and the same animation. In both, 1 keyframe captured the position of the E as positioned initially and the other captured the new position. Finally, whether you did an “Animate From” or “Animate To” was really up to you and how you wanted to work.

      So what is the Pin and how does it work and why is it a bit confusing?

      The Pin is just another keyframe recording device, but while the Playhead records new values, the Pin captures the old ones – as they exist before the edit. This allows you to create the pair of keyframes in a single edit that would typically require 2 edits using just the playhead. What makes the pin a bit confusing is that it is doing 2 things at once and you have to think about the type of animation you’re creating – whether you are doing an “Animate To” or “Animate From”.

      To do an “Animate To” animation, the Pin goes to the right of the playhead. The region between the Pin and Playhead will be blue and have arrows pointing backwards. The reason is that you are animating to the Pin (the Pin is blue) and the animation is going to feel like it’s running in reverse.

      For an “Animate From” animation, the Pin is to the left of the playhead, the region is yellow (like the playhead) and has arrows pointing to the right. These animations feel like they’re moving forward in time.

      So, to redo the E “Animate From” with the Pin, we start with the E above the stage, activate the Pin at 0 and slide the playhead to 1 sec and then move the E down. The Pin records the original position keyframe at time 0 and the Playhead records the new position at 1 sec. Again, the region is yellow – you move to the playhead, and the arrows point forward.

      For an “Animate To” of the E, you do it as I did in the video, you start with the E at the bottom of the stage, activate the Pin and move it to 1 sec, leaving the Playhead at 0. The move the E up above the stage. Here, you’re animating towards the Pin (the region is blue) so the animation feels backwards (just like the arrows in the region).

      Hopefully this helps explain things a little more. Definitely play with it, because once you get the hang of it, it’s really a productive way to use Edge Animate!

      • By Derrick - 10:05 PM on September 11, 2012  

        Dear Bob and Mark!

        Thank you for your excellent explanation, as well as for your responsiveness.
        It is very, very helpful.
        I will, indeed, explore the matter further, armed with your excellent tutelage.
        You are onto a great new product – a true game-changer.
        We look forward to seeing and using Edge Animate, and being part of the revolution.
        Cheers,
        Derrick

  • By JJ - 5:10 AM on September 5, 2012  

    Amazing application need only have audio management, pls ;-)

  • By Hauke - 8:03 PM on August 27, 2012  

    This is fantastic, kudos to you all for putting together such a comprehensive application so quickly and also by engaging users along the way. As an avid Flash developer, I am finding this to be a worthwhile platform even in its early stages, keep it up!

    How can users (like me) request features and/or give feedback along the way?

  • By Jorge Forero | diseñador - 6:20 PM on August 27, 2012  

    Hello, this aplication sounds very well ill gonna try , congratulations