Basics of creating GIF animation yourself. Program for creating GIF animation Easy GIF Animator Pro (Russian language) How to draw in the easy gif animator program

3.5K

Do you remember how at school, during boring lessons, you drew different faces in notebooks? And then, quickly turning the pages, they made these faces animate. It’s the same with boring websites, stuffed to the brim with tedious but very necessary information. Now, if only we could add a couple of grimacing faces there too! This is quite feasible if you use gif animation:

GIF-based animation

GIF format ( Graphics Interchange Format) was developed specifically for intranet exchange of raster images. In the recent past, it was the main format for images posted on the web. Main characteristics of the GIF format:

• Ability to save images in 256 colors;
• Light image weight - this was ideal for the initial stage of development of the World Wide Web, when Internet connection speeds were much lower than today's standards;
• Graphic formats in GIF are stored line by line, supporting only a certain color palette (256 colors);
• Moreover, one of the 256 shades can be labeled as transparent;
• Support for animated objects.

The last item on the list served as a new impetus for the growing popularity of this graphic format.

Creating gif animations has several advantages over the more modern flash technology. The main one is the lower weight of the graphic object. Therefore, a new area of ​​application for gif animation is the creation of advertising objects for the Internet.

GIF animation allows you to create one graphic object consisting of several ordinary images (frames) arranged in a certain order. Animation occurs due to their change with a given order and frequency. In this case, cyclic repetition of animation frames is most often used.

With multiple images, the limitation of using only 256 shades of color is completely removed. This is due to the fact that each of the drawings can contain its own palette. Reducing the overall weight of the animated object is also achieved through the use of transparency, when only a partial change occurs in the next frame relative to the previous one.

In the next frame, only the changing parts of the image are drawn. The rest can be set to transparent and the original static frame used to display them.

A little practice

But this is all theory, but I would like to consider in practice how animation is created in GIF format. We foresaw this and prepared a small master class on creating an animated banner.

For the demonstration, we will use the specialized graphic editor Easy GIF Animator. Experience shows that most of these programs have a similar user interface and functionality. Therefore, the procedure shown below will not differ much from how to make GIF animation in other similar graphic editors.

• On the start page of the program, we are asked to select the type of problem that needs to be solved. We will use the “services” of the built-in banner creation wizard. To do this, click on the item “ Creating an animated banner»:

• The next step is to set the dimensions of the future banner. You can use standard values, but we will enter our own parameters for the length and width of the object:

• Next we customized the banner background. We chose a gradient as the fill style, set its type and primary colors:

• In the next wizard window, we enter the text to be displayed, set its size, font and color. From the drop-down list, select the animation effect at the moment the text appears and disappears. We also set the time for the entire period. Please note that you can set effects for multiple phrases (up to three) this way. They are located on separate tabs (“Text 1”, “Text 2”):

• Before creating a gif animation, all that remains is to save the banner file in the location we need. This is what you are asked to do in the next window:

• After closing the wizard and saving the banner, the working interface of the application opens in front of us. Please note that on the left our animation is presented frame by frame. And each of the frames can be edited separately:

The link to download the archive with the “full” original will be provided at the end of the article. And here is a static preview of what we got:

How to make animation from video

We have figured out the basics of the process a little. Now let's try to learn how to make GIF animation from a video.

The essence of this procedure is that first you need to “pull out” individual pictures from the video. That is, break it down into frames. Of course, you can do this manually by saving the desired frame in the media player ( fortunately, many of them can do this).

But it is better to use a special program for extracting video frames Free Video to JPG Converter. As its name suggests, it saves video frames into JPG images.

The application interface is easy to understand. Therefore, we will not dwell on its detailed description:

After processing the video, the utility will save the frames in the location you specify. All images for future animation will need to be adjusted manually using any graphics editor. It's best if it's Photoshop.

In the next step we go back to Easy GIF Animator. Using the " Insert image» add a still image from the video as a frame. After this, you need to adjust the delay for each animated frame. And then save the resulting GIF animation as a file.

