Author Archive

Adobe Edge Animate 1.01 Release Adds Support for Edge Web Fonts

EdgeAnimate1.01

Edge Animate 1.01 is now available for download, containing several bug fixes and performance improvements. This download is recommended for all users. This update includes: Added support for Edge Web Fonts Performance improvements on published content iOS 6 fix for multiple compositions embedded via iFrame and Adobe

Read more

Adobe Edge Animate reaches version 1.0

Adobe Edge Animate

Adobe Edge Animate 1.0 Overview It’s been seven glorious public previews over the past year or so and Adobe Edge Animate has reached version 1 status. The following overview is certainly not complete, so be sure to check out the following official Edge Animate related resource links.

Read more

Adobe Edge Animate Box Shadow Effects

Adobe Edge Animate Box Shadow Insets

Adobe Edge Animate adds a new feature set when working with text, image and shape (Rectangle, Rounded Rectangle, Ellipse) elements. As captured below, top, a single Rounded Rectangle element, with a 100% Color Fill and a Box Shadow set to Inset creates a neat ‘pillow’ effect. As

Read more

Adobe Edge Animate Simple Scrollbar Symbols

customscrollbars

The following sample and download demonstrates a simple (custom) use case vertical and horizontal scroll bar. As captured below, the process uses a simple workflow: nest a text element (child) into a content div (parent) and set the parent div ‘overflow’ property to ‘hidden’. This essentially prevents text longer

Read more

Adobe Edge Animate Preview 7

Adobe Edge Animate Preview 7

  Adobe Edge Animate Preview 7 Feature Overview: Download Adobe Edge Animate Preview 7 on Adobe Labs Introducing Edge Animate Preview 7 on Adobe TV Adobe Edge Animate Resource Center Responsive Layouts, Restraints & Presets Combine Stage level Percentages (optional Constraints) with a mixture of Context Position

Read more

Adobe Edge: Preview 6 Available on Adobe Labs

preview6_fi

Preview 6 Feature Overview: Download on Adobe Labs Video Highlights from Mark Anders New Adobe Edge Resource Center New Welcome Screen: Simplified wemcole screen with direct access to sample ‘Getting Started’ project demos. Click the ‘Whats New’ and ‘Resources’ tabs for additional options. New Lessons Panel: Access six

Read more

Adobe Edge: Preview 5

edge_preview5_fi

Preview 5 Feature Overview: Download on Adobe Labs Video Highlights from Mark Anders New Adobe Edge Resource Micro-Site New Welcome Screen: Optimization and minification deployment options: specifying if jQuery should be packaged with the composition or downloaded from a CDN. Down Level Stage for non- HTML5 Browser:

Read more

Adobe Edge Animate: Concentric Rings Demo Animation

concentricrings_fi

This is a deviation from the Symbol Instance tutorial posted earlier. I re-positioned the symbol instance; turned off Solid Color Fills; disabled the ‘box-shadow’ css ‘blur’ effect, and enabled Stroke Fills. Click image below (or here) to preview. Download sample project file below.  

Read more

Adobe Edge Animate: Bokeh Blur Symbol Instance Effect

symbolinstance_fi

Here is a simple example demonstration symbol creation and using multiple instances’ of that symbol on the Timeline, with a touch of Playback dynamics and CSS (‘box-shadow’) ’blur’ effect. Click the image below (or here) to preview the animation. One: New Edge Project Create a new Project (File

Read more

Adobe Edge Animate: Tip – Wrapping Type Elements

type_fi

Point Type When you Click once you only get a single point of entry that produces a single line of text. No chance at wrap to the next line becasue when you hit Enter the text editor closes. Ideal for single characters, words (Headings) or short phrases (Paragraphs).

Read more