Overview

From Synfig Studio :: Documentation
Jump to: navigation, search
(More changes. It cuts off too quickly at the end, now.)
m (Cleaning and review)
 
(36 intermediate revisions by 7 users not shown)
Line 3: Line 3:
 
{{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.
  
Animation is the rapid display of a sequence of images ("[[frame]]s") to create the illusion of movement. Convincing movement requires many such frames, but 2D animation is traditionally created by drawing each frame individually, a method called "frame-by-frame animation".
+
Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:
 +
* Morphing animation
 +
* Cutout animation
  
Digital animation makes it easier for artists to animate more quickly, efficiently, and consistently.  It introduced concepts such as automatic in-betweening ([https://en.wikipedia.org/wiki/Tweening|"tweening"]) of frames and [[Reuse Animations|reuse of small animations]]. Synfig Studio is free, open source, 2D animation software that implements those concepts.
+
== 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.
  
==Layers are Different==
+
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.
 +
<br style="    clear: both;">
  
[[File:overview-layers.png|thumb|Each shape is a layer.]]
+
== Cutout animation ==
The [[Layer]] in Synfig is a different structure than in most 2D vector editors.  Every object, be it a rectangle, circle, [[BLine|bezier]] outline or region is a layer on its own.  The properties of layers control how they look.
+
[[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 Power of ValueNodes==
+
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;">
  
Synfig's [[ValueNode]] system gives us flexible control over repeated data and complex relationships.  All layer properties are stored as reusable ValueNodes, which can be linked to each other or even derived mathematic formulae.  An important aspect of ValueNodes is that '''they can be animated and tweened'''; in fact, the vertices of a shape are ValueNodes, and tweening them morphs the shape.
+
== 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".
  
A feasible example of ValueNodes' capabilities is clothing.  If a character's clothing must be colored alike in multiple shots, their colors can be [[linking|linked]] across files. Whenever one instance's color is changed, they are all changed instantly.  
+
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 -->
  
Aside from linking simple pieces of data, you can also define relations between them using a functions and conditions. The artist has the ability to create automatic animation based on defined laws and brings the whole animation process to a new level. A ball from a cannon can be realistically fired, or a pseudo-3D character's face can rotate accurately with its head.
+
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.
<!-- TODO: Example illustration of parabolic shot -->
+
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too -->
+
  
==Possible Animation Types==
+
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]]
  
===Morphing===
+
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too -->
  
'''Morphing''' takes two images and creates a smooth transition between them. This is done by tweening the vertices of one shape to the vertices of another.  Intricate nimation with this method is done simply by supplying frames in key positions ([[keyframe]]s) at relatively wide time intervals, and allowing Synfig to fill in the gaps.
+
All those features of Synfig Studio are covered in detail in the chapters of this manual.
<!-- TODO: Insert illustration of morphing animation here -->
+
  
===Cutout===
 
 
[[File:Boris-munchausen-cut-out.png|thumb|right|[https://munchausenproject.wordpress.com/ The Adventures of Boris Munchausen], an example of cutout animation]]
 
'''Cutout animation''' is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different points in time. Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from both bitmap images and vector graphics.
 
 
<!-- 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 film-quality level. The artist converts each frame's bitmap data into vector format. This process, called "tracing", is usually done by hand by constructing vector shapes on top of bitmap images. Some fun and fascinating effects can be applied during the creation process to achieve a professional animation look. -->
 
<!-- Is this necessary? -->
 
<!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio -->
 
 
Synfig Studio's features are covered in detail within this manual.
 
  
 
<!-- 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. -->
 
<!-- 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}}
 
<!-- Text edit suggestions. The original text is accurate, but the wording could use some tightening up to help the reader get to the point quickly. -->
 

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>>