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 →
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 →
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 →
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 →
Here is a neat little snippet to get a YouTube HTML5 video control inside Adobe Edge. Click here to preview sample. Setup Div Container First select the Rectangle Tool (M), then draw a div element. Once the div is created, alter the Size: w/h properties to fit
Read more →
Here is a simple example of element nesting now available in Adobe Edge Animate. Click the above image to preview example. Element Nesting: Select the Rectangle Tool (M) and draw a div shape. I called mine ‘Parent’. With the ‘Parent’ div element active, in the Properties Panel set
Read more →
Two free Adobe Fireworks ecoVectors. Page 1 has the green variation as captured above. Download . Unzip and open the .png file in Adobe Fireworks and use as you please. Page 2 has the elements that make the version captured below. Except for some bitmap texturing on
Read more →
Three free vector flower design samples created in Adobe Fireworks. Download . Once downloaded unzip and open the .png file in Adobe Fireworks. Each ‘flower’ (group) graphic is isolated onto its own Layer for easy selection. Use as you please. How was it Made? I will not
Read more →
Here is a simple animation demonstrating a stage level ‘keydown’ event. As captured below I have some artwork elements created in Adobe Fireworks and imported to the stage. The capture on the left shows the initial night scene follwed by an end user instruction to click a certain keyboard
Read more →
Eight free ‘price tag’ vector graphics, including some additional base element shapes to work with for user inspired additions. Download . Once downloaded unzip and open the .png file in Adobe Fireworks. Each ‘price tag’ graphic is isolated onto its own Layer for easy selection. Use as
Read more →