News, Inspiration & Stories about our Multimedia Software

Tutorial: GIFs made easy!

Tutorial: GIFs made easy!

GIFs made easy!

GIFS have been making a real comeback lately. The format, originally developed in 1987, is ubiquitous in the World Wide Web of today, where the simple motto of “watch, laugh, share” is largely responsible for the popularity of this and many other forms of media. But how exactly do you make a GIF? Continue reading to find out!

What is a GIF?

GIF is a graphic format (Graphics Interchange Format). An animated GIF, in reality, is not an animation at all. It’s a series of images that gives the impression of movement, similar to a movie. This technique is also know as stop motion.

GIFs work in all browsers, too.

How can I make my own GIFs?

Now we want to make a GIF of our own. The first thing we need to do is create a new project in Photo & Graphic Designer. Here’s how:

1. Open an animation

– Open Photo & Graphic Designer

– Go to File > New > Animation (Shift+Ctrl+N)

2. Set up your frames

In order to bring your GIF to life, you need to create individual keyframes (images).

– Assign a background image to the first frame in the Animation Frame Gallery

→ Drag & drop the image onto the interface and adjust the white background

– Give the image a name (this will allow you to scale the image as well as move it, rotate it, color it and hide or show it)

→ Right click on the image → Name → Enter a name and click “Add” → Close

– Create a new frame

→ Select “New” in the Animation Frame Gallery

If you want the background image to appear throughout the whole GIF, check the box on the left in the Animation Frame Gallery. The “Overlay” option shows the frame together with the preceding frame for the duration of its display time and then shuts it off.

Now you need to create a frame for each image that will follow. If you want certain things to appear at the same time, you need to add them to the same frame.

GIF-tutorial-1GIF-tutorial-2

3. Set view duration

You’re almost done! The view duration lets you define how long each frame is shown.

– Right click on the frame you want to change

→ Select “Frame Properties”→ Set the duration in seconds under delay and click on “OK”.

You can set the view duration with the “Delay” option. The “Animation Loop and Speed” option is interesting if you want the GIF to repeat. Selecting “Endless Loop” will cause the GIF to repeat without end.

GIF-tutorial-3

4. Export GIF

Finally, you need to export your work. Here’s what to do:

– Click on “Export Animated GIF” (the icon is located under the standard control bar)

– Give your GIF a name and click on “Options”

→ Select “Page Content” under “Area to Save”

– Click on “Export”

GIF-tutorial-4GIF-tutorial-5

How do I upload my GIFs?

If you want to share your GIF on Facebook, it’s worth knowing that they aren’t supported there yet. However, you can upload your GIF to other websites (e.g. giphy.com, makeagif.com) and then link to them on Facebook.

If you experience problems while uploading your GIF to Instagram or similar sites, you can try saving it in AVI format. To do this, go to File > Export Animation and select “AVI Video”. But keep in mind that Photo & Graphic Designer isn’t a video program. If you want to make a proper video, we recommend using Movie Edit Pro to convert your exported AVI into any video format (e.g. MPEG4).

GIF-Tutorial-animation

And you’re done! Play around with Photo & Graphic Designer and try to create other GIFs and discover other features. Pro Tip: GIFs also make great animated post cards for friends and family! You can download a trial version here.

Leave a Reply

Your email address will not be published. Required fields are marked *