Synfig Studio :: Documentation - User contributions [en]

Documentation.es

2008-05-10T16:53:24Z

Ayam:

Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces:

* [[FAQ.es|FAQ]]
* [[Advice.es|Consejos]]
* [[Features.es|Caracteristicas]]
* [[Tutorials.es|Tutoriales]]
* [[Video Tutorials.es|Video tutoriales]]
* [[Categorical Help.es|Ayuda por categorías]]
* [[Keyboard Shortcuts.es|Atajos del teclado]]
* [[Mouse Shortcuts.es|Atajos del raton]]
* [[Synfig Core options.es|Opciones de línea de comandos]]
* [[Environment Variables.es|Variables de entorno]]
* [[Build instructions.es|Construir instrucciones]]

Usted también puede estar interesado en [[Communication|obtener soporte]], o echar un vistazo a la [[Gallery|galería]] o a las [[Screenshots|capturas de pantalla]].

Si está interesado en ayudar a mejorar este wiki, quizas prefiera mirar estos:
* [[WikiTranslation|Wiki translation]]
* [[Wiki_Wish_List|Wiki wishlist]]
* [[Special:Allpages|All pages]]
* [[Special:Shortpages|Short pages]]
* [[:Category:Blank_Pages|Blank pages]]
* [[Special:Wantedpages|Wanted pages]]
* [[Special:Lonelypages|Orphaned pages]]
* [[Special:Wantedcategories|Wanted categories]]
* [[Special:Uncategorizedpages|Uncategorised pages]]

Documentation.es

2008-05-10T16:49:16Z

Ayam:

Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces:

* [[FAQ.es|FAQ]]
* [[Consejos.es|Consejos]]
* [[Features.es|Caracteristicas]]
* [[Tutorials.es|Tutoriales]]
* [[Video Tutorials.es|Video tutoriales]]
* [[Categorical Help.es|Ayuda por categorías]]
* [[Keyboard Shortcuts.es|Atajos del teclado]]
* [[Mouse Shortcuts.es|Atajos del raton]]
* [[Synfig Core options.es|Opciones de línea de comandos]]
* [[Environment Variables.es|Variables de entorno]]
* [[Build instructions.es|Construir instrucciones]]

Usted también puede estar interesado en [[Communication|obtener soporte]], o echar un vistazo a la [[Gallery|galería]] o a las [[Screenshots|capturas de pantalla]].

Si está interesado en ayudar a mejorar este wiki, quizas prefiera mirar estos:
* [[WikiTranslation|Wiki translation]]
* [[Wiki_Wish_List|Wiki wishlist]]
* [[Special:Allpages|All pages]]
* [[Special:Shortpages|Short pages]]
* [[:Category:Blank_Pages|Blank pages]]
* [[Special:Wantedpages|Wanted pages]]
* [[Special:Lonelypages|Orphaned pages]]
* [[Special:Wantedcategories|Wanted categories]]
* [[Special:Uncategorizedpages|Uncategorised pages]]

Documentation.es

2008-05-10T16:41:00Z

Ayam:

Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces:

* [[FAQ.es|FAQ]]
* [[Consejos.es|Consejos]]
* [[Caracteristicas.es|Caracteristicas]]
* [[Tutorials.es|Tutoriales]]
* [[Video Tutorials.es|Video tutoriales]]
* [[Categorical Help.es|Ayuda por categorías]]
* [[Keyboard Shortcuts.es|Atajos del teclado]]
* [[Mouse Shortcuts.es|Atajos del raton]]
* [[Synfig Core options.es|Opciones de línea de comandos]]
* [[Environment Variables.es|Variables de entorno]]
* [[Build instructions.es|Construir instrucciones]]

Usted también puede estar interesado en [[Communication|obtener soporte]], o echar un vistazo a la [[Gallery|galería]] o a las [[Screenshots|capturas de pantalla]].

Si está interesado en ayudar a mejorar este wiki, quizas prefiera mirar estos:
* [[WikiTranslation|Wiki translation]]
* [[Wiki_Wish_List|Wiki wishlist]]
* [[Special:Allpages|All pages]]
* [[Special:Shortpages|Short pages]]
* [[:Category:Blank_Pages|Blank pages]]
* [[Special:Wantedpages|Wanted pages]]
* [[Special:Lonelypages|Orphaned pages]]
* [[Special:Wantedcategories|Wanted categories]]
* [[Special:Uncategorizedpages|Uncategorised pages]]

Documentation.es

2008-05-10T16:37:31Z

Ayam:

Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces:

* [[FAQ.es|FAQ]]
* [[Consejos.es|Consejos]]
* [[Caracteristicas.es|Caracteristicas]]
* [[Tutorials.es|Tutoriales]]
* [[Video Tutorials.es|Video tutoriales]]
* [[Categorical Help.es|Ayuda por categorías]]
* [[Keyboard Shortcuts.es|Atajos del teclado]]
* [[Mouse Shortcuts.es|Atajos del raton]]
* [[Synfig Core options.es|Opciones de línea de comandos]]
* [[Environment Variables.es|Variables de entorno]]
* [[Construir instrucciones.es|Construir instrucciones]]

Usted también puede estar interesado en [[Communication|obtener soporte]], o echar un vistazo a la [[Gallery|galería]] o a las [[Screenshots|capturas de pantalla]].

Si está interesado en ayudar a mejorar este wiki, quizas prefiera mirar estos:
* [[WikiTranslation|Wiki translation]]
* [[Wiki_Wish_List|Wiki wishlist]]
* [[Special:Allpages|All pages]]
* [[Special:Shortpages|Short pages]]
* [[:Category:Blank_Pages|Blank pages]]
* [[Special:Wantedpages|Wanted pages]]
* [[Special:Lonelypages|Orphaned pages]]
* [[Special:Wantedcategories|Wanted categories]]
* [[Special:Uncategorizedpages|Uncategorised pages]]

Main Page.es

2008-05-10T16:27:36Z

Ayam:

<div style="margin-bottom:20px; margin-top:-10px;-moz-border-radius:10px; padding:5px; width:100%; text-align:center; border: 1px solid #a6d577; background: #F8EA85;">[[Main Page|English]] | [[Main Page.pl|Polski]] | [[Main Page.ru|Русский]] | [[Main Page.tr|Türkçe]] | [[Main Page.zh|简体中文]] | '''Español''' | [[Main Page.fr|Français]]<br />
<div style="font-size:80%;padding-top:3px;">[[WikiTranslation.es|Ayuda a traducir el sitio]]</div></div>

