In this tutorial we will create an animation that conveys the volume of space.
To create such an animation, I downloaded Children's backgrounds, there are a lot of them - for every taste and color.
Our animation will be three-plane: foreground, second and background.
When choosing sources, I took into account what objects would be located where: what was in the foreground, what would serve as the background, etc.
I determined the size of the document to create the work based on the size of the source files.
So, we begin the preparatory stage - creating the basis for animation.
To begin with, I placed a picture in the working document that will serve as the background.
According to my idea, background - background, will begin to approach and move away from us.
In order for this to work, you need to make several copies of the layer (I made 6 pieces - there were 7 layers in total) and numbered them from 1 to 7 in accordance with the increase in the size of the layer.
The number of copies is not taken out of thin air, but is thought out in advance, like the entire plot of the animation. I relied on the total number of frames to maintain fluidity of movement. That is, my animation has 12 frames, and 7 copies are just necessary to smoothly loop the back-and-forth movement. I will provide a distribution diagram later.
By the way, copies of layers of different sizes can be created later, after creating frame-by-frame animation. If you doubt the required number of frames in the animation itself. Whatever is more convenient.
Let's move on.....
Second plan.
I collect the items I need. I cut, copy, transform...
If necessary, I adjust the color, saturation and other properties of objects.
And foreground:
I placed the two objects in the foreground on different layers.
Here's what happened:
Let's revive the forest!
Now, let's prepare the layers for the foreground and background animation.
According to my idea, the first and second plans move in opposite directions.
To create movement, you need to slightly increase the horizontal size of the background objects so that their size extends beyond the boundaries of the document.
We simply move the foreground objects apart and move them to one side. After this we combine them into one layer.
We will leave this position of the foreground and background layers for the first frame of the animation.
The preparatory stage is over.
Let's move on to creating a cartoon.
As I said in my animation there are 12 frames.
I'll explain why. I took the movement of the foreground and background “back and forth” as a basis.
I created this movement using a series of 5 frames.
Let me explain with a specific example.
For the 1st frame (we don’t touch the background yet), I moved the flowers and mushrooms to one side and the tree to the other.
Then I created the 2nd frame (1).
For this shot, I moved each of these layers in the opposite direction.
Then I made a series of 5 frames (2).
The result is a movement in one direction, now we need to return everything to the starting point and loop the movement.
We make a copy of the first frame and drag it to the very end of the frames ribbon so that it becomes the 8th frame.
While on this frame, we again create a series of frames (also of 5 pieces).
We ended up with 13 frames.
We remove the latter and we get movement without delays.
Now let's move on to the background. It will move closer and further away, as we have already discussed.
I distributed the background layers across the frames as follows:
1 frame - 1 back. plan
2 frame - 2 back. plan...increasing
…7 frame - 7 back. plan
8 frame - 6 back. plan
9 frame - 5 back. plan...descending
…12 frame - 2 back. plan
...and we have the first background in the first frame.
I set the time for all frames to 0.2 seconds, but you can make it slower, with delays, etc.
If necessary, change the size of the animation. Set it to play continuously and save it in GIF format ( Ctrl+Alt+Shift+S - Save for Web&Devices).
In settings I chose ( Specify the dither algorithm)Definition of the smoothing algorithm -
(Noise)Noise; Colors -256
naturally.
That's all!
Advice: if you want to make changes to a document (new copies, deleting layers, etc.) where animation has already been created, it is better to work on the first frame. Then the changes will affect all frames, but nothing will be mixed up.
For example: need to add a layer; go to the first frame, insert a layer, carry out the necessary manipulations, turn off its visibility; go to the frame for which it was created and make it visible.
Good luck and all the best!
PIROGOVADESIGN
Many people believe that creating simple DIY animations at home requires special skills and a lot of time. In fact, simple computer programs and standard applications of the Windows operating system are sufficient for this.
Do-it-yourself animation using standard Windows OS programs
Animation is a sequential demonstration (display) of graphic files that creates the illusion of objects moving. To develop it You will only need two standard programs that are available on almost all computers with the Windows operating system - Paint and Movie Maker. The first allows you to create and edit graphic drawings, the second allows you to create videos. The quality of the animation developed will depend on your drawing abilities.
1. Framing
Open Paint. Select a brush on the toolbar, select the desired color and draw any object on the working field. We save the drawing in a previously created folder under the name “Frame 1”. Then we draw the same object again, but slightly changing its position (for example, in the first frame the clock hand may be at “12”, and in the second at “1”). Save the image under the name “Frame 2”. Thus, we develop several frames. The greater their number, the smoother the object’s movement in animation will be.
2. Combining drawn frames into one video
Open the Movie Maker program. In the taskbar, select “Import images” and load frames. They will appear in the Collection panel. We transfer them one by one to the path located below. Click on “Display timeline”. If you do not change the program's standard display time, the animation object will move abruptly and slowly. To change this, click on the frames and move the bar that appears to the left. The frames will become narrower, which means their display time will decrease.
3. Voice over animation
You can add comments to the animation by recording them through a microphone, or add background music. In the first case, go to the “Service” tab and select “Comment Timeline”. Then click “Run”, voice the character or read the voice-over text. Upon completion, click “Stop”, save the comment, add it to the project, and then to the audio track in the bottom panel.
4. Saving animation in the desired format
Select the “File” menu item and successively click “Save movie file”, “Show additional options”, “Other options”. Then select the format of the future video file. We recommend saving the animation in a popular format (for example, AVI, MPEG, PAL, etc.) so that it can be played on many players and easier to upload to YouTube.
Creating GIF animation
GIF animation (“gif”) consists of individual frames, for which a parameter is set such as the duration of display before the next picture appears. It only supports an 8-bit palette, which means that no more than 256 colors are displayed, which is an advantage over other formats. Most often, animated GIF files are used as navigation elements on websites and advertising banners.
The simplest program for creating GIF animation is Easy GIF Animator Pro. Download it, open it, in the main window click “Create a new animation”, after which the “Animation Wizard” will open. Next, add images (we select them on the Internet or draw them ourselves in Paint). Click "Forward". Set the duration of each frame. If necessary, select to show the animation in a circle.
If images of different sizes are selected, the program offers several options for positioning the pictures relative to the largest image:
- in the center of the frame;
- upper left corner of the frame;
- Enlarge smaller pictures to the size of the largest image.
You can also create GIF animation using the UnFREEz program. To do this, it is enough to develop frames and “drag” them into the program window. Then you need to specify the delay time between frames and enable cyclicity. At the end, you need to click “Make Animated GIF”.
Programs for creating animation
A program with great functionality and a clear interface. It allows you to create hand-drawn characters and bring them to life in 2D animation. Its capabilities:
- a set of raster and vector tools for creating and processing images;
- the ability to draw with a pen or brush;
- creating shapes using a “broken line”;
- background import;
- working with layers,
- adding an audio file for export in swf format.
Synfig Studio
With this free program you can create simple 2D animations, similar to those used in feature films. Its advantages:
- “tweening” function, which allows you to automatically develop intermediate frames;
- gradient overlay;
- support for vector elements;
- distortions;
- filters;
- tools for creating fractals.
ToonBoom Studio
The program has two operating modes: Drawing and Script. Contains the necessary tools for developing vector drawings: brush, pencil, rectangle, broken line, ellipse. Functions: drawing using a tablet, vectorization of raster images, overlaying animated scenes on a real video, exporting data (for example, individual fragments from photographs).
This is a popular program for creating 3D animation. Its advantages:
- realistic imitation of objects (for example, fabrics and hair) and phenomena (collisions of objects, wind);
- a large set of functions for creating interactive games;
- a wide range of primitives (cylinders, spheres, cubes, rings), from which you can easily create your own models;
- support for non-linear editing.
Other popular programs for creating animation with your own hands: Plastic animation paper, Creatoon, 3D Studio Max, Adobe Image Ready, MyPaint, Jasc Animation Shop.
Order animation creation, script writing or developing an idea for a video from KINESKO- We will do our job efficiently!
Contact Information:
>Each cut in an Animate document can consist of any number of timeline layers. Use layers and layer folders to organize the contents of animation sequences and separate animation objects. Organizing by layers and folders prevents overlapping objects from being deleted, joined, or segmented. To create an animation that involves animated movement of more than one character or text field at the same time, place objects on separate layers. You can use one layer as a background layer to place static drawings, and you can also use additional layers for each individual animated object.
When you create a motion tween, Animate converts the layer containing the selected animated object into an animation layer. An animation layer is indicated by a special icon located next to the layer name on the timeline.
If there are other objects on the same layer as the animation object, Animate adds new layers above or below the original layer as needed. Any objects that existed underneath the animation object on the original layer are transferred to the new layer underneath the original one. Any objects that were above the animation object on the original layer are moved to a new layer that is above the original one. Animate inserts these new layers between any layers located on the timeline. This way, Animate maintains the original stacking order of all graphics on the stage.
An animation layer can only contain tween spans (contiguous groups of tween frames), static or empty frames, and keyframes. Each animation range can only contain a single target object and an optional motion path for the target object. Since you can't draw in the animation layer, create additional animation or static frames in other layers, and then drag them into the animation layer. To place a frame script in an animation layer, create it in another layer and then drag it onto the animation layer. The frame script may be located in a frame outside the animation range itself. It's usually best to place all frame scripts on a separate layer that contains only ActionScript.
If your document contains multiple layers, it can be difficult to track and edit objects on one or more of them. The task is simplified if you work only with the contents of one layer at a time. Layers you're not currently working on can be hidden or locked by clicking the eye or lock icon next to the layer name in the timeline. Using layer folders can help you organize your layers into manageable groups.
Loading...