Do you like GIFs and wouldn't mind creating them yourself? You can download Easy Gif Animator, which will help you with this, and even if you are far from computer graphics, you can easily design an animated image and edit it. Navigating through the program is quite simple - create a new file (the “skeleton” of the animation), add pictures, try to apply different effects. In addition, each frame of the “gif” is configured and adjusted separately. If you need to create a GIF from a video, add the video file, trim it and edit it.

Key features of Easy Gif Animator for creating animations

Allows you to create animated pictures, banners and buttons from scratch, but also edit them: adjust frames to size, add visual effects, moving texts, change the duration of the “gif”, manage frames, change transparency, convert animation to AVI video and add sound and etc. The intuitive, simple interface of Easy Gif Animator will help you use it without any problems. And you won’t have to think about how to use a tool you haven’t used yet.

How to use Easy Gif Animator and where to start?

If you need to create a GIF from a video, add the video file, trim it and edit it. This is the most basic thing, but the program also provides many different possibilities for creating other animations. At the end of the work, you can optimize the size of the output file, see how it will look in the browser, select the desired saving format (by the way, you can save it in GIF or SWF flash format) and get the HTML code for publishing the “gif” on the Internet. Downloading Easy Gif Animator and working in it is a pleasure. Create your own “gifs” and enjoy the results.

Version:	7.2
License:	shareware
Update:	21-06-2018
Developer:	easygifanimator.net
Language:	Multilingual
OS:	Windows: All
File size:	23 MB

Creating animation is an easy and interesting task.
Most social network users use simple animations on their accounts. One moving picture can replace several words and convey your thoughts and mood to your guests. Often, GIF animation is used in avatars - a semantic image of the page owner.

An attempt to copy an animated image does not always end successfully; most often the animation disappears and the picture becomes an ordinary static photo. When saving such pictures, the format should be .gif.
To create such animation, knowledge of graphics programs is required. It will not be difficult to master the work in them if you really want to. A few hours in front of the monitor and you will be proud of your work.
The simplest animation can be created in online services. Better quality, in serious programs with installation on a computer.

Let's look at a short overview of programs that a beginning gif animator can master.

Creating GIF animation from video

The program converts video files into animation. Has great potential. It’s not difficult to work, the program is in Russian, and this greatly reduces the time it takes to study all the possibilities. Upload any video and start creating animation.

We go to the site and download. Install the program on the PC. Let's open it.

The program will be in English. To change the language, click “View” and then as in the picture.

Loading the video. Press Ctrl+Shift+V to open Windows Explorer and select video.

At the bottom, use the slider to mark the beginning of the GIF animation. And at the top we make a start mark by pressing the start button (the arrow points to the left).

At the bottom, mark the end of the animation with the slider. And press the end button (the arrow points to the right).

Then click on the gif extraction button at the top (there is a blue down arrow on the button).

Processing in progress.

Click on the save file button and save the file to your computer. This is what we got.

Naturally, here we tell you how to make a simple GIF animation. The program allows you to embed various effects.

Easy GIF Animator

Has extensive functionality. There are paid and free versions. Excellent technical support will always answer all your questions, and there is also a forum on the site. You can read advice from animation gurus and find out answers to your questions from moderators.

GIF Movie Gear

The program will allow you to create small pictures and banners of different parameters. For blog and website owners: in the program you can create a favicon and small animation arrows.

Creating gif animation from photos

Creating animation is exciting. Be sure to use several programs and you will find the one that produces the most attractive live pictures. Almost everyone eventually comes to the Adobe Photoshop editor. In the latest versions of the program you can make almost cartoons. There are a lot of lessons online. The program was originally developed for photo processing, but over time it has become a pretty smart work program for designers and architects.

But we are just learning and will start not with the monster of Photoshop, but with a simpler editor, for example, free t. It doesn’t matter at all what editor you use to make the frames (pictures)

Let's start creating. First, let's prepare the pictures.
1. All pictures must have the same parameters, size, resolution.
2.Everything is saved in gif file format. This is what animation means.
3. It is advisable to number all pictures. You can give each layer a name, but with numbering there will be less confusion. Those. The simplest thing is to give the digital names of the files and they will scroll in that order, for example, 1.gif 2.gif 3/gif, etc.

For example, like this:

All is ready. We send all the pictures to the UnFREEz editor, it is quite simple and a beginner can easily handle it.

