Edge Tools

How to Create a Slideshow with Edge Animate

The title, “Creating a Slideshow with Edge Animate” is now available on Lynda.com “Creating a Slideshow with Edge Animate” is now available on Lynda.com! Learn how to create a custom slideshow with Edge Animate. In this course, I cover everything from creating and importing graphics and buttons to dynamically loading as many images as you want for your slideshow. Plus, discover how to add interactive thumbnails that make it easy for visitors to interact with […]

Read More

Course: Drag-and-Drop with Edge Animate CC

The title, “Creating Drag-and-Drop Functionality with Edge Animate” is now available on Lynda.com “Creating Drag-and-Drop Functionality with Edge Animate” is now available on Lynda.com! Drag-and-drop functionality is perfect for any game or interactive web project. Edge Animate makes it easy to implement. Plus, the drag-and-drop interactions you add work even on smartphones and tablets. Learn how to create draggable objects, add target areas where users can drop them, create reactions to those drops, and change […]

Read More

Lynda.com Course: Creating a Responsive Design with Edge Reflow

My latest Lynda.com course is now live! Learn how to create responsive web designs that look and work great on desktops, tablets, and mobile devices with Edge Reflow. In this course I show how you can design a layout, add text and images plus add content from Photoshop and Illustrator, and even generate Reflow projects from Photoshop CC. Also learn how to find the “breakpoints” in your designs and decide how your layouts will reflow […]

Read More

Adding & Controlling Audio in Edge Animate

Learn how to bring a project to life with audio, using Illustrator, Audition and Edge Animate. See how to create and import audio, how to control it in the timeline as well as with JavaScript. View the project here. Download the source files here.

Read More

Edge Reflow Tutorials

The following Edge Reflow tutorials will take you through everything you need to know when making a wireframe or responsive site with the latest version of Adobe Edge Reflow CC (preview). 02 How to Design in Reflow 03 Creating a Responsive Layout 04 Working with Typography 05 Grouping and Organizing Content in Reflow 06 Creating Media Queries in Reflow 07 Creating States and Links and Pages in Reflow 08 Using Photoshop and Illustrator Graphics in […]

Read More

Generate Web Assets from Photoshop

In this video learn how to extract CSS, export image assets from layers (easily) and even generate an entire Reflow file, all from a PSD. Thanks to the latest update to Photoshop for Creative Cloud members. Great for anyone who uses Photoshop for web or asset creation. See the help documentation for further information as well as this post for all features in the latest update.

Read More

Adobe Edge Reflow CC Update (August 7th)

You’ve asked. We’ve listened. In this video see the latest Adobe Edge Reflow CC (Preview) has to offer. Multiple pages, copy/paste styles and many other productivity enhancements.

Read More
Create a Slideshow in Edge Animate.

How to Create a Slideshow in Edge Animate

Learn how to go beyond the timeline in Edge Animate when creating a slideshow or portfolio. This tutorial shows you how to create a slideshow gallery that can have an infinite number of photos added, all pulling dynamically from an external folder. View Slideshow Download Source Files

Read More

Drag/Drop in Edge Animate Part 2: Multiple with Touch

After receiving many questions about the first tutorial, where I show how to do a simple drag and drop. Part 2 shows how to drag and drop multiple objects that also animate back to the original location when a target is missed. I also show how to make the objects touch enabled for mobile devices. Download source files here. and see the example here.

Read More