[[Category:Tutorials]]

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

== Introducción ==

Synfig, como la mayoría de los otros programas gráficos competentes, rompe individualmente los elementos del [[canvas|lienzo]] en varias [[layer|capas]]. De todas formas, difiere de los otros programas en dos grandes formas:

{| border="0" cellspacing="0" align="center" width="100%"
|
# Una capa individual en Synfig usualmente representa una “Primitiva” única.. ie: Una región única, el delineado de una región, un JPEG importado, etc... Esto le permitirá tener un gran trato con la flexibilidad y con el control. No es muy inusual, tener para una composición cientos de capas (organizadas en la jerarquía de la cordura del artista, claro esta ).

# Una capa no solo puede tener información en el tope de la imagen, debajo de ella, sino que además modificarla o distorsionarla de alguna forma. En este sentido, las capas en Synfig actúan mas como filtros, al igual que en Adobe Photoshop o en GIMP. Por ejemplo, si tenemos una [[Blur Layer|capa con degradé]], una [[Radial Blur Layer|capa con degrade radial]], [[Spherize Layer|capa esferizada]], [[Color Correct Layer|capa con corrección de color]], [[Bevel Layer|capa con bisel]], etc...

Cada capa tiene su serie de parámetros, que determinan como se debe comportar. Cuando haces click en una capa (bien sea en la ventana del lienzo, o en el [[Layers Panel|panel de Capas]]), verás sus parámetros en el [[Params Panel|Panel de Parámetros]].

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

Synfig Studio tiene una propiedad de autorecuperación. Si se bloquea, incluso si el archivo actual no se ha grabado, no se perderán mas de 5 minutos de trabajo. Al reiniciar, automática y rápidamente alertará al usuario para que recupere los cambios no guardados. Desafortunadamente el historial aun no se recupera. Esa propiedad vendrá mas adelante.

Una de las cosas de las que te habrás percatado, es que Synfig Studio es LENTO, haciéndolo prácticamente inusable en hardware que tenga mas de 3 años de antigüedad. La mayor razón para esto, es que todo el calculo de color es hecho en un punto-flotante, porque Synfig Studio fue construido desde la base hacia arriba con un Rango-Dinámico-Alto de imágenes en la mente. SIN EMBARGO, este no será el caso para siempre.

darco tiene bastantes re-implementaciones y optimizaciones que planea agregar y que deberían mejorar dramáticamente el desempeño de Synfig en todas las plataformas. La meta no es lográr una mejora del 200% en la velocidad, es por lo menos mejorarla en un 2000%. Con la optimización que esta planificada para ser implementada, estaremos en capacidad de hacer operaciones de tuberías. Debería también aplanar el camino hacia la aceleración de hardware usando los grandes procesadores gráficos, los cuales nos darían mejoras en medida equivalente a la magnitud.

== La Interfaz de Usuario ==

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

Cuando comienzas Synfig Studio, esto abrirá un splash gráfico y se levantará. Luego de que termine de cargar, deberías ver un árbol de ventanas (estructurada). La ventana en la esquina superior izquierda es la [[toolbox|caja de herramientas]]. Aquí es donde puedes abrir archivos, cambiar de [[tools|herramientas]], etc. Te darás cuenta de que la mayoría de los botones están oscurecidos, ya que no tienes ningún archivo abierto aun.

Las otras dos ventanas (una en la parte baja, y otra a la derecha) son [[dock dialogs|muelles de diálogo]] configurables. Puedes reorganizar el contenido de estas en la forma que quieras solo arrastrando la tabla hacia donde quieras que se ubique. Puedes incluso crear un nuevo dialogo arrastrando una [[dock tab|ventana]] fuera del dialogo en el que estaba insertado.

Si accidentalmente cierras cualquier [[dock tab|ventana de dialogo]] (arrastrandola fuera del dialogo, y cerrando la nueva ventana en la que se creo), no te preocupes. Simplemente ve a la caja de herramientas y accede a “Archivo->Dialogos”, y haz click sobre el dialogo que necesitas.

Existen muchos [[dock tab|cuadros de dialog]]. Si no tienes la mas minima idea de lo que hace un cuadro de dialogo, simplemente manten el puntero del ratón sobre su icono y un cuadro de ayuda saldra, describiendo el nombre de ese cuadro.
|}

Aquí estan algunas de las más importantes:

