Create animated gif adobe fireworks

In custom animation we need to setup the animation by creating each movement or step of the animation in separate states. For this, we need to first place graphics that should appear simultaneously in layers and give each layer a relevant name.

Next, graphics that should appear in more than one state needs to be shared across states by ticking the "share across states" property when the layer is double clicked.

A icon will appear next to the layer name. State 1 of our animation will appear as below:. State 1. State 2. State 3. Note: If the animation is part of a larger PNG you can also set the above optimize settings for a slice on the animated area. To make one, you'll use the Pen tool. After selecting the Pen tool in the Tools panel, click on the Fill box and choose a red swatch, or type FF in the Hex value field, then press return.

With the Pen tool, click to create points that form a path, and sometimes click and drag to create a rounded path. When the last point connects with the first, you will have formed a shape that looks like a turkey's snood.

You can set the Fill color to the same Orange as the beak by clicking on the Fill box then on the beak. With the Pen tool selected, make the stroke color black and set the stroke width to 2 in the Properties panel. Next, use the Pen tool to create points that form a shape that resembles a turkey's leg.

With the Pointer tool, position the legs where they look best. Then click on the Scale tool in the Tools panel. Click on a corner handle and move it inward, making the whole smaller, then press return. With all of your shapes still selected, use the Pointer tool to move the turkey into place.

You want it centered low on the canvas. With the Ellipse tool, click and drag to form a long oval. You'll duplicate the oval again and again until you have a total of five ovals.

With one of the ovals selected, click on the Fill box and choose a different color. Do this with three more ovals, choosing a different color for each. With the Pointer tool, click and drag over the five ovals to select them all. This will cause the tail feathers to fall behind the turkey when you move them into place.

Click away from the ovals to deselect them, then click on one oval at a time and drag them separately to where they will sit next to each other and partially behind the turkey. Using Smart Guides can help to evenly position the ovals that are opposite each other. You'll want to rotate the ovals and reposition them. Then click and drag your cursor just outside the bounding box in order to slightly rotate the oval.

With the Pointer tool, position the oval to where you think it looks best. Rotate the remaining ovals in the same way, and position them into place; distributing them evenly. Next, click on a tail feather to select it, then on the Fill box and choose a different color. Rename the file, turkey2 with a png extension, and click Save.

Click on on the turkey. Name it symbol 1, choose Graphic for the Type, then click OK. Click on the turkey2. Click back on the turkey. At the bottom of the States panel, click on the New Duplicate States button. When you click on the first state to select it, you'll see that it holds a symbol. When you click on the second state, you'll see that it's empty. Then click on the upper right corner of the canvas to place the file in the correct position.

Now, when you click between the first and second states, you'll see that both hold images. If you don't like the speed of the animation, you can double-click on the numbers to the right of each state to make adjustments. The higher the number the longer the duration time. Actively scan device characteristics for identification. Use precise geolocation data. Select personalised content. Create a personalised content profile.

Measure ad performance. Select basic ads. Create a personalised ads profile. Select personalised ads. Apply market research to generate audience insights. Measure content performance. Develop and improve products. List of Partners vendors. By Sue Chastain. Sue Chastain. Sue Chastain is a former Lifewire writer and a graphics software authority with web design and print publishing credentials. She's also skilled in WordPress administration.