Overview

From Synfig Studio :: Documentation
Jump to: navigation, search
(Love Your Work)
m (Cleaning and review)
 
(14 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 ([//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.
  
<!-- TODO: Section about canvases -->
+
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;">
  
==Layers are Different==
+
== Cutout animation ==
 +
[[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.
  
[[File:overview-layers.png|thumb|Every shape is a layer]]
+
Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.
The [[layer]] in Synfig differs from those in most 2D graphics editors.  Every object--a rectangle, circle, [[BLine|bezier]] outline or region, etc.--is a layer on its own. Two [[Anatomy_of_a_Synfig_Animation|kinds of layers]] exist in Synfig, the primitives layers and the filters (or effects) layers. All the layers belong to "[[canvas]]es", self-contained animations with their own timelines.
+
<br style="   clear: both;">
  
Multiple layers can be [[encapsulate]]d into a {{Literal|[[Paste Canvas]]}} layer, which will ''isolate their effects'' and cause them to ''act as a single layer''.
+
== 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".
  
==The Power of ValueNodes==
+
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 -->
  
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 from 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 animating them morphs the shape.
+
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.
  
A real-world example of ValueNodes' usefulness is clothing. If a character's clothing must be colored alike in multiple shots, each instance's color can be [[linking|linked]] across files.  Whenever one instance's color is changed, they are all changed simultaneously.
+
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]]
  
Aside from linking simple pieces of data, you can also define relations between them using a functions and conditions.  Hence, we have the ability to create animation based on defined laws.  A ball from a cannon can be realistically fired, or a pseudo-3D character's face can rotate accurately with its head.
 
<!-- TODO: Example illustration of parabolic shot -->
 
 
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too -->
 
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too -->
  
==Example Animation Types==
+
All those features of Synfig Studio are covered in detail in the chapters of this manual.
  
===Morphing===
 
 
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 with tweening.
 
<!-- TODO: Insert illustration of morphing animation here -->
 
 
===Cutout animation===
 
 
[[File:Boris-munchausen-cut-out.png|thumb|right|[//munchausenproject.wordpress.com/ The Adventures of Boris Munchausen] demonstrates cutout animation]]
 
Cutout animation is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale).  Synfig Studio will tween movements easily.
 
 
It is worth noting that cutout animation can be produced from both bitmap images and vector shapes.  The transformation of parts will be the same, either way.
 
 
==Simple or Complex?==
 
 
What if we don't need all these special features?  Not everyone wants to make physics demonstrations, and sometimes we don't want to worry about intricacies in animating.  Understandable.
 
 
Although interface can take some familiarizing ([//www.synfig.org/forums/viewtopic.php?f=14&t=1820 and the developers '''are''' aware of this]), you are never ''forced'' to program your shapes to do [https://en.wikipedia.org/wiki/Trigonometry trigonometry] or have a gratuitously streamlined art style.
 
 
<!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio -->
 
 
==Love Your Work==
 
 
For animators or artists, Synfig Studio is an exceptional tool of the trade.  Obviously, it isn't for everybody.  It is industrial-strength software designed for a niche audience, and that is '''animators'''.
 
 
Are you ready to use Synfig Studio?  Put on some tea as we [[Doc:Getting Started|open the manual]].
 
 
<!-- TODO:Provide context for: Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your frame-by-frame animation to film-quality level. Artists can trace each frame's bitmap data into vector format, after which fun and fascinating effects can be applied during the creation process to achieve a professional animation look. -->
 
  
 
<!-- 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>>