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 MoreEdge Tools
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 MoreLynda.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 MoreAdding & 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 MoreEdge 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 MoreGenerate 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 MoreAdobe 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 MoreHow 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 MoreDrag/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 MoreGetting Started with Edge Animate
Getting started tutorial for first-time Edge Animate users. Check out the complete tutorial—including the sample files—at www.adobe.com/go/start_edgeanimate
Read More