[message type=”info”]SAMPLE PREVIEW AND DOWNLOAD NOW UPDATED FOR THE LATEST VERSION OF EDGE ANIMATE[/message]
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 captured below, bottom, I created multiple (same dimension: width/height) Rounded Rectangle elements. Then isolated the effect starting with a base shape with a Solid Color Fill of 100%; followed by a variation of Box Shadow ‘Inset’ (solid fill Color set to 0%) versions. The effect resembles a gradient style you commonly see in graphics programs like Photoshop, Illustrator or Firreworks.
Here is an elabrate take on the above mult-shape Box Shadow ‘Inset’ – a combination of shape elements with varying Inset properties to create a realistic dial button – all image free.
Preview Box Shadow Effects or click the below image capture to preview the below output animation.
Download sample file below.
Create details to elements with multiple box-shadow ‘inset’ effects.