I promised you that I would tell you how this process can be done in the Easy Gif Animator program. I keep my promise.

Today we will look at the basic principles of working in it, having understood which, we will then be able to create anything we want to suit our needs.

I don't dwell on the installation issue. It's standard.
You can download a trial or purchase a licensed version at official website

Although, if you wish, you can find a portable and Russified version, which will make your life much easier (I have just this option). Or download the trial version and use it fully during the trial period!

Easy Gif Animator will help you create:
- animated banners,
- animated buttons,
— different types of simple and complex animations.

For work, you can use images in gif, jpg, jpeg, png, iso, bmp formats, and receive output images in gif, avi, flash formats.

The program allows you to:
create “animation from scratch” or using the Wizard;
edit frames during work;
edit previously created or ready-made gifs;
apply a variety of effects for text and images;
preview the result of your work in your browser;
change the size of the animation, export all or only individual frames from it, and also make the necessary parts transparent;
add music when saving in flash format;
generate HTML code for publication on the Internet.

2- Easy Gif Animator interface.

Open the program. A launch window will appear in front of you (picture 1).

Consider carefully what creative opportunities you have.

Carefully go through the top context menu and look at the side toolbar on the left to understand what functions you can use in a particular case.

I won't go into detail on this issue because:
- firstly, everything is very clear there,
- secondly, for a successful creative process this independent “tour” of the menu is simply necessary.

If you have the English version, then here are small explanations (translations) of the main terms:

explanations

File – file, Edit – editing, Frame – frame, Select – selection, Animation – animation, Tools – tools, Help – help.
Easy Wizards are simple wizards (literally), and in our case this is the name of the Program Wizard, which helps you, like a real wizard, create animations easily and simply!
Accordingly: New Banner Wizard – Wizard for creating a new banner, New Button Wizard – Wizard for creating a new button.
Create New Animation - create a new animation, Create Animated Banner - create an animated banner, Create Animated Button - create an animated button.

In the editing and viewing window (pictures 2 and 3), there is a frame window on the left, where you can see all the created frames. In the center is the editing window, where you will see all the changes (you can use buttons 3 to view an already created or previously completed work.

Thanks to "Animation Properties" tab(Animation properties) (picture 2 (2)) you can:
— set its type: constant or with a certain number of repetitions (2).
- select the background color,
— change the size of the work and add a comment to it.

By checking the box next to the function "Do not combine the palette"(do not merge palette), you will enhance the colors of an animation in which each frame contains a different image.

On the Frame Properties tab(Properties of the frame) (picture 3(4)) the time of each frame is selected, and a comment is added to the image if necessary. It also provides the ability to set the transparency (5) of selected image areas.

When you press the button "Set transparency"(To set the transparency) Using the eyedropper tool, select the color that we want to replace with transparent. This way you can remove, for example, a plain background around the image.

3- Basic algorithms for Easy Gif Animator.

In order to begin the process of creating animation, you need to know the simplest algorithms, after studying which you will subsequently produce easily and simply animated pictures, banners or buttons of any kind.

I will tell you and show you with examples how to work with frames: create them, edit them, add animation effects to them, how to make animated text, and also how to save the animation you have made in different formats.

3.1 Initial program setup

Select the bookmark in the top menu Tools and select the tab from the drop-down menu Settings(Options). And in the window that opens "Options"(picture 4) in each tab we select the settings we need.

In the tab View(View) I would advise you to remove both checkboxes so that the Show Welcome Screen does not appear every time and so that you can create animation from scratch, because by default the creation function is set using Masters(Use(Anination Wizard when Creating New Animation)). After unchecking the boxes, be sure to click OK to save this setting.

In the tab Animation(Animation) you can choose the main type of animation: constant (Repead forever) or periodic. We choose - always repeat.

Tab Export(Export) I left unchanged because, to be honest, I didn’t understand what the halftone modes were for and how to choose between them. If you know, please share with everyone in the comments!

In the tab Tools(Tools) you need to specify the path to launch the program that you want to use by default to edit frames of your animation.
I did not specify the path, and as a result, when editing the frame, the standard Paint program opens.

The initial settings can always be changed during work in the “Animation Properties” and “Frame Properties” fields (see pictures 2(2) and 3(4)).

3.2 Working with frames in the program

A) Creating a frame (frame) .
In order to create a new frame, you need to click on button 6 or button 7 (picture 5).

