Synfig Studio: Animació 2D

De Wikijoan
Dreceres ràpides: navegació, cerca

Contingut

Introducció

La idea és fer animacions i videos 2D tal com es mostra en aquest video de Internet of things:

o com aquest (Españistán):

Una eina és Synfig Studio:

Instal.lació

hi ha dos paquets per a Ubuntu: 32 i 64 bits:

$ sudo dpkg -i synfigstudio_0.63.00-20110605.master.8_i386.deb

Scripts & Tools

Utilitzar Synfig Studio. Comentaris sobre el manual

Introduction

Overview

Diving In

Getting Started

Animation Basics

Adding Layers

Creating Shapes

Amb Synfig Studio puc utilitzar la Wacom Intuos 12. S'ha d'anar a File → Input Devices... i seleccionar la Wacom Intuos 12x12 (screen), i aplicar. Abans, però, s'ha d'haver executat el script per configurar la Intuos, i ha d'estar connectat abans d'arrencar l'aplicació.

En el Draw Tool ha d'estar seleccionat el Press Width, i com s'explica:

Now grab your stylus, create a new file and click on the Draw Tool button in the toolbox. 
Set the default line width value to be big enough — say, 15pt — otherwise you will not 
notice any pressure sensitivity effect. Choose brown as the default fill color. 

És a dir, posar a 15pt el gruix de la línia.

El que és important és que efectivament la línia de contorn és sensible a la pressió (encara que això només es veu quan finalment es dibuixa la línia). Per tant, es poden aconseguir formes molt estètiques.

Aleshores, utilitzar la BLine Tool (línies de Beziers) és molt fàcil. Dibuixo i es van creant automàticament els punts-vèrtex. Si es creen molts punts hi ha dues maneres per tal de suavitzar i que n'hi hagi menys:

Draw tool is great for drawing complex shapes, but you end up with a bunch of ducks, which are hard to manipulate with the Transform Tool in the way we described above. There are two solutions here.

First, you can increase the "Smooth" value in the Tool Options Dialog while using Draw Tool. That will reduce the count of vertices produced at drawing time, but will make your shape less detailed.

Second, you can use Smooth Move Tool to deform an existing shape. Go for it and click the Smooth Move Tool button in the toolbox. The trick about this tool is that it affects selected ducks only. Press and hold your left mouse button in an empty place of the canvas. Drag to create a selection box. Release the mouse button when you are done. Or just hit CtrlA to select all ducks. Now you can deform the selected segments of BLines. You can change the size of the influence area by tweaking "Radius" in the Tool Options Pane

Animating Shapes

L'exemple de l'animació de la flor (Flower Animations with Synfig) es pot veure al Youtube (són 4 videos). El primer:

Interface

Quick Overview

Interface

Artwork Import

GIMP Import

SVG Import

List Importer (Image sequence import)

Artwork Construction

BLine Tool

Outline Layer

Region Layer

Color Editor

Draw Tool

Width Tool

Paste Canvas Layer

Children Lock

Gradient Tool

Gradient Editor

Blend Method ???

Masking

Data Linking

Linking

Export

Convert

Sewing BLines

Link to BLine

ValueNodes

Reusing Exported Value Nodes

Switching Scenes

Advanced ...

Slideshows

Duplicate Layer

Brushes

Animation

Keyframe

Time Track Panel

Waypoint

Reuse Animations

Lock_Keyframes

Onion Skin

Following a BLine

Z-Depth

Time Loop Layer

Rescale Animations

Time_Offset_Parameter

Animation Techniques

Morphing

Cut-out

Output

Preview

Render_options

Render Dialog

SVG export

Configuring Synfig

Setup Dialog

Unit System

Image_Dimensions

Canvas Properties

Environment_Variables

Appendix

Synfig Studio vs Synfig

Synfig CLI syntax

Doc:Build Instructions

How Do I...

FAQ

Window_Manager_Hints (merge to FAQ?)

Keyboard Shortcuts

Mouse_Shortcuts

Examples

Synfig Studio tips

follow a Bline