<table style="text-align: left; width: 100%;" border="0"
cellpadding="5" cellspacing="2">
<tr>
<td style="margin-top:-10px;" colspan="3" rowspan="1">
[http://synfig.org/Releases/0.61.08-intro.es http://synfig.org/images/2/25/MainBanner-06108.jpg]</td>
<td style="width:25%; vertical-align:top; padding-top:10px;" colspan="1" rowspan="3">

</td>
</tr>
<tr style="margin-bottom: 20px;">
<td style="text-align:justify; border-top: 2px solid #eee; " colspan="3" rowspan="1">

<center><b><div style="font-size:160%; margin-bottom:10px; margin-top:20px;">Animación en el mundo libre</div></b></center>

<div style="font-size:120%;">La animación en dos dimensiones ha sido habitualmente dominado por el software propietario.
Esto cambia con la introducción de Synfig, una herramienta de software libre, gratuito y de codigo abierto para la producción de animación de caracteristicas y calidad cinematográficos con menos personas y recursos.</div>

<div style="margin-bottom:20px;padding: 4px; font-size:130%;"><b><center>[[About.es|Leer más...]]</center></b></div>

</td>
</tr>
<tr style="width:750px;">
<td style="border-left:8px solid #5454B9;width;33%; text-align:justify; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso inspira a la comunidad</center></b></div>

La comunidad este inspirada por el arte que tú produces. Gracias a todos los que producen arte para la [[gallery|galeria]], y en
[http://youtube.com/results?search_query=synfig&search_sort=video_date_uploaded YouTube], [http://search.deviantart.com/?section=browse&q=synfig&qh=sort:time deviantART], [http://www.videoplayer.es/tag/synfig/ VideoPlayer.es], [http://video.google.com/videosearch?q=synfig&so=1 Google Video], [http://www.flickr.com/photos/tags/synfig/ Flickr] y alrededor de la web. Quizás quieras leer algunas [[Animation Ideas|ideas de animación]], contribuir al ''[[DemoReel|demo reel]]'' ó [[Communication|compartir tu trabajo con nosotros]]

<div style="padding: 4px; font-size:120%;"><b><center>[[Communication.es|Leer más...]]</center></b></div>

</td>

<td style="text-align:justify;width;33%; border-left:8px solid #101094; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso necesita un apoyo hermoso</center></b></div>
<div style="float: left;"><span>http://synfig.org/images/c/c4/Icon_support.png</span></div>

Los artistas necesitan información acerca de cómo trabajar con Synfig para ser capaces de inspirarnos con sus animaciones. Ayuda a documentar la interface Synfig, escribe tutoriales, ayuda a las personas en IRC y en los foros y más.

<div style="padding: 4px; font-size:120%;"><b><center>[[Documentation.es|Leer más...]]</center></b></div>

</td>

<td style="text-align:justify;width;33%; border-left:8px solid #070773; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso necesita código hermoso</center></b></div>
El software libre y el desarrollo de codigo abierto no es nada sin una comunidad activa, así que vamos unete a Synfig. Necesitamos bug fixers, desarrolladores en general, bug reporters, beta testers, artistas para inspirarnos y más.
<div style="float: left;"><span>http://synfig.org/images/2/2b/Icon_code.png</span></div>
Tus contribuciones son bienvenidas, necesitadas y apreciadas.

<div style="padding: 4px; font-size:120%;"><b><center>[[Development|Leer más...]]</center></b></div>

</td>
</tr>

<tr style="vertical-align: top; text-align:center; font-size:120%;">
<td>
[[How do I|Cómos]]<br/>
[[Tutorials.es|Tutoriales]] ([[Video Tutorials.es|video]])<br/>
[[Categorical Help|Ayuda por categorias]]<br/>
[[FAQ.es|Preguntas frecuentes]]<br/>

</td>
<td>
[[Meetings|Encuentros]]<br>
'''[[Releases|Versiones anteriores]]'''<br>
[[Release|Última versión]]<br>
[[Build instructions|Instrucciones para compilar]]<br/>
[http://synfig.org/api/ Documentación código fuente]<br>
[http://sf.net/projects/synfig Project en SF]<br>

</td>
<td>
[[Roadmap|Objetivos próxima versión]]<br>
'''[[Wish list| Lista de deseos]]'''<br>
[[Software_roadmap|Objetivos a largo plazo]]<br>
<br>
[[GoogleSoC|Google Summer of Code]]<br/>
[[Related Projects|Proyectos relacionados]]<br/>

</td>
</tr>

</table>

Doc:Video Tutorials/es

2008-05-08T19:58:34Z

Ayam:

== Video Tutoriales ==

En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.

===Creando una Bline ===

[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: Este pequeño video tutorial muestra los pasos básicos para crear una BLine. La edicion del video fue creada usando unicamente Synfig.

<videoflash>bQ-ku0bA23A|425|350</videoflash>

=== Creando Circulos, Rectangulos y una Bline ===

[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Tutorial sobre la creación de circulos, rectangulos, y una Bline.

<videoflash>SM1qUqGyIpA|425|350</videoflash>

=== Siguiendo una Bline ===

Este video tutorial enseña como conectar una forma a una Bline. Este video no sigue estrictamente el tutorial [[Following a BLine.es|siguendo una Bline]] pero te ayudara a seguirlo.

<videoflash>w87KRL3kD74|425|350</videoflash>

Doc:Video Tutorials/es

2008-05-08T19:53:31Z

Ayam:

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

== Video Tutoriales ==

En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.

===Creando una Bline ===

[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: Este pequeño video tutorial muestra los pasos básicos para crear una BLine. Video editing was done using Synfig itself.

<videoflash>bQ-ku0bA23A|425|350</videoflash>

=== Creando Circulos, Rectangulos y una Bline ===

[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Tutorial sobre la creación de circulos, rectangulos, y una Bline.

<videoflash>SM1qUqGyIpA|425|350</videoflash>

=== Siguiendo una Bline ===

Este video tutorial enseña como conectar una forma a una Bline. Este video no sigue estrictamente el tutorial [[Following a BLine.es|siguendo una Bline]] pero te ayudara a seguirlo.

<videoflash>w87KRL3kD74|425|350</videoflash>

Doc:Video Tutorials/es

2008-05-08T19:29:14Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! == Video Tutorials == In this section you'll find some basic video tutorials of the most common tasks ...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

== Video Tutorials ==

In this section you'll find some basic video tutorials of the most common tasks in Synfig. Feel free to ask here for any new video tutorial.

===Creating a Bline ===

[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: This small video tutorial shows the basic steps to build a BLine. Video editing was done using Synfig itself.

<videoflash>bQ-ku0bA23A|425|350</videoflash>

=== Creating Circles, Rectangles and a Bline ===

[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Short tutorial about creating Circles, Rectangles, and a Bline.

<videoflash>SM1qUqGyIpA|425|350</videoflash>

=== Following a Bline ===

This video tutorial show how to link a shape to a Bline. It doesn't follow strictly the [[Following a BLine|tutorial]] but would help you to follow it.

<videoflash>w87KRL3kD74|425|350</videoflash>

Tutorials/es

2008-05-08T19:22:37Z

Ayam:

[[Category:Tutorials| ]]

Esta página debería estar escrita en Español, por favor ayudanos a traducirla!

Éste es el índice de todos los tutorales para aprender a usar Synfig Studio.

{| border="1" cellspacing="0" align="center" width="80%"
|'''Nombre del tutorial'''||'''Descripción''' || '''Nivel'''
|-
| [[Getting Started.es|Comenzado]] [[http://synfig.org/files/voria/synfig_tutorial.pdf PDF]] || Eres nuevo en Synfig Studio? Este tutorial te ayudará a entender lo mas esencial || Básico
|-
| [[Animation Basics.es|Animaciones Básicas]] || Introducción para hacer movimiento de los elementos, la línea de tiempo, y el [[Keyframes Panel.es|Panel de Keyframes]]. || Básico
|-
| [[Adding Layers.es|Adición De Capas]] || Introducción a las capas, y a los fundamentos de la composición. || Básico
|-
| [[Creating Shapes.es|Crear Formas]] || Introducción a la creacion de formas con el bline y a las herramientas normales. || Básico
|-
| [[How do I.es|Como hacer...?]] || Tutoriales rápidos, y tareas comunes-necesarias. || Básico
|-
| [[Flower Animation.es|Animando una Flor]] || Un tutorial para principiantes, que muestra la animación con blines. Podría ser un buen tutorial a seguir, después de Animaciones Básicas. || Intermedio
|-
| [[Shiny Effects.es|Efectos de Brillo]] #1 || Un tutorial que enseña com hacer algunos efectos de brillo. || Intermedio
|-
| [[Building a magnifying glass.es|Construcción de una lupa]] [[http://www.musikboden.se/synfigfiles/tutorial_magnifying_glass.pdf PDF]] || Una demostración de cómo construir una lupa. || Intermedio
|-
| [[Rescale Animations.es|Cambiar Animaciones]] || Un tutorial que muestra cómo rescalar a la porción de la animación en el inicio - fin y de la velocidad arriba/abajo (WIP). || Intermedio
|-
| [[Cut-out_Animation.es|Cortar una Animacion]] || Un tutorial que muestra como crear una animacion al estilo corte (un dibujo dividido en trozos). || Intermedio
|-
| [[Following a BLine.es|Tras una BLine]] || A tutorial showing how to make a layer follow a BLine rotating to face the direction it's moving in. || Avanzado
|-
| [[Walk Cycle.es|Ciclos De la Animacion]] || Tutorial showing import of multiple still frames, and rotoscoping to generate a walk cycle animation || Avanzado
|-
| [[Reuse Animations.es|Reutilización de las Animaciones]] || Tutorial that explains how to reuse "poses" of portions of the scene without interfere on the rest of it. || Avanzado
|-
| [[Switching Scenes.es|Escenas de conmutación]] || Tutorial that explains how to edit a collection of .sif files together and switch back and forth between them. || Avanzado
|-
| [[Reuse Exported ValueNodes.es|Reutilización de ValueNodes Exportados]] || Small tutorial to show how to reuse cool conversion collections on several animations || Avanzado
|-
| [[Sewing BLines.es|Costura De BLines]] || A tutorial to show how to sew the edges of the BLines (Outlines, Regions and any BLine based) to each others || Avanzado
|-
| [[Parabolic Shot.es|Tiro Parabólico]] || A tutorial to show how to make layers follow a mathematical equation || Avanzado
|-
| [[Particles.es|Partículas]] || A tutorial to show how to use the particles template released by [[User:Genete|Genete]] || Avanzado
|-
| [[Requested Tutorials.es|Tutoriales Solicitados]] || Necesitas un tutorial? Pidelo aquí. || N/A
|}

== Vea También ==
* [[Keyboard Shortcuts]]
* [[Mouse Shortcuts]]
* [[Video Tutorials]]

Enlaces de tutoriales de animacion en general:

* [http://www.keithlango.com/tutorials/old/popThru/popThru.html Keith Largo Tutes]
* [http://www.animationarchive.org/2006/05/meta-100000-animation-drawing-course.html The Animation Drawing Course at The Animation Archive]
*[http://www.garycmartin.com/mouth_shapes.html Lip Sync]
*[http://www.channel4.com/4talent/moveit/index.html MOVE IT! Animation Tutorial]

Tutorials/es

2008-05-08T12:19:30Z

Ayam:

[[Category:Tutorials| ]]

Esta página debería estar escrita en Español, por favor ayudanos a traducirla!

Éste es el índice de todos los tutorales para aprender a usar Synfig Studio.

{| border="1" cellspacing="0" align="center" width="80%"
|'''Nombre del tutorial'''||'''Descripción''' || '''Nivel'''
|-
| [[Getting Started.es|Comenzado]] [[http://synfig.org/files/voria/synfig_tutorial.pdf PDF]] || Eres nuevo en Synfig Studio? Este tutorial te ayudará a entender lo mas esencial || Básico
|-
| [[Animation Basics.es|Animaciones Básicas]] || Introducción para hacer movimiento de los elementos, la línea de tiempo, y el [[Keyframes Panel.es|Panel de Keyframes]]. || Básico
|-
| [[Adding Layers.es|Adición De Capas]] || Introducción a las capas, y a los fundamentos de la composición. || Básico
|-
| [[Creating Shapes.es|Crear Formas]] || Introducción a la creacion de formas con el bline y a las herramientas normales. || Básico
|-
| [[How do I.es|Como hacer...?]] || Tutoriales rápidos, y tareas comunes-necesarias. || Básico
|-
| [[Flower Animation.es|Animando una Flor]] || Un tutorial para principiantes, que muestra la animación con blines. Podría ser un buen tutorial a seguir, después de Animaciones Básicas. || Intermedio
|-
| [[Shiny Effects.es|Efectos Brillantes]] #1 || Un tutorial que enseña com hacer algunos efectos de brillo. || Intermedio
|-
| [[Building a magnifying glass.es|Construcción de una lupa]] [[http://www.musikboden.se/synfigfiles/tutorial_magnifying_glass.pdf PDF]] || Una demostración de cómo construir una lupa. || Intermedio
|-
| [[Rescale Animations.es|Cambiar Animaciones]] || Un tutorial que muestra cómo rescalar a la porción de la animación en el inicio - fin y de la velocidad arriba/abajo (WIP). || Intermedio
|-
| [[Cut-out_Animation.es|Cortar una Animacion]] || A tutorial that shows how to create cut-out style animations. || Intermedio
|-
| [[Following a BLine.es|Tras una BLine]] || A tutorial showing how to make a layer follow a BLine rotating to face the direction it's moving in. || Avanzado
|-
| [[Walk Cycle.es|Ciclos De la Animacion]] || Tutorial showing import of multiple still frames, and rotoscoping to generate a walk cycle animation || Avanzado
|-
| [[Reuse Animations.es|Reutilización de las Animaciones]] || Tutorial that explains how to reuse "poses" of portions of the scene without interfere on the rest of it. || Avanzado
|-
| [[Switching Scenes.es|Escenas de conmutación]] || Tutorial that explains how to edit a collection of .sif files together and switch back and forth between them. || Avanzado
|-
| [[Reuse Exported ValueNodes.es|Reutilización de ValueNodes Exportados]] || Small tutorial to show how to reuse cool conversion collections on several animations || Avanzado
|-
| [[Sewing BLines.es|Costura De BLines]] || A tutorial to show how to sew the edges of the BLines (Outlines, Regions and any BLine based) to each others || Avanzado
|-
| [[Parabolic Shot.es|Tiro Parabólico]] || A tutorial to show how to make layers follow a mathematical equation || Avanzado
|-
| [[Particles.es|Partículas]] || A tutorial to show how to use the particles template released by [[User:Genete|Genete]] || Avanzado
|-
| [[Requested Tutorials.es|Tutoriales Solicitados]] || Necesitas un tutorial? Pidelo aquí. || N/A
|}

== Vea También ==
* [[Keyboard Shortcuts]]
* [[Mouse Shortcuts]]
* [[Video Tutorials]]

Enlaces de tutoriales de animacion en general:

* [http://www.keithlango.com/tutorials/old/popThru/popThru.html Keith Largo Tutes]
* [http://www.animationarchive.org/2006/05/meta-100000-animation-drawing-course.html The Animation Drawing Course at The Animation Archive]
*[http://www.garycmartin.com/mouth_shapes.html Lip Sync]
*[http://www.channel4.com/4talent/moveit/index.html MOVE IT! Animation Tutorial]

Documentation.es

2008-05-08T12:16:37Z

Ayam:

Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces:

* [[FAQ.es|FAQ]]
* [[Consejos.es|Consejos]]
* [[Caracteristicas.es|Caracteristicas]]
* [[Tutorials.es|Tutoriales]]
* [[Video Tutorials.es|Video tutoriales]]
* [[Categorical Help.es|Ayuda por categorías]]
* [[Atajos de teclado.es|Atajos del teclado]]
* [[Atajos del raton.es|Atajos del raton]]
* [[Synfig Core options.es|Opciones de línea de comandos]]
* [[Variables de entorno.es|Variables de entorno]]
* [[Construir instrucciones.es|Construir instrucciones]]

Usted también puede estar interesado en [[Communication|obtener soporte]], o echar un vistazo a la [[Gallery|galería]] o a las [[Screenshots|capturas de pantalla]].

Si está interesado en ayudar a mejorar este wiki, quizas prefiera mirar estos:
* [[WikiTranslation|Wiki translation]]
* [[Wiki_Wish_List|Wiki wishlist]]
* [[Special:Allpages|All pages]]
* [[Special:Shortpages|Short pages]]
* [[:Category:Blank_Pages|Blank pages]]
* [[Special:Wantedpages|Wanted pages]]
* [[Special:Lonelypages|Orphaned pages]]
* [[Special:Wantedcategories|Wanted categories]]
* [[Special:Uncategorizedpages|Uncategorised pages]]

Requested Tutorials/es

2008-05-01T17:52:55Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! == Requested Tutorials == * Explanation of the difference between waypoints and keyframes. (Meanwhile...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

== Requested Tutorials ==

* Explanation of the difference between waypoints and keyframes. (Meanwhile someone writes this requested tutorial you can have a look to [[Keyframe | keyframes]] and [[Waypoints|waypoints]] pages).
* Making a ball bounce- tutorial
* How to rotate objects.
* Make an object to follow a path given by a mathematical function. This is applicable to ball-bounce-tutorial. [[Parabolic Shot|Done]]
* How to change the location of a shape's pivot point. Or a cut-out animation tutorial. (I think I worked it out, making the rotation by rotation layers. Kinda wierd, but actually it is there.)
* How to generate a slideshow (x seconds per picture) from a bunch of pictures.

Particles/es

2008-05-01T17:51:14Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! Particles V1.0: Initial Particles template. It is based on manual duplication of a particle templa...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

[[Particles V1.0]]: Initial Particles template. It is based on manual duplication of a particle template. Lacks on some functionality but allow Z Depth interaction with rest of objects.

[[Particles V2.0]]: Particle template release that uses Duplicate Layer. It simplify so much the edition of the file and its size. The Z Depth interaction is lost but some new functionality have been added like true turning On/Off particles and enable disable free floating.

Parabolic Shot.es

2008-05-01T17:49:23Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! This is a small tutorial to show how to make an object follow a path given by a mathematical function, ...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

This is a small tutorial to show how to make an object follow a path given by a mathematical function, as [[Requested Tutorials|requested here]].

== Mathematical function to follow ==

We're going to simulate a cannon shot. A cannonball describes a parabolic trajectory after it is fired from the cannon.

[[Image:Parabolic-shot.gif]]

The mathematical equations that govern the trajectory are:

<math>X(t)=V_{0x}\cdot t+X_0</math>

<math>Y(t)=-\frac{1}{2}\cdot G \cdot t^2 + V_{0y}\cdot t + Y_0</math>

where:

<math>t</math> = the current time for the mathematical equation.

<math>X</math> = the 'x' coordinate of the bullet at a time 't'

<math>Y</math> = the 'y' coordinate of the bullet at a time 't'

<math>X_0</math> = the 'x' position of the bullet at time t = 0

<math>Y_0</math> = the 'y' position of the bullet at time t = 0

<math>V_{0x}</math> = the 'x' component of the velocity when shot (t = 0)

<math>V_{0y}</math> = the 'y' component of the velocity when shot (t = 0)

<math>G</math> = the gravity's acceleration.

You usually have the angle and the velocity modulus instead of its components. The decomposition is quite easy:

<math>V_{0x} = V_0 \cdot \cos \varphi</math>

<math>V_{0y} = V_0 \cdot \sin \varphi</math>

where:

<math>V_0</math> = the velocity when shot (t = 0)

<math>\varphi</math> = the cannon shooting angle with the horizontal.

See [http://en.wikipedia.org/wiki/Trajectory_of_a_projectile this Wikipedia article] if you need more information regarding the maths equations of a parabolic shot.

== Splitting the functions ==

So, how can we introduce these functions into Synfig?. To do that you should split the equations into their components. Once decomposed then you realize how many independent variables you need for the simulation. Also you will discover what are the 'engines' for the animation and what are parameters.

Let's start with the X coordinate:

<math>X=V_{0x}\cdot t+X_0</math>

Applying basic maths rules you can see that the function is composed by:

# The addition of two terms: (V0x*t) '''+''' (X0)
# The first term is a multiplication of two single terms: (V0x) '''*''' (t)
# And the third term is a single term (X0)

So to convert those formula into a Synfig understandable way you should create the following conversion types (between parentheses are the conversion types and between brackets are the exported values or the current values if not exported:

:[X] (Add)
::LHS [X0]
::RHS [X0] (Scale)
:::Link [V0x]
:::Scalar [t]
::Scalar [1.0]

(Notice that the Scalar parameter from the Add convert type is not used so its value is 1.0)

So with this conversion type X becomes X0+(V0x*t).

Let's continue with the Y coordinate:

<math>Y=-\frac{1}{2}\cdot G \cdot t^2 + V_{0y}\cdot t + Y_0</math>

This one is a little more complicated because there are more terms. Anyway you should always try to group the terms in pairs and see what operator is used. Take care on the arithmetic operators properties (commutative, associative, distributive and identity) to respect the final values of the formulae. We will search for the operators with the lower order of precedence (multiplication, division and modulus precede addition and subtraction).

So there are two '+' operators what gives three terms: (-0.5*G*t²) + (V0y*t) + (Y0). Then since Synfig has only a two term convert type for addition operation, we need to make the Add conversion twice.

Continuing with the analysis, the individual terms are composed by multiplied terms: (-0.5) * (G) * (t²) and (V0y) * (t).

The same problem arises again; Synfig has a conversion type called 'Scale' that gives the multiplication of a Link by an Scalar. So we need to make the Scale conversion several times for the first term (in fact three times due to the fact that t²=t*t), and once for the second term.

So the final result is this:

:Y (Add)
::LHS (Scale)
:::Link (Scale)
::::Link (Scale)
:::::Link [t]
:::::Scalar [t]
::::Scalar [G]
:::Scalar [-0.5]
::RHS (Add)
:::LHS (Scale)
::::Link [V0y]
::::Scalar [t]
:::RHS [Y0]
:::Scalar [1.0]
::Scalar [1.0]

Now let's study the velocity composition with the velocity modulus and its shooting angle.

<math>V_{0x} = V_0 \cdot \cos \varphi</math>

<math>V_{0y} = V_0 \cdot \sin \varphi</math>

You can see that splitting these formulae is very simple once you have understood what Synfig needs:

:V0x (Cos)
::Angle [phi]
::Amplitude [V0]

and

:V0y (Sin)
::Angle [phi]
::Amplitude [V0]

== OK I've analysed the maths functions but how do I put them into Synfig? ==

Well, in the example of the cannon and ball, I've assigned the X and Y values to the X and Y values of the centre of the circle that defines the bullet. You can assign the mathematical equations to any of the convertible parameters that exist in any layer.

So you have to go to the circle Center parameter, right click, and select 'Convert -> Composite' from the context menu. Once done you'll obtain two sub-parameters: 'X-axis' and 'Y-axis'.

All that you need to do is right click on the corresponding parameter that you obtain after each convert type and select the correct conversion type from the analysis you have done before. Then you will convert sequentially each sub-parameter to the proper one.

Once done you should export the most simple terms to allow easy modification by the user or to allow multiple links in the same formulae. For example the 't' variable (the time for the mathematical equation) is used several times. You should export it only once. The rest of times that 't' appears you should select the exported 't' Valuenode from the child dialog and right click and 'Connect' to connect with it.

Once done you should obtain something like this:

[[Image:Final-Convert-Result.png]]

== The 't' parameter ==

In this case the 'engine' of the equations is the variable 't' (the physic time). To make the engine parameter to 'move' in the animation we need to link it to the animation's current time. To do that we are going to use the 'Linear' convert type. In fact this one is the only convert type that allows a parameter to change with the animation time. It is really important to understand how it works because it will allow us to add 'motion' to our mathematical equations.

The '[[Convert#Linear|Linear]]' convert type gives two sub-parameters:

'''Rate''': is the amount of change of the converted parameter in one second of animation time.

'''Offset''': is an offset value to add to the result of the multiplication of the animation time by the Rate value.

So if the converted type is 't' we will obtain:

t = Rate*T+Offset

where T is the current animation time in seconds.

You should have notice that in the image of the conversion types result, the 't' parameter is also converted. It was not expanded in order not to complicate the sample. Here is the result:

[[Image:Time-convert.png]]

I've exported the Offset parameter to 't1' to allow easy manipulation during the animation.

== Setting up the parameters ==

Once done all the conversions and all the exportations you can go to the Child ValueNode list and insert the proper values for the parameters of the animation: V0, phi, G, X0, Y0, t1

The X-axis and Y-axis parameters are calculated based on the variation of the 't' parameter that is linear with the animation time T. You can also export the parameter 'Rate' form the converted type 't' if you want extra external variation of the equation motion.
Test the values of the mentioned animation parameters to the desired ones. Specially some combinations of G and V0 gives good or bad values. I've set G=2.0 so my example is not in the earth :)

== Producing more than one shot ==

You have notice that the shot animation is a little boring due to it starts at time T=0 and there is only one shot. How can you do the same than the sample? How can I use the same bullet several times making different shots with different angles, positions and initial velocities? Quite easy. Use the Offset parameter form the Linear conversion of the 't' variable.

Initially the Offset parameter is set to 0.0. That means that t=T or in other hands, the animation time is the same than the equation time. But what happen if you modify the Offset parameter during the animation?. You can 'rewind' the equation motion to the place you want just inserting the proper values of the Offset parameter at the proper animation time.

{|border="1" cellspacing="0" align="center"
|T (sec)|| Offset (t units) || Rate (t units/sec)||t = Rate*T+Offset||Offset waypoint (in/out)
|-
|0.0||0.0||2.0||0.0|| linear/linear
|-
|0.5||-1.0||2.0||0.0|| linear/linear
|-
|4.0||-8.0||2.0||0.0|| constant/linear
|-
|5.5||-11.0||2.0||0.0|| linear/linear
|}

Those are the graphical representation for the above values:

'''Offset curve''':

[[Image:Offset-curve.png]]

'''Rate curve''':

[[Image:Rate-curve.png]]

''''t' curve''':

[[Image:t-Curve.png]]

Notice that between T=0 and T=0.5 the Offset value has a linear variation that is inverse to the current Rate (2.0). It produces a no variation on the 't' parameter.

Also when Offset is set to constant = -1.0 (between T=0.5 and T=4.0 seconds) the 't' curve becomes linear (according to the value of Rate). During that period of time the equation is in 'action' and the parabolic shot is done with the current values of X0, Y0, V0, phi and G.

When Offset is suddenly set to -8.0 at T=4.0 it produces a 'rewind' of the equation animation to its 'zero' (t=Rate*T+Offset=2.0*4.0-8.0=0.0) so the bullet comes again to its origin.

Notice again that between T=4 and T=5.5 the Offset parameter has a linear variation between -8.0 and -11.0 (what comes from the current T value, divided by the Rate and changed sign), what gives a 't' result constant and equal to 0.0.

Again, from T=5.5 and beyond, the Offset is set to constant (there is no waypoint later so the value is kept) and the 't' value becomes linear (again there is a second shot). But in this case at T=5.5 the other parameters have been set to other different values (angle is higher and initial velocity is lower) using a constant waypoint. It allows to simulate a new shot with different parameters.

== The file link and other comments ==

The above animation can be found also at [http://www.youtube.com/watch?v=Zzs3a52De-I youtube]. The result sifz file for that animation is [http://www.darthfurby.com/genete/synfig/parabolic-shot.sifz here].

I've added a fancy shooting cannon (it has a rotation angle linked to the 'phi' parameter) a motion blur on the bullet and some background.

I hope you enjoyed the tutorial. If need any help please ask it in any of the [[Communication|usual places]].

Sewing Splines/es

2008-05-01T17:45:58Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! This is a small tutorial that describes how to join any layers based on the BLine object by their edges...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

This is a small tutorial that describes how to join any layers based on the BLine object by their edges. Such layers include the [[Region Layer|Region Layers]], [[Outline Layer|Outline Layers]], [[Plant Layer]] and [[Curve Gradient Layer]].

==Problem Definition==
It is not always possible to link the edges of the [[BLine|BLines]], because they may have been constructed in opposite directions (clockwise and counter clockwise), causing the tangents not to be appropriate for linking to each other.

If you're lucky you can link the tangents and the Regions will display properly. In the following example the direction of region construction is shown by the red arrow. You can see that the yellow tangent ducks are on the same side of the vertex (the orange ducks). Similarly with the red ducks. It is not so obvious when the tangents are not parallel.

[[Image:SewBlines1.png]]

Select the vertex ducks and right click and select the context menu "Link"

[[Image:Link1.png]]

[[Image:Link2.png]]

Then repeat the same procedure with the tangents (only one of the pairs of tangents needs linking unless the tangents are split)

[[Image:Link3.png]]

Now watch this situation. The Regions are constructed with the same clockwise direction. The result is that the shared edge become incompatible for linking properly. The tangents are opposite each other (its yellow or red ducks are not at the same side of the vertex duck).

[[Image:SewBlines2.png]]

Repeat the same steps as before. First link the vertex ducks and then link the tangent ducks. No matter what tangent ducks you link together (same color or different color), it always gives the same result:

[[Image:Link4.png]]

[[Image:Link5.png]]

== Solution ==

To solve this problem there is a smart solution. Since the tangents of each Bline are placed opposite each other, the solution comes from converting one of the tangents to a scaled one. The scale should be exactly -1. This allows us to link opposite tangents together since we are going to link one of the tangents to the other tangent, but this last one would be displayed as its inverse by the scale conversion (so the Bline has not the loop when rendered).
(Recently has been commited a new convert type [[Convert#Reverse Tangent|Reverse Tangent]] which might allow simplification of this task, but it's not yet clear whether that's the case.)
In the example, let's chose to make the right Region the one that we are going to modify with the scale conversion. Here are the steps you should perform before you link the tangents. You can do it later but should repeat the linking operations.

# Select the vertex from the vertices list in the Parameter Dialog. It will be marked with a red square around it in the workarea.
# Open the Vertex definition and search for the tangent you want to modify. If they are merged you can do it with either of them.
# Right click and select Convert->Scale
# Open the converted tangent and see that there are two new parameters: Link and Scale.
# Right click over the Link parameter and Export it giving a proper name (for example 't4' if it is the vertex number 4)
# Go to the Child list and Select the Value node you just have exported.
# Now go to the other layer and search the tangent you want to link to.
# Select it, right click, and select the Connect option.
# Now you have obtained the same result as before!! :(. The Regions are looped at that point!!. Here comes the trick. :)
# Go to the converted and exported tangent, find the Scale parameter you have obtained from the Scale conversion, and set it to -1. Voila! the tangents match each other!

Alternatively, instead of converting to Scale and exporting the Link you could convert to Reverse Tangent and link it directly. I have not tested yet.

Notice that the other vertex ducks (of the other vertices) show how they have opposite colors.

[[Image:Link6.png]]

== Drawbacks ==

The converted tangents lose the ability to being manipulated by tangents ducks since the tangent is no longer a Radial Composite value node which is the type of conversion that Synfig knows how manage internally with ducks interface.

You should modify the tangent of the vertex of that Region using the ducks of the other Region layer or by the numerical input of the x,y values.

== Sewing more than two Blines ==

Sewing more than two Blines is much the same as the case described because locally you are only going to stitch two tangents each time. If you need to sew more than one vertex at the same place just repeat the steps making the proper change of tangent sign as appropriate.

== Sewing corners ==

One not obvious situation happen when you have to sew two corners. In that case the tangents (almost one of them) must be split. It can happen two clearly different situations:

# The outside tangents are linked. Usually you link them to obtain an smooth surface. It is like a 180 DEG corner.
# The outside tangents aren't linked. Then you want to create a real corner with control of each tangent. This case is a particular case of the above.

So lets study the case where the outside tangents are going to be linked having opposite values (they are always 180 DEG separated).

That case can be reached by two regions with same clockwise construction or opposite. Let start with the simple one.

===Creating a smooth corner for compatible Blines===

When you want to link two vertices that are going to create a smooth corner (a 180 DEG one) you have to do the following (I assume that the vertices are already linked, if not you can do it now or later):

# As well as the regions are tangent compatible (see the first previous example) the tangent ducks have same color on same side of the vertex. First is to split the tangents of both vertices. Right click on vertex and "Split Tangents".
# Then you should directly link the two tangents ducks for the inner par of the corner. It is the tangent that points down in the following figure (the red ones)
# If you link the other two tangents (the yellow ones) you would obtain two identical tangents. That's not what we ant to achieve we want that both tangents have the opposite direction so they match smoothly.
# Repeat the steps of Convert->Scale, export Link parameter, link the exported to the other tangent and set Scale parameter to be -1. It would allow obtain this figure.

[[Image:Link7.png]]

There you can see that the one of the two ducks of the upper tangent is greyed. It means that it cannot be manipulated due it is the one what was converted to Scale. To manipulate that tangent you must use the left side duck.

The red ones ducks of the other tangent are overlapping and you can manage one of them at a time.

If you don't want to create an smooth corner just don't make the link of the yellow tangent ducks in this case. Set them free and make the corner you want.

===Creating a smooth corner for not compatible Blines===

If the BLines are not compatible (second example of above) you should make now only one conversion too. The inner tangent still not being compatible, so it need a conversion to Scale, an export, a link to the other tangent and a Sсale set to -1, like in the previous example. But the outer one is compatible now because they are already two inverted tangents and can be linked to create a 180 DEG corner.

So after you have split the tangents you should obtain something like this:

[[Image:Link10.png]]

Now, you should link the left red duck with the right yellow one but they are opposite tangents (opposite colors). Then convert one of them (the yellow one in the example) to scale, export the Link parameter, link it to the other (red) tangent duck and make the Scale parameter to be -1. It will make both regions have same rendered tangent on the sharing edge.

Once done, you simply need to join the two upper ducks (yellow left and red right). As well they are opposite they are compatible for a 180 DEG corner. The result should be this:

[[Image:Link11.png]]

== Dead End Corner ==

(If anyone has a better name for this kind of meeting of vertices please change it freely)

I gave this name to a a vertex that is completely surrounded by BLines so that it doesn't have any outside tangent. The inner vertex of a shared edge is the extreme example of the most general case of a Dead End Corner vertex. It has only two tangents.

Here is an example of a preparation of a Dead End Corner. The three Regions are going to be joined at the central vertex.

[[Image:Link12.png]]

If you have a look at the tangent ducks you can see that they match in pairs except the two upper ones. If you have followed the tutorial you can easily imagine that the tangent ducks that have matching colors can be linked directly and the ones that mismatch should be converted to scale, have their Link parameter exported, linked to the other tangent, and set the Scale parameter to -1. Like this:

[[Image:Link13.png]]

So making the direct linking of the lower tangent ducks and making a reversed link to the upper pair of tangent ducks the Dead End Corner is properly created. Please try it for yourself. If you have problems, please ask here in this article's Talk page.

Here is the result:

[[Image:Link15.png]]

== Removing thin line bug ==

There is a not solved yet [http://sourceforge.net/tracker/index.php?func=detail&aid=1844409&group_id=144022&atid=757416 bug] that makes thin lines when you sew regions with same color. It is only a pixel thick.
http://i85.photobucket.com/albums/k74/Genete/synfig/aliasing-q1-aa31.png

To workaround this bug meanwhile it is solved you can do following:
For each layer is affected, create a outline layer using same color than the region. Then select both layers and make right click over the Vertices paramter (greyed) then select "Link". Set the outline width to 1.0. It will be enough to remove the think line.

Reuse Exported ValueNodes/es

2008-05-01T17:42:25Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! ==Introduction== Export a ValueNode is one of the most interesting features of synfig. Also [[...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

==Introduction==

[[Export]] a [[ValueNode]] is one of the most interesting features of synfig. Also [[convert|Convert]] a valuenode is also one of the main features of synfig. A combination of them allows the user organize complex animations just modifying a few parameters. See the tutorial [[Following a BLine]] for an example of that.

Sometimes you would like to do the same combination of exported values and convert types. And it is so tedious to repeat each time.

There is a way to avoid this and reuse the exported and converted values.

Imagine that you have a situation where you have a cool conversion combination and want to use it into another already done animation. You should do the following:

# At the animation file that have the cool conversion do:
## Export all the values that want to control. For example if parameter 'a' is a=b+c then you should export three parameters: 'a', 'b' and 'c'. The exported parameter 'a' will be an ''Add'' parameter and will be calculated based on 'b' and 'c' exported parameters.
## Delete all the layers (you don't need them at all, because you only need the cool conversion combination). Save the file with other name ("master.sifz"). This will be the main file.
# When saved the file then go to File->Import and select the file that have the current done animation where on you want to use the cool exported valuenodes combination.
# Then select the imported paste canvas layer and go to its canvas parameter and export it. Set a meaning name. Save the "master" file and close it.
#Open the "master" file again and you'll see that the imported animation file (already an exported canvas) have an expand triangle that allow select the layers that are inside of it.
# Select the parameter of the layer of the imported canvas that you want and link the parameter to any of the "master" canvas exported values that are accessible to the children layers parameters, using the right click operation.

That's all folks! ;-)

Switching Scenes/es

2008-05-01T17:38:43Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! Suppose you've made a few different scenes in separate .sif files and want to edit them together. Of c...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

Suppose you've made a few different scenes in separate .sif files and want to edit them together.

Of course, you could render each .sif file to a separate video file and use some kind of [http://en.wikipedia.org/wiki/Non-linear_editing_system video editing] software to edit it together. But what if we want to use Synfig itself to do the editing?

In this example I'm going to take 3 sifz files made by [[User:Zelig|Zelig]] and mix them together:
* [[Media:Sy-n-fig-s1-hi.sifz|Sy-n-fig-s1-hi.sifz]] - a 3 second introduction scene (scene 1)
* [[Media:Sy-n-fig-s2-ball.sifz|Sy-n-fig-s2-ball.sifz]] - 28 seconds of animation (scene 2)
* [[Media:Sy-n-fig-s3-boid.sifz|Sy-n-fig-s3-boid.sifz]] - 6 seconds of a different scene that needs cutting into the middle of scene 2

Make a new document in Synfig and set its time to 47 seconds (3 seconds for scene 1 + 28 seconds for scene 2 + 6 seconds for scene 3 + 5 seconds each for opening and closing titles).

Using Caret>File>Import, import each of the three scenes one at a time.

Select each of the three scenes in turn in the layer dialog, and export its canvas in the params dialog by right-clicking the [[Canvas]] Parameter and selecting [[Export]] from the context menu. Call the exported canvases "scene1", "scene2", and "scene3". Now we can delete the three encapsulated layers from our document. We don't need them yet.

We don't have any opening or closing titles, so we're going to have to make those ourselves. Make a new text layer: Caret > Layer > New Layer > Text and edit the Text Parameter to say something appropriate for the opening titles.

Encapsulate the Text layer, and export the encapsulated layer's canvas parameter. Call it 'titles'.

Turn on [[Animate Editing Mode]], and make a keyframe at frame 0, and set the default interpolation type to "Constant". This can be found in the main 'toolbox' window, right at the bottom. It defaults to TCB, but we want our edits to happen exactly when we specify them rather than taking the risk that TCB waypoints will somehow try to 'smooth' them.

Looking at the dialog now, we notice that we forgot to put a background behind the title text. Go to the [[Canvas Browser Panel]] Dialog, open up the tree and double-click 'titles' to open the titles sub-canvas in a new window. There we can modify it. Add a new Solid Color Layer, make it white, and put it below the Text layer. Then close the sub-canvas window.

We want the first scene to start displaying at 5s. Move the time slider to 5s, make sure the main workarea is selected, select its only layer, [titles], and edit its Canvas parameter to be the 1st scene. The menu displays the titles of the scenes. Scene 1's title is "Sy'n'Fig say hi".

If we play the animation now, we'll see the title frame for 5 seconds, and then it will jump to the 1st scene. But the first scene has already ended - they've already done their wave. We need to delay the first scene by 5 seconds, so it only starts to play when it's displayed. With the time slider at 5s, edit our only layer's "Time Offset' parameter to be -5s. Now when we preview the animation, we see the static title frame for 5 seconds, and then the scene 1 plays until 8s.

Move the time slider to 8s and edit the Canvas Parameter to select the 2nd scene. Again we'll need to delay the start of this scene, so set the "Time Offset" to -8s.

Now we want to cut scene 3 into the middle of scene 2. Playing with the time slider in the main workarea, we see that we want scene 3 to be cut in at around the 23s mark (15 seconds into scene 2, which started at 8s). Adjust the time slider to 23s and switch the canvas to scene 3. Adjust the Time Offset parameter to -23, so that scene 3 starts when we switch to it.

Scene 3 lasts for 6 seconds, so fast-forward to 29s and switch back to scene 2. We'll need to edit the Time Offset parameter there to make up for the 6 seconds that scene 3 played for. Previously, scene 2 was delayed by 8 seconds, so now it will be delayed a further 6 seconds, making a total of 14s. Change the Time Offset parameter to -14.

Scene 3 will end at 5+3+28+6 = 42s, so move the time pointer there, and switch back to the titles canvas. Change the Time Offset to 0.

Open the [[Canvas Browser Panel]], double-click the titles canvas, move the time slider to 42s and edit the titles text to show the closing credits. Note that the titles are in a separate canvas from everything else, and so have their own set of keyframes. Currently they have no keyframes, so if we edit the title text, it will change for all time. To prevent this, make a keyframe at frame 0. Note also that [[Animate Editing Mode]] is a per-canvas setting. It's on in the main workarea, but off in the sub-canvases, so you'll need to enable it here before editing the titles.

Close the titles sub-canvas and we're done.

I ended up with this file: [[Media:Sy-n-fig-mixed.sifz]]

Note that using the 'Canvas' parameter to switch scenes will always cause an instant switch. If you want to fade from scene to scene, you can use 2 different layers, fading one out while the other fades in. Animate the Paste Canvas's "Amount" parameter from 1 down to 0 to fade the scene out.

Note also that we end up with a single huge file which includes copies of the three imported canvases. If we wanted to end up with a small file which referenced the imported files rather than copying them, then we could encapsulate the imported layers and export the new encapsulated layers. I think that would leave the imported layers as file references. Please try it and update this tutorial with your findings... Also, if we went that route, we could give each scene its own Time Offset value, and not have to keep messing with the Time Offset in the master canvas.

Walk Cycle.es

2008-05-01T17:33:13Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! == The List File == One of the less obvious features of Synfig is buried in the Import Image layer. I...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

== The List File ==
One of the less obvious features of Synfig is buried in the Import Image layer. In addition to being able to import some basic still image file types, it will also accept a 'lst' file. This list file is simply a text file consisting of a framerate followed by a list of images to display. (If no framerate is supplied a default rate of 15 Frames per Second (FPS) is used.)

An example, provided by Voria Studios, takes 4 still images of a character in various stages of a walk cycle. These images are shown at 4 FPS to give a sequence that when repeated, show a man walking.

Here are the images<br>
<gallery widths="104px" heights="216px">
Image:frame_01.jpg|Frame 1
Image:frame_02.jpg|Frame 2
Image:frame_03.jpg|Frame 3
Image:frame_04.jpg|Frame 4
</gallery>

And here is the beginning of the 'lst' file. <br>
<code>
FPS 4<br>
frame_01.jpg<br>
frame_02.jpg<br>
frame_03.jpg<br>
frame_04.jpg<br>
frame_01.jpg<br>
frame_02.jpg<br>
frame_03.jpg<br>
frame_04.jpg<br>
frame_01.jpg<br>
frame_02.jpg<br>
frame_03.jpg<br>
frame_04.jpg<br>
...</code><br>

== Constructing a Walk cycle ==
Let's take a look at how we can use these images to create a complete walk cycle for a character in Synfig.

Start with a new canvas and add a timeline of several seconds with the default framerate of 24 FPS. On the canvas, select the Caret > Layer, New layer, Other, Import Image.

This creates a new Import Image layer, but nothing will show up until the filename is selected. Go to the Params dialog and scroll down to Filename. There you can navigate to the '.lst' file and select open.
Now you should see the first image in the list. Moving forward along the timeline will show successive images from the list every 6 frames. You can preview or render these as is and get a low frame rate animation.

But the result doesn't look very smooth, and the images are not very flexible. (The images can be translated, rotated and stretched, but no elements within the images can be changed.) To make a fully editable character we need to trace over it with Synfig elements such as Blines or Draw layers.

I work with a drawing tablet, so the easiest solution for me is to use the [[draw tool]]. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line.

[[Image:Synfig_walk.png|488x192px]]

Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning.

Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation.

[[Image:walk.gif]]

Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)

[[media:walk.zip|Here is a zipfile]] with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.

Doc:Following a Spline/es

2008-05-01T17:30:43Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! == Introduction == If you are using version 0.61.08 or lower, please see the [[Following a BLine (the ...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

== Introduction ==

If you are using version 0.61.08 or lower, please see the [[Following a BLine (the old way)|old version]] of this tutorial, since this version is about the [[Source code|in-development version]], which you can [[Build instructions|build from source]].

This is only a rough draft. The content should be OK, but it needs tidying up and could really benefit from some screen shots. If you follow the tutorial, please consider taking some shots as you do so and uploading them here...

This tutorial will demonstrate how to make an object follow the path of an arbitrary curve, rotating to face the direction of travel.

== Summary ==

We're going to:

* [[Following a BLine#Create the Layers|Draw a curve and an arrow]]
* [[Following a BLine#Make the Arrow Move and Rotate|Link the arrow's Origin and Rotation]] to the bline so the arrow follows the curve

== Tutorial ==

This is a brief tutorial giving an example of how to use it:

=== Create the Animation ===

File > New

=== Create the Layers ===

select the BLine Tool

enable just the Outline checkbox

draw a bline that you want the arrow to move along

click the "Make BLine" icon in the bottom left of the "Tool Options" panel to create the bline.

still in the bline tool, enable Fill and Outline checkboxes in tool options

draw an arrow or whatever, pointing to the right

switch to the "Normal" tool

select the outline, hit control-a to select all its ducks except the green position duck

drag the ducks so that the arrow is centred around the green position duck

add a rotate layer above the outline and region

encapsulate the rotate, outline, and region layers

so now you've got 2 top-level layers: a curved path, and an encapsulation containing an arrow and a rotate layer

=== Make the Arrow Move and Rotate ===

select the encapsulation layer by clicking it in the Layers panel

select its green position duck by clicking on it in the canvas window

additionally select the Rotate layer by holding Control and clicking it in the Layers panel

additionally select the blue "rotation amount" duck by holding Control and clicking on it in the canvas window

so now we should have 2 layers selected, and one duck from each of those 2 layers selected

now additionally select the curved bline layer (it should be the last layer in the Layer panel's list) by holding Control and clicking on it

right-click on the dotted line that indicates the position of the curved bline - not on any duck, but on the dotted link between ducks

from the context menu that pops up, select "Link to BLine"

the encapsulated arrow should move so that its green position duck is on the bline, and it should rotate so that the arrow points along the bline at that point

select just the encapsulation layer, and drag its green duck around. you'll see that the duck is constrained now to lie on the bline, and that dragging it also affects the rotation of the arrow as expected

we can now animate the arrow. turn on "animate edit mode" by clicking the icon in the bottom right of the canvas window.

at time 0f, drag the encapsulation layer's green position duck to one end of the bline

at time 5s, drag the same position duck to the other end of the bline

Try File > Preview or View > Play to watch the animation.

== Results ==

This is the animation I ended up with: [[Media:Arrow-follows-bline.sifz‎|Arrow-follows-bline.sifz‎]]

== Commentary on the Feature ==

Also, the arrow takes the same time to move along each segment of the bline. So if there's a long straight part then a bendy complex part, the arrow will move much faster along the straight parts (since there will be less vertices in that part).

It would be good to have the option of having the arrow move at constant speed along the length of the curve.

Doc:Cut-out Animation/es

2008-05-01T17:28:12Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! This is brief tutorial to show how create cut-out style animations. Usually cut-out style animations us...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

This is brief tutorial to show how create cut-out style animations. Usually cut-out style animations use image art instead of vector art to create the animation. See South Park series. You should obtain some kind of animation like this one:

[[Image:Cutoutsample.gif]]

== Preparing the material ==

For a cut out animation you'll need some images that represent the moving parts of the animation. For this example I've prepared a Simpsons like boy. You can take the images from [[Media:Cutout-sample.zip|this file]]. It also has the final sifz animation result.

[[Image:Boy-split.png|right|thumb|A character split into parts]]

Each part of the body (head, arms, legs, etc.) is a single PNG file. (In the split image, the individual images are composited in a bigger one). I've set all the files to have the same horizontal and vertical dimensions so all the images can fit one over the other to create the character without the need to adjust their sizes or positions. It will help later to import each image into Synfig.

== Importing the cut out images ==

This is as simple as going to the Caret Menu and selecting File->Import and the proper file for each part of the character. After repeating this process for each of the image files of your character you should obtain what is shown below:

When you do the tutorial you'll notice that all the image layers have the same dimensions. The boundary of each image layer is the rectangle with the green ducks shown. The bounding boxes of all the layers coincide since I expressly created each image with those dimensions and properly placed. It will allow us to do the following: Select all the layers (CTRL + click each layer) and go to the Top-Left and Bottom-Right parameters (they get greyed). Make right-click -> Link on each one. It will link all the boundaries of the image layers to maintain them at the same relative position. This will prevent any accidental modification of the image edges and subsequently avoid any improper image deformation.

{|align = "center"
|[[Image:Layers-Images.png]]||[[Image:Images-Composed.png]]
|}

Obviously the layer order is important to place each part of the character to compose it properly (in this case the left leg is behind the right one).

== Encapsulate image layers ==

As you can imagine we are going to use Rotate Layers to perform the cut out animation. But before apply the rotation for each part of the character, we need to encapsulate it so that the rotation only applies to the desired layers. After encapsulation and renaming the paste canvas layers it looks like this:

[[Image:Encapsulate-layers.png|right|thumb|Layers dialog after encapsulation]]

== Add the Rotate Layers ==

Before adding the Rotate Layers you should have analysed your character. You need to have figured out the mechanical framework which the character's movements are bound by, the mechanics of the character's ''skeleton''. For a simple humanoid character one considers the hip as the center of the rotation of the whole skeleton. Each limb rotates relative to the hip's rotation. Also each sub-limb should rotate relative to its parent and the parent relative to the hip (we use the hip as the root ''bone'').

In our current example, the body will rotate relative to the hip and the head relative to the body. When the character's hip is rotated there needs to be an identical rotation of the body. The head needs to rotate with the torso and additionally with the hip. This cummulative effect of rotating limbs and sub-limbs is known as the limb hierarchy. The head also needs its own individual rotation which won't affect any other limb.

Let's start by adding a Rotate Layer to the hip. Go to the hip paste canvas and select the hip image layer. Insert a new Rotate layer (File->Layer->New Layer->Transform->Rotate) just above the hip image layer. Rename the layer to 'Rotate hip'. Now go to the Rotate Layer parameters dialog and select the Amount parameter. This parameter governs the angle of rotation. Export that parameter (right click) and give a proper name (hip).

Now to set up the rotation layer. You should have noticed that there is a Origin parameter in the Rotation Layer, this is the origin of the rotation. It is very important that you set the origin to the proper position, allowing proper rotation of the image layers, so in this case you need to place the origin of rotation at the center of the character's hips. As another portent example, arms will rotate about the shoulder and not about the hand.

{|
|'''Before'''||'''After'''
|-
|[[Image:AddRotateLayer-before.png]] || [[Image:AddRotateLayer-after.png]] ||[[Image:AfterAddRotateHip.png|right|thumb|After copy the Rotate hip layer over all the image layers]]
|}

Now consider our reasoning: ''When the character's hip is rotated there needs to be an identical rotation of the body. The head needs to rotate the with the torso and additionally with the hip''. Another way to put this would be that each limb bares it's own rotation, plus the rotations of those limbs higher up the limb hierachy. To effect this you should add the same rotation layer to all the limbs that depend on the hip rotation. Copy and paste the ''Rotate hip'' layer to all the encapsulated image layers. Remember that the rotation parameter is exported, and so will the value shared between all the pasted rotation layers, giving our desired effect. All the limbs will now rotate in congruently with the hip. Magic! See the image.

For each next level limbs we need an additional individual Rotation Layer. The next level limbs are: the legs and the body. We need to add a Rotation Layer for each next level limb. You should repeat the same process for each one: Add the Rotate Layer, rename it, export the Amount parameter (very important) and place Origin to the proper rotation place.

After doing that for the legs and for the body you should obtain something like this:

{|
|[[Image:AddRotates.png]] || [[Image:AddRotatesLayers.png]]
|}

Notice that fortunately you have exported the Amount parameter for each added rotation layer. So all the copies of the Rotate hip layer share the same rotation. The same applies to the other rotation layers (body and legs).

Since the arms and the head are children limbs of the body they should suffer the same rotation as the body. Repeat the same for the body rotation layer and copy it over the arms and the head image layers.

Now you can imagine how this works. You need now an additional rotation layer for the rest of the limbs to produce its individual rotation. So repeat the steps of Add a Rotate Layer, rename it, export the Amount parameter and center the Origin. You should obtain something like this:

{|
|[[Image:AddRotationFinal.png]] || [[Image:AddRotationLayersFinal.png|thumb]]
|}

== Now animate it! ==

It is time to animate the character!. You can go to the Child Dialog and expand the ValueBase Nodes and select any of the already exported parameters (angles). Alternatively you can select the parameter itself from the proper layer. It will set the angle duck at the proper position showing the altered position and angle due to the nested rotations performed for each sub-limb. You can do use of the [[Groups Panel|Group feaure]] of Synfig to select multiple scattered layers with only one double click.

[[Image:Rotation-Setup2.png|center]]

Don't move the origin of any layer! If you do, you will break the composition.

Notice that I've prepared the individual images with a rounded hidden area (look again at the split character image and see what I mean). This allows us to make rotations without revealing sharp corners.

----

For alternative set-ups and its pros and cons, see the [[Talk:Cut-out_Animation|talk page]].

Doc:Rescale Animations/es

2008-05-01T17:23:43Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! == Introduction == To rescale an animation means to modify the initial and final times when a portion ...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

== Introduction ==

To rescale an animation means to modify the initial and final times when a portion of animation is shown. Imagine that you have created a complex animation for certain objects, but when you watch it with the rest of the backgrounds or other animated objects, it seems to be "out of time" (too late, too soon, too slow or too quick). You would like to modify the animation smoothly from one time segment [A-B] to other [C-D]. But how?...

You could think about moving the waypoints one by one and rescale the animation manually. Although it is possible, for the majority of the times it would be tedious and fruitless.

With Synfig it is easy to do.

== Encapsulate the layers ==

First of all you need to encapsulate the layers that are going to be rescaled in time. We'll need to make use of the [[Time Offset Parameter]] of the [[Paste Canvas]] layer.

== Understanding what are we rescaling ==

For example, say we want to rescale from [A-B] to [C-D]. So what we want is that when the original animation reaches the A time then the new animation would reach it at time C instead. Similarly for B and D. But if you move the animation in that way, what happens to the frames before frame A that are now before C? And what happens to frames after B that are now after D? Unless precautions are taken, they're rescaled too. Is that what we want? In the most general case we would like the frames 0f to A' (A'<A) and B' to the end of the animation (B'>B) to be untouched.

There are some conditions that the rescaled time segment [A-B], the desired time segment [C-D] and the untouched segments [0f-A'] and [B'- end] must fulfil:

# Frame A must be smaller than frame B. (Obviously)
# Frame C must be smaller than D.
# Frame A' must be smaller than A
# Frame B' must be greater than B
# Frames C and D must be smaller than B' and bigger than A'

[[Image:RescaleDiagram.png]]
(this diagram was done in Synfig :D)

== Using the Paste canvas ==

Now we know what are rescaling, then let's modify the animation to make those changes on it.

Go to the Paste canvas you have obtained in the first step and go to its [[Time Offset Parameter]]. Insert the following waypoints in the animation of that parameter:

# At frame A', insert a value of 0f. This will maintain this frame untouched (and the ones that are before also, if there are no more waypoints there).
# At frame C, insert the result of subtracting from the time value at frame A, the time value at frame C (that is C-A in time units). It could be positive or negative. In the sample diagram it is negative and corresponds to -2s6f (if the animation is at 24fps and we assume that each division in the diagram is a second.)
# At frame D, insert the result of subtracting from the time value at frame B, the time value at frame D (that is D-B in time units). It could be positive or negative. In the sample diagram is negative and corresponds to -18f (if the animation is at 24 fps and we assume that each division in the diagram is a second.)
# At frame B', insert a value of 0f. This will maintain this frame untouched (and the ones that are after also, if there are no more waypoints there).

'''IMPORTANT''': all the inserted waypoints must have linear interpolation. If not, you will change the original timing of the animation. To make it easy, just select Linear on the default interpolation parameter on the tool box window.

==Examples==

=== Enlarge a portion of animation at the end ===

In this case, the animation segment [A-B] is rescaled to [C-D] but A=C and D>B. You can see that in the original animation, the black circle has a constant velocity and the red rescaled one has the following motion:
# From A' to A, the animation is not touched (in fact A' can be the same as A because C is not smaller than A)
# From A=C to B, the rescaled animation is slowed down to reach B position at the same time the original animation reaches D. So the time segment [A-B] is rescaled to [C-D]. We've enlarged the time segment so the rescaled animation is slower.
# From B to B' the rescaled animation accelerates to reach the B' mark at the same time than the original. We've shortened the time from B to B' so the rescaled animation is quicker. It was done by setting the waypoint in the frame D to 0f, which forces the rescaled animation run to reach the original animation.
#From B' to the end, the animation is the same.

[[Image:RescaleSample1.gif]]

Both the original animation and the scaled animation use linear movement, but the scaled animation is done in three linear steps. In the original animation (black circle) the time and the position are the same. Hopefully this clarifies the example.

==TO DO ==
Fix links to other wiki pages.
Include an animation sample (in progress).
Insert a table with the waypoints (time and value) of the offset parameter.

Doc:Shiny Effects/es

2008-05-01T17:16:35Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! Shiny Effects #1 by Ceox '''Skill Level:''' Intermediate '''Length:''' About 30 minutes '''Version o...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

Shiny Effects #1 by Ceox

'''Skill Level:''' Intermediate

'''Length:''' About 30 minutes

'''Version of Synfig Studio:''' 0.61.07

In this tutorial we will make some shiny/glowy effects on your text.

It might seem long to you because there is a lot of text, but when I
first tried this out I did it in 5-10 minutes, so if you learn all the
stuff you'll be able to do it that fast as well.

== Part 1 - Designing ==

=== Step 1: Create New Document ===

We start by opening Synfig Studio and creating a new document with all
the default settings except these:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic1.gif

=== Step 2: Create Text Layer ===

Now we create a new text layer. In this tutorial I'm going to use
the text "Ceox". That's not my real name, but it will have to
do. Start by adding the text layer:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic2.gif

=== Step 3: Select Text Layer ===

Now you should see a "Text Layer" text in the middle of your
project. Select the text layer in the layers list, so that it is
highlighted, and you should see its parameters in the "Params" window,
which is on the bottom of your workspace if you haven't placed it
somewhere else. (Click on the image to enlarge it; it will open in a
new window).

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic3.gif

=== Step 4: Edit Text Layer ===

Now we are going to modify the text in the "Params" window. First
double-click on the color in the "Value" cell and choose the color you
want, with 100 "Alpha". I chose a darkish blue. Then double-click on
the "Text Layer" text, also in the "Value" cell and enter your name
into the pop-up window. After this, change the size to 50pt and the
font to Arial, both by double-clicking the field in the "Value"
cell. Here's a screenshot of all things need to be modified: (I have
darkened all the values that should be good to go by default, but if
you like you can check the others as well).

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic4.gif

=== Step 5: (OPTIONAL) ===

If you want some more "fancyness" on your text, create a stroke for
the text, like this step tells you. Right click on the text layer in
the layers list and choose "Duplicate Layer":

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic5.gif

Now you should have two "Text" layers on top of each other. Choose
the lower "Text" layer and change the color to something else what
you have on the top "Text" layer. Im am going to choose a simple
green. Now change the size of this layer to about 2-3 pt bigger than
the layer on the top, in this case to 52pt. (50pt 2pt, if you didn't
get it). Now we have a stroke for our text, though it might not be
perfectly around the text. You can fix this, my moving the lower layer
a bit. This is how my text looks like now:
http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic6.gif

=== Step 6: ===

Now we create the firstÂ shiny thing. Add a new layer just like we
added the text layer, by clicking on the little black arrow in the
corner of our canvas and choosing "LayerÂ > New Layer >
Gradients > Linear Gradient. Now your canvas should be filled with
a some colored gradient. Don't worry, we will get your text back in
the next step. Which actually comes now. Choose the "Linear Gradient"
layer in the layers list and then double-click on the "Gradient"
value in the "Params" window, like we double-clicked in Step 4. Now
you should see a window which calls itself the "Gradient Editor". At
the bottom of this window you should see two black 'half-arrows', one
on the left side and one on the right side. Click on the one, which is
on the left side. (When the color of it changes to white, it is
selected.) Change the color to white and the "Alpha" value to 0. Now
select the arrow on the right side and do the same thing. Now insert a
new arrow (or CPoint, what ever you want to call them) by clicking in
the center of the area, which is over the half-arrows with your right
mouse button and select "Insert CPoint". Notice that the menu will
only appear when you keep the right mouse button pressed down. Now
select this arrow and change its color to white and its "Alpha" value
to 50. As you may have noticed by now, the alpha amount controls the
transparency of an object. Now your Gradient Editor should look like
this:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic7.gif

and your canvas something like this:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic8.gif

=== Step 7: ===

Rotate and scale the "Linear Gradient" layer with the "Normal Tool"
using the control points like the video shows.
[http://personal.inet.fi/musiikki/ceox/synfigtuto1/vid1.swf.html Click
here to view video. Opens up in new window.]

=== Step 8: ===

Select the "Linear Gradient" layer in the layers list and set its
"Blend Method" to "Onto" in the "Params" window. Now the Gradient
layer is visible only on the layers below it. Your gradient should
disappear if you placed like the video showed in the previous
step. (Not on top of the text)

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic9.gif

=== Step 9: ===

It's easier to do all the animations afterwards, so now we could make
the other shiny effect, which I prefer to call a 'shimmer'. We start
by taking the BLine tool ([[Image:draw-path_128sif.png]]) and zooming
in 400% into our canvas. You can zoom in and out in the "Navigator":
http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic19.gif

Â Now we have to draw a new object with the BLine tool
([[Image:draw-path_128sif.png]]) in to some sharp corner of our
text. I chose the corner of the X, because this effect looks good on
the last character(s). So now draw a shape like this one:

(Insert a controller by pressing your left mouse button and close the
line by clicking on the first point with your right mouse button and
selecting "Loop BLine")
http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic20.gif

=== Step 10: ===

Now zoom out to 100% again. You should now have a new layer in your
layers list:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic10.gif

Select it by clicking on it. Now we have its parameters in the
"Params" window. Change its color to white, if it isn't it aleady. You
also have to set its "Feather" to 1pt and the "Type of Feather" to
"Box Blur". We don't want it to be visible yet so we also have to set
the "Alpha" value to 0 in the color editor. Now everything is ready
for the animation.
http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic11.gif

== Part 2 - Animating ==

=== Step 1: ===

First we animate the "Linear Gradient" layer. Select it in the layers
list. Now you should have to have two green control points visible in
your canvas. Choose the "Normal Tool" ([[Image:normal_icon-full.jpg]])
and select both of those points by drawing an rectangle over
them. Open the keyframe- window by clicking on its icon (a golden key)
in the same window where the "Params" are. Make sure your timeline
indicator is at "0f" (the small orange line on a gray background) and
add a new keyframe by pressing on the blue icon. Move the timeline
indicator to "2s" and add a new keyframe. Now your window should look
like this:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic12.gif

=== Step 2: ===

Move the time indicator to "0f" and press on the green ball in the
lower right corner of your canvas. After pressing on it, its color
changes to red, like it is in the screenshot. Now move the control
points up a bit (this doesn't affect the animation), just to create a
waypoint. Go back to "2s", where we inserted the second keyframe and
move the two green control points to the right side of your text. The
first animation has been created. You can move your timline indicator
around to see it. This should be your timeline and canvas now:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic13.gif

=== Step 3: ===

Now let's encapsulate our "Linear Gradient" layer and the two "Text"
layers by selecting them all. (Select multiple layers by holding CTRL
down and selecting the layers). Then press on one of the selected
layers and choose "Encapsulate". The layers should now be groupped in
one layer with a box symbol and labelled "Inline Canvas". You can open
all the layers by clicking on the small arrow on the left side of the
box- icon.

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic14.gif

=== Step 4: ===

I just noticed, that I screwed up and we have to make the whole
animation a bit longer. Click on the black arrow in the upper left
corner of your canvas, select "Edit" and then "Properties". A new
window should pop up. Go to the "Time" tab and then set the "End Time"
to 4s 2f.

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic15.gif

=== Step 5: ===

Select the "NewBLine(some number) Region" layer, place the timeline
indicator to "2s" and a add a keyframe, like in Step 2. Now repeat
this by adding keyframes also to "3s" and "4s". Move your timeline
indicator back to "2s" and press the green ball icon to get into the
animate editing mode. Now open the "Colors" window from the "Params"
window and set the "Alpha" value to 1. Close the window. Move the time
indicator to "3s" and set the "Alpha" value to 100 trough the
"Colors" window like before. Now move the time indicator to "4s" and
set "Alpha" to 0. Now we have the shimmer in the corner of our text
fading in and out in 2 seconds. Your timeline should now look like
this (without those texts, of course):

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic16.gif

=== Step 6: ===

Your animation is basicly ready, but that shimmer needs some
enchancement. First add a new layer onto the "NewBLine(some number)
Region" layer, by left clicking on it and selecting "New Layer >
Transform > Rotate". A new layer named "Rotate" should appear. Now
lets encapsulate the "Rotate" and "NewBLine..." layer like in Step 3,
but just selecting the "Rotate" and "NewBline..." layers this
time. If we wouldn't do this the rotatation effect would affect our
text too, but that's not what we want. Now you should have 2 "Inline
Canvas" layer groups. Open the first one by pressing on the small
white arrow next to the [box]- icon. This is what your layers list
should look like now:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic17.gif

=== Step 7: ===

Select both of the layers in the opened "Inline canvas" and you should
see the outline of your shimmer and a new line, which has a green dot
and a blue dot in both ends. Move the green dot to the center of your
shimmer like this:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/pic18.gif

=== Step 8: ===

Make sure, you're still in the "Animate Editing Mode" (the ball in the
bottom left corner of your canvas is red, if you are), place your
timeline indicator to "2s" and select only the "Rotate" layer. Now
you have to set the "Amount" value to 0.01 in the "Params" window,
just to set the waypoint. Move the timeline indicator to "3s" and set
the "Amount" value to 180 (for 180 degrees) and then move the
timeline indicator to "4s" and the "Amount" value to 359.

Congratulations, you are done!

[http://personal.inet.fi/musiikki/ceox/synfigtuto1/Shiny_Effects_Tutorial_1_by_Ceox.sif Here's the Synfig Studio file.]

And here's the final result:

http://personal.inet.fi/musiikki/ceox/synfigtuto1/animation.gif

Hope this tutorial helped you with something :)

For further questions, contact me at ceoxmusic (at) gmail (dot) com

[http://ceox.urli.net Ceox] |
[http://personal.inet.fi/musiikki/ceox/synfigtuto1/ HTML version]

Doc:Flower Animation/es

2008-04-24T15:42:52Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! '''This tutorial will show you how to create a simple animation of a growing flower with blines.''' ==...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

'''This tutorial will show you how to create a simple animation of a growing flower with blines.'''

== Basic settings ==

Click on ''File > New''. You can keep the default values here and just click OK.

Click on the foreground and background colors in the toolbox, in order to create a gradient you like.
(You can also directly edit the gradient by clicking on it).
Select the Gradient Tool and drag your cursor vertically across the canvas to fill it with the gradient.

Select the Bline Tool and in the tool Options dialog, make sure that only "''Fill''" is checked. In the toolbox, Set the foreground color to green. Draw a kind of triangle with the Bline tool. To close the shape after drawing the 3 vertices, right click on the first vertex and choose "''Loop Bline''".
: '''Note:''' If only the "Split Tangents" option is available, drag a little the red dot (the "[[duck]]") that covers the first vertex, then right-click again on the vertex (the orange dot) to make the Loop Bline option appear.
Now that the shape is closed, you can "create" the bline shape by selecting another tool or pressing the Create button (gear-like icon) at the bottom of the tool options.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_1.png

This will be the base of the stem. You can tweak the tangent handles (red dots) a bit to make a rounder triangle. With the [[Normal Tool]], right-click on each vertex and select "''Split Tangent''", so the tangent handles of each vertex can be moved separately.
We're done with the basic settings.


http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_2.png

== Animate the stem ==

We need to change our simple image into something that can be animated.
In the Canvas Menu, select ''Edit > Properties''. Go to the Time tab and set the ''End time'' to 6s.
There's now a small timetrack at the bottom of the canvas.

Click at the beginning of the timetrack (<tt>0f</tt>), then, on the [[Keyframes Panel]] (the one with a key icon) click on "+" (add a new keyframe).
[[Keyframe|Keyframes]] allow us to ''settle down'' the scene; i.e. on a keyframe, every element of the scene will have all its properties remembered.
Click again on the timetrack, at <tt>4.5s</tt>.
Press the green circle at the bottom right of the canvas (or whatever icon you have there, depending on your icon theme), to switch to the [[Animate Editing Mode]] (the circle is now red).

With the [[Normal Tool]], select the green sprout, and move the upper vertex up to make a stem.
You can play with the vertex handles to bend the shape a bit if you want.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_3.png

While you are still at <tt>4.5s</tt>, right-click on the stem border, close to the top, and choose "''Insert Item (smart)''". Do the same on the other side of the stem. Right click on those new points and choose ''Split Tangent'' again. Then try to make a shape that looks like the one on the image, to create the flower bud.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_4.png

Now if you click on <tt>2s</tt> (for example), you'll see that the shape of the bud is slightly visible, even if the sprout is rather small, and even if the bud ducks are invisible. Let's say we want the bud to appear only at 3.5s, and be full size at 4.5s.

Click on <tt>3.5s</tt> on the timetrack. Now take a look at the ''Params'' and ''Timetrack'' dialog. You'll see that each parameter in the [[Params Panel]] matches a row in the [[Timetrack]] dialog. The last parameter is the vertices list. Click on the small arrow on the left to unfold the list. You should see something like this:

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_5.png

Each big green dot (or [[waypoints|waypoint]]) stands for a recorded value (here the vertices positions were recorded at 0f with the keyframe, and at 4s when we moved some vertices or vertices handles). The two vertices we added to make the bud are marked at "DYN" (dynamic). Right-click on them in the params list, and select "Mark Activepoint as Off".<br/>
The dialog should now look like this, the grayed part being the part where the bud vertices have no effect on the stem.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_6.png

For example if you click on <tt>2s</tt> or even <tt>3s</tt> now, the bud shape is not visible. It starts to appear only a little after 3.5s.

However, the shape of the stem may not look very nice during its growth between 0 and 4s. Make sure you're still in Animate Edit Mode, and tweak the shape at various moments in time, to get something you like.

The animation of the stem is now finished, but it still lacks the petals.
You can watch a preview of your animation: Go to ''File > Preview'', validate, wait for the preview to be generated, and watch :) (Previews are often aliased and blurry, but the final render will be clean-cut. Higher quality previews are obtainable by using higher values for 'Zoom' and 'Frames per second' in the preview dialog window).

== Adding the petals ==

You can now leave the ''Animate Editing Mode'' by clicking on the red circle at the right bottom of the canvas. <br/>
Change the paint color to pink, and create a petal with the bline tool. You'll notice that the green [[duck]] that allows easy movement of a shape is at the center of the canvas. Select all the vertices of the petal with Ctrl+A and move them close to the green duck (with the Normal Tool), as shown.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_7.png


Then drag the green duck very close to the top of the bud. Tweak a bit the petal if needed. Also, in the [[Layers Panel]] select the petal layer and put it '''under''' the stem layer.
Click on the petal to select it, then Ctrl-Click on the stem. Both objects should be selected.

Now click on the vertex at the top of the stem and ctrl-click on the green duck of the petal (both should appear in a lighter color, as they are selected). Then right-click on the stem top vertex, and select "link". The petal will move a bit as the green duck is snapped on the stem vertex.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_8.png

Now that there's a link between the petal and the top of the stem, when the top of the stem moves, the petal will follow the move. (And if the green duck of the petal move, the top of the stem will move, but we don't want to do that here.)

On the [[Layers Panel]], select the newly created Petal layer and duplicate it (with the third button, on the bottom of the dialog). On the canvas, press Ctrl+A to select all the vertices of the duplicated petal, and move them a little, so the petals are no longer overlaid (''Don't move the green duck, just the orange ones''). Repeat the process several time, to get something looking like this image.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_9.png

Note that the duplicated petals are also linked to the stem.
If you go back to the first keyframe, you'll see that the petals are visible.
We don't want that. We want the petals to appear and bloom almost at the end of the growth.

== Hiding the petals ==

: This part is maybe the most clumsy one. I guess there may be an easier way to manage this step, and if I find it, I'll update the tutorial ;)

Let's say we want the petals to appear a little after 4 seconds in the animation, and be full size at 5 seconds, instead of being visible and full size all the time. <br/>
Switch to ''Animate Edit Mode'' again by clicking on the green circle at the bottom right of the canvas.

On the timetrack, click to place the cursor at 5 seconds. <br/>
On the [[Keyframes Panel]], click on "+" to add a new keyframe. As the flower won't move between 5 and 6 seconds, adding a keyframe at <tt>5s</tt> makes sure that the changes we will make won't affect the next frames.
Now click on <tt>4s</tt>, and on the Layers Panel, select all the petals layers (with Ctrl+click), then press Ctrl+A to select all the petals vertices. Scale them down with the [[Scale Tool]], and move them, so they are hidden by the stem, as shown.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_10.png

From 4s to 5s, the petals will now appear and bloom. But the problem is that they are still visible from the first keyframe to the 4s keyframe.
We could either change the size of the petals an make them tiny and hidden on every frame from 0s to 4s, or we could make them invisible on those frames.

Let's choose the second solution. To make things easier, we are going to [[encapsulate]] the petal layers in an [[Paste Canvas|Inline Canvas]]. With all the petal layers selected, right-click on them on the Layers Panel and select ''Encapsulate''. You can rename the layers to
make things more understandable.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_11.png

Select the "Petals" inline canvas and jump to the first keyframe. In the Param tabs, set the [[Amount Parameter|Amount]] value to <tt>0</tt>. The petals are now invisible on that keyframe.
Note that two waypoints were added in front of the "Amount" parameter, one at 0s and the other at 5s. Drag the 5s waypoint to 4s, so that the opacity of the petals is at 1 at 4s.

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_12.png

There is still one problem left : From 0s to 4s, the opacity of the petals slowly increases, making the petals visible when they shouldn't. To solve this, we will change the Amount interpolation method: Right click on the Amount waypoint at 0f, and select ''Edit waypoint''. A new dialog will appear, in which you can choose the In and Out interpolation. Set the Out Interpolation to ''Constant''. This means that ''after'' that waypoint, the Amount value will remain constant, until another waypoint is encountered. So from 0f to 4s the Amount value will be equal to 0, and at 4s it will suddenly changed to 1, and make the petals visible, as expected. Alternatively, we could have achieved the same effect by setting the In Interpolation of the waypoint at 4s to ''Constant''.

Notice how (half of) the waypoint changes from a green circle (meaning smooth animation of the amount parameter) to a red step (meaning that the amount parameter is suddenly stepped).

http://i209.photobucket.com/albums/bb207/rore4wiki/Synfig/flower_13.png

Now you're done.
The stem grows for 4.5 seconds and then stays still the last 1.5 second.
The petals are hidden until 4 seconds, and then grow quickly between 4 and 5 seconds, and stay still the last 1.5 second too.

Click on ''File > Render'' to render your animation. Select any format you want, and don't forget to uncheck the "''Use current frame''" option (otherwise, one frame only will be rendered).

How do I.es

2008-04-24T15:37:58Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! Feel free to add your own questions here. Or put them on the Wiki Wish List. __TOC__ == Insert so...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

Feel free to add your own questions here. Or put them on the [[Wiki Wish List]].

__TOC__

== Insert some text? ==

With recent development versions, there is a text tool. If you are using 0.61.08 or earlier, use right click on your canvas and choose Layer > New > Other > Text.

== Apply a gradient to an object instead of the entire canvas? ==

# Create the region you want to fill with a gradient, and the gradient layer, if you haven't already.
# Make sure that the gradient layer is above the region layer in the [[Layers Panel]].
# Select both layers, right click, and select [[Encapsulate]].
# Expand the new [[Paste Canvas|Inline Canvas]] layer if it's not already, and select your gradient layer.
# In the [[Params Panel]] select the [[Blend Method]] parameter, and choose [[Blend Method#Onto|Onto]] from the drop-down menu.

The gradient will clip to the visible area of the region below it inside the [[Paste Canvas|Inline Canvas]]. (and any other layers in that section).

== Show or hide a layer, or fade the effect of a blur? ==
In the [[Params Panel]], look for an option labeled [[Amount Parameter|Amount]] - this controls how much of the blended result of the layer is composited with the blend of the layers beneath it.

In other words, for a typical layer, this will 'fade it out'. For a [[Blur Layer]] set to "[[Blend Method#Straight|Straight]]", this will fade ''between'' the blurred version and the unblurred version of the canvas. If you want it to become less blurry, adjust the [[Blur Layer#Size|Blur Layer's 'size' parameter]].

== Fill an outline? ==
(Requested by [[User:Karlb|Karlb]])

There are several options:
* The easiest way is to link a new region layer to the outline's shape.
*# Select the outline you want to fill.
*# In the Params Panel, right-click the Vertices parameter, select "Export", enter a name for the shape, and hit return. This will export the shape of the outline, making it visible in the Children dialog.
*# In the Children dialog, open the ValueBase Nodes tree and select the name you just saved the shape as.
*# From the [[Layer Menu]] (either context-click on the [[Layers Panel]] or use the [[Canvas Menu Caret]]) create a new [[Region Layer]] by selecting "New Layer -> Geometry -> Region". Ensure that the created layer is selected.
*# In the parameter dialog, right-click the Vertices parameter and click "Connect".
*# Now, if you don't need exported shape, you can unexport it: right click name of the shape in the Children dialog and click "Unexport".
* Similar to the above, but using a different method:
*# Create a new region layer as above, and leave it selected.
*# Don't make any changes to the outline layer, which you want to fill! (see the Tier 5 on the [[Linking]] page for details).
*# Select both layers in the [[Layers Panel]] This will display only the parameters shared by both layers in the [[Params Panel]].
*# Context-click on the [[Vertices Parameter]], and select [[Linking|Link]].
*# The [[Region Layer]] will snap to the shape of the [[Outline Layer]].
* When you create an [[Outline Layer|outline]] with the [[Bline Tool]] that you intend to be a filled area as well, make sure you select the Fill checkbox in the [[Bline Tool#Options|tool options dialog]]. Obviously, this doesn't help much if you realise later that you needed a fill here.
* If you are using the [[draw tool]], there is a button at the bottom of the [[draw tool#Options|tool options dialog]] labeled "Fill Last Stroke", which creates a new [[Region Layer]] and links its shape to the previously drawn outline. Unfortunately, it doesn't work as of Synfig Studio v0.61.04. It has been fixed in the current SVN version of the code.
* Create a [[Region Layer|region]] with the same number of ducks, and manually link each duck. If you want a region that depends on multiple outline layers, this is really your only choice for now.
* Use the draw tool, select only the outline to fill, draw a stroke roughly following the outline and make sure you're holding the Control key when you left go of the mouse button at the end of the stroke. This doesn't work 100% right at the moment.

== Dock windows together? ==

*To dock (join) separate windows into one you must drag the tab ''icons'' for each of the tools into another window.
*You can create subdivisions inside the windows by dragging the icons into the side tabs (located around the edges, the look like rectangles).
*Tool tabs inside the window can be arranged by dragging them on top of one another, therefore changing the order.
*''How Do I min/maximize all Synfig windows on a Windows pc''? There must be an easy way/tool to do this?

== Use an external bitmap? ==

* In the image menu (>) choose file-->import. PNG with alpha channel works fine.
* To animate it without accidental stretching, right-click on the layer and choose encapsulate. You can then animate the position of the new "Inline Canvas" layer instead of the bbox.

== Use an external Vector? ==

Synfig doesn't yet support vector import because no-one has written an import process yet. You can use the Svg2synfig [[Converters|converter]], or import it as a bitmap and trace over it in synfig. If you want to implement vector import we would gladly accept your patch.

== Close a bline? ==

* Right click on the starting point and then click on loop bline.

Note: It doesn't work unless the initial point has a tangent - ie the first segment is curved. But you can hide tangent ducks (Alt+3, or "Caret Menu > View > Show/Hide Ducks > Show tangent ducks") and process as described. Don't forget to press (Alt+3) after that to show tangent ducks again.

== How do I transform encapsulated objects? ==

* Right click on the Encapsulated object in the Layer dialog and choose "select all child layers". Then you select the ducks you want to transform (usually just all of them, like for rotating the object), and the rotate or scale tool and do the work.

== Make objects go behind each other, without moving layers? ==

You'll notice each layer you make has a number in the z depth column in the Layers Panel. Say you have 3 layers, they will be numbered 2 (lowest, e.g. a square) 1 (eg a circle) 0 (highest, the default, e.g. a line). In order to make layer 1, the circle, pass behind layer 2, the square, change its z depth to be 3 or more. The z depth of the circle needs to be greater than 2 in order to be behind the square. To make the square on top of everything, you'd change its z depth to -1 or less.

Positive numbers on the z axis go into the screen, and negative numbers go out of the screen, towards the viewer.

It is possible to animate this effect, but each layer is discrete. They seem to go from 0 to 0.9999.

In addition, objects in encapsulated layers can only go behind other objects in the same encapsulated layer. However an encapsulated layer can go behind another encapsulated layer.

== Copy a complex convert combination between parameters of different layers? ==

For example: you want to copy a complicated [[Convert|conversion]] type that you have in one parameter from a layer, to other parameter (maybe not a root parameter, but a sub-parameter) of other layer. If you [[Export|export]] the complicated conversion type from the original layer and then go to the other layer and select [[Connect]] (right click and the exported and the parameter both selected) then you have the parameter form the second layer to be exactly the same than the original one. But there is a drawback: if you modify one of the sub-parameters in the complicated conversion type (e.g. you change the value of one of them) then automatically the same sub-parameter of the other layer is changed.

How can you copy the conversion but allow modify the sub-parameters independently on each layer?

Once you have achieved the complex conversion type in the original layer, <u>don't export the root parameter!</u> If you have done yet [[Export|unexport]] it. (Why?. You will understand it later.) Now duplicate the original layer. Then you should obtain the same layer with the same conversion type placed at the same parameter (but not exported). NOW export the parameter from the duplicated layer. Then go to the (sub) parameter of the layer where you want to copy the complex conversion type and Connect it to the just exported parameter form the duplicated layer. Now delete the duplicated layer (!). Then the exported [[ValueNode]] still undeleted and the layer where you wanted to copy the complex convert type have a (sub) parameter connected to it. You can [[Export|unexport]] the ValueNode or not. It is up to you. But notice that the conversion type is already copied into other (sub) parameter of other layer and they are independent as well as you can change one of them (by modifying the sub-parameters) and the other remains untouched.

== Make an existing animation run at half speed? ==

If you have an animation that runs from 0s to 10s and you want it to run at half speed from 0s to 20s, how can you do that?

* Either: encapsulate it, and use the 'time offset' parameter in the encapsulation layer to slow it down:
** Right-click 'time offset' in the encapsulation layer, convert>linear, rate -0.5 offset 0. That means offset the time by -0.5 seconds per second - or in other words, run at half speed
** Or, putting waypoints on the 'time offset' param would work too: 0 at 0s and -10 at 20s. (The choice between using a linear convert and valuenodes is entirely up to you. They both achieve the same result in this simple case).

* Or: use a [[Time Loop Layer]]. The first method seems better and more intuitive in this case, but there are ways of getting the same effect from the Time Loop layer. Perhaps the Time Loop layer is better if the animation doesn't run from 0s, but from some other time. Anyway: put a Time Loop layer over the layers you wish to slow down, and:
** Either: set duration to 0, local time to 0, convert->linear the link time and set rate to 0.5 - this slows the animation down *to* 50% of its original speed; use bigger rates to slow it down less
** Or: set duration to 1h (*), link time to 0, convert->linear the local time and set rate to 0.5 - this slows the animation down *by* 50%; use bigger rates to slow it down more
(*) if your animation is longer than 1h then set this parameter to EOT (End Of Time) what is the same as Infinite (INF) for a real number but for a time parameter.

== Draw a rectangle with a given width and height? ==

I was asked on IRC how to specify the width and height of a rectangle, rather than having to specify the position of two opposite corners. Here's how:

* draw a rectangle
* go to the [[Params Panel]]
* right-click the 'point 1' parameter and [[Export]]
* give it a name, "p1" say
* right-click the 'point 2' parameter and [[Convert]] to [[Convert#Add|Add]]
* (that's saying that rather than specifying the absolute position of the other point, you want synfig to calculate it for you)
* (it will make 2 new sub-parameters for 'point 2', and the value used for point 2 will be their sum so we want to tell it to use 'point 1' and your (width,height))
* open up the sub-parameters of 'point 2' by clicking the triangle to its left
* go to the [[Children Panel]], open up the values and select the one you exported earlier (p1)
* right-click the "LHS" parameter in the parameters dialog and [[Connect]] it
* then enter the width and height you want in the 'RHS' parameter

== Make linked BLine vertices not affected by Rotate layer? ==
Look at the http://dooglus.rincevent.net/synfig/logs/2008/%23synfig-2008-02-07.log
See also: [[Convert]].

== Create dashed outlines? ==

If you want to make simple dashed outlines the faster way is proceed like this:

* Create a Curve Gradient and an Outline over the same [[Bline]] using the [[Bline Tool]] options. Check both Outline and Gradient at the [[Tool Options Panel]].
* Raise up the gradient layer (it is created below the [[Outline Layer]]).
* Modify the gradient [[Blend Method]] parameter to be Straight Onto. That would render the gradient onto the outline width. Also it wouldn't render the outline, so transparent portions of the gradient are transparent.
* Check the 'Perpendicular' parameter of the Curve Gradient Layer.
* [[Convert]] the Gradient Parameter of the Curve Gradient Layer to be one of those types: Stripes or Repeat Gradient.
* Modify the properties of the sub parameters to achieve the desired effect.

== Render to AVI with higher quality? ==

=== Using raw video ===
The module used by Synfig to render AVI files is ffmpeg. For the moment there is not interface to control ffmpeg options so you render with a fixed bitrate and quality. If you want the maximum quality in your AVI file, follow these steps:

* Render your animation to yuv420p format. To do that select that target at the drop down list of the render dialog and add the ".yuv" extension to your animation name (without quotes).
* Once rendered (it would produce a huge size yuv file) you can quickly convert it to AVI using this command:

ffmpeg -i animation.yuv -sameq animation.avi

Change the animation file name to your one.

=== Rendering trough png sequence. ===
Render your sif to png sequence
mkdir render
synfig my_animation.sifz -o render/frame.png
Then convert it to movie with ffmpeg
ffmpeg -r <frame rate> -i render/frame.%04d.png <more settings from ffmpeg's manual> my_animation.mov
If you need nice open source format without any tweaks you may try ffmpeg2theora:
ffmpeg2theora render/frame.%04d.png --inputfps <frame rate> -o my_animation.ogg
png takes less disk space then yuv.
--[[User:AkhIL|AkhIL]] 21:38, 9 April 2008 (EDT)

==Increase performance by optimizing during compilation time? ==

I would like to know what parameters do I need to apply to configure to improve performance. [[User:Genete|Genete]] 11:04, 9 April 2008 (EDT)

To optimize program you should set two environment variables
export CFLAGS=""
export CXXFLAGS=$CFLAGS

First flag will be "-O3" (ow three). "-02" is normal optimization. "-03" is hard optimisation.

Now you should get info about your CPU
cat /proc/cpuinfo

find your cpu model name

now go to man gcc and searc "-mtune"

find your cpu and add "-mtune=your-cpu -march=your-cpu" to CFLAGS.

Then look at flags from /proc/cpuinfo and search it in gcc manual
For example I have 3dnow. So I can find "-m3dnow". For sse I can find "-msse" and "-mfpmath=sse" (can make program unstable).

Finaly you may add "-ffast-math" to disable math checks. But it can make program unstable.

For my AthlonXP I'm using this flags:
export CFLAGS="-O3 -pipe -mtune=athlon-xp -march=athlon-xp -mmmx -msse -m3dnow -mfpmath=sse -ffast-math -funsigned-char -fno-strict-aliasing"
export CXXFLAGS=$CFLAGS
--[[User:AkhIL|AkhIL]] 12:05, 9 April 2008 (EDT)

Doc:Creating Shapes/es

2008-04-24T15:34:04Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! (Draft) ''Note to the reader: This is still incomplete; please be patient.'' === Introduction === Bas...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

(Draft) ''Note to the reader: This is still incomplete; please be patient.''

=== Introduction ===

Basic primitives such as circles or rectangles are all great, but they are pretty much geometrically inflexible. What about shapes? To do this, we use the [[Bline Tool]].

=== Headline ===

In Synfig, the construct for describing shapes is called a Bline. This is roughly analogous to a "path" in other programs, except that it is strictly a hermite spline.

When you click on the [[Bline Tool]], you will see that the ducks from your currently selected layer (if there was one) will disappear, but the layer(s) will still remain selected in the [[Layers Panel]]. This is normal. Anything you create in the [[Bline Tool]] will be inserted above the currently selected layer. Keep in mind that if you want to insert a shape somewhere, you should select where you want to insert it before you go into the [[Bline Tool]]—changing the selection afterward will automatically swap you back to the normal tool.

If you take a look at the [[Bline Tool#Options|tool options]] dialog, you'll notice that the first things you see are three checkboxes. Make sure that only "Fill" AND "Outline" are checked.

{| border="0" cellspacing="5" align="center" width="100%"
| |
|[[Image:Toolbox Reset Colors Button.jpg]]
|| ||
First, go ahead and click on the "R" button in the lower left corner of the FG/BG color widget in the [[Toolbox|toolbox]]. This will reset us back to black and white.
|}

Also, go ahead and set the [[New Layer Defaults#Default Line Width|default line width]] (right next to the FG/BG widget) to something nice and thick -- 10pt should do the trick.

Clicking with your mouse in the canvas will place vertices. While you are placing a vertex, you can drag out its tangent by dragging the mouse. Do this over and over, and you construct a Bline.

Keep in mind, however, that during this construction, there is nothing stopping you from just moving it if you don't like where you placed a vertex or a tangent. Honest! If you want to remove a vertex, right click on it and select "Delete Vertex". Want to split the tangents? Right click on the tangent and hit "Split Tangents". Want to loop the bline? right click on the first vertex and select "Loop BLine".

So I assume you got your first Bline laid out like you want it. That's great. But we are still in construction mode -- the layers haven't been created yet. There are two ways to create the layers:
# just switch to another tool, or
# press the "create" button at the bottom of the [[Bline Tool#Options|tool options tab]] (it's the icon that looks like a gear).

For now, just go ahead and click on the [[Normal Tool|normal tool]] because we are done with the [[Bline Tool]].

// Insert Figure about here

Ok, we now have a nice pretty white region with a thick black outline. Notice that there are two layers that we have created--the [[Outline Layer|Outline]] and the [[Region Layer|Region]]. Despite the fact that they are two separate layers, their vertices parameter has already been [[Linking|linked]]--so you can select either one and move its ducks around and the other one will also change.

If you want to manipulate the vertices after you have created the layers, it is very easy to do so. Just click on one of the layers and have at it. If you want to remove a vertex, right click on it and hit "Remove Item (smart)". Want to insert a point somewhere? Right click on the segment where you want to insert something and his "Insert item (smart)".

NOTE: The only major difference between this normal editing mode and the construction mode is in how you split the tangents--in construction mode you right click on the tangent itself. In normal duck editing mode, you must right click on the vertex that the tangents are attached to. This could be considered a usability bug, and it will be resolved at some point.

This may appear to be leading to a mess of layers. And yes, if you aren't using the software properly, that is exactly what you will get. But there is a way to make this more sane: Just study the [[Adding_Layers|previous tutorial]]

One quick thing to mention before I finish up. You can change the width of an outline at each vertex. You do this by selecting the outline layer (NOTE: you must select the [[Outline Layer]], the [[Region Layer]] has no width data) and tweaking with the width ducks. By default, these are masked. To show them, press Alt-5. Repeat to hide them again. You can also see other things to mask via the [[Canvas Menu Caret]] > [[View Menu]] > [[Mask Ducks Menu]].

That should give you enough of a grasp of the software to be able to figure out more stuff on your own.

Doc:Adding Layers/es

2008-04-24T15:30:53Z

Ayam: New page: Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! ''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.'' == Introduct...

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''

== Introduction ==

In the [[Animation Basics|previous tutorial]], you made a first simple animation by changing the attributes of primitive objects such as its position, color, and size. These simple types, however, are seldomly sufficient to create advanced characters and objects. To do so, Synfig uses [[Layer|Layers]]. They are similar to layers known from other drawing application such as the GIMP, for instance.

{|
|
However, Synfig is different to simple layers in at least two respects:
# You can organize layers into hierachical groups.
# You can use upper layers to change the behaviour (or look) of underlying layers.

Doing so is quite easy. Let's look at a simple example.

# Create a new file with 0 duration. There's no need to bother with a timeline at this point.
# Create a simple rectangle with corresponding tool.
|| ||
[[Image:Rectangle-tool-on-panel.jpg]]
|}

[[Image:Adding-layers-tutorial-0.jpg]]

== Combining Layers ==

Now there are two ways to proceed. In the first way, pick the [[Gradient Tool|gradient tool]] from the Synfig [[Toolbox]], and click into the canvas once. You should note that another layer was added in the [[Layers Panel]] called 'Gradient'. This is nothing special. If you see no gradient but just a plain color, pick the [[Normal Tool|normal tool]], click into the canvas to activate the gradient's ducks. You need to grab the one you see and move it a bit until a gradient appears.

[[Image:Adding-layers-tutorial-1.jpg]]

You now have a gradient but it is not what you wanted: It spreads the whole canvas and the goal was to have a gradient on the rectangle. Let's fix this now.

Select the gradient and the rectangle layer in the [[Layers Panel]]. They should appear with a blue background now. Then, context-click (ie. right-click on Windows and Linux) and select '[[Encapsulate]]' from the menu. The view of your layer tab should change now, showing a small box called '[[Paste Canvas|Inline Canvas]]' with an arrow in front.

You can treat this layer like any other layer -- move it around, duplicate it, copy and paste it. By clicking on the arrow you can expand the inline canvas to see its contents, your previous two layers, the gradient and the rectangle.

If you want to change the name of it to something more descriptive, just select the layer in the layer tab and click on its label. Then you just edit it in place. You can do this for ANY layer, and are strongly encouraged to do so.

== Using locality ==

[[Image:Adding-layers-tutorial-2.jpg]]

However, there is still a problem: The gradient still covers the whole canvas althought we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layer tab. Now go to the [[Params Panel]] (by default a tab in the Params-Children-Keyframes window), and search the attribute called '[[Blend Method]]'. Double-click the entry and select '[[Blend Method#Onto|Onto]]' from the appearing drop-down menu.

[[Image:Adding-layers-tutorial-3.jpg]]

The gradient should now be restricted to the rectangle. Congratulations! You just made your first interacting layers with Synfig.

[[Image:Adding-layers-tutorial-4.jpg]]

If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of scope as just demonstrated sets Synfig apart from other programs with layer hierarchies.

However, a layer can only modify the data that it gets from directly below it. In other words, if you were to throw a [[Blur Layer]] on top of the layers inside the [[Paste Canvas|inline canvas]] we just created, it would just blur them -- anything under the inline canvas would not be blurred!

Let's try it. Create two red [[Circle Tool|circles]] and in the [[Layers Panel]] move them under the inline canvas. Now our inline canvas (with rectangle and gradient) is in front of those two circles.

[[Image:Adding-layers-tutorial-5.jpg]]

Expand the inline canvas to show its contents, and select the top layer inside of it (should be the "Gradient" layer). This is where we want to insert new layer. Create another circle filled with a black color. Layer with circle will be created over the gradient layer inside the inline canvas.

[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]

Now, right click on the layer with black circle in the [[Layers Panel]] and a popup menu will appear. The first item in that popup is "New Layer". Inside of the "New Layer" menu, you'll see several categories of layers you could create, but what we want is a blur, so goto the Blur category and select the "Blur" layer. (so that would be "New Layer->[[Blur Layer Category|Blurs]]->[[Blur Layer|Blur]]")

[[Image:Adding-layers-tutorial-8.jpg]]

Well, it blurred... but something is not quite right - outside edge of contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to "[[Blend Method#Composite|Composite]]" (you can change the [[New Layer Defaults#Default Blend Method|default blend method]] for new layers from the [[New Layer Defaults]] section of the [[Toolbox]]). What we want is a blend method of "[[Blend Method#Straight|Straight]]". Just select the blur layer, and change the [[Blend Method]] to "[[Blend Method#Straight|Straight]]" in the [[Params Panel]].

: NOTE: I will probably change the way that default blend methods are handled in the future--as the way it is currently handled seems to only create hassles like this.

[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu 'Layer > New Layer' you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual; '[[Transform Layers Category|Transform]] > [[Rotate Layer|Rotate]]' for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the [[Animation Basics|previous animation tutorial]], you can change them to be different on certain [[Keyframe|keyframes]]. Synfig will take care of interpolating the steps in between.

For example, you could create a [[Creating Shapes|some shape]] and add a [[Rotate Layer]] over it. Combine this with the lesson learned in the [[Animation Basics|last tutorial]] and you can create a rotating effect. This technique is used for creation of [[Cut-out Animation]].

Doc:Animation Basics/es

2008-04-24T15:22:38Z

Ayam:

[[Category:Tutorials]]

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

== Introduction ==

Creating an animation in Synfig is really easy: It basically means to change a drawing - you just need to create the first state and the last state of a change, and Synfig will take care of the steps in between.

Let's have a look at a simple example. Consider a moving light similar to the one in front of the KnightRider car. Drop the realism and you get a circle that is moving from the left to the right, and back. In other words, you need to create three 'steps' or 'stages':
# The circle is on the left.
# The circle is on the right.
# The circle is back on the left.

Let's do it.

== Setting up the workspace ==

Start Synfig Studio, and create a new file. Click the 'caret' menu (between the horizontal and vertical rules, in the top left hand corner of the canvas), then "Edit" and then "Properties". A dialog called 'Properties' will appear. Give your new file a name and a description, and then click "Apply" (don't click "Save" yet -- we're not quite done with the 'Properties' dialog). Make sure to edit 'End Time'. The strange looking '0f' will change to a more familiar presentation as soon as you click it. Set this to 2 seconds.

http://www.mondojohnson.com/Synfig/synfig_tut_1.png

Now create a simple black rectangle that will serve as our background. It's not necessary to make it cover the whole canvas.

http://www.mondojohnson.com/Synfig/synfig_tut_2.png

We now need a circle. Change the painting color to red, and draw a circle. It doesn't matter if it's not perfect: You can edit it. Activate the 'Normal' tool, and click the circle. It will go into a sort of editing mode which is easy to detect by the small green dot in the middle and the white rectangle around it. You can move the red circle by grapping it on its green dot in the middle.

http://www.mondojohnson.com/Synfig/synfig_tut_3.png

These are the first steps to draw an object and to move it, but not yet an animation, you may say. Indeed. Let's have a look how this works.

== Adding movement ==

In the beginning, you entered a value of 2 seconds in the 'Properties' dialog. Due to this, your canvas window (the one where you draw) got additional capabilities. There's a grey time slider, for instance. You can click on it, and a small orange indicator will appear but nothing changes. This is because you need to switch to 'Animate Editing Mode' first by clicking the green dot just to the right of the grey time slider. You will note that your canvas gets a red outline; it reminds you that changes to your objects now affect your animation.

http://www.mondojohnson.com/Synfig/synfig_tut_4.png

Previously, three 'steps' or 'stages' were mentioned. These are represented by so-called '[[Keyframe|keyframes]]' (Just in case you're familiar with video encoding: No, that's not the same!). A keyframe is an image in time where something important happens with your objects.

Click the keyframe tab -- this is the one with the small key in the 'Params, etc.' window -- to be able to edit keyframes. Now click the small 'plus' sign and you should get a new entry in the list displaying '0f, 0f, (JMP)'.

http://www.mondojohnson.com/Synfig/params.png

If this didn't happen, you made something not mentioned so far. Close your file and start again.

If the entry appears, go to the '1s 0f' mark in the timeslider. The small orange indicator should move there. Then add another keyframe by clicking the small plus sign. Repeat the process with the time slider indicator set to '2s of'. You should have three keyframes in the list, now.

== The s's and f's: Understanding the Timeline ==
By now, you may have figured out what those mysterious '1s 0f'-type marks represent. They indicate a specific point on the timeline, expressing a location in terms of seconds (s) and frames (f).

Each second is divided into 24 frames, much like a meter on a measuring tape is divided into 100 centimeters. The frame markings begin at zero (0) and go up to 24, whereupon a new second is entered and the framecount returns to zero.

For example: "three frames into the sixth second" of an animation using this timeline notation would be "5s 3f." Why "5s" instead of "6s"? Because we always begin counting ''from zero''.

== The Keyframe List ==

The keyframe list is rather easy to understand: It displays 'Time' which is basically the start time, 'Length' which is self-explanatory, 'Jump' which we'll cover next, and 'Description' which is, again, self-explanatory.

Now, you might be wandering about the entries called '(JMP)'? In fact, these are links just like web links: Click them, and the indicator in your timeslider will jump to the correct time.

You can use this to edit your image for a given moment in time. For instance, you can now jump to the first second, and move the red circle to the right. There! You made your first movement; your first animation with Synfig!

http://www.mondojohnson.com/Synfig/synfig_tut_5.png

You wonder where the animation is? Just click to arbitray position on the timeslider: You will note that the red circle is in positions where you didn't move it to! What happen? Synfig figured out what you would like to do, namely move the circle, and draw all the images between these states. Each image will later make a frame in your animation; and the circle will appear to be moving.

== Rendering your animation ==

Before you can see your animation, you need to process (or render) your work. There are two ways to do so; using the synfigstudio (what you have been using so far), or the command-line program synfig.

To do so, close the animate editing mode by clicking on the red dot in the timeline editing widget, and save your file; for instance under the name BasicKnightRider.sif. Then press on the > symbol in the upper left corner of the image window to open the menu, open the File menu and click on the Render item. Change the filename to BasicKnightRider.gif in the same location you saved BasicKnightRider.sif and choose "gif" target format instead of "Auto", then click Render. Depending on your processor speed it should take a few moments, but finally the image window status bar should say "File rendered successfully". The "magick++" target (if it is available) produces much better gifs than the "gif" target because it can optimise the palette for the image.

Open BasicKnightRider.gif in Firefox or another application that is able to show animated gif's. However, Firefox will replay the GIF all the time which makes your short animation a rather long one. If you're now seeing a red circle moving from the left to the right and back: Congratulations! You just made your first animation!

''Note: you can also preview your animation. Press on the > symbol in the upper left corner of the image window to open the menu. There choose File->Preview.''

http://www.mondojohnson.com/Synfig/synfig_tut_6.png

If you would rather use the command line instead of the menu to render your animation, then open a terminal (On Windows, go Start -> Run -> type cmd<enter>), change to the directory you saved the file, and type something like

synfig -t gif BasicKnightRider.sif

WARNING: The version you are using may not support the GIF output format at the moment, it depends on the version and compilation settings.

A few messages appear that don't matter right now. Depending on your processor speed it should take a few moments, but finally a line like

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

should appear, then you are done and can view your animated gif using firefox or another program as mentioned above.

== Conclusion ==

Of course, the position of an object is not the only thing you can change with Synfig Studio. Other possibilities incude its size, its outline, its color, etc. Synfig comes with several example files that should let you dig deeper into the possibilities.

Doc:Getting Started/es

2008-04-24T15:20:36Z

Ayam:

[[Category:Tutorials]]

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!

== Introduction ==

Synfig, like most every other competent graphics program, breaks down individual elements of a [[canvas]] into [[layer|layers]]. However, it differs from other programs in two major ways:

{| border="0" cellspacing="0" align="center" width="100%"
|
# An individual layer in Synfig usually represents a single "Primitive". ie: A single region, an outline of a region, an imported JPEG, etc... This allows you to have a great deal of flexibility and control. It is not uncommon for a composition to have hundreds of layers(organized into a hierarchy for artist's sanity of course).
# A layer can not only composite information on top of the image below it, but also distort and/or modify it in some other way. In this sense, Synfig Layers act much like filters do in Adobe Photoshop or the GIMP. For example, we have a [[Blur Layer]], [[Radial Blur Layer]], [[Spherize Layer]], [[Color Correct Layer]], [[Bevel Layer]], etc...

Each layer has a set of parameters which determine how it behaves. When you click on a layer (either in the canvas window, or in the [[Layers Panel]]), you will see its parameters in the [[Params Panel]].

|| ||
http://i170.photobucket.com/albums/u243/zenoscope/layer.png
|}

Synfig Studio has an autorecover feature. If it crashes, even if the current file has not been saved, it will not lose more than 5 minutes of work. At restart it will automatically prompt the user to recover the unsaved changes. Unfortunately history isn't recovered yet. That feature comes later.

One thing you may notice is that Synfig Studio is SLOW, making it practically unusable on hardware that is over 3 years old. The biggest reason for this is that all of the color calculations are done in floating point--because Synfig Studio was built from the ground up with High-Dynamic-Range Imaging in mind. HOWEVER, this will not be the case forever.

darco has some fairly major re-implementations and optimizations that he plans to implement that should quite dramatically improve the performance of Synfig on all platforms. The goal is not a 200% speed increase, it is at least a 2000% speed increase. With the optimizations that are planned to be implemented, we will be able to pipeline operations in such a way that this performance improvement can be realized. It should also pave the way to hardware acceleration using todays powerful graphics processors, which should yield further performance improvements measurable in orders of magnitude.

== The user interface ==

{| border="0" cellspacing="5" align="center" width="100%"
| |
|http://i170.photobucket.com/albums/u243/zenoscope/toolbar.png
|| ||

When you start Synfig Studio, it will display a splash graphic and boot itself up. After it finishes loading, you should see three windows. The window in the upper left is the [[toolbox]]. This is where you can open files, change [[tools]], etc. You'll notice that most of the buttons are grayed out--because there is no file open yet.

The other two windows (one on the bottom, and one to the right) are customizable [[dock dialogs]]. You can rearrange the contents of these however you wish by simply dragging the tab to where you want it. You can even create a new dock dialog by dragging a [[dock tab|tab]] out of the dock dialog it was inside of.

If you ever accidentally close a [[dock tab]] (by dragging it out of the dock dialog, and closing the new dock dialog that gets created), no worries. Simply goto the toolbox and goto "File->Dialogs", and then click on the name of the dialog you need.

There are a lot of [[dock tab]]s. If you have no idea what a dock tab does, simply hold your mouse over its icon and a tooltip will pop up describing the name of the tab.
|}

Here are some of the more important ones:

* [[Layers Panel]] - This tab shows you the layer hierarchy for the currently selected canvas. It also allows you to manipulate these layers.
* [[Params Panel]] - This tab will show you the parameters of the currently selected layer, (OR, if multiple layers are selected, it shows you only the parameters that the selected layers have in common)
* [[Categorical Help#Synfig Dialogs|Tool Options Panel]] - Shows you any options specific to the currently selected tool
* [[Navigator|Navigator]] - Shows you a thumbnail of what the currently selected Canvas looks like. You can also zoom in and move the focus around with this tab.
* [[History Panel]] - Shows you the history stack for the current composition. You can also edit the actions in history.

If you click the "new composition" button in the toolbox, a new [[Work Area Window]] will be opened. Click the caret menu (between the horizontal and vertical rulers in the top left corner of the work area), then "View" then "Properties", and the [[Canvas Properties Dialog|canvas properties dialog]] will appear.

The canvas properties dialog is a mess, I know. I'll have it re-designed into something much more comprehensible some time in the future. For now, ignore the "Image Area" and "Locks and Links" sections.

If you click OK, the canvas properties dialog will disappear and you will see the [[Canvas window]]. This window represents the [[Root Canvas]], not that that means much to you at the moment, but that's OK--I'm just trying to show you around.

In the upper left corner of the Canvas Window, you'll see a button with a [[Canvas Menu Caret|caret]]. If you click on this button, the [[Canvas Menu Caret|canvas window menu]] will pop up. (As an aside, if you right click in the canvas area and there is not a [[layer]] under the mouse position, this menu will also appear) So now you know where the menu is in the Canvas Window. Good. Everything else should be pretty self-explanatory in the Canvas Window. (Explanations on the menu stuff is to come in a sec)

== First steps ==

Let's create something so that we can tweak with it. Now that you have a new composition open and the properties dialog is out of the way, go over to the toolbox and click on the [[Circle Tool|circle tool]]. (If you don't know which one it is, just mouse over them until you find the one with the tooltip that says "circle").

The second you click on the circle tool, you should notice that the [[Tool Options Panel]] changed. But we'll get to that later.

: '''Note''': Some laptop users might experience trouble where click-drag on the canvas when using the [[Circle Tool|circle tool]] doesn't seem to do anything or produce insanely huge circles. The problem is that Synfig has detected the touchpad and enabled that device (incorrectly!) To fix this: click File->Input devices... In the resulting dialog window, select 'Disabled' for your touchpad device. After this change, your external mouse and the touchpad will work as expected.

With the circle tool selected, you can now create circles in the [[Work Area]]. This pretty much works exactly as you might expect it to. Go ahead and create two (or more, if you fancy) circles. If by accident you just clicked on the canvas instead of clicking and dragging (with mouse button pressed) to draw the circle, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Params Panel, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. you can change its radius to some value other than 0, say 10, and manipulate it to your liking with the canvas ducks later.

Now go back to the toolbox and click on the [[Normal Tool|normal tool]] (the blue circle with the arrow on it). After you do this, click on one of your circles. You will then see a [[bounding box]](which is kinda useless at this point in time, but I digress), a green dot at the center, and a cyan dot on the radius. Those dots are called ''[[duck]]s''. If you want to modify the circle, grab a duck and drag it around. Easy!

So you can select a [[layer]] by clicking on it. If you want to select more than one layer, hold down CONTROL while you are clicking -- this works in both the [[Work Area]] and the [[Layers Panel]]. Try it!

You can also select multiple ducks. You can do this in several ways. First, you can hold down CONTROL and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method -- just create a [[Selection|selection box]] by clicking the mouse and dragging it over the area of ducks that you want selected.

Go ahead and select two circles, and select all of their ducks. With several ducks selected, moving one duck will move all of the ducks. This behavior is dependent on the [[Normal Tool|normal tool]]. Thus, a more descriptive name for this tool might have been the "move" or "translate" tool.

The [[Rotate Tool|rotate]] and [[Scale Tool|scale]] tools work much like the [[Normal Tool|normal tool]], except in the case where you have multiple ducks selected. It is much easier to just try it than read about it. Select a few circles, select all of their ducks, and try using the rotate and scale tools.

Note that, unlike the normal tool, the other duck manipulation tools DO have options associated with them. If a particular tool isn't doing what you want, take a look in the [[Tool Options Panel]] to see if it is set up like you want it.

== Linking ==

Now let's try [[linking]]. Let's say we always want these two circles to be the same size. Select two circles, and then select both of their Radius ducks (the cyan dots).
To select multiple ducks, either drag a rectangle around them, or select the first one, then hold the Control key while selecting the rest. Once you have the two radius ducks selected, right click on either duck and a menu will pop up. Click on "Link". Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius -- the other one will change as well. Neat stuff, eh?

Linking is a fundamental concept in Synfig. You can create links not only between ducks, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the param tab, and selecting "Link".

<small>DIGRESSION: This is how [[Outline Layer|outlines]] are attached to their [[Region Layer|regions]]—but I'm getting ahead of myself. At the moment, the fundamental power and flexibility of linking in Synfig Core is beyond what Synfig Studio currently allows for. This will change in the future. Anyway, back on track...</small>

Let's say you want one of the circles to be a different color. If you look in the toolbox below the tools, you'll see the foreground/background color selector, the outline width selector, and some other stuff like the default blend method and gradient. The foreground/background color widget works exactly as you might expect -- you can click on the foreground color, and a modest color chooser will appear. Now to can change the color pretty easily.

But sometimes you just want to click on a color and go. This is where the palette editor tab comes in. Its functionality isn't quite 100% yet (ie: saving and loading custom palettes hasn't been implemented yet), but the default palette is pretty decent. Click on the Palette editor tab and have a look -- it's the one with the palette-ish looking icon. Clicking on colors in here will immediately change the default foreground color.

That's all great, but we still haven't changed the color of the circle. There are two ways to do this. The first way is that you select the circle layer you want to modify, goto the params tab and double click on the color parameter--a color selector dialog shows up and you just tweak away. But let's say you already got the color you wanted selected as the default foreground color. Easy. Just click on the "Fill tool" from the toolbox, and then click on the circle in the canvas window. Boom. Circle changes color. This works with more than just circles, but we'll get to that in a sec.

Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, play around with feather a bit.

== Digging deeper ==

Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the [[Animation_Basics|next tutorial]].

Doc:Animation Basics/es

2008-04-23T10:16:22Z

Ayam: New page:  Category:Tutorials Esta pagina deberia estar traducida al español, porfavor ayudanos a traducirla == Introduction == Creating an animation in Synfig is really easy...

[[Category:Tutorials]]
Esta pagina deberia estar traducida al español, porfavor ayudanos a traducirla

== Introduction ==

Creating an animation in Synfig is really easy: It basically means to change a drawing - you just need to create the first state and the last state of a change, and Synfig will take care of the steps in between.

Let's have a look at a simple example. Consider a moving light similar to the one in front of the KnightRider car. Drop the realism and you get a circle that is moving from the left to the right, and back. In other words, you need to create three 'steps' or 'stages':
# The circle is on the left.
# The circle is on the right.
# The circle is back on the left.

Let's do it.

== Setting up the workspace ==

Start Synfig Studio, and create a new file. Click the 'caret' menu (between the horizontal and vertical rules, in the top left hand corner of the canvas), then "Edit" and then "Properties". A dialog called 'Properties' will appear. Give your new file a name and a description, and then click "Apply" (don't click "Save" yet -- we're not quite done with the 'Properties' dialog). Make sure to edit 'End Time'. The strange looking '0f' will change to a more familiar presentation as soon as you click it. Set this to 2 seconds.

http://www.mondojohnson.com/Synfig/synfig_tut_1.png

Now create a simple black rectangle that will serve as our background. It's not necessary to make it cover the whole canvas.

http://www.mondojohnson.com/Synfig/synfig_tut_2.png

We now need a circle. Change the painting color to red, and draw a circle. It doesn't matter if it's not perfect: You can edit it. Activate the 'Normal' tool, and click the circle. It will go into a sort of editing mode which is easy to detect by the small green dot in the middle and the white rectangle around it. You can move the red circle by grapping it on its green dot in the middle.

http://www.mondojohnson.com/Synfig/synfig_tut_3.png

These are the first steps to draw an object and to move it, but not yet an animation, you may say. Indeed. Let's have a look how this works.

== Adding movement ==

In the beginning, you entered a value of 2 seconds in the 'Properties' dialog. Due to this, your canvas window (the one where you draw) got additional capabilities. There's a grey time slider, for instance. You can click on it, and a small orange indicator will appear but nothing changes. This is because you need to switch to 'Animate Editing Mode' first by clicking the green dot just to the right of the grey time slider. You will note that your canvas gets a red outline; it reminds you that changes to your objects now affect your animation.

http://www.mondojohnson.com/Synfig/synfig_tut_4.png

Previously, three 'steps' or 'stages' were mentioned. These are represented by so-called '[[Keyframe|keyframes]]' (Just in case you're familiar with video encoding: No, that's not the same!). A keyframe is an image in time where something important happens with your objects.

Click the keyframe tab -- this is the one with the small key in the 'Params, etc.' window -- to be able to edit keyframes. Now click the small 'plus' sign and you should get a new entry in the list displaying '0f, 0f, (JMP)'.

http://www.mondojohnson.com/Synfig/params.png

If this didn't happen, you made something not mentioned so far. Close your file and start again.

If the entry appears, go to the '1s 0f' mark in the timeslider. The small orange indicator should move there. Then add another keyframe by clicking the small plus sign. Repeat the process with the time slider indicator set to '2s of'. You should have three keyframes in the list, now.

== The s's and f's: Understanding the Timeline ==
By now, you may have figured out what those mysterious '1s 0f'-type marks represent. They indicate a specific point on the timeline, expressing a location in terms of seconds (s) and frames (f).

Each second is divided into 24 frames, much like a meter on a measuring tape is divided into 100 centimeters. The frame markings begin at zero (0) and go up to 24, whereupon a new second is entered and the framecount returns to zero.

For example: "three frames into the sixth second" of an animation using this timeline notation would be "5s 3f." Why "5s" instead of "6s"? Because we always begin counting ''from zero''.

== The Keyframe List ==

The keyframe list is rather easy to understand: It displays 'Time' which is basically the start time, 'Length' which is self-explanatory, 'Jump' which we'll cover next, and 'Description' which is, again, self-explanatory.

Now, you might be wandering about the entries called '(JMP)'? In fact, these are links just like web links: Click them, and the indicator in your timeslider will jump to the correct time.

You can use this to edit your image for a given moment in time. For instance, you can now jump to the first second, and move the red circle to the right. There! You made your first movement; your first animation with Synfig!

http://www.mondojohnson.com/Synfig/synfig_tut_5.png

You wonder where the animation is? Just click to arbitray position on the timeslider: You will note that the red circle is in positions where you didn't move it to! What happen? Synfig figured out what you would like to do, namely move the circle, and draw all the images between these states. Each image will later make a frame in your animation; and the circle will appear to be moving.

== Rendering your animation ==

Before you can see your animation, you need to process (or render) your work. There are two ways to do so; using the synfigstudio (what you have been using so far), or the command-line program synfig.

To do so, close the animate editing mode by clicking on the red dot in the timeline editing widget, and save your file; for instance under the name BasicKnightRider.sif. Then press on the > symbol in the upper left corner of the image window to open the menu, open the File menu and click on the Render item. Change the filename to BasicKnightRider.gif in the same location you saved BasicKnightRider.sif and choose "gif" target format instead of "Auto", then click Render. Depending on your processor speed it should take a few moments, but finally the image window status bar should say "File rendered successfully". The "magick++" target (if it is available) produces much better gifs than the "gif" target because it can optimise the palette for the image.

Open BasicKnightRider.gif in Firefox or another application that is able to show animated gif's. However, Firefox will replay the GIF all the time which makes your short animation a rather long one. If you're now seeing a red circle moving from the left to the right and back: Congratulations! You just made your first animation!

''Note: you can also preview your animation. Press on the > symbol in the upper left corner of the image window to open the menu. There choose File->Preview.''

http://www.mondojohnson.com/Synfig/synfig_tut_6.png

If you would rather use the command line instead of the menu to render your animation, then open a terminal (On Windows, go Start -> Run -> type cmd<enter>), change to the directory you saved the file, and type something like

synfig -t gif BasicKnightRider.sif

WARNING: The version you are using may not support the GIF output format at the moment, it depends on the version and compilation settings.

A few messages appear that don't matter right now. Depending on your processor speed it should take a few moments, but finally a line like

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

should appear, then you are done and can view your animated gif using firefox or another program as mentioned above.

== Conclusion ==

Of course, the position of an object is not the only thing you can change with Synfig Studio. Other possibilities incude its size, its outline, its color, etc. Synfig comes with several example files that should let you dig deeper into the possibilities.

Doc:Getting Started/es

2008-04-21T14:55:02Z

Ayam: New page:  Category:Tutorials Esta seccion deberia estar traducida al español, porfavor ayudanos a traducirla. == Introduction == Synfig, like most every other competent gra...

[[Category:Tutorials]]

Esta seccion deberia estar traducida al español, porfavor ayudanos a traducirla.

== Introduction ==

Synfig, like most every other competent graphics program, breaks down individual elements of a [[canvas]] into [[layer|layers]]. However, it differs from other programs in two major ways:

{| border="0" cellspacing="0" align="center" width="100%"
|
# An individual layer in Synfig usually represents a single "Primitive". ie: A single region, an outline of a region, an imported JPEG, etc... This allows you to have a great deal of flexibility and control. It is not uncommon for a composition to have hundreds of layers(organized into a hierarchy for artist's sanity of course).
# A layer can not only composite information on top of the image below it, but also distort and/or modify it in some other way. In this sense, Synfig Layers act much like filters do in Adobe Photoshop or the GIMP. For example, we have a [[Blur Layer]], [[Radial Blur Layer]], [[Spherize Layer]], [[Color Correct Layer]], [[Bevel Layer]], etc...

Each layer has a set of parameters which determine how it behaves. When you click on a layer (either in the canvas window, or in the [[Layers Panel]]), you will see its parameters in the [[Params Panel]].

|| ||
http://i170.photobucket.com/albums/u243/zenoscope/layer.png
|}

Synfig Studio has an autorecover feature. If it crashes, even if the current file has not been saved, it will not lose more than 5 minutes of work. At restart it will automatically prompt the user to recover the unsaved changes. Unfortunately history isn't recovered yet. That feature comes later.

One thing you may notice is that Synfig Studio is SLOW, making it practically unusable on hardware that is over 3 years old. The biggest reason for this is that all of the color calculations are done in floating point--because Synfig Studio was built from the ground up with High-Dynamic-Range Imaging in mind. HOWEVER, this will not be the case forever.

darco has some fairly major re-implementations and optimizations that he plans to implement that should quite dramatically improve the performance of Synfig on all platforms. The goal is not a 200% speed increase, it is at least a 2000% speed increase. With the optimizations that are planned to be implemented, we will be able to pipeline operations in such a way that this performance improvement can be realized. It should also pave the way to hardware acceleration using todays powerful graphics processors, which should yield further performance improvements measurable in orders of magnitude.

== The user interface ==

{| border="0" cellspacing="5" align="center" width="100%"
| |
|http://i170.photobucket.com/albums/u243/zenoscope/toolbar.png
|| ||

When you start Synfig Studio, it will display a splash graphic and boot itself up. After it finishes loading, you should see three windows. The window in the upper left is the [[toolbox]]. This is where you can open files, change [[tools]], etc. You'll notice that most of the buttons are grayed out--because there is no file open yet.

The other two windows (one on the bottom, and one to the right) are customizable [[dock dialogs]]. You can rearrange the contents of these however you wish by simply dragging the tab to where you want it. You can even create a new dock dialog by dragging a [[dock tab|tab]] out of the dock dialog it was inside of.

If you ever accidentally close a [[dock tab]] (by dragging it out of the dock dialog, and closing the new dock dialog that gets created), no worries. Simply goto the toolbox and goto "File->Dialogs", and then click on the name of the dialog you need.

There are a lot of [[dock tab]]s. If you have no idea what a dock tab does, simply hold your mouse over its icon and a tooltip will pop up describing the name of the tab.
|}

Here are some of the more important ones:

* [[Layers Panel]] - This tab shows you the layer hierarchy for the currently selected canvas. It also allows you to manipulate these layers.
* [[Params Panel]] - This tab will show you the parameters of the currently selected layer, (OR, if multiple layers are selected, it shows you only the parameters that the selected layers have in common)
* [[Categorical Help#Synfig Dialogs|Tool Options Panel]] - Shows you any options specific to the currently selected tool
* [[Navigator|Navigator]] - Shows you a thumbnail of what the currently selected Canvas looks like. You can also zoom in and move the focus around with this tab.
* [[History Panel]] - Shows you the history stack for the current composition. You can also edit the actions in history.

If you click the "new composition" button in the toolbox, a new [[Work Area Window]] will be opened. Click the caret menu (between the horizontal and vertical rulers in the top left corner of the work area), then "View" then "Properties", and the [[Canvas Properties Dialog|canvas properties dialog]] will appear.

The canvas properties dialog is a mess, I know. I'll have it re-designed into something much more comprehensible some time in the future. For now, ignore the "Image Area" and "Locks and Links" sections.

If you click OK, the canvas properties dialog will disappear and you will see the [[Canvas window]]. This window represents the [[Root Canvas]], not that that means much to you at the moment, but that's OK--I'm just trying to show you around.

In the upper left corner of the Canvas Window, you'll see a button with a [[Canvas Menu Caret|caret]]. If you click on this button, the [[Canvas Menu Caret|canvas window menu]] will pop up. (As an aside, if you right click in the canvas area and there is not a [[layer]] under the mouse position, this menu will also appear) So now you know where the menu is in the Canvas Window. Good. Everything else should be pretty self-explanatory in the Canvas Window. (Explanations on the menu stuff is to come in a sec)

== First steps ==

Let's create something so that we can tweak with it. Now that you have a new composition open and the properties dialog is out of the way, go over to the toolbox and click on the [[Circle Tool|circle tool]]. (If you don't know which one it is, just mouse over them until you find the one with the tooltip that says "circle").

The second you click on the circle tool, you should notice that the [[Tool Options Panel]] changed. But we'll get to that later.

: '''Note''': Some laptop users might experience trouble where click-drag on the canvas when using the [[Circle Tool|circle tool]] doesn't seem to do anything or produce insanely huge circles. The problem is that Synfig has detected the touchpad and enabled that device (incorrectly!) To fix this: click File->Input devices... In the resulting dialog window, select 'Disabled' for your touchpad device. After this change, your external mouse and the touchpad will work as expected.

With the circle tool selected, you can now create circles in the [[Work Area]]. This pretty much works exactly as you might expect it to. Go ahead and create two (or more, if you fancy) circles. If by accident you just clicked on the canvas instead of clicking and dragging (with mouse button pressed) to draw the circle, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Params Panel, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. you can change its radius to some value other than 0, say 10, and manipulate it to your liking with the canvas ducks later.

Now go back to the toolbox and click on the [[Normal Tool|normal tool]] (the blue circle with the arrow on it). After you do this, click on one of your circles. You will then see a [[bounding box]](which is kinda useless at this point in time, but I digress), a green dot at the center, and a cyan dot on the radius. Those dots are called ''[[duck]]s''. If you want to modify the circle, grab a duck and drag it around. Easy!

So you can select a [[layer]] by clicking on it. If you want to select more than one layer, hold down CONTROL while you are clicking -- this works in both the [[Work Area]] and the [[Layers Panel]]. Try it!

You can also select multiple ducks. You can do this in several ways. First, you can hold down CONTROL and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method -- just create a [[Selection|selection box]] by clicking the mouse and dragging it over the area of ducks that you want selected.

Go ahead and select two circles, and select all of their ducks. With several ducks selected, moving one duck will move all of the ducks. This behavior is dependent on the [[Normal Tool|normal tool]]. Thus, a more descriptive name for this tool might have been the "move" or "translate" tool.

The [[Rotate Tool|rotate]] and [[Scale Tool|scale]] tools work much like the [[Normal Tool|normal tool]], except in the case where you have multiple ducks selected. It is much easier to just try it than read about it. Select a few circles, select all of their ducks, and try using the rotate and scale tools.

Note that, unlike the normal tool, the other duck manipulation tools DO have options associated with them. If a particular tool isn't doing what you want, take a look in the [[Tool Options Panel]] to see if it is set up like you want it.

== Linking ==

Now let's try [[linking]]. Let's say we always want these two circles to be the same size. Select two circles, and then select both of their Radius ducks (the cyan dots).
To select multiple ducks, either drag a rectangle around them, or select the first one, then hold the Control key while selecting the rest. Once you have the two radius ducks selected, right click on either duck and a menu will pop up. Click on "Link". Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius -- the other one will change as well. Neat stuff, eh?

Linking is a fundamental concept in Synfig. You can create links not only between ducks, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the param tab, and selecting "Link".

<small>DIGRESSION: This is how [[Outline Layer|outlines]] are attached to their [[Region Layer|regions]]—but I'm getting ahead of myself. At the moment, the fundamental power and flexibility of linking in Synfig Core is beyond what Synfig Studio currently allows for. This will change in the future. Anyway, back on track...</small>

Let's say you want one of the circles to be a different color. If you look in the toolbox below the tools, you'll see the foreground/background color selector, the outline width selector, and some other stuff like the default blend method and gradient. The foreground/background color widget works exactly as you might expect -- you can click on the foreground color, and a modest color chooser will appear. Now to can change the color pretty easily.

But sometimes you just want to click on a color and go. This is where the palette editor tab comes in. Its functionality isn't quite 100% yet (ie: saving and loading custom palettes hasn't been implemented yet), but the default palette is pretty decent. Click on the Palette editor tab and have a look -- it's the one with the palette-ish looking icon. Clicking on colors in here will immediately change the default foreground color.

That's all great, but we still haven't changed the color of the circle. There are two ways to do this. The first way is that you select the circle layer you want to modify, goto the params tab and double click on the color parameter--a color selector dialog shows up and you just tweak away. But let's say you already got the color you wanted selected as the default foreground color. Easy. Just click on the "Fill tool" from the toolbox, and then click on the circle in the canvas window. Boom. Circle changes color. This works with more than just circles, but we'll get to that in a sec.

Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, play around with feather a bit.

== Digging deeper ==

Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the [[Animation_Basics|next tutorial]].

Keyframes Panel/es

2008-04-20T14:33:21Z

Ayam: New page:  Category:Panels 64px El diálogo de '''Keyframes''' es donde usted hace las nuevas keyframes para la animación. http://i1...

[[Category:Panels]]
[[Image:keyframe_icon.png|64px]]

El diálogo de '''Keyframes''' es donde usted hace las nuevas [[Keyframe|keyframes]] para la animación.

http://i170.photobucket.com/albums/u243/zenoscope/keyframes.png

Estos se mostrarán en el cuadro de diálogo [[Timetrack]].
Para saltar a un keyframe específico, haga doble clic en la columna (JMP).

Al 'añadir un Keyframe' añade un nuevo boton Keyframe al fotograma actual - a un marco donde todavia no haya un Keyframe.

'Al eliminar un keyframe' elimina un fotograma.

El botón de 'duplicado del keyframe' copia el keyframe al marco actual.

FAQ/es

2008-04-19T11:59:13Z

Ayam:

<small> Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! </small>

== Preguntas frecuentes (FAQs) ==

=== ¿Por qué dyloxin no habla en el canal IRC de Synfig? ===

Dyloxin es un robot que se encuentra en el [[Communication|canal IRC de Synfig]] y almacena los [[Communication|Registros del IRC]], no es un humano. No tiene comandos, de modo que usted tampoco no puede recibir ninguna respuesta de el.

=== ¿Porque esta la CIA en el canal IRC de Synfig? ===

"CIA-28" and friends are bots that sit in the [[Communication|Synfig IRC channel]] and report whenever they detect a new commit in the subversion repository, giving the committer's name, revision number, and commit log message. The same information for recent commits can be found on [http://cia.vc/stats/project/synfig cia.vc]. [http://www.ohloh.net/projects/4832?p=Synfig ohloh.net] has similar pages of statistics.

== Preguntas frecuentes (FAQs) referentes al lanzamiento actual de Synfig (0.61.07) ==

Muchos de los problemas están documentadas en el [http://sf.net/tracker/?group_id=144022&atid=757416 bug tracker] y en la página de [[Download|descarga]].

=== What happened to my synfig toolbox? ===

If you no longer have a synfig toolbox, it means the window positions in your settings file for the toolbox got corrupted during a crash or something and your synfig toolbox is now off the screen. You should remove or edit your settings file to get it back. This bug ([http://sf.net/support/tracker.php?aid=1836848 1836848]) was fixed in SVN r1167.

This is a very common issue on Windows computers. Quick fix: delete C:\Documents and Settings\*your user name*\Synfig. You should not lose any saved work. Synfig will run fine following this fix.

=== libsynfig-0.dll was not found ===

If you get the error message "libsynfig-0.dll was not found" please check that you have synfig (as well as synfig studio) correctly installed.

<div id="Can_I_do_anything_to_improve_the_stability_of_the_Windows_version_of_Synfig.3F"></div>
=== Can I do anything to improve the stability of synfigstudio? ===

If you're running on a Hyperthreading or multi-core CPU (e.g Pentium 4 with Hyperthreading or Intel Core2 Duo or Quadcore, etc.) then you may find Synfig is more stable if you restrict it to run on only one processor.

==== How do I do this on Windows? ====

To do this on windows, start Synfig Studio, then Ctrl-Alt-Del and choose Task Manager. Select the processes tab, find synfigstudio.exe in the processes list and right click on it. Choose 'Set Affinity' and make sure only one CPU is checked. Unfortunately, this setting isn't preserved so you either have to do this manually each time you start Synfig Studio or use a tool such as the [http://www.tomshardware.com/2004/05/28/getting_more_bang_out_of_your_dual_processing_buck/index.html Tom's Hardware Guide Task Assignment Manager].

==== How do I do this on Linux? ====

On linux, you need to install schedutils.

Then run synfigstudio like this:

<pre>taskset -c 0 synfigstudio</pre>

Or if you have synfigstudio open already, run this:

<pre>taskset -p -c 0 `pgrep synfigstudio`</pre>

=== Why can't I get sound to work? ===
Synfig GUI implies that sound files can be loaded and played with the animation previews, to aid with e.g. lip synching. Synfig relies on a helper library called FMOD to handle sound. Unfortunately, it appears that this feature was not fully implemented, and the 'play' code is commented out. Windows support for sound does not even appear to have been attempted. If you need to need to synch to a soundtrack, the easiest way is to use video editing software to add the sound effects afterwards, or use an audio editor to take careful note of the audio cues, and animate the action to coincide with those timestamps.

See this page for [[Sound Layer | sound]] implementation guidelines.

=== How do I render to a Video Format from Synfig under Windows ===
Rendering to video from Synfig requires the libav library. This has not yet been compiled in for the Windows builds. The best solution is render to a sequence of png files and use ffmpeg to assemble them to a video file. Rendering to an animated gif file does work. Rendering to a sequence of png files, is helpful for adding standard audio files in Quicktime Pro, to get a *.mov file.

=== I have a weird problem building from source. What's up? ===

Your copy of pkg-config probably doesn't look in the right places for .pc files. If you are installing to /usr/local, try running "export PKG_CONFIG_PATH=/usr/local/lib/pkgconfig" before building or installing anything.

=== Where did the polygon, draw, sketch, and width tools go? ===

They are disabled by default due to problems. Instead of the polygon tool, you should use the bline tool. Instead of the width tool, you should just modify the width ducks directly. The draw tool was never completed, is very buggy, and frustrating to use. Since the draw tool is being disabled, then we might as well disable the sketch tool too. You can re-enable them without recompiling by setting some environment variables (you can [http://www.microsoft.com/resources/documentation/windows/xp/all/proddocs/en-us/environment_variables.mspx set environment variables on windows] too). Set SYNFIG_ENABLE_POLYGON, SYNFIG_ENABLE_DRAW, SYNFIG_ENABLE_SKETCH and SYNFIG_ENABLE_WIDTH to 1. On Linux/Unix/MacOSX this is as simple as running these commands in a terminal:

<pre>
export SYNFIG_ENABLE_POLYGON=1
export SYNFIG_ENABLE_DRAW=1
export SYNFIG_ENABLE_SKETCH=1
export SYNFIG_ENABLE_WIDTH=1
</pre>

Then run synfigstudio from the same terminal. You can probably find some way of getting these variables set automatically when you log in, but it depends on the distro. In Ubuntu you can put them in ~/.xprofile for example.

The polygon, draw, and sketch tools will be on by default in future releases of Synfig, from 0.61.07 onwards. They can be disabled by replacing 'ENABLE' with 'DISABLE' in the above lines.

=== Why doesn't walk.sif from the SVN work? ===

In the SVN repository, there's a walk cycle example, but the sif file includes features that are incompatible with the current version of Synfig. A re-worked example can be found in the [[Walk Cycle|Walk Cycle Tutorial]].

If you can look at the source code and figure out why the .sif file won't load, we'd love to have a fix.

=== Why does only the first frame of my animation render? ===

You probably have '''Use current frame''' checked in the render dialog box.

=== Why don't I get the colors I'm expecting? ===

This [http://en.wikipedia.org/wiki/RGB_color_model#Nonlinearity Wikipedia] article talks about how color output is non-linear, that if 0 is black and 100 is white, then 50 is only about 22 percent of the brightness of white, rather than 50% as you might expect.

In synfig there is an option (on by default) to make sure that if you ask for 50, you get 50% of the brightness of white.

See "File>Setup>Misc>Visually Linear Color Selection". If you turn that off, everything will go back to its non-linear, yet strangely comfortable and familiar mode.

== FAQs relating to earlier Synfig versions ==

These issues have been addressed in the current version of Synfig.

=== The plant layer doesn't work/displays erratically/doesn't render. Why? ===

The plant layer should allow pictures [http://home.comcast.net/~pxegeek/synfig/plant11.JPG like this one] to be drawn, but again it had a bug that prevented if from working correctly in Synfig 0.61.06 and earlier. The bug was fixed in svn r620 and release 0.61.07

Further fixes were later added to stop it crashing when 'stem size' or 'splits' were set too high.

=== Missing icons? synfig/studio doesn't render anything? ===

You probably compiled synfig with g++ 4.1 using optimisation level 2 or higher. g++ has a bug that prevents Synfig Studio from compositing the images properly. Please recompile synfig using ./configure --enable-optimization=0 or disable optimisation and then rebuild the synfig images. The binary packages for some GNU/Linux distributions are affected by this. [http://sf.net/tracker/?group_id=144022&atid=757416 Bug] #[http://sf.net/support/tracker.php?aid=1509627 1509627]

As of svn r774, it is now OK to build with any optimization level. Also, using gcc 4.2.1 or newer it's possible to successfully build old versions of synfig with strong optimization.

=== synfigstudio can't find icons? ===

(I know they rendered fine, but they show up with red crosses everywhere).

This is #[http://sf.net/support/tracker.php?aid=1568925 1568925] that was introduced in SVN 180. Workaround is to set an environment variable at runtime like this: export SYNFIG_ROOT=/usr (or similar) or just install into /usr/local instead. Fixed in SVN r486.

=== I'm using synfigstudio on a laptop but can't draw anything using my mouse. What gives? ===

Try disabling the the touchpad from the input devices dialog. Unfortunately synfigstudio will not remember this setting so you have to do it every time you start synfigstudio.

This was fixed in [http://kibi.dyndns.org:8083/~dooglus/gitweb.pl?p=synfig;a=commitdiff;h=r487 svn r487] and so synfig 0.61.06 and newer won't have this problem.

=== Why is everything yellow? / Why are all the colors wrong? ===

This can happen when you switch between locales, due to a bug in version 0.61.05. It's fixed in the subversion repository (r228). To work around the problem, do the following: from the main window, choose File > Setup > Gamma and set all 3 sliders back to the default value of 2.2.

FAQ/es

2008-04-19T11:25:42Z

Ayam:

<small> Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! </small>

== Preguntas frecuentes (FAQs) ==

=== ¿Por qué dyloxin no habla en el canal IRC de Synfig? ===

Dyloxin es un robot que se encuentra en el [[Communication|canal IRC de Synfig]] y almacena los [[Communication|Registros del IRC]], no es un humano. No tiene comandos, de modo que usted tampoco no puede recibir ninguna respuesta de el.

=== Porque esta la CIA en el canal IRC de Synfig ? ===

"CIA-28" and friends are bots that sit in the [[Communication|Synfig IRC channel]] and report whenever they detect a new commit in the subversion repository, giving the committer's name, revision number, and commit log message. The same information for recent commits can be found on [http://cia.vc/stats/project/synfig cia.vc]. [http://www.ohloh.net/projects/4832?p=Synfig ohloh.net] has similar pages of statistics.

== FAQs relating to the current Synfig release (0.61.07) ==

Many issues are documented in the [http://sf.net/tracker/?group_id=144022&atid=757416 bug tracker] and on the [[Download|download]] page.

=== What happened to my synfig toolbox? ===

If you no longer have a synfig toolbox, it means the window positions in your settings file for the toolbox got corrupted during a crash or something and your synfig toolbox is now off the screen. You should remove or edit your settings file to get it back. This bug ([http://sf.net/support/tracker.php?aid=1836848 1836848]) was fixed in SVN r1167.

This is a very common issue on Windows computers. Quick fix: delete C:\Documents and Settings\*your user name*\Synfig. You should not lose any saved work. Synfig will run fine following this fix.

=== libsynfig-0.dll was not found ===

If you get the error message "libsynfig-0.dll was not found" please check that you have synfig (as well as synfig studio) correctly installed.

<div id="Can_I_do_anything_to_improve_the_stability_of_the_Windows_version_of_Synfig.3F"></div>
=== Can I do anything to improve the stability of synfigstudio? ===

If you're running on a Hyperthreading or multi-core CPU (e.g Pentium 4 with Hyperthreading or Intel Core2 Duo or Quadcore, etc.) then you may find Synfig is more stable if you restrict it to run on only one processor.

==== How do I do this on Windows? ====

To do this on windows, start Synfig Studio, then Ctrl-Alt-Del and choose Task Manager. Select the processes tab, find synfigstudio.exe in the processes list and right click on it. Choose 'Set Affinity' and make sure only one CPU is checked. Unfortunately, this setting isn't preserved so you either have to do this manually each time you start Synfig Studio or use a tool such as the [http://www.tomshardware.com/2004/05/28/getting_more_bang_out_of_your_dual_processing_buck/index.html Tom's Hardware Guide Task Assignment Manager].

==== How do I do this on Linux? ====

On linux, you need to install schedutils.

Then run synfigstudio like this:

<pre>taskset -c 0 synfigstudio</pre>

Or if you have synfigstudio open already, run this:

<pre>taskset -p -c 0 `pgrep synfigstudio`</pre>

=== Why can't I get sound to work? ===
Synfig GUI implies that sound files can be loaded and played with the animation previews, to aid with e.g. lip synching. Synfig relies on a helper library called FMOD to handle sound. Unfortunately, it appears that this feature was not fully implemented, and the 'play' code is commented out. Windows support for sound does not even appear to have been attempted. If you need to need to synch to a soundtrack, the easiest way is to use video editing software to add the sound effects afterwards, or use an audio editor to take careful note of the audio cues, and animate the action to coincide with those timestamps.

See this page for [[Sound Layer | sound]] implementation guidelines.

=== How do I render to a Video Format from Synfig under Windows ===
Rendering to video from Synfig requires the libav library. This has not yet been compiled in for the Windows builds. The best solution is render to a sequence of png files and use ffmpeg to assemble them to a video file. Rendering to an animated gif file does work. Rendering to a sequence of png files, is helpful for adding standard audio files in Quicktime Pro, to get a *.mov file.

=== I have a weird problem building from source. What's up? ===

Your copy of pkg-config probably doesn't look in the right places for .pc files. If you are installing to /usr/local, try running "export PKG_CONFIG_PATH=/usr/local/lib/pkgconfig" before building or installing anything.

=== Where did the polygon, draw, sketch, and width tools go? ===

They are disabled by default due to problems. Instead of the polygon tool, you should use the bline tool. Instead of the width tool, you should just modify the width ducks directly. The draw tool was never completed, is very buggy, and frustrating to use. Since the draw tool is being disabled, then we might as well disable the sketch tool too. You can re-enable them without recompiling by setting some environment variables (you can [http://www.microsoft.com/resources/documentation/windows/xp/all/proddocs/en-us/environment_variables.mspx set environment variables on windows] too). Set SYNFIG_ENABLE_POLYGON, SYNFIG_ENABLE_DRAW, SYNFIG_ENABLE_SKETCH and SYNFIG_ENABLE_WIDTH to 1. On Linux/Unix/MacOSX this is as simple as running these commands in a terminal:

<pre>
export SYNFIG_ENABLE_POLYGON=1
export SYNFIG_ENABLE_DRAW=1
export SYNFIG_ENABLE_SKETCH=1
export SYNFIG_ENABLE_WIDTH=1
</pre>

Then run synfigstudio from the same terminal. You can probably find some way of getting these variables set automatically when you log in, but it depends on the distro. In Ubuntu you can put them in ~/.xprofile for example.

The polygon, draw, and sketch tools will be on by default in future releases of Synfig, from 0.61.07 onwards. They can be disabled by replacing 'ENABLE' with 'DISABLE' in the above lines.

=== Why doesn't walk.sif from the SVN work? ===

In the SVN repository, there's a walk cycle example, but the sif file includes features that are incompatible with the current version of Synfig. A re-worked example can be found in the [[Walk Cycle|Walk Cycle Tutorial]].

If you can look at the source code and figure out why the .sif file won't load, we'd love to have a fix.

=== Why does only the first frame of my animation render? ===

You probably have '''Use current frame''' checked in the render dialog box.

=== Why don't I get the colors I'm expecting? ===

This [http://en.wikipedia.org/wiki/RGB_color_model#Nonlinearity Wikipedia] article talks about how color output is non-linear, that if 0 is black and 100 is white, then 50 is only about 22 percent of the brightness of white, rather than 50% as you might expect.

In synfig there is an option (on by default) to make sure that if you ask for 50, you get 50% of the brightness of white.

See "File>Setup>Misc>Visually Linear Color Selection". If you turn that off, everything will go back to its non-linear, yet strangely comfortable and familiar mode.

== FAQs relating to earlier Synfig versions ==

These issues have been addressed in the current version of Synfig.

=== The plant layer doesn't work/displays erratically/doesn't render. Why? ===

The plant layer should allow pictures [http://home.comcast.net/~pxegeek/synfig/plant11.JPG like this one] to be drawn, but again it had a bug that prevented if from working correctly in Synfig 0.61.06 and earlier. The bug was fixed in svn r620 and release 0.61.07

Further fixes were later added to stop it crashing when 'stem size' or 'splits' were set too high.

=== Missing icons? synfig/studio doesn't render anything? ===

You probably compiled synfig with g++ 4.1 using optimisation level 2 or higher. g++ has a bug that prevents Synfig Studio from compositing the images properly. Please recompile synfig using ./configure --enable-optimization=0 or disable optimisation and then rebuild the synfig images. The binary packages for some GNU/Linux distributions are affected by this. [http://sf.net/tracker/?group_id=144022&atid=757416 Bug] #[http://sf.net/support/tracker.php?aid=1509627 1509627]

As of svn r774, it is now OK to build with any optimization level. Also, using gcc 4.2.1 or newer it's possible to successfully build old versions of synfig with strong optimization.

=== synfigstudio can't find icons? ===

(I know they rendered fine, but they show up with red crosses everywhere).

This is #[http://sf.net/support/tracker.php?aid=1568925 1568925] that was introduced in SVN 180. Workaround is to set an environment variable at runtime like this: export SYNFIG_ROOT=/usr (or similar) or just install into /usr/local instead. Fixed in SVN r486.

=== I'm using synfigstudio on a laptop but can't draw anything using my mouse. What gives? ===

Try disabling the the touchpad from the input devices dialog. Unfortunately synfigstudio will not remember this setting so you have to do it every time you start synfigstudio.

This was fixed in [http://kibi.dyndns.org:8083/~dooglus/gitweb.pl?p=synfig;a=commitdiff;h=r487 svn r487] and so synfig 0.61.06 and newer won't have this problem.

=== Why is everything yellow? / Why are all the colors wrong? ===

This can happen when you switch between locales, due to a bug in version 0.61.05. It's fixed in the subversion repository (r228). To work around the problem, do the following: from the main window, choose File > Setup > Gamma and set all 3 sliders back to the default value of 2.2.

Documentation.es

2008-04-19T11:03:45Z

Ayam:

Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces:

* [[FAQ.es|FAQ]]
* [[Consejos.es|Consejos]]
* [[Caracteristicas.es|Caracteristicas]]
* [[Tutoriales.es|Tutoriales]]
* [[Video Tutorials.es|Video tutoriales]]
* [[Categorical Help.es|Ayuda por categorías]]
* [[Atajos de teclado.es|Atajos del teclado]]
* [[Atajos del raton.es|Atajos del raton]]
* [[Synfig Core options.es|Opciones de línea de comandos]]
* [[Variables de entorno.es|Variables de entorno]]
* [[Construir instrucciones.es|Construir instrucciones]]

Usted también puede estar interesado en [[Communication|obtener soporte]], o echar un vistazo a la [[Gallery|galería]] o a las [[Screenshots|capturas de pantalla]].

Si está interesado en ayudar a mejorar este wiki, quizas prefiera mirar estos:
* [[WikiTranslation|Wiki translation]]
* [[Wiki_Wish_List|Wiki wishlist]]
* [[Special:Allpages|All pages]]
* [[Special:Shortpages|Short pages]]
* [[:Category:Blank_Pages|Blank pages]]
* [[Special:Wantedpages|Wanted pages]]
* [[Special:Lonelypages|Orphaned pages]]
* [[Special:Wantedcategories|Wanted categories]]
* [[Special:Uncategorizedpages|Uncategorised pages]]

Documentation.es

2008-04-17T16:56:01Z

Ayam:

Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces:

* [[FAQ.es]]
* [[Consejos.es]]
* [[Caracteristicas.es]]
* [[Tutoriales.es]]
* [[Video Tutorials.es|Video tutoriales]]
* [[Categorical Help.es|Ayuda por categorías]]
* [[Atajos de teclado.es]]
* [[Atajos del raton.es]]
* [[Synfig Core options.es|Opciones de línea de comandos]]
* [[Variables de entorno.es]]
* [[Construir instrucciones.es]]

Usted también puede estar interesado en [[Communication|obtener soporte]], o echar un vistazo a la [[Gallery|galería]] o a las [[Screenshots|capturas de pantalla]].

Si está interesado en ayudar a mejorar este wiki, quizas prefiera mirar estos:
* [[WikiTranslation|Wiki translation]]
* [[Wiki_Wish_List|Wiki wishlist]]
* [[Special:Allpages|All pages]]
* [[Special:Shortpages|Short pages]]
* [[:Category:Blank_Pages|Blank pages]]
* [[Special:Wantedpages|Wanted pages]]
* [[Special:Lonelypages|Orphaned pages]]
* [[Special:Wantedcategories|Wanted categories]]
* [[Special:Uncategorizedpages|Uncategorised pages]]

Documentation.es

2008-04-17T15:25:49Z

Ayam:

Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces:

* [[FAQ]]
* [[Tips]]
* [[Features]]
* [[Tutorials]]
* [[Video Tutorials|Video tutorials]]
* [[Categorical Help|Help by categories]]
* [[Keyboard Shortcuts]]
* [[Mouse Shortcuts]]
* [[Synfig Core options|Command-line options]]
* [[Environment Variables]]
* [[Build instructions]]

Usted también puede estar interesado en [[Communication|obtener soporte]], o echar un vistazo a la [[Gallery|galería]] o a las [[Screenshots|capturas de pantalla]].

Si está interesado en ayudar a mejorar este wiki, quizas prefiera mirar estos:
* [[WikiTranslation|Wiki translation]]
* [[Wiki_Wish_List|Wiki wishlist]]
* [[Special:Allpages|All pages]]
* [[Special:Shortpages|Short pages]]
* [[:Category:Blank_Pages|Blank pages]]
* [[Special:Wantedpages|Wanted pages]]
* [[Special:Lonelypages|Orphaned pages]]
* [[Special:Wantedcategories|Wanted categories]]
* [[Special:Uncategorizedpages|Uncategorised pages]]

Documentation.es

2008-04-17T15:13:00Z

Ayam: New page: Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces: * FAQ * Tips * Features * Tutorials * [[Video Tutoria...

Si usted está buscando la documentación de Synfig, probablemente este interesado en uno del los siguientes enlaces:

* [[FAQ]]
* [[Tips]]
* [[Features]]
* [[Tutorials]]
* [[Video Tutorials|Video tutorials]]
* [[Categorical Help|Help by categories]]
* [[Keyboard Shortcuts]]
* [[Mouse Shortcuts]]
* [[Synfig Core options|Command-line options]]
* [[Environment Variables]]
* [[Build instructions]]

Usted también puede estar interesado en [[Communication|getting support]], the [[Gallery|gallery]] or some [[Screenshots|screenshots]].

If you are interested in helping improve this wiki, you may want to look at these:

* [[WikiTranslation|Wiki translation]]
* [[Wiki_Wish_List|Wiki wishlist]]
* [[Special:Allpages|All pages]]
* [[Special:Shortpages|Short pages]]
* [[:Category:Blank_Pages|Blank pages]]
* [[Special:Wantedpages|Wanted pages]]
* [[Special:Lonelypages|Orphaned pages]]
* [[Special:Wantedcategories|Wanted categories]]
* [[Special:Uncategorizedpages|Uncategorised pages]]

Main Page.es

2008-04-17T15:07:14Z

Ayam:

<div style="margin-bottom:20px; margin-top:-10px;-moz-border-radius:10px; padding:5px; width:100%; text-align:center; border: 1px solid #a6d577; background: #F8EA85;">[[Main Page|English]] | [[Main Page.pl|Polski]] | [[Main Page.ru|Русский]] | [[Main Page.tr|Türkçe]] | [[Main Page.zh|简体中文]] | '''Español''' | [[Main Page.fr|Français]]<br />
<div style="font-size:80%;padding-top:3px;">[[WikiTranslation.es|Ayuda a traducir el sitio]]</div></div>

<table style="text-align: left; width: 100%;" border="0"
cellpadding="5" cellspacing="2">
<tr>
<td style="margin-top:-10px;" colspan="3" rowspan="1">
[http://synfig.org/Releases/0.61.08-intro.es http://synfig.org/images/2/25/MainBanner-06108.jpg]</td>
<td style="width:25%; vertical-align:top; padding-top:10px;" colspan="1" rowspan="3">

</td>
</tr>
<tr style="margin-bottom: 20px;">
<td style="text-align:justify; border-top: 2px solid #eee; " colspan="3" rowspan="1">

<center><b><div style="font-size:160%; margin-bottom:10px; margin-top:20px;">Animación en el mundo libre</div></b></center>

<div style="font-size:120%;">La animación en dos dimensiones ha sido habitualmente dominado por el software propietario.
Esto cambia con la introducción de Synfig, una herramienta de software libre, gratuito y de codigo abierto para la producción de animación de caracteristicas y calidad cinematográficos con menos personas y recursos.</div>

<div style="margin-bottom:20px;padding: 4px; font-size:130%;"><b><center>[[About.es|Leer más...]]</center></b></div>

</td>
</tr>
<tr style="width:750px;">
<td style="border-left:8px solid #5454B9;width;33%; text-align:justify; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso inspira a la comunidad</center></b></div>

La comunidad este inspirada por el arte que tú produces. Gracias a todos los que producen arte para la [[gallery|galeria]], y en
[http://youtube.com/results?search_query=synfig&search_sort=video_date_uploaded YouTube], [http://search.deviantart.com/?section=browse&q=synfig&qh=sort:time deviantART], [http://www.videoplayer.es/tag/synfig/ VideoPlayer.es], [http://video.google.com/videosearch?q=synfig&so=1 Google Video], [http://www.flickr.com/photos/tags/synfig/ Flickr] y alrededor de la web. Quizás quieras leer algunas [[Animation Ideas|ideas de animación]], contribuir al ''[[DemoReel|demo reel]]'' ó [[Communication|compartir tu trabajo con nosotros]]

<div style="padding: 4px; font-size:120%;"><b><center>[[Communication.es|Leer más...]]</center></b></div>

</td>

<td style="text-align:justify;width;33%; border-left:8px solid #101094; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso necesita un apoyo hermoso</center></b></div>
<div style="float: left;"><span>http://synfig.org/images/c/c4/Icon_support.png</span></div>

Los artistas necesitan información acerca de cómo trabajar con Synfig para ser capaces de inspirarnos con sus animaciones. Ayuda a documentar la interface Synfig, escribe tutoriales, ayuda a las personas en IRC y en los foros y más.

<div style="padding: 4px; font-size:120%;"><b><center>[[Documentation.es|Leer más...]]</center></b></div>

</td>

<td style="text-align:justify;width;33%; border-left:8px solid #070773; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso necesita código hermoso</center></b></div>
El software libre y el desarrollo de codigo abierto no es nada sin una comunidad activa, así que vamos unete a Synfig. Necesitamos bug fixers, desarrolladores en general, bug reporters, beta testers, artistas para inspirarnos y más.
<div style="float: left;"><span>http://synfig.org/images/2/2b/Icon_code.png</span></div>
Tus contribuciones son bienvenidas, necesitadas y apreciadas.

<div style="padding: 4px; font-size:120%;"><b><center>[[Development|Leer más...]]</center></b></div>

</td>
</tr>

<tr style="vertical-align: top; text-align:center; font-size:120%;">
<td>
[[How do I|Cómos]]<br/>
[[Tutorials|Tutoriales]] ([[Video Tutorials|video]])<br/>
[[Categorical Help|Ayuda por categorias]]<br/>
[[FAQ|Preguntas frecuentes]]<br/>

</td>
<td>
[[Meetings|Encuentros]]<br>
'''[[Releases|Versiones anteriores]]'''<br>
[[Release|Última versión]]<br>
[[Build instructions|Instrucciones para compilar]]<br/>
[http://synfig.org/api/ Documentación código fuente]<br>
[http://sf.net/projects/synfig Project en SF]<br>

</td>
<td>
[[Roadmap|Objetivos próxima versión]]<br>
'''[[Wish list| Lista de deseos]]'''<br>
[[Software_roadmap|Objetivos a largo plazo]]<br>
<br>
[[GoogleSoC|Google Summer of Code]]<br/>
[[Related Projects|Proyectos relacionados]]<br/>

</td>
</tr>

</table>

Contact.es

2008-04-17T14:40:37Z

Ayam:

Para la comunicación en tiempo real sobre cualquier cosa semi-relacionado con Synfig, sientase libre de dejar en [irc://irc.freenode.net/synfig #synfig] en la red irc.freenode.net [http://www.irchelp.org/ IRC].

Si usted no tiene un cliente IRC, tambien puede probar [http://www.mibbit.com/?server=irc.freenode.net&channel=%23synfig&nick=enter_your_nickname_here aquí], inserte su apodo y después haga clic en el botón de conectar.

[[People|La gente]] involucrada en Synfig son todos muy agradables, si usted tiene preguntas, comentarios, o simplemente desea decir hola, sientase libre para comentar!

Si usted usa Jabber, intente #synfig@freenode.irc.deepdarc.com

Si usted no puede permanecer conectado permanentemente, quizas pueda estar interesado en ver los logos IRC ([http://jabber.deepdarc.com/logs.php/%23synfig%40freenode.irc.deepdarc.com color], [http://dooglus.rincevent.net/synfig/logs/ llano]).

Hay [http://synfig.org/forums/ algunos foros] para personas que prefiere los foros.

Tambien hay [http://sourceforge.net/mail/?group_id=144022 dos listas de emails] - uno para los usuarios y el otro para los reveladores que prefieren el email.

De vez en cuando tenemos [[Meetings|reuniones]] sobre Synfig, que en general son en el IRC.

Contact.es

2008-04-17T14:23:02Z

Ayam:

<small> Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! </small>

Para la comunicación en tiempo real sobre cualquier cosa semi-relacionado con Synfig, sientase libre de dejar en [irc://irc.freenode.net/synfig #synfig] en la red irc.freenode.net [http://www.irchelp.org/ IRC].

Si usted no tiene un cliente IRC, tambien puede probar [http://www.mibbit.com/?server=irc.freenode.net&channel=%23synfig&nick=enter_your_nickname_here aquí], inserte su apodo y después haga clic en el botón de conectar.

[[People|La gente]] involucrada en Synfig son todos muy agradables, si usted tiene preguntas, comentarios, o simplemente desea decir hola, sientase libre para comentar!

If you are using Jabber, give #synfig@freenode.irc.deepdarc.com a try.

Si usted es no puede permanecer conectado permanentemente, quizas pueda estar interesado en ver los logos IRC ([http://jabber.deepdarc.com/logs.php/%23synfig%40freenode.irc.deepdarc.com color], [http://dooglus.rincevent.net/synfig/logs/ llano]).

Hay [http://synfig.org/forums/ algunos foros] para personas que prefiere los foros.

There are also [http://sourceforge.net/mail/?group_id=144022 two email lists] - one for users and one for developers for those who prefer email.

Occasionally we have [[Meetings|meetings]] about Synfig, which are usually on IRC.

Contact.es

2008-04-17T13:24:16Z

Ayam:

<small> Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! </small>

Para la comunicación en tiempo real sobre cualquier cosa semi-relacionado con Synfig, sientase libre de dejar en [irc://irc.freenode.net/synfig #synfig] en la red irc.freenode.net [http://www.irchelp.org/ IRC].

If you don't have an IRC client, you can try [http://www.mibbit.com/?server=irc.freenode.net&channel=%23synfig&nick=enter_your_nickname_here clicking here], entering your nickname and then clicking the connect button.

[[People|The people]] involved with Synfig are all very nice, so if you have questions, comments, or just want to say hello, feel free to drop by!

If you are using Jabber, give #synfig@freenode.irc.deepdarc.com a try.

If you are are not able to stay permanently connected, you may be interested in viewing the IRC logs ([http://jabber.deepdarc.com/logs.php/%23synfig%40freenode.irc.deepdarc.com colour], [http://dooglus.rincevent.net/synfig/logs/ plain]).

There are [http://synfig.org/forums/ some forums] for people who prefer forums.

There are also [http://sourceforge.net/mail/?group_id=144022 two email lists] - one for users and one for developers for those who prefer email.

Occasionally we have [[Meetings|meetings]] about Synfig, which are usually on IRC.

Main Page.es

2008-04-17T13:21:46Z

Ayam:

<div style="margin-bottom:20px; margin-top:-10px;-moz-border-radius:10px; padding:5px; width:100%; text-align:center; border: 1px solid #a6d577; background: #F8EA85;">[[Main Page|English]] | [[Main Page.pl|Polski]] | [[Main Page.ru|Русский]] | [[Main Page.tr|Türkçe]] | [[Main Page.zh|简体中文]] | '''Español''' | [[Main Page.fr|Français]]<br />
<div style="font-size:80%;padding-top:3px;">[[WikiTranslation.es|Ayuda a traducir el sitio]]</div></div>

<table style="text-align: left; width: 100%;" border="0"
cellpadding="5" cellspacing="2">
<tr>
<td style="margin-top:-10px;" colspan="3" rowspan="1">
[http://synfig.org/Releases/0.61.08-intro.es http://synfig.org/images/2/25/MainBanner-06108.jpg]</td>
<td style="width:25%; vertical-align:top; padding-top:10px;" colspan="1" rowspan="3">

</td>
</tr>
<tr style="margin-bottom: 20px;">
<td style="text-align:justify; border-top: 2px solid #eee; " colspan="3" rowspan="1">

<center><b><div style="font-size:160%; margin-bottom:10px; margin-top:20px;">Animación en el mundo libre</div></b></center>

<div style="font-size:120%;">La animación en dos dimensiones ha sido habitualmente dominado por el software propietario.
Esto cambia con la introducción de Synfig, una herramienta de software libre, gratuito y de codigo abierto para la producción de animación de caracteristicas y calidad cinematográficos con menos personas y recursos.</div>

<div style="margin-bottom:20px;padding: 4px; font-size:130%;"><b><center>[[About.es|Leer más...]]</center></b></div>

</td>
</tr>
<tr style="width:750px;">
<td style="border-left:8px solid #5454B9;width;33%; text-align:justify; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso inspira a la comunidad</center></b></div>

La comunidad este inspirada por el arte que tú produces. Gracias a todos los que producen arte para la [[gallery|galeria]], y en
[http://youtube.com/results?search_query=synfig&search_sort=video_date_uploaded YouTube], [http://search.deviantart.com/?section=browse&q=synfig&qh=sort:time deviantART], [http://www.videoplayer.es/tag/synfig/ VideoPlayer.es], [http://video.google.com/videosearch?q=synfig&so=1 Google Video], [http://www.flickr.com/photos/tags/synfig/ Flickr] y alrededor de la web. Quizás quieras leer algunas [[Animation Ideas|ideas de animación]], contribuir al ''[[DemoReel|demo reel]]'' ó [[Communication|compartir tu trabajo con nosotros]]

<div style="padding: 4px; font-size:120%;"><b><center>[[Communication.es|Leer más...]]</center></b></div>

</td>

<td style="text-align:justify;width;33%; border-left:8px solid #101094; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso necesita un apoyo hermoso</center></b></div>
<div style="float: left;"><span>http://synfig.org/images/c/c4/Icon_support.png</span></div>

Los artistas necesitan información acerca de cómo trabajar con Synfig para ser capaces de inspirarnos con sus animaciones. Ayuda a documentar la interface Synfig, escribe tutoriales, ayuda a las personas en IRC y en los foros y más.

<div style="padding: 4px; font-size:120%;"><b><center>[[Documentation|Leer más...]]</center></b></div>

</td>

<td style="text-align:justify;width;33%; border-left:8px solid #070773; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso necesita código hermoso</center></b></div>
El software libre y el desarrollo de codigo abierto no es nada sin una comunidad activa, así que vamos unete a Synfig. Necesitamos bug fixers, desarrolladores en general, bug reporters, beta testers, artistas para inspirarnos y más.
<div style="float: left;"><span>http://synfig.org/images/2/2b/Icon_code.png</span></div>
Tus contribuciones son bienvenidas, necesitadas y apreciadas.

<div style="padding: 4px; font-size:120%;"><b><center>[[Development|Leer más...]]</center></b></div>

</td>
</tr>

<tr style="vertical-align: top; text-align:center; font-size:120%;">
<td>
[[How do I|Cómos]]<br/>
[[Tutorials|Tutoriales]] ([[Video Tutorials|video]])<br/>
[[Categorical Help|Ayuda por categorias]]<br/>
[[FAQ|Preguntas frecuentes]]<br/>

</td>
<td>
[[Meetings|Encuentros]]<br>
'''[[Releases|Versiones anteriores]]'''<br>
[[Release|Última versión]]<br>
[[Build instructions|Instrucciones para compilar]]<br/>
[http://synfig.org/api/ Documentación código fuente]<br>
[http://sf.net/projects/synfig Project en SF]<br>

</td>
<td>
[[Roadmap|Objetivos próxima versión]]<br>
'''[[Wish list| Lista de deseos]]'''<br>
[[Software_roadmap|Objetivos a largo plazo]]<br>
<br>
[[GoogleSoC|Google Summer of Code]]<br/>
[[Related Projects|Proyectos relacionados]]<br/>

</td>
</tr>

</table>

WikiTranslation/es

2008-04-17T10:38:44Z

Ayam: /* ¿Qué funcionalidad cuento con de la extensión Multilenguaje? */

== Para los traductores ==

La página con una traducción debe llevar el nombre de la página inglesa original, más la abreviatura de los idiomas (código two-letter de la lengua) precedido por un '.', e.g. por ejemplo, una pagina en Ruso seria About.ru.

Ventajas:
* Los títulos están en una lengua, que es buena para referirse y mantener a la documentación del wiki en orden.
* También proporciona una clara correspondencia entre original y las páginas traducidas.
* Es fácil de aplicar.

=== Para traducir el texto en imágenes ===

En esta página [[Releases/Artwork]]usted encontrará todas las ilustraciones (incluidos los archivos editables) de todas las ilustraciones hechas para cada nuevo lanzamiento del proyecto.

[[Styleguidelines|Aquí]] usted puede leer nuestro estilo de pautas gráficas, aquí usted encontrara ayuda sobre cómo crear y editar las imágenes de este sitio.

== ¿Qué funcionalidad cuento con de la extensión Multilenguaje? ==
* Todas las páginas nombradas según lo descrito arriba.
* Debe haber una lista de las traducciones disponibles para la página actual encima de cada página. Vamos a llamarlo "lista de idiomas de la página". (Extension detecta en cada página si exsiste código de idioma).
* Hay un campo en las [[Special:Preferences|preferencias del usuario]], yamado "Lenguaje" (Ya existe en MediaWiki)
* Mejoras de la navegación:
** Digamos que los usuarios tienen las preferencias de idioma en 'tr'. Entonces:
*** Si el usuario pide la [[Main Page]], y la [[Main Page.tr]] existe, este sera automaticamente redirigido a [[Main Page.tr]].
*** Si el usuario hace clic en algún otro idioma de la "lista de idiomas de la página", entonces su "Lenguaje" en preferencias cambia a esa lengua, y él continúa navegando, de acuerdo con las normas anteriores.
* Sería bueno tener el Idioma establecido según la configuración del navegador automáticamente a los nuevos usuarios e invitados.

== Enlaces utiles ==
* http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes

== Posibles soluciones ==

* http://www.mediawiki.org/wiki/Extension:MultiLanguageManager
* http://www.art122-5.net/index.php/MediaWiki_Multi-language
* http://www.mediawiki.org/wiki/Category:Internationalization_extensions

WikiTranslation/es

2008-04-17T10:29:13Z

Ayam:

== Para los traductores ==

La página con una traducción debe llevar el nombre de la página inglesa original, más la abreviatura de los idiomas (código two-letter de la lengua) precedido por un '.', e.g. por ejemplo, una pagina en Ruso seria About.ru.

Ventajas:
* Los títulos están en una lengua, que es buena para referirse y mantener a la documentación del wiki en orden.
* También proporciona una clara correspondencia entre original y las páginas traducidas.
* Es fácil de aplicar.

=== Para traducir el texto en imágenes ===

En esta página [[Releases/Artwork]]usted encontrará todas las ilustraciones (incluidos los archivos editables) de todas las ilustraciones hechas para cada nuevo lanzamiento del proyecto.

[[Styleguidelines|Aquí]] usted puede leer nuestro estilo de pautas gráficas, aquí usted encontrara ayuda sobre cómo crear y editar las imágenes de este sitio.

== ¿Qué funcionalidad cuento con de la extensión Multilenguaje? ==
* Todas las páginas nombradas según lo descrito arriba.
* Debe haber una lista de las traducciones disponibles para la página actual encima de cada página. Vamos a llamarlo "lista de idiomas de la página". (Extension detecta en cada página si exsiste código de idioma).
* Hay un campo en las [[Special:Preferences|preferencias del usuario], yamado "Lenguaje" (Ya existe en MediaWiki)
* Mejoras de la navegación:
** Digamos que los usuarios tienen las preferencias de idioma en 'tr'. Entonces:
*** Si el usuario pide la [[Main Page]], y la [[Main Page.tr]] existe, este sera automaticamente redirigido a [[Main Page.tr]].
*** Si el usuario hace clic en algún otro idioma de la "lista de idiomas de la página", entonces su "Lenguaje" en preferencias cambia a esa lengua, y él continúa navegando, de acuerdo con las normas anteriores.
* Sería bueno tener el Idioma establecido según la configuración del navegador automáticamente a los nuevos usuarios e invitados.

== Enlaces utiles ==
* http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes

== Posibles soluciones ==

* http://www.mediawiki.org/wiki/Extension:MultiLanguageManager
* http://www.art122-5.net/index.php/MediaWiki_Multi-language
* http://www.mediawiki.org/wiki/Category:Internationalization_extensions

WikiTranslation/es

2008-04-17T09:37:59Z

Ayam:

== Para los traductores ==

La página con una traducción debe llevar el nombre de la página inglesa original, más la abreviatura de los idiomas (código two-letter de la lengua) precedido por un '.', e.g. por ejemplo, una pagina en Ruso seria About.ru.

Ventajas:
* Los títulos están en una lengua, que es buena para referirse y mantener a la documentación del wiki en orden.
* También proporciona una clara correspondencia entre original y las páginas traducidas.
* Es fácil de aplicar.

=== Para traducir el texto en imágenes ===

En esta página [[Releases/Artwork]]usted encontrará todas las ilustraciones (incluidos los archivos editables) de todas las ilustraciones hechas para cada nuevo lanzamiento del proyecto.

[[Styleguidelines|Aquí]] usted puede leer nuestro estilo de pautas gráficas, aquú usted encontrara ayuda sobre cómo crear y editar las imágenes de este sitio.

== ¿Qué funcionalidad cuento con de la extensión Multilenguaje? ==
* All pages named as described above.
* There must be a list of available translations for current page on top of each page. Let's call it "Page languages list". (Extension detects if page with each language code exists).
* There is a field in the [[Special:Preferences|user preferences]], called "Language" (Already exists in MediaWiki)
* Navigation improvements:
** Let's say user have Language field in preferences set to 'tr'. Then:
*** if user requests page [[Main Page]], and page [[Main Page.tr]] exists, he automatically redirected to [[Main Page.tr]].
*** if user clicks some other language in "Page languages list", then his "Language" field in preferences sets to that language, and he continues browsing, according to previous rules.
* It would be nice to have Language field set up according the browser settings automatically for new users and guests.

== Useful Links ==
* http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes

== Possible Solutions ==

* http://www.mediawiki.org/wiki/Extension:MultiLanguageManager
* http://www.art122-5.net/index.php/MediaWiki_Multi-language
* http://www.mediawiki.org/wiki/Category:Internationalization_extensions

WikiTranslation/es

2008-04-17T09:16:34Z

Ayam:

== Para los traductores ==

La página con una traducción debe llevar el nombre de la página inglesa original, más la abreviatura de los idiomas (código two-letter de la lengua) precedido por un '.', e.g. por ejemplo, una pagina en Ruso seria About.ru.

Ventajas:
* Los títulos están en una lengua, que es buena para referirse y mantener a la documentación del wiki en orden.
* También proporciona una clara correspondencia entre original y las páginas traducidas.
* Es fácil de aplicar.

=== Para traducir el texto en imágenes ===

In [[Releases/Artwork]]this page you will find all the artwork (including editables files) of all the artwork me make for every new release of the project.

[[Styleguidelines|Here]] you can read our graphic style guidelines, where you will find help on how to create and edit the images of this site.

== What functionality I expect from Multilanguage Extension ==
* All pages named as described above.
* There must be a list of available translations for current page on top of each page. Let's call it "Page languages list". (Extension detects if page with each language code exists).
* There is a field in the [[Special:Preferences|user preferences]], called "Language" (Already exists in MediaWiki)
* Navigation improvements:
** Let's say user have Language field in preferences set to 'tr'. Then:
*** if user requests page [[Main Page]], and page [[Main Page.tr]] exists, he automatically redirected to [[Main Page.tr]].
*** if user clicks some other language in "Page languages list", then his "Language" field in preferences sets to that language, and he continues browsing, according to previous rules.
* It would be nice to have Language field set up according the browser settings automatically for new users and guests.

== Useful Links ==
* http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes

== Possible Solutions ==

* http://www.mediawiki.org/wiki/Extension:MultiLanguageManager
* http://www.art122-5.net/index.php/MediaWiki_Multi-language
* http://www.mediawiki.org/wiki/Category:Internationalization_extensions

WikiTranslation/es

2008-04-17T09:02:00Z

Ayam: New page: == Para los traductores == Page with a translation must bear the name of original English page, plus languages abbreviation (two-letter language code) preceded by a '.', e.g. for About, p...

== Para los traductores ==

Page with a translation must bear the name of original English page, plus languages abbreviation (two-letter language code) preceded by a '.', e.g. for About, page in Russian will be About.ru.

Advantages:
* Titles are in one language, which is good for referencing and keeping wiki documentation in order.
* It also provides a clear mapping between original and translated pages.
* It is easy to implement.

=== To translate the text in images ===

In [[Releases/Artwork]]this page you will find all the artwork (including editables files) of all the artwork me make for every new release of the project.

[[Styleguidelines|Here]] you can read our graphic style guidelines, where you will find help on how to create and edit the images of this site.

== What functionality I expect from Multilanguage Extension ==
* All pages named as described above.
* There must be a list of available translations for current page on top of each page. Let's call it "Page languages list". (Extension detects if page with each language code exists).
* There is a field in the [[Special:Preferences|user preferences]], called "Language" (Already exists in MediaWiki)
* Navigation improvements:
** Let's say user have Language field in preferences set to 'tr'. Then:
*** if user requests page [[Main Page]], and page [[Main Page.tr]] exists, he automatically redirected to [[Main Page.tr]].
*** if user clicks some other language in "Page languages list", then his "Language" field in preferences sets to that language, and he continues browsing, according to previous rules.
* It would be nice to have Language field set up according the browser settings automatically for new users and guests.

== Useful Links ==
* http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes

== Possible Solutions ==

* http://www.mediawiki.org/wiki/Extension:MultiLanguageManager
* http://www.art122-5.net/index.php/MediaWiki_Multi-language
* http://www.mediawiki.org/wiki/Category:Internationalization_extensions

Main Page.es

2008-04-17T08:56:39Z

Ayam:

<div style="margin-bottom:20px; margin-top:-10px;-moz-border-radius:10px; padding:5px; width:100%; text-align:center; border: 1px solid #a6d577; background: #F8EA85;">[[Main Page|English]] | [[Main Page.pl|Polski]] | [[Main Page.ru|Русский]] | [[Main Page.tr|Türkçe]] | [[Main Page.zh|简体中文]] | '''Español''' | [[Main Page.fr|Français]]<br />
<div style="font-size:80%;padding-top:3px;">[[WikiTranslation.es|Ayuda a traducir el sitio]]</div></div>

<table style="text-align: left; width: 100%;" border="0"
cellpadding="5" cellspacing="2">
<tr>
<td style="margin-top:-10px;" colspan="3" rowspan="1">
[http://synfig.org/Releases/0.61.08-intro.es http://synfig.org/images/2/25/MainBanner-06108.jpg]</td>
<td style="width:25%; vertical-align:top; padding-top:10px;" colspan="1" rowspan="3">

</td>
</tr>
<tr style="margin-bottom: 20px;">
<td style="text-align:justify; border-top: 2px solid #eee; " colspan="3" rowspan="1">

<center><b><div style="font-size:160%; margin-bottom:10px; margin-top:20px;">Animación en el mundo libre</div></b></center>

<div style="font-size:120%;">La animación en dos dimensiones ha sido habitualmente dominado por el software propietario.
Esto cambia con la introducción de Synfig, una herramienta de software libre, gratuito y de codigo abierto para la producción de animación de caracteristicas y calidad cinematográficos con menos personas y recursos.</div>

<div style="margin-bottom:20px;padding: 4px; font-size:130%;"><b><center>[[About.es|Leer más...]]</center></b></div>

</td>
</tr>
<tr style="width:750px;">
<td style="border-left:8px solid #5454B9;width;33%; text-align:justify; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso inspira a la comunidad</center></b></div>

La comunidad este inspirada por el arte que tú produces. Gracias a todos los que producen arte para la [[gallery|galeria]], y en
[http://youtube.com/results?search_query=synfig&search_sort=video_date_uploaded YouTube], [http://search.deviantart.com/?section=browse&q=synfig&qh=sort:time deviantART], [http://www.videoplayer.es/tag/synfig/ VideoPlayer.es], [http://video.google.com/videosearch?q=synfig&so=1 Google Video], [http://www.flickr.com/photos/tags/synfig/ Flickr] y alrededor de la web. Quizás quieras leer algunas [[Animation Ideas|ideas de animación]], contribuir al ''[[DemoReel|demo reel]]'' ó [[Communication|compartir tu trabajo con nosotros]]

<div style="padding: 4px; font-size:120%;"><b><center>[[Communication|Leer más...]]</center></b></div>

</td>

<td style="text-align:justify;width;33%; border-left:8px solid #101094; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso necesita un apoyo hermoso</center></b></div>
<div style="float: left;"><span>http://synfig.org/images/c/c4/Icon_support.png</span></div>

Los artistas necesitan información acerca de cómo trabajar con Synfig para ser capaces de inspirarnos con sus animaciones. Ayuda a documentar la interface Synfig, escribe tutoriales, ayuda a las personas en IRC y en los foros y más.

<div style="padding: 4px; font-size:120%;"><b><center>[[Documentation|Leer más...]]</center></b></div>

</td>

<td style="text-align:justify;width;33%; border-left:8px solid #070773; vertical-align:top;">

<div style="font-size:115%; font-align:center; padding:4px; margin-bottom:10px; border-bottom:1px solid #030336"><b><center>El arte hermoso necesita código hermoso</center></b></div>
El software libre y el desarrollo de codigo abierto no es nada sin una comunidad activa, así que vamos unete a Synfig. Necesitamos bug fixers, desarrolladores en general, bug reporters, beta testers, artistas para inspirarnos y más.
<div style="float: left;"><span>http://synfig.org/images/2/2b/Icon_code.png</span></div>
Tus contribuciones son bienvenidas, necesitadas y apreciadas.

<div style="padding: 4px; font-size:120%;"><b><center>[[Development|Leer más...]]</center></b></div>

</td>
</tr>

<tr style="vertical-align: top; text-align:center; font-size:120%;">
<td>
[[How do I|Cómos]]<br/>
[[Tutorials|Tutoriales]] ([[Video Tutorials|video]])<br/>
[[Categorical Help|Ayuda por categorias]]<br/>
[[FAQ|Preguntas frecuentes]]<br/>

</td>
<td>
[[Meetings|Encuentros]]<br>
'''[[Releases|Versiones anteriores]]'''<br>
[[Release|Última versión]]<br>
[[Build instructions|Instrucciones para compilar]]<br/>
[http://synfig.org/api/ Documentación código fuente]<br>
[http://sf.net/projects/synfig Project en SF]<br>

</td>
<td>
[[Roadmap|Objetivos próxima versión]]<br>
'''[[Wish list| Lista de deseos]]'''<br>
[[Software_roadmap|Objetivos a largo plazo]]<br>
<br>
[[GoogleSoC|Google Summer of Code]]<br/>
[[Related Projects|Proyectos relacionados]]<br/>

</td>
</tr>

</table>

WikiTranslation

2008-04-16T17:33:42Z

Ayam: /* Para Traductores */

== For Translators ==

Page with a translation must bear the name of original English page, plus languages abbreviation (two-letter language code) preceded by a '.', e.g. for About, page in Russian will be About.ru.

Advantages:
* Titles are in one language, which is good for referencing and keeping wiki documentation in order.
* It also provides a clear mapping between original and translated pages.
* It is easy to implement.

=== To translate the text in images ===

In [[Releases/Artwork]]this page you will find all the artwork (including editables files) of all the artwork me make for every new release of the project.

[[Styleguidelines|Here]] you can read our graphic style guidelines, where you will find help on how to create and edit the images of this site.

== What functionality I expect from Multilanguage Extension ==
* All pages named as described above.
* There must be a list of available translations for current page on top of each page. Let's call it "Page languages list". (Extension detects if page with each language code exists).
* There is a field in the [[Special:Preferences|user preferences]], called "Language" (Already exists in MediaWiki)
* Navigation improvements:
** Let's say user have Language field in preferences set to 'tr'. Then:
*** if user requests page [[Main Page]], and page [[Main Page.tr]] exists, he automatically redirected to [[Main Page.tr]].
*** if user clicks some other language in "Page languages list", then his "Language" field in preferences sets to that language, and he continues browsing, according to previous rules.
* It would be nice to have Language field set up according the browser settings automatically for new users and guests.

== Useful Links ==
* http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes

== Possible Solutions ==

* http://www.mediawiki.org/wiki/Extension:MultiLanguageManager
* http://www.art122-5.net/index.php/MediaWiki_Multi-language
* http://www.mediawiki.org/wiki/Category:Internationalization_extensions

WikiTranslation

2008-04-16T17:26:11Z

Ayam: /* For Translators */

== Para Traductores ==

Page with a translation must bear the name of original English page, plus languages abbreviation (two-letter language code) preceded by a '.', e.g. for About, page in Russian will be About.ru.

Advantages:
* Titles are in one language, which is good for referencing and keeping wiki documentation in order.
* It also provides a clear mapping between original and translated pages.
* It is easy to implement.

=== To translate the text in images ===

In [[Releases/Artwork]]this page you will find all the artwork (including editables files) of all the artwork me make for every new release of the project.

[[Styleguidelines|Here]] you can read our graphic style guidelines, where you will find help on how to create and edit the images of this site.

== What functionality I expect from Multilanguage Extension ==
* All pages named as described above.
* There must be a list of available translations for current page on top of each page. Let's call it "Page languages list". (Extension detects if page with each language code exists).
* There is a field in the [[Special:Preferences|user preferences]], called "Language" (Already exists in MediaWiki)
* Navigation improvements:
** Let's say user have Language field in preferences set to 'tr'. Then:
*** if user requests page [[Main Page]], and page [[Main Page.tr]] exists, he automatically redirected to [[Main Page.tr]].
*** if user clicks some other language in "Page languages list", then his "Language" field in preferences sets to that language, and he continues browsing, according to previous rules.
* It would be nice to have Language field set up according the browser settings automatically for new users and guests.

== Useful Links ==
* http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes

== Possible Solutions ==

* http://www.mediawiki.org/wiki/Extension:MultiLanguageManager
* http://www.art122-5.net/index.php/MediaWiki_Multi-language
* http://www.mediawiki.org/wiki/Category:Internationalization_extensions