Get $500+ of the best After Effects files, video templates and music for only $20!
First Look: The New Scripting Features of Adobe Edge
videos

First Look: The New Scripting Features of Adobe Edge

Tom Green on Dec 26th 2011 with 4 comments
Tutorial Details
  • Screencast duration: 17 mins
  • Difficulty: Beginner
  • Topic: Adobe Edge

Edge Preview release 3 introduces code snippets and the ability to add interactivity to your presentations. In this collection of 3 screencasts we’ll take a look at the new features, and put them to work in an interactive slideshow.

1: Introduction

Let’s begin by seeing how code is added to elements and the timeline. Additionally, I’ll demonstrate the new Script panel where you can add snippets at the click of a mouse or “roll your own” code.

Don’t like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!

2: Slideshow

In this screencast we’ll put the new features to work by creating and coding up a slideshow with linear navigation.

Don’t like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!

3: Going Beyond

This final tutorial takes our slideshow to the next level and demonstrates how non-linear navigation can be added to an Edge presentation. Along the way I’ll show you a number of productivity tips and even visit Fireworks to rapidly create the assets used in the slideshows.

Don’t like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By Tom Green

Rollover to read this author's bio or click through to see a full list of posts by this author.

Tom is a professor of Interactive Multimedia through the Humber Institute of Technology and Advanced Learning’s School of Media Studies. Like all faculty in the program, Tom believes his students deserve to be taught by instructors who are regarded as experts in their field and whose knowledge of their subject is current with industry best practice.  

Plus Premium
 
 
Add Comment

Discussion 4 Comments

  1. Matthew says:
    December 28, 2011 at 10:52 pm

    Thanks for the great tutorial. I am wondering if they have created a deeplinking system for the back buttons so that if you decided to create the entire website in Edge, would the user also be able to use the browser back button instead of the back buttons on the page?

    Reply
  2. Mohamed says:
    December 29, 2011 at 1:56 am

    Nice tuts thanks keep up please..

    Reply
  3. juan says:
    January 6, 2012 at 9:33 pm

    Hola !
    Mi pregunta es la siguiente : Como haces para que las imagenes no queden en el stage, es decir
    que cuando hagan click en culaquier imagen, se retire la que esta mostrandose en pantalla y entre la nueva, es imposible, ya he intentado muchas veces y no logro conseguir podrias ayudar gracias

    Reply
  4. Joseph says:
    January 7, 2012 at 5:06 pm

    Wonder if the end product of Edge would help us create the UI & UX for HTML5 based apps?

    Obviously more js files would be added to the code to fetch & store data locally, but would Edge cover for all the UI & UX work?

    Thanks A Lot for these tuts!

    Reply

Add a Comment