Making an Animated GIF in Xara Designer

Xara Designer can be used to make interesting Animated GIF pictures which can be included on your site. Xara Designer is a web designing suite which includes everything that you could possibly need to make and design websites. The websites that you create can be packed with lots of great multimedia content including videos and animated gifs.

By practicing, it should be easy to create a great animated gif image that you can be proud of. These animated gifs are fairly simple animation and are much quicker to load than a video. They are also much easier to make because they simply need a series of still images stitched together to make an animation. These animations are a wonderful way to brighten and freshen up any website.

Step 1: Designing Your Frames

All animated gifs are made up of a series of separate frames. The number of frames will depend on the animation that you are trying to do and the length of it. The more frames you have, the better the quality and the smoother the movement will be. Start by creating the first frame in Xara Designer by including whatever you want in the start of your animation.

Step 2: Adding Frames

New frames can be added easily in Xara Designer without needing to use any additional applications. Open the frame gallery by clicking the button on the toolbar. Select your first frame and click on the Copy button. This will copy the frame and make it possible to edit and adjust. This will create a new frame which can then be edited. By doing this, you can be sure that your frames will be in line with one another.

Step 3: Editing the Frame

Once you have copied the frame, you can then edit it until you are happy with it. This will normally involve changing it and moving the characters around. You will also be able to edit any text so that this is animated.

Step 4: Adding More Frames

Adding more frames is exactly the same; simply click on the most recent frame and click the "Copy" button again. This will create a copy of the most recent frame which can then be adjusted again.

Step 5: Checking Frames

Check the contents of the frames by stepping through them. This is possible by simply clicking on them in the palette with your mouse. When each frame is selected, the display will change to show this.

Step 6: Adjusting Speed

The speed of the animation can be adjusted easily. Click on one of the frames and click the properties button. This will display a properties dialog window. By default, the speed will be 1/10 of a second; you can adjust this setting as much as you like.

Step 7: Previewing

Click the preview button, and then click play to take a look at the finished animation.

Step 8: Exporting

Once you are happy with your animation, you can then export it to disk. It can be saved as a GIF file, which can then be inserted into your web page.