Overview

From Synfig Studio :: Documentation
Jump to: navigation, search
(Types Of Animation)
m (Cleaning and review)
 
(69 intermediate revisions by 10 users not shown)
Line 1: Line 1:
 
<!-- Page info -->
 
<!-- Page info -->
{{Title|Introduction}}
+
{{Title|Overview}}
 
{{Navigation|Category:Manual|Doc:Getting Started}}
 
{{Navigation|Category:Manual|Doc:Getting Started}}
 
[[Category:Manual]]
 
[[Category:Manual]]
[[Category:Unverified]]
+
{{NewTerminology}}
 
<!-- Page info end -->
 
<!-- Page info end -->
 +
As you probably know, animation is the rapid display of a sequence of images in order to create an illusion of movement. Traditionally 2D animation is created by drawing each displayed image individually. Those images are called "frames" and thus such method is called "frame-by-frame animation". To create a good illusion of movement you need to draw many frames, that's why this method requires a lot of time and resources.
 +
[[File:Traditional-animation.gif|x150px|frame|center|A traditional frame-by-frame animation, taken from : http://flipily.com|link=http://flipily.com]]
 +
{{literal|Synfig Studio}} is an [https://en.wikipedia.org/wiki/Free_software open-source] 2D vector animation software. It is designed to produce film-quality animation with less people and resources.
  
{{DevNotesBegin}}This page is currently under development. It is by no means ready for use.{{DevNotesEnd}}
+
Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:
 +
* Morphing animation
 +
* Cutout animation
  
 +
== Morphing ==
 +
[[File:Rose4b.gif|thumb|100px|right|Morphing animation of a rose, by Rore]] '''Morphing''' is a technique that takes two images and creates a smooth transition between them. In the process of morphing, one shape is deformed into another and this transformation is usually defined by control points.
  
== What Is Animation? ==
+
In Synfig Studio images are constructed from vector shapes and the morphing is done automatically. This allows us to create animations by drawing only the key positions at relatively wide time intervals. You need only to draw a few frames as needed to create a basic sense of motion for the scene, and Synfig Studio will create the in-between frames.
Well, do we really have to explain that here? You wouldn't be here if you didn't have a glue, right?
+
<br style="    clear: both;">
  
We like what we found at [http://en.wikipedia.org/w/index.php?title=Animation&oldid=358878912 Wikipedia]:
+
== Cutout animation ==
"Animation is the rapid display of a sequence of images of 2-D or 3-D artwork or model positions in order to create an illusion of movement."
+
[[Image:Cutoutsample.gif|thumb|100px|left|Cutout animation in Synfig's tutorials]]
 +
'''Cutout animation''' is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different moments of time.
  
The important part is "[...] artwork or model positions [...]". This is the difference to shooting a film or video.
+
Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.
 +
<br style="   clear: both;">
  
So the question is now: How do we get the artwork or the model positions?  That leads us to the ...
+
== Synthesis and other functionalities==
 +
In both cases the role of Synfig Studio is to fill the gaps between the drawn frames (also called "keyframes") and produce smooth and fluid animations. This process is called "tweening".
  
 +
Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap images. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.
 +
<!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio -->
  
=== Animation Techniques ===
+
Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more, even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.
There are 4 techniques for creatign an animation:
+
* traditional animation ("by hand" development of each of the images)
+
* stop motion (or step-by-step) (using a camera to take the images that finally build the animation. e.g. clay animation)
+
* computer animation
+
* other animation techniques (like: drawn-on-film, paint-on-glass)
+
  
We do not think that the term "computer animation" is very helpful as many of the other techniques can be done, enhanced or mixed with computer tools. But let us stick with the term as long as we do not have a better one.
+
Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the next level.
 +
[[Image:Parabolic-shot.gif|frame|center|Parabolic shot in Synfig's tutorials]]
  
We talk about computer animation if we use a computer to create at least some of the images just based on rules and data.
+
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too -->
  
Computer animation can be divided into two different ...
+
All those features of Synfig Studio are covered in detail in the chapters of this manual.
  
=== Types Of Computer Animation ===
 
The 2 types of computer animation are:
 
* 2D Computer Animation and
 
* 3D Computer Animation
 
 
2D Animation is quite close to the traditional animation techniques. The computer tools take care of some of the steps that can be generated based on interpolation rules. The images that define important positions of a movement have to be created by the animator. The results are best if the animated images are based on vector graphics because changes to the vectors are well-defined without any ambiguity.
 
 
3D Animation changes the whole animation process. It is not built upon images that an animator creates, but on 3D models of all relevant resources (such as actors and scene). 3D Animation is much more comparable to real film production or stop-motion clay animations: one has to take care of camera position, camera movement, lights, movements in 3D space (collisions).
 
 
Despite the fact that 3D Animation is available and even for a reasonable price there are good reasons to work with 2D.
 
 
 
=== Why Do 2D Animation? ===
 
'''2D is more direct'''
 
 
Not that 2D animation would not take the thoughts about camera, lights and movement into consideration, but in 2D it's always about the image itself, not about the technology to get the image.
 
 
 
'''skills are different'''
 
 
You need different skills for 2D and 3D animations. 2D needs more painting skills where with 3D you would need 3D construction skills. Both are arts on it's own, but as we said... different.
 
 
 
'''it is a different style'''
 
 
There are many very successful movies and tv series that intentionally work with 2D animation or even traditional animation. Good example: "The Simpsons". Even more obvious: the "cut-out-animation" style of "Southpark" is part of the art concept.
 
 
With 3D animations it is more difficult to keep things abstract and in a sketchy style.
 
 
 
'''time & efforts'''
 
 
Chances are that for several reasons a 3D animations is much more time-consuming than a comparable 2D animation.
 
 
If you are interested in creating animations and your time and resources are somewhat limited (and who's are not?) you'll get results much easier with 2D animation.
 
 
 
=== ... And Synfig Studio? ===
 
You may have guessed it already... Synfig Studio is conceptually developed for 2D computer animation based on vector graphics.
 
 
Synfig cannot do 3D. Period. But believe us: it is '''very''' powerful, just 5 examples:
 
* animating a plant growing and blooming .. easy. Have a look at the tutorials.
 
* doing "cut-out-animation" style with Synfig: no problem (just have a look at the tutorials)!
 
* you might use Synfig for technical animations as all changes can also be based on mathematical models.
 
* creating a Slide Show with your pictures (again: have a look at the tutorials).
 
* mixing pictures and animations for funny and astonishing effects (you guessed it.. yes, have a look at the tutorials)
 
 
 
== The Animation Creation Process ==
 
 
So, can we do everything in 2D animation creation with Synfig Studio?
 
 
Well, you could, but there are parts where Synfig fits very well and other parts where you might better use other tools to do that.
 
Let's have a look at the creation process of an animation to structure this a bit...
 
 
The animation creation process includes the following steps:
 
* development
 
* pre-production
 
* production
 
* post-production
 
* sales and distribution
 
 
''Develoment'' takes care of the creation of the story as such and does typically not include creation of any artwork other than textual descriptions. ''Sales and distribution'' are important, but also do not have an animation content as such. We will have a closer look into the ''pre-production'', ''production'' and ''post-production'' steps.
 
 
=== Pre-Production ===
 
the following tasks are usually seen as being part of pre-production
 
*
 
*
 
 
 
=== Production ===
 
 
=== Post Production ===
 
 
== When Do I Use Synfig Studio? ==
 
  
 +
<!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. -->
 
{{Navigation|Category:Manual|Doc:Getting Started}}
 
{{Navigation|Category:Manual|Doc:Getting Started}}

Latest revision as of 12:33, 28 March 2020

Navigation Navigation:  Manual>>

As you probably know, animation is the rapid display of a sequence of images in order to create an illusion of movement. Traditionally 2D animation is created by drawing each displayed image individually. Those images are called "frames" and thus such method is called "frame-by-frame animation". To create a good illusion of movement you need to draw many frames, that's why this method requires a lot of time and resources.

A traditional frame-by-frame animation, taken from : http://flipily.com

"Synfig Studio" is an open-source 2D vector animation software. It is designed to produce film-quality animation with less people and resources.

Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:

  • Morphing animation
  • Cutout animation

Morphing

Morphing animation of a rose, by Rore
Morphing is a technique that takes two images and creates a smooth transition between them. In the process of morphing, one shape is deformed into another and this transformation is usually defined by control points.

In Synfig Studio images are constructed from vector shapes and the morphing is done automatically. This allows us to create animations by drawing only the key positions at relatively wide time intervals. You need only to draw a few frames as needed to create a basic sense of motion for the scene, and Synfig Studio will create the in-between frames.

Cutout animation

Cutout animation in Synfig's tutorials

Cutout animation is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different moments of time.

Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.

Synthesis and other functionalities

In both cases the role of Synfig Studio is to fill the gaps between the drawn frames (also called "keyframes") and produce smooth and fluid animations. This process is called "tweening".

Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap images. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.

Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more, even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.

Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the next level.

Parabolic shot in Synfig's tutorials


All those features of Synfig Studio are covered in detail in the chapters of this manual.


Navigation Navigation:  Manual>>