* [[Layers Panel|Panel de Capas]] - Este cuadro muestra la jerarquía de las capas para el lienzo seleccionado. Adicionalmente te permite manipular esas capas.
* [[Params Panel|Panel de Parámetros]] - Este cuadro te mostrará los parametros de la capa seleccionada en el momento, (O, si son seleccionadas varias capas, te mostrará únicamente los parámetros que las capas tengan en común) .
* [[Categorical Help#Synfig Dialogs|Panel de Herramientas]] - Te muestra cualquier opción especifica de la herramienta seleccionada.
* [[Navigator|Navegador]] - Muestra una miniatura de lo que esté seleccionado en ese momento sobre el lienzo, mostrándote como se verá. Ademas, puedes hacerle acercamiento o alejamiento, y mover el foco por el lienzo.
* [[History Panel|Panel del Historial]] - Muestra la lista del historial de la composición actual. Puedes modificar las acciones en el historia.

Si haces click en en botón “Nueva Composición” que esta en la Caja de Herramientas, una nueva [[Work Area Window|Área de Trabajo]] se abrira.. Haciendo click en el menú circunflejo (entre la regla horizontal y vertical que están en la esquina superior izquierda del área de trabajo), luego en “Ver”, luego en "Propiedades", y el [[Canvas Properties Dialog|dialogo de propiedades del lienzo]] aparecerá.

El diálogo de propiedades del lienzo es un desastre, lo sé. Tendré que rediseñarlo en algo mucho mas comprensible en algún momento del futuro. Por ahora, ignora la sección "Área de imagen" y "Bloques y enlaces".

Si haces click en OK, el dialogo de propiedades del lienzo desaparecera y verás la [[Canvas window|Ventana del lienzo]]. Esta ventana representa el [[Root Canvas|lienzo Raíz]], eso no significa mucho en este momento, pero eso esta BIEN-- solo estoy tratando de mostrarte los alrededores.

En la esquina superior izquierda de la ventana del lienzo, veras un botón con un simbolo de acénto [[Canvas Menu Caret|circunflejo]]. Si haces click en este botón, la ventana del [[Canvas Menu Caret|menú del lienzo]] se abrirá. (Como acotación, si haces click en cualquier área del [[layer|lienzo]] que no sea parte de la capa, este menú también aparecerá) Ahora, ya sabes donde esta el menu en la ventana del lienzo. Bien. Todo lo demas debería ser bastante auto-explicativo en la ventana del lienzo. (La explicación de las cosas en ese menu viene en un segundo)

== 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".

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

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:Getting Started/es

2008-06-12T13:27:52Z

Tatica: /* Introducción */

[[Category:Tutorials]]

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

== Introducción ==

Synfig, como la mayoría de los otros programas gráficos competentes, rompe individualmente los elementos del [[canvas|lienzo]] en varias [[layer|capas]]. De todas formas, difiere de los otros programas en dos grandes formas:

{| border="0" cellspacing="0" align="center" width="100%"
|
# Una capa individual en Synfig usualmente representa una “Primitiva” única.. ie: Una región única, el delineado de una región, un JPEG importado, etc... Esto le permitirá tener un gran trato con la flexibilidad y con el control. No es muy inusual, tener para una composición cientos de capas (organizadas en la jerarquía de la cordura del artista, claro esta ).

# Una capa no solo puede tener información en el tope de la imagen, debajo de ella, sino que además modificarla o distorsionarla de alguna forma. En este sentido, las capas en Synfig actúan mas como filtros, al igual que en Adobe Photoshop o en GIMP. Por ejemplo, si tenemos una [[Blur Layer|capa con degradé]], una [[Radial Blur Layer|capa con degrade radial]], [[Spherize Layer|capa esferizada]], [[Color Correct Layer|capa con corrección de color]], [[Bevel Layer|capa con bisel]], etc...

Cada capa tiene su serie de parámetros, que determinan como se debe comportar. Cuando haces click en una capa (bien sea en la ventana del lienzo, o en el [[Layers Panel|panel de Capas]]), verás sus parámetros en el [[Params Panel|Panel de Parámetros]].

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

Synfig Studio tiene una propiedad de autorecuperación. Si se bloquea, incluso si el archivo actual no se ha grabado, no se perderán mas de 5 minutos de trabajo. Al reiniciar, automática y rápidamente alertará al usuario para que recupere los cambios no guardados. Desafortunadamente el historial aun no se recupera. Esa propiedad vendrá mas adelante.

Una de las cosas de las que te habrás percatado, es que Synfig Studio es LENTO, haciéndolo prácticamente inusable en hardware que tenga mas de 3 años de antigüedad. La mayor razón para esto, es que todo el calculo de color es hecho en un punto-flotante, porque Synfig Studio fue construido desde la base hacia arriba con un Rango-Dinámico-Alto de imágenes en la mente. SIN EMBARGO, este no será el caso para siempre.

darco tiene bastantes re-implementaciones y optimizaciones que planea agregar y que deberían mejorar dramáticamente el desempeño de Synfig en todas las plataformas. La meta no es lográr una mejora del 200% en la velocidad, es por lo menos mejorarla en un 2000%. Con la optimización que esta planificada para ser implementada, estaremos en capacidad de hacer operaciones de tuberías. Debería también aplanar el camino hacia la aceleración de hardware usando los grandes procesadores gráficos, los cuales nos darían mejoras en medida equivalente a la magnitud.

== 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".

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

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