com es veu en el vídeo. es tracta de que un objecte (en l' exemple, un cap), segueixi la trajectòria definida per una BLine.

fer videos amb màxima resolució

és un dels tips dels tutorials:

es tracta d'utilitzar el format yuv, i aleshores convertir-ho a avi amb ffmpeg.

$ ffmpeg -i animation.yuv -sameq animation.avi

Veure també un post del fòrum:

I've used the following format with good results directly from Synfig Studio:
Target: ffmpeg
extension: .avi
codec:mpeg4
bitrate:1500
resolution: 1280x720
quality:1 (best)
antialiasing: 3 or 4 (higher doesn't produce visible effects at that size)

Example: http://www.youtube.com/watch?v=4akilsBsxps

renderitzar

Compte en renderitzar: (es pot renderitzar en línia de comandes)

maxdav, did you used synfigstudio to render the animation? There is a known bug that would produce glitches in the render if you continue working with synfigstudio meanwhile it is rendering. For long render it is recommended to use synfig command line instead, until this bug is solved.

Synfigstudio is the GUI and Synfig is the renderer. Well really synfigstudio lies on libsynfig that is part of synfig package. Just open a terminal and type: synfig it would complain about not having any parameter.

Here more help: http://synfig.org/Synfig_Core_options

fer núvols

fer Multiplane Camera (efecte professional)

programació: el tir parabòlic

Amb Synfig Studio es pot modelitzar lleis físiques per tal que els moviments siguin reals.

the walk cycle

fer fum (particles)

Com fer fum:


First of all, please read the particles wiki page: http://synfig.org/wiki/Particles_V2.0
Maybe just read it can solve most of the questions.
To produce a smoke, you have to change the particle internal (the changing circle frmo red to yellow in the template) to a feathred region that deforms along the time to give it more randomness. Then you have to set the following parameters:
Velocity: some value.
Gravity some value
Beta: horizontal to the right (to where the winds go)
Damping forces: start with a small value and increase it to see its effect.
Size X: some wide value
Size Y: Some narrow value
Position X and Y: where you want to place the source of the smoke
Angle Spread: give it a narrow value
Angle: 90 degrees.
and leave the rest as it is.

looping background

en el fòrum es va proposar un challenge:

es tracta de poder fer alguna cosa com:

en aquest cas a més hi ha un multipla i això afegeix perspectiva.

D'aquest es disposa del codi font:

Treballo sobre aquest exemple de l'arbre (http://www.youtube.com/watch?v=srB8r7tDNoI)

Elimino les capes que representen els reflexes i efecte de perspectiva. El projecte són 18 seg, i allò important és veure que hi ha un Time Loop de 6 seg, i que per tant es repeteix tres vegades.

Recordem que si no sé on és la finestra de Paràmetres puc fer Arxiu > Taulers (Canvas) > Restablir Finestres.

Per a fer un Time Loop: Capa > Nova Capa > Other > Time Loop

Passos bàsics per a fer un looping background:

  1. pensar el projecte. Escollir les dimensions del projecte i les dimensions de la muntanya de manera que quan es faci loop es vegi la continuïtat
  2. editar el que dura el projecte. Per exemple, 15 seg, que seran 3 bucles de 5 seg
  3. amb una BLine fer unes muntanyes
  4. fer moure aquest paisatge (5s) (no he d'utilitzar per res fotogrames clau). Ficar el projecte en mode Edició d'Animació
  5. la part que trobo més complicada és editar la línia de temps. Una manera és ficar el frame on vull anar, per ex 5s (i Enter, i veig com la línia de temps se'm mou). I aleshores moure la capa allà on la vull ficar... i és aleshores que apareix la rodoneta en la línia de temps (la rodoneta, si l'edito amb botó dret, puc escollir el mètode d'interpolació, i aleshores segons el mètode ja no és una rodoneta).
  6. ara ja puc fer moure la part que tinc (de 0 a 5seg)
  7. ara he de fer tres bucles. Capa > Nova Capa > Other > Time Loop. La capa s'ha de situar a sobre de l'anterior. Local Time=5s; Duration=5s· I ja esta, les dues capes (Time Loop i BLine) les puc encapsular).

Per importar una imatge al projecte com una capa ho trobo difícil. Fent-ho com a Arxiu > Importa se'm carrega la imatge i no sé com escalar-la. Una altra possibilitat és Capa > Nova Capa > Other > Import, i en les propietats d'aquesta imatge ficar la ruta de la imatge que vull carregar. D'aquesta manera sí que és fàcil escalar la imatge.

Projecte: aterratge avió

La idea és que tenim un background (muntanyes, paisatge, núvols) que es va movent i un avió que està quiet. Per ser més realistes, l'avió pot pujar i baixar lleugerament sobre la seva posició, i fins i tot avançar-se o retrassar-se sobre la seva posició. Això es fa amb l'exemple en què un cos segueix una BLine,

La primera idea és fer un background que es vagi movent amb un Time Loop. Ara bé, si volem que l'avió aterri, no pot ser de cop i volta el background s'aturi. Per tant, el background s'hauria d'anar desaccelerant fins a aturar-se, i això significa ficar una equació linial per a la velocitat amb què es mou el background fins a aturar-se. Per tal de modelitzar amb equacions matemàtiques, mirar l'exemple del tir parabòl.ic (http://synfig.org/wiki/Parabolic_Shot). Entenent l'exemple del tir parabòl.lic s'ha de poder aconseguir que l'avió aterri amb suavitat. Llegir bé el tutorial... si s'entén bé, és realment potent... mirar per exemple el diagrama de com varia el offset amb el temps... en mode edició de video, puc definir el valor dels diferents paràmetres amb el temps.

Ara bé, si no ho vull fer amb una fórmula, puc fer un background molt i molt llarg, i definir una sèrie de trams. A cada tram la velocitat es va reduïnt fins a zero.


creat per Joan Quintana Compte, juny 2011

Eines de l'usuari
Espais de noms
Variants
Accions
Navegació
IES Jaume Balmes
Màquines recreatives
CNC
Informàtica musical
joanillo.org Planet
Eines