In the first case, you will be able to create a frame from an image that you select on your computer. You can load several images at the same time by holding down the Shift key. In this case, each of them will be created as a separate frame.

In the second case, an empty frame will open in which you can then draw whatever you want using the editing function and the default editing or drawing program! This option is suitable for creating simple buttons and banners from scratch, as well as for creating individual original works.
And although I personally don’t use this function, because I’m used to creating pictures and collages in Photoshop, you might find it useful!

Initially, you will be asked to select the image size and background color. Select these options and click OK.
You can create any number of different frames in this way.

All the frames you create will be shown on the left side of the frame window. They can then be moved up and down using tools 8 (arrows) and swapped.

B) Editing and viewing.
First, select the desired frame in the animation frames window. Then, for editing, you can use Toolbar 9 or by clicking on button 10 (change frame) and go to editing in the program of your choice.

Any frame can be deleted by selecting it and pressing button 11 (picture 5).

In addition, during the editing process, you can in the tab "Frame Properties" set the duration of the frame, add a comment to it, and also use the button "Set transparency"(picture 5).

To change the frame size, use the tab "Animation Properties" by selecting the button "Resize".

To edit downloaded images and text, the program provides Selection tool(main top menu).
With it you can:
Make any color image black and white (“Shades of Gray”);
Invert the image (item “Invert”);
Flip horizontally and vertically.
Add shadow.

In addition, as in any other editor, frames can be copied, cut, pasted using the top menu tab "Edit".

In the window box "View" you will be able to see the edited frame.

B) Add text.
In order to add text to a frame, you need to click on button 12 (picture 5) and in the window that appears, print the desired text, having previously selected its parameters (font, size, color, design).

D) Export frames
At any time during the creation of an animation, you can save any frame or group of frames to your computer as separate images in gif format.

To do this, select the required files by left-clicking on them (if there are a lot of frames, then hold down the Shift key on your keyboard while selecting) and then select from the menu "Frame" / "Export selected frames".

3.3 Saving animation.

And save your work in avi or flash.

Here, perhaps, about all the main algorithms. How to send a picture by mail, how to view it in a browser, how to get the html code, etc., I’m sure you’ll figure it out yourself!

3.4 Creating animation effects

A) For images.

To create an animation effect for any image you upload, you need to:
1. Select the desired frame by clicking on it with the left mouse button (picture 8).
2. Press button 13 (create the effect to the image).
3. The “Create transition effect” window will open (picture 9), in which we select the effect we need.
For each effect, the Program offers to set its own parameters.
To immediately see what we get when choosing a particular effect and its parameters, put a checkmark in the lower left corner next to “Show” (picture 9).
4. When you are satisfied with everything in the created effect, click OK and go to the viewing window (picture 10).
5. Save the animation.

Look what I got. In the first case, I used the “Zoom” effect, and in the second, I added the “Rotate” effect to it.

B) Creation of text animation effects.

To create text effects, proceed as follows:
1. A new frame (empty or image) is created. For example, I’ll take an image as a frame. See picture 11.
2. Press button 14 "Create Animated Text"— “Create animated text.”
3. In the window that opens "Create Text Effect"/ “Create text effect” enter the text and set the parameters you need for the animation (picture 12). Experiment by checking the box next to the inscription "Show", and you will see what you can do in each specific case.
4. If the text needs to be moved, click on the button "Change text position"/ “To change position text” and in the dialog box that opens, use the arrows to move it to the location you need. As you can see, I moved “Hello” from the center down (picture 13)
5. If you are satisfied with everything, feel free to click OK and save your masterpiece!

Here's what I got.

Experiment by creating simple animations and gradually moving on to more complex ones!

And I say goodbye to you for today.

Everything that I told you about in this lesson mainly concerns creating animation “from scratch,” although this knowledge, I’m sure, will be useful to you when working with the Program Wizard if you want to improve or change what this very Wizard will help you create!

Next time we will continue the conversation about Easy Gif Animator and, using specific examples, we will look directly at the process of creating animated images, banners and buttons using the Wizard, in which we will apply all the knowledge acquired in this lesson.

Blumentals Easy GIF Animator 5.5.0.48 Portable RUS / ML Apps

Easy GIF Animator- a program designed to create animated images (gif files), supplemented with various effects. Easy GIF Animator has quite a lot of settings and allows you to control all the parameters of the animated gif, including duration, color palette, etc. Adding text to an image, previewing it in the browser, converting gif animations to AVI format, adding sound to created animations, saving the created file in SWF (flash), automatic creation HTML code for inserting finished animation to the website and much more. Supports work with GIF, JPG, PNG and BMP files. There is a flexible system for optimizing the output file size, which includes several optimization methods.

Program: Blumentals Easy GIF Animator
OS: Windows Me/2000/2003/XP/Vista/7/8
Language: English, Russian
Medicine:Portable
Size: 4.13 MB

*************************

Program features
- Easily create animated banners, images and buttons
- Create animated images from scratch
- Edit and change animated GIF images
- Adding visual effects to GIF animation
- Create moving text effects
- Optimized GIF animation to reduce size and speed up loading
- Preview animation in an internet browser
- Resize the entire animation at once
- Manage animation frames
- Set the number of repetitions and frame duration
- Extract individual animation frames
- Easy transparency setting
- Adding sounds to animation (.PRO)
- Save animation in SWF format (.PRO)
- Export animation to AVI format
- Using GIF, JPG, PNG and BMP images in animation
- Generating HTML code for publication on the Internet

The program leaves no traces and does not require installation on your computer.

***********************

AND A SMALL LESSON ON THE PROGRAM

Creating an animated banner in Easy GIF Animator

How to create an animated banner in Easy GIF Animator. We need a banner in order to attract the attention of a blog visitor and encourage him to take the action we need.
To do this, let's go to the Easy GIF Animator program, I'm working in the fifth version and the shortcut on the desktop looks like a kind of film. To create a banner, let's use the Program Wizard feature and select the Animated Banner button. A banner wizard dialog box opens for us, with which we will work; we are offered several options to choose from:
We can choose the standard banner size that the system offers us
We can specify your size
And we can get the size from the background image, if it suits us, and in general, we can always adjust the banner size in the HTML code of a text editor, especially if we put it not in an article, but, say, in a widget, and topics on blogs We may have different ones and our banners will not be displayed correctly everywhere if they are not “customized” to the location.
And by clicking on the “Next” button, go to the “Banner Background” section and select the fill style:
Simple color
Color gradient
A picture or a texture (these are pre-prepared images or pictures that we found on the Internet and downloaded in advance to our folder), I prefer to go with this option to save time, but whoever, in general, has nowhere to rush, can play with the first options.
So, select an image through the “review” button and select a background or picture for further work and examine it using three functions:
Tile
Stretch
Centered
And we stop at the option you have chosen, then click on the “Next” button and proceed to writing text on the animated banner; the system offers us three options for inscriptions placed on the banner, by clicking on the buttons “Text 1”, “Text 2”, “Text 3”, for this purpose we can use a basic text editor in which we can choose:
Font type
Font size
Font color
Font style
Font placement along the readable field of the banner (left, center, right)
The text we type will be located in the viewing window on the banner background we have chosen, so we can select all the necessary attributes of the inscriptions using the capabilities of a text editor.
Thus, we configure all our three inscriptions on the banner, the banner is created and now we can move on to its fine settings and create effects, set the display time for each inscription and select transitions from one inscription to another. To do this, we need an icon in the form of a “magic wand” and with its help we select the effects offered by the system, and each inscription can be configured separately.
The results of our work can be viewed here, but it is better to use the proposed function of viewing our banner in the browser (This function is located in the top panel of the Easy GIF Animator program (when you hover your mouse over the icons, hints will appear, so you will find it).
And in the new browser window that appears, we can actually observe the newly created banner in action or how it will look on our blog. And if everything suits us, then we return to the program and save the banner in some place on our computer, and when we write its name (file name), we write it either in digital format or in Latin alphabet.