https://www.wiki.synfig.org/api.php?action=feedcontributions&user=Fabifabito&feedformat=atomSynfig Studio :: Documentation - User contributions [en]2024-03-29T05:22:21ZUser contributionsMediaWiki 1.26.3https://www.wiki.synfig.org/index.php?title=Switching_Scenes/es&diff=7870Switching Scenes/es2008-10-02T18:07:36Z<p>Fabifabito: </p>
<hr />
<div> Ayúdanos a terminar de traducir esta página!<br />
<br />
Cambio de escena<br />
<br />
Suponte que has hecho diferentes escenas en archivos .sif separados, y quieres editarlos juntos.<br />
<br />
Claro que puedes renderizar cada archivo a un formato de video, y usar luego un [http://es.wikipedia.org/wiki/Categor%C3%ADa:Editores_de_video editor de video]. ¿Pero, por qué no usar directamente Synfig para la edición?<br />
<br />
En este ejemplo, tomaré 3 archivos sifz hechos por [[User:Zelig|Zelig]] y los mezclaré:<br />
* [[Media:Sy-n-fig-s1-hi.sifz|Sy-n-fig-s1-hi.sifz]] una escena introductiva de 3 segundos (scene 1)<br />
* [[Media:Sy-n-fig-s2-ball.sifz|Sy-n-fig-s2-ball.sifz]] 28 segundos de animación (scene 2)<br />
* [[Media:Sy-n-fig-s3-boid.sifz|Sy-n-fig-s3-boid.sifz]] 6 segundos de otra escena que introduciremos en el medio de la segunda escena.<br />
<br />
Abre un nuevo documento en Synfig y ajusta su tiempo a 47 segundos (3 s de escena 1 + 28 s de escena 2 + 6 s de escena 3 + 10 s de títulos inicial y final)<br />
<br />
Cliqueando en el menú principal del lienzo File > Import, importa las tres escenas, una por vez.<br />
<br />
Selecciona una escena en la ventana de las capas, luego ve a la ventana de parámetros y haz click derecho sobre el parámetro [[Canvas]]. Un menú se desplegará. Cliquea [[Export]]. Haz lo mismo con las otras escenas. Nómbralas "scene1", "scene2", y "scene3". Ahora puedes borrar las tres capas encapsuladas de la ventana de las capas. Ya no las necesitamos.<br />
<br />
Aún no tenemos los títulos de apertura o clausura de la animación. Agámoslos. Haz una capa de texto cliqueando en el menú del lienzo Layer > New Layer > Other > Text. Edita el parámetro Text dentro de la ventana de parámetros. Escribe el título que desees. <br />
<br />
Encapsula la capa de texto, y exporta desde el parámetro Canvas, en la ventana de parámetros. Llámalo "titles".<br />
<br />
Enciende el [[Animate Editing Mode| modo de edición]], y haz un cuadro-clave (keyframe) en el segundo 0. Ajusta el modo de interpolación predeterminado (default interpolation, al final de la caja de herramientas) a "Constant". El modo predeterminado es TCB, pero nosotros queremos que los cambios sucedan justo donde indicamos, en vez de que los TCB waypoints traten de hacer los cambios paulatinamente.<br />
<br />
Mirando el lienzo nos damos cuenta de que olvidamos ponerle un fondo al texto. Ve al [[Canvas Browser Panel| Canvas Browser]], es otra ventana, abre los subcomponentes y click doble en "titles" para abrir el sub-lienzo "titles". Allí lo podremos modificar. Agrega una capa de color sólido, hazla blanca, y ponla debajo de la capa texto. Luego cierra el sub-lienzo.<br />
<br />
Queremos que la primer escena se muestre en el segundo 5. Selecciona 5 s en la barra del tiempo, asegúrate que el lienzo esté en modo de animación (o sea que el botón esté en rojo y haya un recuadro rojo en el lienzo), ve a la ventana de parámetros, click doble en el valor (value) del parámetro Canvas (en nuestro caso el valor que ha mostrado hasta ahora es titles, porque es el último lienzo que exportamos) y un menú se abrirá. Selecciona la primer escena, que sería "Sy ‘n’ Fig say hi".<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
Close the titles sub-canvas and we're done.<br />
<br />
I ended up with this file: [[Media:Sy-n-fig-mixed.sifz]]<br />
<br />
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.<br />
<br />
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.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Requested_Tutorials/es&diff=7704Requested Tutorials/es2008-08-29T02:12:43Z<p>Fabifabito: /* Tutoriales solicitados */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
== Tutoriales solicitados ==<br />
<br />
* Explicación de la diferencia entre waypoints y keyframes. (Mientras alguien escribe este tutorial solicitado puedes hechar un vistazo a las páginas [[Keyframe | keyframes]] y [[Waypoints|waypoints]] ).<br />
* Cómo rotar objetos.(explicado en Ayuda por categorías> Synfig Studio Interface> The ToolBox> Rotate Tool)<br />
* Hacer que una pelota rebote- tutorial<br />
* Hacer que un objeto siga una trayectoria dada por una función matemática. Esto se aplica al tutorial rebote de pelota. [[Parabolic Shot|hecho]]<br />
* Cómo reubicar un punto pivote de una figura. O un tutorial de animación por cortes. (Creo que lo solucioné, haciendo la rotación por capas de rotación. Algo extraño, pero está allí en verdad.)<br />
* How to generate a slideshow (x seconds per picture) from a bunch of pictures.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Creating_Shapes/es&diff=7703Doc:Creating Shapes/es2008-08-29T01:52:36Z<p>Fabifabito: /* Headline */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
(Borrador) ''Nota al lector: página incompleta; sea paciente.''<br />
<br />
=== Introducción ===<br />
<br />
Figuras primarias como círculos o rectángulos están bien, pero son bastantes inflexibles geométricamente. ¿Qué hay de las otras figuras? Para esto, usamos la herramienta [[Bline Tool|Bline]].<br />
<br />
=== Titular ===<br />
<br />
En Synfig, la construcción para describir formas se llama Bline (pronúnciese 'bláind'). Es parecido a lo que en otros programas llaman "path" (camino), a excepción de que ésta es una spline ermitaña, exclusivamente. <br />
<br />
Cuando cliquees la [[Bline Tool|herramienta bline]], verás que los patos de la capa que tienes actualmente seleccionada (si había alguna) desaparecerán, pero la(s) capa(s) seguirán seleccionadas en la [[Layers Panel|ventana de las capas]]. Esto es normal. Todo lo que crees con la [[Bline Tool| herramienta bline]] se insertará sobre la capa actualmente seleccionada. Ten en cuenta que si quieres insertar una forma en algún lugar, deberías seleccionar donde quieres insertarla antes de usar la [[Bline Tool|herramienta bline]]; cambiar la selección después te llevará de nuevo a la herramienta normal (normal tool).<br />
<br />
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. <br />
<br />
{| border="0" cellspacing="5" align="center" width="100%"<br />
| |<br />
|[[Image:Toolbox Reset Colors Button.jpg]]<br />
|| ||<br />
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. <br />
|}<br />
<br />
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.<br />
<br />
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.<br />
<br />
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".<br />
<br />
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:<br />
# just switch to another tool, or <br />
# press the "create" button at the bottom of the [[Bline Tool#Options|tool options tab]] (it's the icon that looks like a gear).<br />
<br />
For now, just go ahead and click on the [[Normal Tool|normal tool]] because we are done with the [[Bline Tool]].<br />
<br />
// Insert Figure about here<br />
<br />
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.<br />
<br />
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)".<br />
<br />
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.<br />
<br />
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]]<br />
<br />
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]].<br />
<br />
That should give you enough of a grasp of the software to be able to figure out more stuff on your own.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Creating_Shapes/es&diff=7613Doc:Creating Shapes/es2008-08-09T19:15:49Z<p>Fabifabito: </p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
(Borrador) ''Nota al lector: página incompleta; sea paciente.''<br />
<br />
=== Introducción ===<br />
<br />
Figuras primarias como círculos o rectángulos están bien, pero son bastantes inflexibles geométricamente. ¿Qué hay de las otras figuras? Para esto, usamos la herramienta [[Bline Tool|Bline]].<br />
<br />
=== Headline ===<br />
<br />
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.<br />
<br />
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]]&mdash;changing the selection afterward will automatically swap you back to the normal tool. <br />
<br />
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. <br />
<br />
{| border="0" cellspacing="5" align="center" width="100%"<br />
| |<br />
|[[Image:Toolbox Reset Colors Button.jpg]]<br />
|| ||<br />
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. <br />
|}<br />
<br />
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.<br />
<br />
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.<br />
<br />
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".<br />
<br />
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:<br />
# just switch to another tool, or <br />
# press the "create" button at the bottom of the [[Bline Tool#Options|tool options tab]] (it's the icon that looks like a gear).<br />
<br />
For now, just go ahead and click on the [[Normal Tool|normal tool]] because we are done with the [[Bline Tool]].<br />
<br />
// Insert Figure about here<br />
<br />
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.<br />
<br />
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)".<br />
<br />
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.<br />
<br />
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]]<br />
<br />
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]].<br />
<br />
That should give you enough of a grasp of the software to be able to figure out more stuff on your own.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Requested_Tutorials/es&diff=7611Requested Tutorials/es2008-08-09T18:41:20Z<p>Fabifabito: /* Requested Tutorials */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
== Tutoriales solicitados ==<br />
<br />
* Explicación de la diferencia entre waypoints y keyframes. (Mientras alguien escribe este tutorial solicitado puedes hechar un vistazo a las páginas [[Keyframe | keyframes]] y [[Waypoints|waypoints]] ).<br />
* Cómo rotar objetos.(explicado en Ayuda por categorías> Synfig Studio Interface> The ToolBox> Rotate Tool)<br />
* Hacer que una pelota rebote- tutorial<br />
* Hacer que un objeto siga una trayectoria dada por una función matemática. Esto se aplica al tutorial rebote de pelota. [[Parabolic Shot|hecho]]<br />
* 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.)<br />
* How to generate a slideshow (x seconds per picture) from a bunch of pictures.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Requested_Tutorials&diff=7609Requested Tutorials2008-08-09T18:19:33Z<p>Fabifabito: /* Requested Tutorials */</p>
<hr />
<div><!--Categories--><br />
[[Category:Tutorials]]<br />
<br />
== Requested Tutorials ==<br />
<br />
* 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).<br />
* Making a ball bounce- tutorial<br />
* How to rotate objects.(done in Categorical Help> Synfig Studio Interface> The ToolBox> Rotate Tool)<br />
* Make an object to follow a path given by a mathematical function. This is applicable to ball-bounce-tutorial. [[Parabolic Shot|Done]]<br />
* 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.)<br />
* How to generate a slideshow (x seconds per picture) from a bunch of pictures.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Requested_Tutorials/es&diff=7608Requested Tutorials/es2008-08-09T18:18:02Z<p>Fabifabito: /* Requested Tutorials */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
== Requested Tutorials ==<br />
<br />
* 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).<br />
* Making a ball bounce- tutorial<br />
* How to rotate objects.(done in Categorical Help> Synfig Studio Interface> The ToolBox> Rotate Tool)<br />
* Make an object to follow a path given by a mathematical function. This is applicable to ball-bounce-tutorial. [[Parabolic Shot|Done]]<br />
* 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.)<br />
* How to generate a slideshow (x seconds per picture) from a bunch of pictures.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=How_do_I.es&diff=7605How do I.es2008-08-08T21:08:31Z<p>Fabifabito: </p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
Hacé tus preguntas aquí, con confianza. O hazlo en [[Wiki Wish List]].<br />
<br />
__TOC__<br />
<br />
== Insertar algún texto? ==<br />
<br />
Con el desarrollo de la reciente versión, existe una herramienta de texto. Si usas la versión 0.61.08 o anterior, haz clic derecho en el lienzo y escoge Capa > Nueva capa > Otro > Texto.<br />
<br />
== Aplicar un degradado a un objeto en lugar de todo el lienzo? ==<br />
<br />
# Crea la región que quieres llenar con un degradé, y la capa degradé, si no lo haz hecho.<br />
# Asegúrate que la capa degradé este arriba de la capa inicial en la [[Layers Panel|ventana de las capas]].<br />
# Selecciona ambas capas, click derecho, y elige [[Encapsulate]].<br />
# Despliega la nueva capa [[Paste Canvas|Inline Canvas]], y selecciona tu capa degradé.<br />
# En la [[Params Panel|ventana de los parámetros]] selecciona el parámetro [[Blend Method]]. Luego, doble click sobre la opción Composite y se despliegará un menú. Elige [[Blend Method#Onto|Onto]].<br />
<br />
El degradé tendrá efecto en el area visible de la región debajo de él, dentro del [[Paste Canvas|Inline Canvas]] (y en cualquier otra capa en esa sección).<br />
<br />
== Show or hide a layer, or fade the effect of a blur? ==<br />
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.<br />
<br />
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]].<br />
<br />
== Fill an outline? ==<br />
(Requested by [[User:Karlb|Karlb]])<br />
<br />
There are several options:<br />
* The easiest way is to link a new region layer to the outline's shape.<br />
*# Select the outline you want to fill.<br />
*# 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.<br />
*# In the Children dialog, open the ValueBase Nodes tree and select the name you just saved the shape as.<br />
*# 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.<br />
*# In the parameter dialog, right-click the Vertices parameter and click "Connect".<br />
*# 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".<br />
* Similar to the above, but using a different method:<br />
*# Create a new region layer as above, and leave it selected.<br />
*# Don't make any changes to the outline layer, which you want to fill! (see the Tier 5 on the [[Linking]] page for details).<br />
*# Select both layers in the [[Layers Panel]] This will display only the parameters shared by both layers in the [[Params Panel]].<br />
*# Context-click on the [[Vertices Parameter]], and select [[Linking|Link]].<br />
*# The [[Region Layer]] will snap to the shape of the [[Outline Layer]].<br />
* 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.<br />
* 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.<br />
* 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.<br />
* 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.<br />
<br />
== Dock windows together? ==<br />
<br />
*To dock (join) separate windows into one you must drag the tab ''icons'' for each of the tools into another window. <br />
*You can create subdivisions inside the windows by dragging the icons into the side tabs (located around the edges, the look like rectangles). <br />
*Tool tabs inside the window can be arranged by dragging them on top of one another, therefore changing the order.<br />
*''How Do I min/maximize all Synfig windows on a Windows pc''? There must be an easy way/tool to do this?<br />
<br />
== Use an external bitmap? ==<br />
<br />
* In the image menu (>) choose file-->import. PNG with alpha channel works fine.<br />
* 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.<br />
<br />
== Use an external Vector? ==<br />
<br />
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.<br />
<br />
== Close a bline? ==<br />
<br />
* Right click on the starting point and then click on loop bline.<br />
<br />
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.<br />
<br />
== How do I transform encapsulated objects? ==<br />
<br />
* 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.<br />
<br />
== Make objects go behind each other, without moving layers? ==<br />
<br />
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. <br />
<br />
Positive numbers on the z axis go into the screen, and negative numbers go out of the screen, towards the viewer. <br />
<br />
It is possible to animate this effect, but each layer is discrete. They seem to go from 0 to 0.9999.<br />
<br />
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.<br />
<br />
== Copy a complex convert combination between parameters of different layers? ==<br />
<br />
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.<br />
<br />
How can you copy the conversion but allow modify the sub-parameters independently on each layer? <br />
<br />
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.<br />
<br />
== Make an existing animation run at half speed? ==<br />
<br />
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?<br />
<br />
* Either: encapsulate it, and use the 'time offset' parameter in the encapsulation layer to slow it down:<br />
** 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<br />
** 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).<br />
<br />
* 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:<br />
** 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<br />
** 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<br />
(*) 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.<br />
<br />
== Draw a rectangle with a given width and height? ==<br />
<br />
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:<br />
<br />
* draw a rectangle<br />
* go to the [[Params Panel]]<br />
* right-click the 'point 1' parameter and [[Export]]<br />
* give it a name, "p1" say<br />
* right-click the 'point 2' parameter and [[Convert]] to [[Convert#Add|Add]]<br />
* (that's saying that rather than specifying the absolute position of the other point, you want synfig to calculate it for you)<br />
* (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))<br />
* open up the sub-parameters of 'point 2' by clicking the triangle to its left<br />
* go to the [[Children Panel]], open up the values and select the one you exported earlier (p1)<br />
* right-click the "LHS" parameter in the parameters dialog and [[Connect]] it<br />
* then enter the width and height you want in the 'RHS' parameter<br />
<br />
== Make linked BLine vertices not affected by Rotate layer? ==<br />
Look at the http://dooglus.rincevent.net/synfig/logs/2008/%23synfig-2008-02-07.log <br />
See also: [[Convert]].<br />
<br />
== Create dashed outlines? ==<br />
<br />
If you want to make simple dashed outlines the faster way is proceed like this:<br />
<br />
* 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]].<br />
* Raise up the gradient layer (it is created below the [[Outline Layer]]).<br />
* 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.<br />
* Check the 'Perpendicular' parameter of the Curve Gradient Layer.<br />
* [[Convert]] the Gradient Parameter of the Curve Gradient Layer to be one of those types: Stripes or Repeat Gradient.<br />
* Modify the properties of the sub parameters to achieve the desired effect.<br />
<br />
== Render to AVI with higher quality? ==<br />
<br />
=== Using raw video ===<br />
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:<br />
<br />
* 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).<br />
* Once rendered (it would produce a huge size yuv file) you can quickly convert it to AVI using this command:<br />
<br />
ffmpeg -i animation.yuv -sameq animation.avi<br />
<br />
Change the animation file name to your one.<br />
<br />
<br />
=== Rendering trough png sequence. ===<br />
Render your sif to png sequence <br />
mkdir render<br />
synfig my_animation.sifz -o render/frame.png<br />
Then convert it to movie with ffmpeg<br />
ffmpeg -r <frame rate> -i render/frame.%04d.png <more settings from ffmpeg's manual> my_animation.mov<br />
If you need nice open source format without any tweaks you may try ffmpeg2theora:<br />
ffmpeg2theora render/frame.%04d.png --inputfps <frame rate> -o my_animation.ogg<br />
png takes less disk space then yuv.<br />
--[[User:AkhIL|AkhIL]] 21:38, 9 April 2008 (EDT)<br />
<br />
==Increase performance by optimizing during compilation time? ==<br />
<br />
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)<br />
<br />
To optimize program you should set two environment variables<br />
export CFLAGS=""<br />
export CXXFLAGS=$CFLAGS<br />
<br />
First flag will be "-O3" (ow three). "-02" is normal optimization. "-03" is hard optimisation.<br />
<br />
Now you should get info about your CPU<br />
cat /proc/cpuinfo<br />
<br />
find your cpu model name<br />
<br />
now go to man gcc and searc "-mtune"<br />
<br />
find your cpu and add "-mtune=your-cpu -march=your-cpu" to CFLAGS. <br />
<br />
Then look at flags from /proc/cpuinfo and search it in gcc manual<br />
For example I have 3dnow. So I can find "-m3dnow". For sse I can find "-msse" and "-mfpmath=sse" (can make program unstable). <br />
<br />
Finaly you may add "-ffast-math" to disable math checks. But it can make program unstable.<br />
<br />
For my AthlonXP I'm using this flags:<br />
export CFLAGS="-O3 -pipe -mtune=athlon-xp -march=athlon-xp -mmmx -msse -m3dnow -mfpmath=sse -ffast-math -funsigned-char -fno-strict-aliasing"<br />
export CXXFLAGS=$CFLAGS<br />
--[[User:AkhIL|AkhIL]] 12:05, 9 April 2008 (EDT)</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=How_do_I.es&diff=7604How do I.es2008-08-08T20:59:38Z<p>Fabifabito: /* Aplicar un degradado a un objeto en lugar de todo el lienzo? */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
Feel free to add your own questions here. Or put them on the [[Wiki Wish List]].<br />
<br />
__TOC__<br />
<br />
== Insertar algún texto? ==<br />
<br />
Con el desarrollo de la reciente versión, existe una herramienta de texto. Si usas la versión 0.61.08 o anterior, haz clic derecho en el lienzo y escoge Capa > Nueva capa > Otro > Texto.<br />
<br />
== Aplicar un degradado a un objeto en lugar de todo el lienzo? ==<br />
<br />
# Crea la región que quieres llenar con un degradé, y la capa degradé, si no lo haz hecho.<br />
# Asegúrate que la capa degradé este arriba de la capa inicial en la [[Layers Panel|ventana de las capas]].<br />
# Selecciona ambas capas, click derecho, y elige [[Encapsulate]].<br />
# Despliega la nueva capa [[Paste Canvas|Inline Canvas]], y selecciona tu capa degradé.<br />
# En la [[Params Panel|ventana de los parámetros]] selecciona el parámetro [[Blend Method]]. Luego, doble click sobre la opción Composite y se despliegará un menú. Elige [[Blend Method#Onto|Onto]].<br />
<br />
El degradé tendrá efecto en el area visible de la región debajo de él, dentro del [[Paste Canvas|Inline Canvas]] (y en cualquier otra capa en esa sección).<br />
<br />
== Show or hide a layer, or fade the effect of a blur? ==<br />
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.<br />
<br />
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]].<br />
<br />
== Fill an outline? ==<br />
(Requested by [[User:Karlb|Karlb]])<br />
<br />
There are several options:<br />
* The easiest way is to link a new region layer to the outline's shape.<br />
*# Select the outline you want to fill.<br />
*# 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.<br />
*# In the Children dialog, open the ValueBase Nodes tree and select the name you just saved the shape as.<br />
*# 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.<br />
*# In the parameter dialog, right-click the Vertices parameter and click "Connect".<br />
*# 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".<br />
* Similar to the above, but using a different method:<br />
*# Create a new region layer as above, and leave it selected.<br />
*# Don't make any changes to the outline layer, which you want to fill! (see the Tier 5 on the [[Linking]] page for details).<br />
*# Select both layers in the [[Layers Panel]] This will display only the parameters shared by both layers in the [[Params Panel]].<br />
*# Context-click on the [[Vertices Parameter]], and select [[Linking|Link]].<br />
*# The [[Region Layer]] will snap to the shape of the [[Outline Layer]].<br />
* 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.<br />
* 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.<br />
* 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.<br />
* 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.<br />
<br />
== Dock windows together? ==<br />
<br />
*To dock (join) separate windows into one you must drag the tab ''icons'' for each of the tools into another window. <br />
*You can create subdivisions inside the windows by dragging the icons into the side tabs (located around the edges, the look like rectangles). <br />
*Tool tabs inside the window can be arranged by dragging them on top of one another, therefore changing the order.<br />
*''How Do I min/maximize all Synfig windows on a Windows pc''? There must be an easy way/tool to do this?<br />
<br />
== Use an external bitmap? ==<br />
<br />
* In the image menu (>) choose file-->import. PNG with alpha channel works fine.<br />
* 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.<br />
<br />
== Use an external Vector? ==<br />
<br />
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.<br />
<br />
== Close a bline? ==<br />
<br />
* Right click on the starting point and then click on loop bline.<br />
<br />
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.<br />
<br />
== How do I transform encapsulated objects? ==<br />
<br />
* 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.<br />
<br />
== Make objects go behind each other, without moving layers? ==<br />
<br />
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. <br />
<br />
Positive numbers on the z axis go into the screen, and negative numbers go out of the screen, towards the viewer. <br />
<br />
It is possible to animate this effect, but each layer is discrete. They seem to go from 0 to 0.9999.<br />
<br />
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.<br />
<br />
== Copy a complex convert combination between parameters of different layers? ==<br />
<br />
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.<br />
<br />
How can you copy the conversion but allow modify the sub-parameters independently on each layer? <br />
<br />
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.<br />
<br />
== Make an existing animation run at half speed? ==<br />
<br />
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?<br />
<br />
* Either: encapsulate it, and use the 'time offset' parameter in the encapsulation layer to slow it down:<br />
** 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<br />
** 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).<br />
<br />
* 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:<br />
** 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<br />
** 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<br />
(*) 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.<br />
<br />
== Draw a rectangle with a given width and height? ==<br />
<br />
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:<br />
<br />
* draw a rectangle<br />
* go to the [[Params Panel]]<br />
* right-click the 'point 1' parameter and [[Export]]<br />
* give it a name, "p1" say<br />
* right-click the 'point 2' parameter and [[Convert]] to [[Convert#Add|Add]]<br />
* (that's saying that rather than specifying the absolute position of the other point, you want synfig to calculate it for you)<br />
* (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))<br />
* open up the sub-parameters of 'point 2' by clicking the triangle to its left<br />
* go to the [[Children Panel]], open up the values and select the one you exported earlier (p1)<br />
* right-click the "LHS" parameter in the parameters dialog and [[Connect]] it<br />
* then enter the width and height you want in the 'RHS' parameter<br />
<br />
== Make linked BLine vertices not affected by Rotate layer? ==<br />
Look at the http://dooglus.rincevent.net/synfig/logs/2008/%23synfig-2008-02-07.log <br />
See also: [[Convert]].<br />
<br />
== Create dashed outlines? ==<br />
<br />
If you want to make simple dashed outlines the faster way is proceed like this:<br />
<br />
* 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]].<br />
* Raise up the gradient layer (it is created below the [[Outline Layer]]).<br />
* 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.<br />
* Check the 'Perpendicular' parameter of the Curve Gradient Layer.<br />
* [[Convert]] the Gradient Parameter of the Curve Gradient Layer to be one of those types: Stripes or Repeat Gradient.<br />
* Modify the properties of the sub parameters to achieve the desired effect.<br />
<br />
== Render to AVI with higher quality? ==<br />
<br />
=== Using raw video ===<br />
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:<br />
<br />
* 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).<br />
* Once rendered (it would produce a huge size yuv file) you can quickly convert it to AVI using this command:<br />
<br />
ffmpeg -i animation.yuv -sameq animation.avi<br />
<br />
Change the animation file name to your one.<br />
<br />
<br />
=== Rendering trough png sequence. ===<br />
Render your sif to png sequence <br />
mkdir render<br />
synfig my_animation.sifz -o render/frame.png<br />
Then convert it to movie with ffmpeg<br />
ffmpeg -r <frame rate> -i render/frame.%04d.png <more settings from ffmpeg's manual> my_animation.mov<br />
If you need nice open source format without any tweaks you may try ffmpeg2theora:<br />
ffmpeg2theora render/frame.%04d.png --inputfps <frame rate> -o my_animation.ogg<br />
png takes less disk space then yuv.<br />
--[[User:AkhIL|AkhIL]] 21:38, 9 April 2008 (EDT)<br />
<br />
==Increase performance by optimizing during compilation time? ==<br />
<br />
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)<br />
<br />
To optimize program you should set two environment variables<br />
export CFLAGS=""<br />
export CXXFLAGS=$CFLAGS<br />
<br />
First flag will be "-O3" (ow three). "-02" is normal optimization. "-03" is hard optimisation.<br />
<br />
Now you should get info about your CPU<br />
cat /proc/cpuinfo<br />
<br />
find your cpu model name<br />
<br />
now go to man gcc and searc "-mtune"<br />
<br />
find your cpu and add "-mtune=your-cpu -march=your-cpu" to CFLAGS. <br />
<br />
Then look at flags from /proc/cpuinfo and search it in gcc manual<br />
For example I have 3dnow. So I can find "-m3dnow". For sse I can find "-msse" and "-mfpmath=sse" (can make program unstable). <br />
<br />
Finaly you may add "-ffast-math" to disable math checks. But it can make program unstable.<br />
<br />
For my AthlonXP I'm using this flags:<br />
export CFLAGS="-O3 -pipe -mtune=athlon-xp -march=athlon-xp -mmmx -msse -m3dnow -mfpmath=sse -ffast-math -funsigned-char -fno-strict-aliasing"<br />
export CXXFLAGS=$CFLAGS<br />
--[[User:AkhIL|AkhIL]] 12:05, 9 April 2008 (EDT)</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=How_do_I.es&diff=7603How do I.es2008-08-08T20:20:10Z<p>Fabifabito: /* Insertar aglun texto? */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
Feel free to add your own questions here. Or put them on the [[Wiki Wish List]].<br />
<br />
__TOC__<br />
<br />
== Insertar algún texto? ==<br />
<br />
Con el desarrollo de la reciente versión, existe una herramienta de texto. Si usas la versión 0.61.08 o anterior, haz clic derecho en el lienzo y escoge Capa > Nueva capa > Otro > Texto.<br />
<br />
== Aplicar un degradado a un objeto en lugar de todo el lienzo? ==<br />
<br />
# Create the region you want to fill with a gradient, and the gradient layer, if you haven't already.<br />
# Make sure that the gradient layer is above the region layer in the [[Layers Panel]].<br />
# Select both layers, right click, and select [[Encapsulate]].<br />
# Expand the new [[Paste Canvas|Inline Canvas]] layer if it's not already, and select your gradient layer.<br />
# In the [[Params Panel]] select the [[Blend Method]] parameter, and choose [[Blend Method#Onto|Onto]] from the drop-down menu.<br />
<br />
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).<br />
<br />
== Show or hide a layer, or fade the effect of a blur? ==<br />
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.<br />
<br />
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]].<br />
<br />
== Fill an outline? ==<br />
(Requested by [[User:Karlb|Karlb]])<br />
<br />
There are several options:<br />
* The easiest way is to link a new region layer to the outline's shape.<br />
*# Select the outline you want to fill.<br />
*# 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.<br />
*# In the Children dialog, open the ValueBase Nodes tree and select the name you just saved the shape as.<br />
*# 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.<br />
*# In the parameter dialog, right-click the Vertices parameter and click "Connect".<br />
*# 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".<br />
* Similar to the above, but using a different method:<br />
*# Create a new region layer as above, and leave it selected.<br />
*# Don't make any changes to the outline layer, which you want to fill! (see the Tier 5 on the [[Linking]] page for details).<br />
*# Select both layers in the [[Layers Panel]] This will display only the parameters shared by both layers in the [[Params Panel]].<br />
*# Context-click on the [[Vertices Parameter]], and select [[Linking|Link]].<br />
*# The [[Region Layer]] will snap to the shape of the [[Outline Layer]].<br />
* 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.<br />
* 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.<br />
* 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.<br />
* 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.<br />
<br />
== Dock windows together? ==<br />
<br />
*To dock (join) separate windows into one you must drag the tab ''icons'' for each of the tools into another window. <br />
*You can create subdivisions inside the windows by dragging the icons into the side tabs (located around the edges, the look like rectangles). <br />
*Tool tabs inside the window can be arranged by dragging them on top of one another, therefore changing the order.<br />
*''How Do I min/maximize all Synfig windows on a Windows pc''? There must be an easy way/tool to do this?<br />
<br />
== Use an external bitmap? ==<br />
<br />
* In the image menu (>) choose file-->import. PNG with alpha channel works fine.<br />
* 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.<br />
<br />
== Use an external Vector? ==<br />
<br />
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.<br />
<br />
== Close a bline? ==<br />
<br />
* Right click on the starting point and then click on loop bline.<br />
<br />
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.<br />
<br />
== How do I transform encapsulated objects? ==<br />
<br />
* 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.<br />
<br />
== Make objects go behind each other, without moving layers? ==<br />
<br />
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. <br />
<br />
Positive numbers on the z axis go into the screen, and negative numbers go out of the screen, towards the viewer. <br />
<br />
It is possible to animate this effect, but each layer is discrete. They seem to go from 0 to 0.9999.<br />
<br />
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.<br />
<br />
== Copy a complex convert combination between parameters of different layers? ==<br />
<br />
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.<br />
<br />
How can you copy the conversion but allow modify the sub-parameters independently on each layer? <br />
<br />
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.<br />
<br />
== Make an existing animation run at half speed? ==<br />
<br />
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?<br />
<br />
* Either: encapsulate it, and use the 'time offset' parameter in the encapsulation layer to slow it down:<br />
** 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<br />
** 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).<br />
<br />
* 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:<br />
** 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<br />
** 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<br />
(*) 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.<br />
<br />
== Draw a rectangle with a given width and height? ==<br />
<br />
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:<br />
<br />
* draw a rectangle<br />
* go to the [[Params Panel]]<br />
* right-click the 'point 1' parameter and [[Export]]<br />
* give it a name, "p1" say<br />
* right-click the 'point 2' parameter and [[Convert]] to [[Convert#Add|Add]]<br />
* (that's saying that rather than specifying the absolute position of the other point, you want synfig to calculate it for you)<br />
* (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))<br />
* open up the sub-parameters of 'point 2' by clicking the triangle to its left<br />
* go to the [[Children Panel]], open up the values and select the one you exported earlier (p1)<br />
* right-click the "LHS" parameter in the parameters dialog and [[Connect]] it<br />
* then enter the width and height you want in the 'RHS' parameter<br />
<br />
== Make linked BLine vertices not affected by Rotate layer? ==<br />
Look at the http://dooglus.rincevent.net/synfig/logs/2008/%23synfig-2008-02-07.log <br />
See also: [[Convert]].<br />
<br />
== Create dashed outlines? ==<br />
<br />
If you want to make simple dashed outlines the faster way is proceed like this:<br />
<br />
* 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]].<br />
* Raise up the gradient layer (it is created below the [[Outline Layer]]).<br />
* 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.<br />
* Check the 'Perpendicular' parameter of the Curve Gradient Layer.<br />
* [[Convert]] the Gradient Parameter of the Curve Gradient Layer to be one of those types: Stripes or Repeat Gradient.<br />
* Modify the properties of the sub parameters to achieve the desired effect.<br />
<br />
== Render to AVI with higher quality? ==<br />
<br />
=== Using raw video ===<br />
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:<br />
<br />
* 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).<br />
* Once rendered (it would produce a huge size yuv file) you can quickly convert it to AVI using this command:<br />
<br />
ffmpeg -i animation.yuv -sameq animation.avi<br />
<br />
Change the animation file name to your one.<br />
<br />
<br />
=== Rendering trough png sequence. ===<br />
Render your sif to png sequence <br />
mkdir render<br />
synfig my_animation.sifz -o render/frame.png<br />
Then convert it to movie with ffmpeg<br />
ffmpeg -r <frame rate> -i render/frame.%04d.png <more settings from ffmpeg's manual> my_animation.mov<br />
If you need nice open source format without any tweaks you may try ffmpeg2theora:<br />
ffmpeg2theora render/frame.%04d.png --inputfps <frame rate> -o my_animation.ogg<br />
png takes less disk space then yuv.<br />
--[[User:AkhIL|AkhIL]] 21:38, 9 April 2008 (EDT)<br />
<br />
==Increase performance by optimizing during compilation time? ==<br />
<br />
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)<br />
<br />
To optimize program you should set two environment variables<br />
export CFLAGS=""<br />
export CXXFLAGS=$CFLAGS<br />
<br />
First flag will be "-O3" (ow three). "-02" is normal optimization. "-03" is hard optimisation.<br />
<br />
Now you should get info about your CPU<br />
cat /proc/cpuinfo<br />
<br />
find your cpu model name<br />
<br />
now go to man gcc and searc "-mtune"<br />
<br />
find your cpu and add "-mtune=your-cpu -march=your-cpu" to CFLAGS. <br />
<br />
Then look at flags from /proc/cpuinfo and search it in gcc manual<br />
For example I have 3dnow. So I can find "-m3dnow". For sse I can find "-msse" and "-mfpmath=sse" (can make program unstable). <br />
<br />
Finaly you may add "-ffast-math" to disable math checks. But it can make program unstable.<br />
<br />
For my AthlonXP I'm using this flags:<br />
export CFLAGS="-O3 -pipe -mtune=athlon-xp -march=athlon-xp -mmmx -msse -m3dnow -mfpmath=sse -ffast-math -funsigned-char -fno-strict-aliasing"<br />
export CXXFLAGS=$CFLAGS<br />
--[[User:AkhIL|AkhIL]] 12:05, 9 April 2008 (EDT)</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Creating_Shapes/es&diff=7602Doc:Creating Shapes/es2008-08-08T20:04:09Z<p>Fabifabito: /* Introduction */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
(Draft) ''Note to the reader: This is still incomplete; please be patient.''<br />
<br />
=== Introducción ===<br />
<br />
Figuras primarias como círculos o rectángulos están bien, pero son bastantes inflexibles geométricamente. ¿Qué hay de las otras figuras? Para esto, usamos la herramienta [[Bline Tool|Bline]].<br />
<br />
=== Headline ===<br />
<br />
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.<br />
<br />
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]]&mdash;changing the selection afterward will automatically swap you back to the normal tool. <br />
<br />
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. <br />
<br />
{| border="0" cellspacing="5" align="center" width="100%"<br />
| |<br />
|[[Image:Toolbox Reset Colors Button.jpg]]<br />
|| ||<br />
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. <br />
|}<br />
<br />
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.<br />
<br />
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.<br />
<br />
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".<br />
<br />
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:<br />
# just switch to another tool, or <br />
# press the "create" button at the bottom of the [[Bline Tool#Options|tool options tab]] (it's the icon that looks like a gear).<br />
<br />
For now, just go ahead and click on the [[Normal Tool|normal tool]] because we are done with the [[Bline Tool]].<br />
<br />
// Insert Figure about here<br />
<br />
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.<br />
<br />
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)".<br />
<br />
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.<br />
<br />
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]]<br />
<br />
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]].<br />
<br />
That should give you enough of a grasp of the software to be able to figure out more stuff on your own.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7601Doc:Adding Layers/es2008-08-07T23:11:21Z<p>Fabifabito: </p>
<hr />
<div>''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan la jerarquía de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está sobre los círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
Despliega el inline canvas para visualizar su contenido, y selecciona la primer capa que aparece (debería ser la capa escala). Aquí es donde queremos insertar una capa nueva. Crea un círculo de color negro. La capa de este nuevo círculo estará ubicada sobre la capa escala, dentro del inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
Ahora, en la [[Layers Panel| ventana de las capas]] haz click derecho sobre la capa del círculo negro para que un menu se despliegue. La primer opción del menú será "New Layer". Dentro de New Layer, verás muchas categorías de capas que podrías crear, pero lo que queremos<br />
es un efecto borroso en el borde de una figura, o sea desdibujar (blur), entonces ve a la categoría Blurs y elige la capa Blur. Resumiendo, sería "New Layer->[[Blur Layer Category|Blurs]]->[[Blur Layer|Blur]]"<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
Bueno, se ha desdibujado... pero algo no está del todo bien - la figura no se ha desdibujado fuera del area gobernada por el inline canvas. Esto pasa porque el método de combinación (blend method) de la capa blur está predeterminado como "[[Blend Method#Composite|Composite]]" (puedes cambiar el [[New Layer Defaults#Default Blend Method| método de combinación predeterminado]] para próximas capas, desde la sección [[New Layer Defaults]] de la [[Toolbox|caja de herramientas]]). Lo que queremos es un método de combinación "[[Blend Method#Straight|Straight]]". Simplemente elige la capa 'desdibujar', y cambia el [[Blend Method| método de combinación]] a "[[Blend Method#Straight|Straight]]" en la [[Params Panel| ventana de parámetros]].<br />
<br />
: NOTA: Probablemente cambiaré la manera en que los métodos de combinación predeterminados se manejen en el futuro - como se manejan ahora parece sólo crear líos como éste.<br />
<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Bueno, ahora tenemos todos los contenidos del lienzo interactivo desdibujados, pero todo debajo de él está nítido!<br />
<br />
== En profundidad... ==<br />
<br />
Si vas a 'Layer > New Layer' en el menu principal de Synfig, encontrarás muchas posibilidades para hacer capas. Muchas de ellas suenan raro; '[[Transform Layers Category|Transform]] > [[Rotate Layer|Rotate]]' por ejemplo. Puedes usarlas para añadir nuevos atributos a tus objetos. Y tal cual haz hecho con otros atributos en el [[Animation Basics|tutorial anterior]], puedes cambiarlos para que sean distintos en ciertos [[Keyframe|marcos clave]]. Synfig se encargará de interpolar los pasos intermedios.<br />
<br />
Por ejemplo, podrías crear una [[Creating Shapes|figura vaga]] y agregar una [[Rotate Layer|capa rotativa]] sobre ella. Combínalo con la lección aprendida en el [[Animation Basics|tutorial anterior]] y puedes crear un efecto rotativo. Esta técnica se usa en la creación de [[Cut-out Animation|animación por cortes]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7600Doc:Adding Layers/es2008-08-07T23:05:45Z<p>Fabifabito: /* Digging further... */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan la jerarquía de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está sobre los círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
Despliega el inline canvas para visualizar su contenido, y selecciona la primer capa que aparece (debería ser la capa escala). Aquí es donde queremos insertar una capa nueva. Crea un círculo de color negro. La capa de este nuevo círculo estará ubicada sobre la capa escala, dentro del inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
Ahora, en la [[Layers Panel| ventana de las capas]] haz click derecho sobre la capa del círculo negro para que un menu se despliegue. La primer opción del menú será "New Layer". Dentro de New Layer, verás muchas categorías de capas que podrías crear, pero lo que queremos<br />
es un efecto borroso en el borde de una figura, o sea desdibujar (blur), entonces ve a la categoría Blurs y elige la capa Blur. Resumiendo, sería "New Layer->[[Blur Layer Category|Blurs]]->[[Blur Layer|Blur]]"<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
Bueno, se ha desdibujado... pero algo no está del todo bien - la figura no se ha desdibujado fuera del area gobernada por el inline canvas. Esto pasa porque el método de combinación (blend method) de la capa blur está predeterminado como "[[Blend Method#Composite|Composite]]" (puedes cambiar el [[New Layer Defaults#Default Blend Method| método de combinación predeterminado]] para próximas capas, desde la sección [[New Layer Defaults]] de la [[Toolbox|caja de herramientas]]). Lo que queremos es un método de combinación "[[Blend Method#Straight|Straight]]". Simplemente elige la capa 'desdibujar', y cambia el [[Blend Method| método de combinación]] a "[[Blend Method#Straight|Straight]]" en la [[Params Panel| ventana de parámetros]].<br />
<br />
: NOTA: Probablemente cambiaré la manera en que los métodos de combinación predeterminados se manejen en el futuro - como se manejan ahora parece sólo crear líos como éste.<br />
<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Bueno, ahora tenemos todos los contenidos del lienzo interactivo desdibujados, pero todo debajo de él está nítido!<br />
<br />
== En profundidad... ==<br />
<br />
Si vas a 'Layer > New Layer' en el menu principal de Synfig, encontrarás muchas posibilidades para hacer capas. Muchas de ellas suenan raro; '[[Transform Layers Category|Transform]] > [[Rotate Layer|Rotate]]' por ejemplo. Puedes usarlas para añadir nuevos atributos a tus objetos. Y tal cual haz hecho con otros atributos en el [[Animation Basics|tutorial anterior]], puedes cambiarlos para que sean distintos en ciertos [[Keyframe|marcos clave]]. Synfig se encargará de interpolar los pasos intermedios.<br />
<br />
Por ejemplo, podrías crear una [[Creating Shapes|figura vaga]] y agregar una [[Rotate Layer|capa rotativa]] sobre ella. Combínalo con la lección aprendida en el [[Animation Basics|tutorial anterior]] y puedes crear un efecto rotativo. Esta técnica se usa en la creación de [[Cut-out Animation|animación de corte]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7599Doc:Adding Layers/es2008-08-07T22:23:30Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan la jerarquía de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está sobre los círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
Despliega el inline canvas para visualizar su contenido, y selecciona la primer capa que aparece (debería ser la capa escala). Aquí es donde queremos insertar una capa nueva. Crea un círculo de color negro. La capa de este nuevo círculo estará ubicada sobre la capa escala, dentro del inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
Ahora, en la [[Layers Panel| ventana de las capas]] haz click derecho sobre la capa del círculo negro para que un menu se despliegue. La primer opción del menú será "New Layer". Dentro de New Layer, verás muchas categorías de capas que podrías crear, pero lo que queremos<br />
es un efecto borroso en el borde de una figura, o sea desdibujar (blur), entonces ve a la categoría Blurs y elige la capa Blur. Resumiendo, sería "New Layer->[[Blur Layer Category|Blurs]]->[[Blur Layer|Blur]]"<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
Bueno, se ha desdibujado... pero algo no está del todo bien - la figura no se ha desdibujado fuera del area gobernada por el inline canvas. Esto pasa porque el método de combinación (blend method) de la capa blur está predeterminado como "[[Blend Method#Composite|Composite]]" (puedes cambiar el [[New Layer Defaults#Default Blend Method| método de combinación predeterminado]] para próximas capas, desde la sección [[New Layer Defaults]] de la [[Toolbox|caja de herramientas]]). Lo que queremos es un método de combinación "[[Blend Method#Straight|Straight]]". Simplemente elige la capa 'desdibujar', y cambia el [[Blend Method| método de combinación]] a "[[Blend Method#Straight|Straight]]" en la [[Params Panel| ventana de parámetros]].<br />
<br />
: NOTA: Probablemente cambiaré la manera en que los métodos de combinación predeterminados se manejen en el futuro - como se manejan ahora parece sólo crear líos como éste.<br />
<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Bueno, ahora tenemos todos los contenidos del lienzo interactivo desdibujados, pero todo debajo de él está nítido!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7598Doc:Adding Layers/es2008-08-07T22:05:48Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan la jerarquía de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está sobre los círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
Despliega el inline canvas para visualizar su contenido, y selecciona la primer capa que aparece (debería ser la capa escala). Aquí es donde queremos insertar una capa nueva. Crea un círculo de color negro. La capa de este nuevo círculo estará ubicada sobre la capa escala, dentro del inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
Ahora, en la [[Layers Panel| ventana de las capas]] haz click derecho sobre la capa del círculo negro para que un menu se despliegue. La primer opción del menú será "New Layer". Dentro de New Layer, verás muchas categorías de capas que podrías crear, pero lo que queremos<br />
es un efecto borroso en el borde de una figura, o sea desdibujar (blur), entonces ve a la categoría Blurs y elige la capa Blur. Resumiendo, sería "New Layer->[[Blur Layer Category|Blurs]]->[[Blur Layer|Blur]]"<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
Bueno, se ha desdibujado... pero algo no está del todo bien - la figura no se ha desdibujado fuera del area gobernada por el inline canvas. Esto pasa porque el método de combinación (blend method) de la capa blur está predeterminado como "[[Blend Method#Composite|Composite]]" (puedes cambiar el [[New Layer Defaults#Default Blend Method| método de combinación predeterminado]] para próximas capas, desde la sección [[New Layer Defaults]] de la [[Toolbox|caja de herramientas]]). Lo que queremos es un método de combinación "[[Blend Method#Straight|Straight]]". Simplemente elige la capa 'desdibujar', y cambia el [[Blend Method| método de combinación]] a "[[Blend Method#Straight|Straight]]" en la [[Params Panel| ventana de parámetros]].<br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7596Doc:Adding Layers/es2008-08-06T20:04:20Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan la jerarquía de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está sobre los círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
Despliega el inline canvas para visualizar su contenido, y selecciona la primer capa que aparece (debería ser la capa escala). Aquí es donde queremos insertar una capa nueva. Crea un círculo de color negro. La capa de este nuevo círculo estará ubicada sobre la capa escala, dentro del inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
Ahora, en la [[Layers Panel| ventana de las capas]] haz click derecho sobre la capa del círculo negro para que un menu se despliegue. La primer opción del menú será "New Layer". Dentro de New Layer, verás muchas categorías de capas que podrías crear, pero lo que queremos<br />
es un efecto borroso en el borde de una figura, o sea desdibujar (blur), entonces ve a la categoría Blurs y elige la capa Blur. Resumiendo, sería "New Layer->[[Blur Layer Category|Blurs]]->[[Blur Layer|Blur]]"<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7595Doc:Adding Layers/es2008-08-06T17:02:41Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan la jerarquía de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está sobre los círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
Despliega el inline canvas para visualizar su contenido, y selecciona la primer capa que aparece (debería ser la capa escala). Aquí es donde queremos insertar una capa nueva. Crea un círculo de color negro. La capa de este nuevo círculo estará ubicada sobre la capa escala, dentro del inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
Ahora, en la [[Layers Panel| ventana de las capas]] haz click derecho sobre la capa del círculo negro para que un menu se despliegue. La primer opción del menú será "New Layer". Dentro de New Layer, verás muchas categorías de capas que podrías crear, pero lo que queremos<br />
es esfumar (blur) o un efecto borroso, entonces ve a la categoría Blurs y elige la capa Blur. Resumiendo, sería "New Layer->[[Blur Layer Category|Blurs]]->[[Blur Layer|Blur]]"<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7594Doc:Adding Layers/es2008-08-06T16:31:43Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan la jerarquía de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está sobre los círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
Despliega el inline canvas para visualizar su contenido, y selecciona la primer capa que aparece (debería ser la capa escala). Aquí es donde queremos insertar una capa nueva. Crea un círculo de color negro. La capa de este nuevo círculo estará ubicada sobre la capa escala, dentro del inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7593Doc:Adding Layers/es2008-08-06T16:02:30Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan jerarquías de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está sobre los círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7592Doc:Adding Layers/es2008-08-05T23:36:17Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan jerarquías de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está enfrente de aquellos dos círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7591Doc:Adding Layers/es2008-08-05T23:32:42Z<p>Fabifabito: /* Combinación de capas */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que lo queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan jerarquías de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está enfrente de aquellos dos círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7590Doc:Adding Layers/es2008-08-05T23:26:16Z<p>Fabifabito: /* Combinación de capas */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' (lienzos interactuantes) con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, tus dos capas anteriores, la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que lo queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan jerarquías de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está enfrente de aquellos dos círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7589Doc:Adding Layers/es2008-08-05T23:19:23Z<p>Fabifabito: /* Introducción */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, tus dos capas anteriores, la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que lo queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan jerarquías de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está enfrente de aquellos dos círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Parameter&diff=7507Parameter2008-07-18T15:43:59Z<p>Fabifabito: </p>
<hr />
<div>Parameters are properties a layer may have, such as "[[Blend Method]]", or for a circle its "Radius".<br />
<br />
Every parameter has a [[Types|type]] - a circle's radius is always a real number, its color is always a color, and so on. Synfig Studio won't let you set its radius to Red, or its color to 5.7, because it knows what type each parameter is supposed to be.<br />
<br />
In Synfig, these can all be changed, either by directly manipulating the item on the canvas, or by using the [[Parameters Dialog]] window to alter the values by typing them in directly.<br />
<br />
Parameter values are [[ValueNode|ValueNodes]]. This basically means that their value can be animated over time. They can be simple:<br />
"this radius is 3.4, and stays 3.4 for ever"<br />
but are a complete description of the value through the course of the animation <br />
"the radius is 3.4 at the beginning,<br />
moves smoothly up to 7.6 at the middle,<br />
then jumps instantly to 2.0<br />
and stays there until the end of time"<br />
<br />
This complete description is achieved by the use of [[waypoints]], which are associated with each ValueNode.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7490Doc:Adding Layers/es2008-07-06T20:26:50Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, tus dos capas anteriores, la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que lo queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Desde ya, por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig, lo separa del resto de los programas que utilizan jerarquías de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está enfrente de aquellos dos círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7485Doc:Adding Layers/es2008-07-05T00:16:45Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, tus dos capas anteriores, la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que lo queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Ya simplemente por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Pero muchos programas pueden hacer esto. Sin embargo, el alcance y libertad que le añade Synfig, lo separa del resto de los programas que utilizan jerarquías de capas.<br />
<br />
Sin embargo, una capa puede modificar solamente la información que obtiene directamente debajo de ella. En otras palabras, si fueras a echar una [[Blur Layer]] sobre las capas que están dentro del [[Paste Canvas|inline canvas]], ésta esfumaría solamente a ellas -- todo lo que esté debajo del 'inline canvas' no sería esfumado!<br />
<br />
Intentémoslo. Crea dos [[Circle Tool|círculos]] rojos y en la [[Layers Panel | ventana de capas]] muévelos debajo del inline canvas. Ahora nuestro inline canvas (con rectángulo y escala) está enfrente de aquellos dos círculos. <br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7484Doc:Adding Layers/es2008-07-04T23:49:25Z<p>Fabifabito: /* Efecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, tus dos capas anteriores, la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que lo queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
Ya simplemente por motivos de organización, el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Pero muchos programas pueden hacer esto. Sin embargo, el alcance y libertad que le añade Synfig, lo separa del resto de los programas que utilizan jerarquías de capas.<br />
<br />
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!<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7483Doc:Adding Layers/es2008-07-04T23:09:19Z<p>Fabifabito: /* Effecto restringido */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, tus dos capas anteriores, la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Efecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que solamente lo queríamos en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas en la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
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.<br />
<br />
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!<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7480Doc:Adding Layers/es2008-07-04T02:13:46Z<p>Fabifabito: /* Using locality */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, tus dos capas anteriores, la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Effecto restringido ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
Sin embargo, aún hay un problema: La escala aún cubre todo el lienzo mientras que solamente lo queríamos en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana [[Params Panel | 'params' ]] (predeterminado como una de las pestañas en la ventana 'Params-Children-Keyframes'), y busca el atributo llamado '[[Blend Method]]'. Cliquéalo dos veces y selecciona '[[Blend Method#Onto|Onto]]' del menu que se despliega.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
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.<br />
<br />
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!<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7479Doc:Adding Layers/es2008-07-04T01:15:14Z<p>Fabifabito: /* Combinación de capas */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, tus dos capas anteriores, la escala y el rectángulo. <br />
<br />
Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos.<br />
<br />
== Using locality ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
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.<br />
<br />
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!<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7478Doc:Adding Layers/es2008-07-03T22:01:29Z<p>Fabifabito: /* Combinación de capas */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
Selecciona las capas escala y rectángulo en la<br />
[[Layers Panel | ventana de las capas]]. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona '[[Encapsulate]]' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada '[[Paste Canvas|Inline Canvas]]' con una flecha delante.<br />
<br />
Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, tus dos capas anteriores, la escala y el rectángulo. <br />
<br />
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.<br />
<br />
== Using locality ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
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.<br />
<br />
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!<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7477Doc:Adding Layers/es2008-07-02T20:07:51Z<p>Fabifabito: /* Combinación de capas */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] (toolbox) de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'(escala). Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
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.<br />
<br />
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. <br />
<br />
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.<br />
<br />
== Using locality ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
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.<br />
<br />
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!<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7476Doc:Adding Layers/es2008-07-02T20:02:25Z<p>Fabifabito: /* Combining Layers */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combinación de capas ==<br />
<br />
Aquí hay dos maneras de proceder. Primero, toma la [[Gradient Tool|herramienta escala]] (gradient tool) de la [[Toolbox | caja de herramientas]] (toolbox) de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la [[Layers Panel | ventana de las capas]], esta nueva capa se llama 'Gradient'(escala). Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la [[Normal Tool|normal tool]], cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
Ahora tienes una escala, pero no es lo que querías: Cubre todo el lienzo y el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora.<br />
<br />
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.<br />
<br />
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. <br />
<br />
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.<br />
<br />
== Using locality ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
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.<br />
<br />
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!<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7465Doc:Adding Layers/es2008-06-30T18:16:52Z<p>Fabifabito: /* Introducción */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combining Layers ==<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
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.<br />
<br />
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.<br />
<br />
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. <br />
<br />
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.<br />
<br />
== Using locality ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
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.<br />
<br />
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!<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/es&diff=7464Doc:Adding Layers/es2008-06-30T18:05:35Z<p>Fabifabito: /* Introduction */</p>
<hr />
<div>Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!<br />
<br />
''Nota para el lector: Esta sección todavia no esta terminada, por favor sea paciente.''<br />
<br />
== Introducción ==<br />
<br />
En el [[Animation Basics|tutorial anterior]], hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tal como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza [[Layer|Capas]]. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. <br />
{|<br />
|<br />
No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos caracteristicas:<br />
# Puedes organizar las capas en grupos jerárquicos.<br />
# Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores.<br />
<br />
Hacerlo es bastante fácil. Observemos un ejemplo sencillo.<br />
<br />
# Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. <br />
# Crea un rectángulo sencillo con la herramienta correspondiente.<br />
|| ||<br />
[[Image:Rectangle-tool-on-panel.jpg]]<br />
|}<br />
<br />
[[Image:Adding-layers-tutorial-0.jpg]]<br />
<br />
== Combining Layers ==<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.jpg]]<br />
<br />
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.<br />
<br />
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.<br />
<br />
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. <br />
<br />
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.<br />
<br />
== Using locality ==<br />
<br />
[[Image:Adding-layers-tutorial-2.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.jpg]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-4.jpg]]<br />
<br />
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.<br />
<br />
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!<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.jpg]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]<br />
<br />
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]]")<br />
<br />
[[Image:Adding-layers-tutorial-8.jpg]]<br />
<br />
<br />
<br />
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]]. <br />
<br />
: 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.<br />
<br />
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics&diff=7463Doc:Animation Basics2008-06-30T17:24:41Z<p>Fabifabito: /* Introduction */</p>
<hr />
<div><!--Categories--><br />
[[Category:Tutorials]]<br />
<br />
== Introduction ==<br />
<br />
Creating an animation in Synfig is really easy: It basically means to change a drawing - you just need to create the first stage and last stage of a change, and Synfig will take care of the steps in between.<br />
<br />
Let´s see a simple example. Consider a moving light like the one at the front of the Knight Rider car. Drop the realism, you get a circle moving from left to right and back. In other words, you need to create three 'steps' or 'stages':<br />
<br />
# The circle is on the left.<br />
# The circle is on the right.<br />
# The circle is back on the left.<br />
<br />
Let's do it.<br />
<br />
== Setting up the workspace ==<br />
<br />
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.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_1.png<br />
<br />
Now create a simple black rectangle that will serve as our background. It's not necessary to make it cover the whole canvas.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_2.png<br />
<br />
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.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_3.png<br />
<br />
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.<br />
<br />
== Adding movement ==<br />
<br />
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.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_4.png<br />
<br />
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.<br />
<br />
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)'.<br />
<br />
http://www.mondojohnson.com/Synfig/params.png<br />
<br />
If this didn't happen, you made something not mentioned so far. Close your file and start again.<br />
<br />
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.<br />
<br />
== The s's and f's: Understanding the Timeline ==<br />
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).<br />
<br />
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.<br />
<br />
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''.<br />
<br />
== The Keyframe List ==<br />
<br />
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. <br />
<br />
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.<br />
<br />
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!<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_5.png<br />
<br />
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.<br />
<br />
== Rendering your animation ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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!<br />
<br />
''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.''<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_6.png<br />
<br />
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<br />
<br />
synfig -t gif BasicKnightRider.sif<br />
<br />
WARNING: The version you are using may not support the GIF output format at the moment, it depends on the version and compilation settings.<br />
<br />
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<br />
<br />
BasicKnightRider.sif ==> BasicKnightRider.gif: DONE<br />
<br />
should appear, then you are done and can view your animated gif using firefox or another program as mentioned above.<br />
<br />
== Conclusion ==<br />
<br />
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.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics&diff=7462Doc:Animation Basics2008-06-30T17:13:24Z<p>Fabifabito: /* Introduction.es */</p>
<hr />
<div><!--Categories--><br />
[[Category:Tutorials]]<br />
<br />
== Introduction ==<br />
<br />
Crear una animación con Synfig es muy fácil: Básicamente consiste en cambiar un dibujo - simplemente necesitas crear el primer y último estado de un movimiento, y Synfig se hará cargo de los pasos intermedios.<br />
<br />
Veamos un ejemplo sencillo. Imaginate una serie de luces intermitentes como las que están al frente de El Auto Fantástico. Volviendo a la realidad, tenemos un círculo que se mueve de izquierda a derecha, y vuelve. En otras palabras, necesitas crear tres 'pasos' o 'estados':<br />
# El círculo está a la izquierda<br />
# El círculo está a la derecha<br />
# El círculo está de nuevo a la izq.<br />
<br />
Hagámoslo!<br />
<br />
== Setting up the workspace ==<br />
<br />
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.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_1.png<br />
<br />
Now create a simple black rectangle that will serve as our background. It's not necessary to make it cover the whole canvas.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_2.png<br />
<br />
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.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_3.png<br />
<br />
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.<br />
<br />
== Adding movement ==<br />
<br />
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.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_4.png<br />
<br />
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.<br />
<br />
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)'.<br />
<br />
http://www.mondojohnson.com/Synfig/params.png<br />
<br />
If this didn't happen, you made something not mentioned so far. Close your file and start again.<br />
<br />
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.<br />
<br />
== The s's and f's: Understanding the Timeline ==<br />
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).<br />
<br />
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.<br />
<br />
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''.<br />
<br />
== The Keyframe List ==<br />
<br />
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. <br />
<br />
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.<br />
<br />
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!<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_5.png<br />
<br />
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.<br />
<br />
== Rendering your animation ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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!<br />
<br />
''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.''<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_6.png<br />
<br />
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<br />
<br />
synfig -t gif BasicKnightRider.sif<br />
<br />
WARNING: The version you are using may not support the GIF output format at the moment, it depends on the version and compilation settings.<br />
<br />
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<br />
<br />
BasicKnightRider.sif ==> BasicKnightRider.gif: DONE<br />
<br />
should appear, then you are done and can view your animated gif using firefox or another program as mentioned above.<br />
<br />
== Conclusion ==<br />
<br />
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.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics&diff=7461Doc:Animation Basics2008-06-30T16:47:21Z<p>Fabifabito: /* Introduction */</p>
<hr />
<div><!--Categories--><br />
[[Category:Tutorials]]<br />
<br />
== Introduction.es ==<br />
<br />
Crear una animación con Synfig es muy fácil: Básicamente consiste en cambiar un dibujo - simplemente necesitas crear el primer y último estado de un movimiento, y Synfig se hará cargo de los pasos intermedios.<br />
<br />
Veamos un ejemplo sencillo. Imaginate una serie de luces intermitentes como las que están al frente de El Auto Fantástico. Volviendo a la realidad, tenemos un círculo que se mueve de izquierda a derecha, y vuelve. En otras palabras, necesitas crear tres 'pasos' o 'estados':<br />
# El círculo está a la izquierda<br />
# El círculo está a la derecha<br />
# El círculo está de nuevo a la izq.<br />
<br />
Hagámoslo!<br />
<br />
== Setting up the workspace ==<br />
<br />
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.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_1.png<br />
<br />
Now create a simple black rectangle that will serve as our background. It's not necessary to make it cover the whole canvas.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_2.png<br />
<br />
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.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_3.png<br />
<br />
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.<br />
<br />
== Adding movement ==<br />
<br />
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.<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_4.png<br />
<br />
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.<br />
<br />
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)'.<br />
<br />
http://www.mondojohnson.com/Synfig/params.png<br />
<br />
If this didn't happen, you made something not mentioned so far. Close your file and start again.<br />
<br />
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.<br />
<br />
== The s's and f's: Understanding the Timeline ==<br />
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).<br />
<br />
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.<br />
<br />
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''.<br />
<br />
== The Keyframe List ==<br />
<br />
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. <br />
<br />
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.<br />
<br />
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!<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_5.png<br />
<br />
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.<br />
<br />
== Rendering your animation ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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!<br />
<br />
''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.''<br />
<br />
http://www.mondojohnson.com/Synfig/synfig_tut_6.png<br />
<br />
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<br />
<br />
synfig -t gif BasicKnightRider.sif<br />
<br />
WARNING: The version you are using may not support the GIF output format at the moment, it depends on the version and compilation settings.<br />
<br />
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<br />
<br />
BasicKnightRider.sif ==> BasicKnightRider.gif: DONE<br />
<br />
should appear, then you are done and can view your animated gif using firefox or another program as mentioned above.<br />
<br />
== Conclusion ==<br />
<br />
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.</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Download&diff=7446Download2008-06-28T01:17:43Z<p>Fabifabito: /* Licence.es */</p>
<hr />
<div>'''Nota:''' Ten en cuenta que los últimos lanzamientos de Synfig son simplemente '''esbozos'''. En otras palabras, estos lanzamientos estan destinados principalmente a desarrolladores, no a usuarios. Es decir, puedes experimentarlos; pero asegúrate de probarlos nuevamente en un futuro cercano, si es que te encuentras un poco frustrado por la manera en que ahora funcionan. Cliquea [[Releases/DeveloperPreview|aquí]] para más info.<br />
<br />
Queremos agradecer a [http://www.bridgetone.com/ Bridgetone] por albergar nuestros videos y descargas iniciales!<br />
<br />
== Licence.es ==<br />
<br />
ETL, Synfig, y Synfigstudio están [[License|regulados]] bajo la Licencia Pública General GNU, versión 2da o posterior.<br />
<br />
== Major issues.es ==<br />
<br />
Sírvete verificar los errores de programación, los enlaces y las versiones SVN dados. También puedes verificar reparaciones y parches en [[Bugs|rastreadores de error]].<br />
<br />
=== Unsolved in 0.61.08 ===<br />
<br />
* '''MacOS''': builds taken offline due to problems ([http://sf.net/support/tracker.php?aid=1686495 1686495]).<br />
* '''Windows''': Rendering issues may be encountered on Hyperthreaded or multi-core CPUs. Please see the FAQ for [[FAQ#Can_I_do_anything_to_improve_the_stability_of_the_Windows_version_of_Synfig.3F|workaround details]].<br />
* There are '''security issues''' with the dv, imagemagick and ffmpeg targets on '''Windows''', please avoid them.<br />
<br />
=== Solved ===<br />
<br />
See the [[Releases/0.61.08|release notice]] for a list of issues solved since the previous release.<br />
<br />
==== Devel version ====<br />
<br />
Some issues have fixes available and applied in the [[Source code|development version]], but are not fixed in the latest release.<br />
<br />
== Documentation ==<br />
<br />
* [[FAQ]]<br />
* [[Tutorials]]<br />
* [http://svn.voria.com/code/synfig-core/trunk/examples/ Examples]<br />
* [[Build instructions]]<br />
<br />
== Download ==<br />
<br />
=== Source code ===<br />
<br />
* [[Source code|Source code repository]]<br />
** [http://sf.net/project/showfiles.php?group_id=144022&package_id=198849 ETL] 0.04.11 <br />
** [http://sf.net/project/showfiles.php?group_id=144022&package_id=158279 synfig] 0.61.08 <br />
** [http://sf.net/project/showfiles.php?group_id=144022&package_id=198850 synfigstudio] 0.61.08 <br />
<br />
=== '''Official''' packages===<br />
<br />
==== Windows ====<br />
<br />
[http://downloads.sourceforge.net/gladewin32/gtk-2.10.11-win32-1.exe gtk] [http://ftp.gnome.org/pub/gnome/binaries/win32/gtkmm/2.10/gtkmm-win32-runtime-2.10.11-1.exe gtkmm] [http://downloads.sourceforge.net/synfig/synfig-0.61.08.exe synfig] [http://downloads.sourceforge.net/synfig/synfigstudio-0.61.08.exe synfigstudio] 0.61.08 (gtk & gtkmm required) <br />
:For help installing under windows check out the [http://uk.youtube.com/watch?v=mrDqiRI7fwk video walkthrough].<br />
<br />
==== MacOS X ====<br />
<br />
<!--[http://www.bridgetone.com/voria/files/Synfig-0.61.04.mpkg.zip gtkmm synfig synfigstudio] 0.61.04 ([http://www.apple.com/macosx/features/x11/ X11] required)--> <br />
<small>Taken offline. See bug [http://sf.net/support/tracker.php?aid=1686495 1686495].</small><br />
<br />
==== Debian ====<br />
<br />
[http://packages.debian.org/src:etl etl] [http://packages.debian.org/src:synfig synfig] [http://packages.debian.org/src:synfigstudio synfigstudio] [http://svn.debian.org/wsvn/pkg-synfig SVN]<br />
<br />
==== Ubuntu ====<br />
<br />
[http://packages.ubuntu.com/src:etl etl] [http://packages.ubuntu.com/src:synfig synfig] [http://packages.ubuntu.com/src:synfigstudio synfigstudio]<br />
<br />
==== Zenwalk ====<br />
<br />
[http://packages.zenwalk.org/?q=ETL&zversion=all etl] [http://packages.zenwalk.org/?q=synfig-core&zversion=all synfig] [http://packages.zenwalk.org/?q=synfig-studio&zversion=all synfigstudio]<br />
<br />
==== Fink ====<br />
<br />
[http://pdb.finkproject.org/pdb/package.php/etl etl] [http://pdb.finkproject.org/pdb/package.php/synfig synfig] [http://pdb.finkproject.org/pdb/package.php/synfigstudio synfigstudio]<br />
<br />
=== Unofficial packages (releases) ===<br />
<br />
==== Gentoo ====<br />
<br />
[http://bugs.gentoo.org/show_bug.cgi?id=111277 etl] [http://bugs.gentoo.org/show_bug.cgi?id=111278 synfig] [http://bugs.gentoo.org/show_bug.cgi?id=111279 synfigstudio] (in sunrise)<br />
<br />
==== SUSE ====<br />
<br />
[http://packman.links2linux.de/package/etl etl] [http://packman.links2linux.de/package/synfig synfig] [http://packman.links2linux.de/package/synfigstudio synfigstudio]<br />
<br />
==== Slackware ====<br />
<br />
[http://slacky.eu/?searchword=synfig&option=com_search&Itemid=5 etl synfig synfigstudio]<br />
<br />
==== Arch Linux ====<br />
<br />
[http://aur.archlinux.org/packages.php?K=synfig etl synfig synfigstudio]<br />
<br />
==== Fedora ====<br />
<br />
[https://bugzilla.redhat.com/show_bug.cgi?id=428567 etl] [https://bugzilla.redhat.com/show_bug.cgi?id=428568 synfig]<br />
<br />
==== Pardus ====<br />
<br />
[http://paketler.pardus.org.tr/contrib-2007/etl-0.04.10-1-1.pisi etl] [http://paketler.pardus.org.tr/contrib-2007/synfig-0.61.07-1-1.pisi synfig] [http://paketler.pardus.org.tr/contrib-2007/synfigstudio-0.61.07-1-2.pisi synfigstudio]<br />
<br />
=== Unofficial packages (devel version) ===<br />
<br />
==== [http://atrus.mmaa.ru/synfig/#win32 Windows] ====<br />
<br />
Built by Atrus and hosted on his own site.<br />
<br />
[http://gladewin32.sourceforge.net/modules/news/article.php?storyid=52 gtk] [http://ftp.gnome.org/pub/gnome/binaries/win32/gtkmm/ gtkmm] [http://atrus.mmaa.ru/synfig/index.php?download=core synfig] [http://atrus.mmaa.ru/synfig/index.php?download=studio synfigstudio] SVN 1915 (gtk & gtkmm required)<br />
<br />
==== Windows ==== <br />
<br />
Lovingly handcrafted by Pixelgeek. Equivalent to Atrus' builds and updated as irregularly. <br />
<br />
[http://downloads.sourceforge.net/gladewin32/gtk-2.10.11-win32-1.exe gtk] [http://ftp.gnome.org/pub/gnome/binaries/win32/gtkmm/2.10/gtkmm-win32-runtime-2.10.11-1.exe gtkmm] [http://synfig.com/synfig-0.61.08-1987.exe synfig] [http://synfig.com/synfigstudio-0.61.08-1987.exe synfigstudio] SVN 1987 (gtk & gtkmm required)<br />
<br />
==== Gentoo ====<br />
<br />
[[Gentoo_Ebuilds|etl synfig synfigstudio]]<br />
<br />
==== Fedora ====<br />
<br />
Fedora 8: [http://atrus.mmaa.ru/synfig/#fc etl synfig synfigstudio]<br />
<br><br />
Fedora 7: [http://zelgadis.profusehost.net/blog/tags/download/ etl synfig synfigstudio]<br />
<br />
==== Ubuntu ====<br />
<br />
[http://dooglus.rincevent.net/synfig/repository/ repositories] for feisty (svn 1513), gutsy (svn 1456), hardy (svn 1514)<br />
<br />
==== Debian ====<br />
<br />
[http://dooglus.rincevent.net/synfig/repository/ repository] for sid (svn 1514)<br />
<br />
=== Old unofficial packages ===<br />
<br />
==== Fedora ====<br />
<br />
[http://math.ifi.unizh.ch/fedora/ etl synfig synfigstudio]<br />
<br />
==== Slackware ====<br />
<br />
[http://mounir.aittahar.free.fr/ etl synfig synfigstudio]<br />
<br />
==== Mandriva ====<br />
<br />
*SRPMs: [http://rpms.mandrivaclub.nl/rpms/official/2006/SRPMS/ETL-devel-0.04.08-1.2006mcnl.src.rpm ETL-devel] [http://rpms.mandrivaclub.nl/rpms/official/2006/SRPMS/synfig-0.61.05-1.2006mcnl.src.rpm synfig] [http://rpms.mandrivaclub.nl/rpms/official/2006/SRPMS/synfigstudio-0.61.05-1.2006mcnl.src.rpm synfigstudio]<br />
*RPMs:<br />
**[http://rpms.mandrivaclub.nl/rpms/official/2006/i586/ETL-devel-0.04.08-1.2006mcnl.i586.rpm ETL-devel]<br />
**[http://rpms.mandrivaclub.nl/rpms/official/2006/i586/synfig-0.61.05-1.2006mcnl.i586.rpm synfig] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfig0-0.61.05-1.2006mcnl.i586.rpm libsynfig0] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfig0-devel-0.61.05-1.2006mcnl.i586.rpm libsynfig0-devel]<br />
**[http://rpms.mandrivaclub.nl/rpms/official/2006/i586/synfigstudio-0.61.05-1.2006mcnl.i586.rpm synfigstudio] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfigstudio0-0.61.05-1.2006mcnl.i586.rpm libsynfigstudio0] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfigstudio0-devel-0.61.05-1.2006mcnl.i586.rpm libsynfigstudio0-devel]<br />
<br />
=== Other ===<br />
<br />
No-one has contributed other packages yet. Feel free to contribute packages for your favourite operating system or distro and add them to this page or [[Communication|let us know about them]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Download&diff=7445Download2008-06-28T01:16:56Z<p>Fabifabito: /* Major issues */</p>
<hr />
<div>'''Nota:''' Ten en cuenta que los últimos lanzamientos de Synfig son simplemente '''esbozos'''. En otras palabras, estos lanzamientos estan destinados principalmente a desarrolladores, no a usuarios. Es decir, puedes experimentarlos; pero asegúrate de probarlos nuevamente en un futuro cercano, si es que te encuentras un poco frustrado por la manera en que ahora funcionan. Cliquea [[Releases/DeveloperPreview|aquí]] para más info.<br />
<br />
Queremos agradecer a [http://www.bridgetone.com/ Bridgetone] por albergar nuestros videos y descargas iniciales!<br />
<br />
== Licence.es ==<br />
<br />
ETL, Synfig, y synfigstudio están [[License|regulados]] bajo la Licencia Pública General GNU, versión 2da o posterior.<br />
<br />
== Major issues.es ==<br />
<br />
Sírvete verificar los errores de programación, los enlaces y las versiones SVN dados. También puedes verificar reparaciones y parches en [[Bugs|rastreadores de error]].<br />
<br />
=== Unsolved in 0.61.08 ===<br />
<br />
* '''MacOS''': builds taken offline due to problems ([http://sf.net/support/tracker.php?aid=1686495 1686495]).<br />
* '''Windows''': Rendering issues may be encountered on Hyperthreaded or multi-core CPUs. Please see the FAQ for [[FAQ#Can_I_do_anything_to_improve_the_stability_of_the_Windows_version_of_Synfig.3F|workaround details]].<br />
* There are '''security issues''' with the dv, imagemagick and ffmpeg targets on '''Windows''', please avoid them.<br />
<br />
=== Solved ===<br />
<br />
See the [[Releases/0.61.08|release notice]] for a list of issues solved since the previous release.<br />
<br />
==== Devel version ====<br />
<br />
Some issues have fixes available and applied in the [[Source code|development version]], but are not fixed in the latest release.<br />
<br />
== Documentation ==<br />
<br />
* [[FAQ]]<br />
* [[Tutorials]]<br />
* [http://svn.voria.com/code/synfig-core/trunk/examples/ Examples]<br />
* [[Build instructions]]<br />
<br />
== Download ==<br />
<br />
=== Source code ===<br />
<br />
* [[Source code|Source code repository]]<br />
** [http://sf.net/project/showfiles.php?group_id=144022&package_id=198849 ETL] 0.04.11 <br />
** [http://sf.net/project/showfiles.php?group_id=144022&package_id=158279 synfig] 0.61.08 <br />
** [http://sf.net/project/showfiles.php?group_id=144022&package_id=198850 synfigstudio] 0.61.08 <br />
<br />
=== '''Official''' packages===<br />
<br />
==== Windows ====<br />
<br />
[http://downloads.sourceforge.net/gladewin32/gtk-2.10.11-win32-1.exe gtk] [http://ftp.gnome.org/pub/gnome/binaries/win32/gtkmm/2.10/gtkmm-win32-runtime-2.10.11-1.exe gtkmm] [http://downloads.sourceforge.net/synfig/synfig-0.61.08.exe synfig] [http://downloads.sourceforge.net/synfig/synfigstudio-0.61.08.exe synfigstudio] 0.61.08 (gtk & gtkmm required) <br />
:For help installing under windows check out the [http://uk.youtube.com/watch?v=mrDqiRI7fwk video walkthrough].<br />
<br />
==== MacOS X ====<br />
<br />
<!--[http://www.bridgetone.com/voria/files/Synfig-0.61.04.mpkg.zip gtkmm synfig synfigstudio] 0.61.04 ([http://www.apple.com/macosx/features/x11/ X11] required)--> <br />
<small>Taken offline. See bug [http://sf.net/support/tracker.php?aid=1686495 1686495].</small><br />
<br />
==== Debian ====<br />
<br />
[http://packages.debian.org/src:etl etl] [http://packages.debian.org/src:synfig synfig] [http://packages.debian.org/src:synfigstudio synfigstudio] [http://svn.debian.org/wsvn/pkg-synfig SVN]<br />
<br />
==== Ubuntu ====<br />
<br />
[http://packages.ubuntu.com/src:etl etl] [http://packages.ubuntu.com/src:synfig synfig] [http://packages.ubuntu.com/src:synfigstudio synfigstudio]<br />
<br />
==== Zenwalk ====<br />
<br />
[http://packages.zenwalk.org/?q=ETL&zversion=all etl] [http://packages.zenwalk.org/?q=synfig-core&zversion=all synfig] [http://packages.zenwalk.org/?q=synfig-studio&zversion=all synfigstudio]<br />
<br />
==== Fink ====<br />
<br />
[http://pdb.finkproject.org/pdb/package.php/etl etl] [http://pdb.finkproject.org/pdb/package.php/synfig synfig] [http://pdb.finkproject.org/pdb/package.php/synfigstudio synfigstudio]<br />
<br />
=== Unofficial packages (releases) ===<br />
<br />
==== Gentoo ====<br />
<br />
[http://bugs.gentoo.org/show_bug.cgi?id=111277 etl] [http://bugs.gentoo.org/show_bug.cgi?id=111278 synfig] [http://bugs.gentoo.org/show_bug.cgi?id=111279 synfigstudio] (in sunrise)<br />
<br />
==== SUSE ====<br />
<br />
[http://packman.links2linux.de/package/etl etl] [http://packman.links2linux.de/package/synfig synfig] [http://packman.links2linux.de/package/synfigstudio synfigstudio]<br />
<br />
==== Slackware ====<br />
<br />
[http://slacky.eu/?searchword=synfig&option=com_search&Itemid=5 etl synfig synfigstudio]<br />
<br />
==== Arch Linux ====<br />
<br />
[http://aur.archlinux.org/packages.php?K=synfig etl synfig synfigstudio]<br />
<br />
==== Fedora ====<br />
<br />
[https://bugzilla.redhat.com/show_bug.cgi?id=428567 etl] [https://bugzilla.redhat.com/show_bug.cgi?id=428568 synfig]<br />
<br />
==== Pardus ====<br />
<br />
[http://paketler.pardus.org.tr/contrib-2007/etl-0.04.10-1-1.pisi etl] [http://paketler.pardus.org.tr/contrib-2007/synfig-0.61.07-1-1.pisi synfig] [http://paketler.pardus.org.tr/contrib-2007/synfigstudio-0.61.07-1-2.pisi synfigstudio]<br />
<br />
=== Unofficial packages (devel version) ===<br />
<br />
==== [http://atrus.mmaa.ru/synfig/#win32 Windows] ====<br />
<br />
Built by Atrus and hosted on his own site.<br />
<br />
[http://gladewin32.sourceforge.net/modules/news/article.php?storyid=52 gtk] [http://ftp.gnome.org/pub/gnome/binaries/win32/gtkmm/ gtkmm] [http://atrus.mmaa.ru/synfig/index.php?download=core synfig] [http://atrus.mmaa.ru/synfig/index.php?download=studio synfigstudio] SVN 1915 (gtk & gtkmm required)<br />
<br />
==== Windows ==== <br />
<br />
Lovingly handcrafted by Pixelgeek. Equivalent to Atrus' builds and updated as irregularly. <br />
<br />
[http://downloads.sourceforge.net/gladewin32/gtk-2.10.11-win32-1.exe gtk] [http://ftp.gnome.org/pub/gnome/binaries/win32/gtkmm/2.10/gtkmm-win32-runtime-2.10.11-1.exe gtkmm] [http://synfig.com/synfig-0.61.08-1987.exe synfig] [http://synfig.com/synfigstudio-0.61.08-1987.exe synfigstudio] SVN 1987 (gtk & gtkmm required)<br />
<br />
==== Gentoo ====<br />
<br />
[[Gentoo_Ebuilds|etl synfig synfigstudio]]<br />
<br />
==== Fedora ====<br />
<br />
Fedora 8: [http://atrus.mmaa.ru/synfig/#fc etl synfig synfigstudio]<br />
<br><br />
Fedora 7: [http://zelgadis.profusehost.net/blog/tags/download/ etl synfig synfigstudio]<br />
<br />
==== Ubuntu ====<br />
<br />
[http://dooglus.rincevent.net/synfig/repository/ repositories] for feisty (svn 1513), gutsy (svn 1456), hardy (svn 1514)<br />
<br />
==== Debian ====<br />
<br />
[http://dooglus.rincevent.net/synfig/repository/ repository] for sid (svn 1514)<br />
<br />
=== Old unofficial packages ===<br />
<br />
==== Fedora ====<br />
<br />
[http://math.ifi.unizh.ch/fedora/ etl synfig synfigstudio]<br />
<br />
==== Slackware ====<br />
<br />
[http://mounir.aittahar.free.fr/ etl synfig synfigstudio]<br />
<br />
==== Mandriva ====<br />
<br />
*SRPMs: [http://rpms.mandrivaclub.nl/rpms/official/2006/SRPMS/ETL-devel-0.04.08-1.2006mcnl.src.rpm ETL-devel] [http://rpms.mandrivaclub.nl/rpms/official/2006/SRPMS/synfig-0.61.05-1.2006mcnl.src.rpm synfig] [http://rpms.mandrivaclub.nl/rpms/official/2006/SRPMS/synfigstudio-0.61.05-1.2006mcnl.src.rpm synfigstudio]<br />
*RPMs:<br />
**[http://rpms.mandrivaclub.nl/rpms/official/2006/i586/ETL-devel-0.04.08-1.2006mcnl.i586.rpm ETL-devel]<br />
**[http://rpms.mandrivaclub.nl/rpms/official/2006/i586/synfig-0.61.05-1.2006mcnl.i586.rpm synfig] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfig0-0.61.05-1.2006mcnl.i586.rpm libsynfig0] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfig0-devel-0.61.05-1.2006mcnl.i586.rpm libsynfig0-devel]<br />
**[http://rpms.mandrivaclub.nl/rpms/official/2006/i586/synfigstudio-0.61.05-1.2006mcnl.i586.rpm synfigstudio] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfigstudio0-0.61.05-1.2006mcnl.i586.rpm libsynfigstudio0] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfigstudio0-devel-0.61.05-1.2006mcnl.i586.rpm libsynfigstudio0-devel]<br />
<br />
=== Other ===<br />
<br />
No-one has contributed other packages yet. Feel free to contribute packages for your favourite operating system or distro and add them to this page or [[Communication|let us know about them]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Download&diff=7444Download2008-06-28T00:47:08Z<p>Fabifabito: </p>
<hr />
<div>'''Nota:''' Ten en cuenta que los últimos lanzamientos de Synfig son simplemente '''esbozos'''. En otras palabras, estos lanzamientos estan destinados principalmente a desarrolladores, no a usuarios. Es decir, puedes experimentarlos; pero asegúrate de probarlos nuevamente en un futuro cercano, si es que te encuentras un poco frustrado por la manera en que ahora funcionan. Cliquea [[Releases/DeveloperPreview|aquí]] para más info.<br />
<br />
Queremos agradecer a [http://www.bridgetone.com/ Bridgetone] por albergar nuestros videos y descargas iniciales!<br />
<br />
== Licence.es ==<br />
<br />
ETL, Synfig, y synfigstudio están [[License|regulados]] bajo la Licencia Pública General GNU, versión 2da o posterior.<br />
<br />
== Major issues ==<br />
<br />
Please check the bugs, links and SVN versions provided. Please check for other bug fixes and workarounds in the [[Bugs|bug trackers]].<br />
<br />
=== Unsolved in 0.61.08 ===<br />
<br />
* '''MacOS''': builds taken offline due to problems ([http://sf.net/support/tracker.php?aid=1686495 1686495]).<br />
* '''Windows''': Rendering issues may be encountered on Hyperthreaded or multi-core CPUs. Please see the FAQ for [[FAQ#Can_I_do_anything_to_improve_the_stability_of_the_Windows_version_of_Synfig.3F|workaround details]].<br />
* There are '''security issues''' with the dv, imagemagick and ffmpeg targets on '''Windows''', please avoid them.<br />
<br />
=== Solved ===<br />
<br />
See the [[Releases/0.61.08|release notice]] for a list of issues solved since the previous release.<br />
<br />
==== Devel version ====<br />
<br />
Some issues have fixes available and applied in the [[Source code|development version]], but are not fixed in the latest release. <br />
<br />
== Documentation ==<br />
<br />
* [[FAQ]]<br />
* [[Tutorials]]<br />
* [http://svn.voria.com/code/synfig-core/trunk/examples/ Examples]<br />
* [[Build instructions]]<br />
<br />
== Download ==<br />
<br />
=== Source code ===<br />
<br />
* [[Source code|Source code repository]]<br />
** [http://sf.net/project/showfiles.php?group_id=144022&package_id=198849 ETL] 0.04.11 <br />
** [http://sf.net/project/showfiles.php?group_id=144022&package_id=158279 synfig] 0.61.08 <br />
** [http://sf.net/project/showfiles.php?group_id=144022&package_id=198850 synfigstudio] 0.61.08 <br />
<br />
=== '''Official''' packages===<br />
<br />
==== Windows ====<br />
<br />
[http://downloads.sourceforge.net/gladewin32/gtk-2.10.11-win32-1.exe gtk] [http://ftp.gnome.org/pub/gnome/binaries/win32/gtkmm/2.10/gtkmm-win32-runtime-2.10.11-1.exe gtkmm] [http://downloads.sourceforge.net/synfig/synfig-0.61.08.exe synfig] [http://downloads.sourceforge.net/synfig/synfigstudio-0.61.08.exe synfigstudio] 0.61.08 (gtk & gtkmm required) <br />
:For help installing under windows check out the [http://uk.youtube.com/watch?v=mrDqiRI7fwk video walkthrough].<br />
<br />
==== MacOS X ====<br />
<br />
<!--[http://www.bridgetone.com/voria/files/Synfig-0.61.04.mpkg.zip gtkmm synfig synfigstudio] 0.61.04 ([http://www.apple.com/macosx/features/x11/ X11] required)--> <br />
<small>Taken offline. See bug [http://sf.net/support/tracker.php?aid=1686495 1686495].</small><br />
<br />
==== Debian ====<br />
<br />
[http://packages.debian.org/src:etl etl] [http://packages.debian.org/src:synfig synfig] [http://packages.debian.org/src:synfigstudio synfigstudio] [http://svn.debian.org/wsvn/pkg-synfig SVN]<br />
<br />
==== Ubuntu ====<br />
<br />
[http://packages.ubuntu.com/src:etl etl] [http://packages.ubuntu.com/src:synfig synfig] [http://packages.ubuntu.com/src:synfigstudio synfigstudio]<br />
<br />
==== Zenwalk ====<br />
<br />
[http://packages.zenwalk.org/?q=ETL&zversion=all etl] [http://packages.zenwalk.org/?q=synfig-core&zversion=all synfig] [http://packages.zenwalk.org/?q=synfig-studio&zversion=all synfigstudio]<br />
<br />
==== Fink ====<br />
<br />
[http://pdb.finkproject.org/pdb/package.php/etl etl] [http://pdb.finkproject.org/pdb/package.php/synfig synfig] [http://pdb.finkproject.org/pdb/package.php/synfigstudio synfigstudio]<br />
<br />
=== Unofficial packages (releases) ===<br />
<br />
==== Gentoo ====<br />
<br />
[http://bugs.gentoo.org/show_bug.cgi?id=111277 etl] [http://bugs.gentoo.org/show_bug.cgi?id=111278 synfig] [http://bugs.gentoo.org/show_bug.cgi?id=111279 synfigstudio] (in sunrise)<br />
<br />
==== SUSE ====<br />
<br />
[http://packman.links2linux.de/package/etl etl] [http://packman.links2linux.de/package/synfig synfig] [http://packman.links2linux.de/package/synfigstudio synfigstudio]<br />
<br />
==== Slackware ====<br />
<br />
[http://slacky.eu/?searchword=synfig&option=com_search&Itemid=5 etl synfig synfigstudio]<br />
<br />
==== Arch Linux ====<br />
<br />
[http://aur.archlinux.org/packages.php?K=synfig etl synfig synfigstudio]<br />
<br />
==== Fedora ====<br />
<br />
[https://bugzilla.redhat.com/show_bug.cgi?id=428567 etl] [https://bugzilla.redhat.com/show_bug.cgi?id=428568 synfig]<br />
<br />
==== Pardus ====<br />
<br />
[http://paketler.pardus.org.tr/contrib-2007/etl-0.04.10-1-1.pisi etl] [http://paketler.pardus.org.tr/contrib-2007/synfig-0.61.07-1-1.pisi synfig] [http://paketler.pardus.org.tr/contrib-2007/synfigstudio-0.61.07-1-2.pisi synfigstudio]<br />
<br />
=== Unofficial packages (devel version) ===<br />
<br />
==== [http://atrus.mmaa.ru/synfig/#win32 Windows] ====<br />
<br />
Built by Atrus and hosted on his own site.<br />
<br />
[http://gladewin32.sourceforge.net/modules/news/article.php?storyid=52 gtk] [http://ftp.gnome.org/pub/gnome/binaries/win32/gtkmm/ gtkmm] [http://atrus.mmaa.ru/synfig/index.php?download=core synfig] [http://atrus.mmaa.ru/synfig/index.php?download=studio synfigstudio] SVN 1915 (gtk & gtkmm required)<br />
<br />
==== Windows ==== <br />
<br />
Lovingly handcrafted by Pixelgeek. Equivalent to Atrus' builds and updated as irregularly. <br />
<br />
[http://downloads.sourceforge.net/gladewin32/gtk-2.10.11-win32-1.exe gtk] [http://ftp.gnome.org/pub/gnome/binaries/win32/gtkmm/2.10/gtkmm-win32-runtime-2.10.11-1.exe gtkmm] [http://synfig.com/synfig-0.61.08-1987.exe synfig] [http://synfig.com/synfigstudio-0.61.08-1987.exe synfigstudio] SVN 1987 (gtk & gtkmm required)<br />
<br />
==== Gentoo ====<br />
<br />
[[Gentoo_Ebuilds|etl synfig synfigstudio]]<br />
<br />
==== Fedora ====<br />
<br />
Fedora 8: [http://atrus.mmaa.ru/synfig/#fc etl synfig synfigstudio]<br />
<br><br />
Fedora 7: [http://zelgadis.profusehost.net/blog/tags/download/ etl synfig synfigstudio]<br />
<br />
==== Ubuntu ====<br />
<br />
[http://dooglus.rincevent.net/synfig/repository/ repositories] for feisty (svn 1513), gutsy (svn 1456), hardy (svn 1514)<br />
<br />
==== Debian ====<br />
<br />
[http://dooglus.rincevent.net/synfig/repository/ repository] for sid (svn 1514)<br />
<br />
=== Old unofficial packages ===<br />
<br />
==== Fedora ====<br />
<br />
[http://math.ifi.unizh.ch/fedora/ etl synfig synfigstudio]<br />
<br />
==== Slackware ====<br />
<br />
[http://mounir.aittahar.free.fr/ etl synfig synfigstudio]<br />
<br />
==== Mandriva ====<br />
<br />
*SRPMs: [http://rpms.mandrivaclub.nl/rpms/official/2006/SRPMS/ETL-devel-0.04.08-1.2006mcnl.src.rpm ETL-devel] [http://rpms.mandrivaclub.nl/rpms/official/2006/SRPMS/synfig-0.61.05-1.2006mcnl.src.rpm synfig] [http://rpms.mandrivaclub.nl/rpms/official/2006/SRPMS/synfigstudio-0.61.05-1.2006mcnl.src.rpm synfigstudio]<br />
*RPMs:<br />
**[http://rpms.mandrivaclub.nl/rpms/official/2006/i586/ETL-devel-0.04.08-1.2006mcnl.i586.rpm ETL-devel]<br />
**[http://rpms.mandrivaclub.nl/rpms/official/2006/i586/synfig-0.61.05-1.2006mcnl.i586.rpm synfig] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfig0-0.61.05-1.2006mcnl.i586.rpm libsynfig0] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfig0-devel-0.61.05-1.2006mcnl.i586.rpm libsynfig0-devel]<br />
**[http://rpms.mandrivaclub.nl/rpms/official/2006/i586/synfigstudio-0.61.05-1.2006mcnl.i586.rpm synfigstudio] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfigstudio0-0.61.05-1.2006mcnl.i586.rpm libsynfigstudio0] [http://rpms.mandrivaclub.nl/rpms/official/2006/i586/libsynfigstudio0-devel-0.61.05-1.2006mcnl.i586.rpm libsynfigstudio0-devel]<br />
<br />
=== Other ===<br />
<br />
No-one has contributed other packages yet. Feel free to contribute packages for your favourite operating system or distro and add them to this page or [[Communication|let us know about them]].</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Styleguidelines&diff=7443Styleguidelines2008-06-28T00:08:31Z<p>Fabifabito: /* Font types */</p>
<hr />
<div>In this page you will find the Style Guidelines for the design style of Synfig web stuff.<br />
<br />
En esta página encontrarás las Pautas de Estilo para el diseño del sitio-web de Synfig<br />
== Color palette ==<br />
<br />
[[Image:Synfig-color-palette-1.png]]<br />
<br />
== Font types.es ==<br />
Esta es la lista de estilos de caracteres usados en el diseño del sitio web:<br />
* [http://openfontlibrary.org/media/files/chemoelectric/208 Temporarium version 1.0]</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Styleguidelines&diff=7442Styleguidelines2008-06-28T00:03:50Z<p>Fabifabito: /* Color palette */</p>
<hr />
<div>In this page you will find the Style Guidelines for the design style of Synfig web stuff.<br />
<br />
En esta página encontrarás las Pautas de Estilo para el diseño del sitio-web de Synfig<br />
== Color palette ==<br />
<br />
[[Image:Synfig-color-palette-1.png]]<br />
<br />
== Font types ==<br />
Here is the list of font types used in the site design:<br />
* [http://openfontlibrary.org/media/files/chemoelectric/208 Temporarium version 1.0]</div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=Releases/Artwork&diff=7439Releases/Artwork2008-06-27T23:54:24Z<p>Fabifabito: /* Version 0.61.08 */</p>
<hr />
<div>== Version 0.61.08 ==<br />
Asegúrate de generar todo este SVG con imágenes del mismo tamaño y extensión tal como aparecen en la página original.<br />
<gallery><br />
Image:Challenge-button-1.png|[http://synfig.org/images/2/22/Challenge-button-1.svg Versión editable]<br />
Image:News.png|[http://synfig.org/images/8/8d/News.svg Versión editable]<br />
Image:Movies.png|Not yet :(<br />
Image:Complete_features.png|[http://synfig.org/images/4/4f/Complete_features.svg Versión editable]<br />
Image:MainBanner-06108-en.jpg|[http://synfig.org/images/a/a9/MainBanner-06108-en.svg Versión editable]<br />
Image:BackgroundRed-06108.png|fondo rojo<br />
Image:BackgroundBlue-06108.png|fondo azul<br />
Image:Square06108.png|Versión más pequeña utilizada en la versión francesa</gallery></div>Fabifabitohttps://www.wiki.synfig.org/index.php?title=WikiTranslation/es&diff=7438WikiTranslation/es2008-06-27T23:14:23Z<p>Fabifabito: /* Para los traductores */</p>
<hr />
<div>== Para los traductores ==<br />
<br />
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 de dos letras de la lengua) precedido por un '.', e.g. por ejemplo, una pagina en Ruso seria About.ru.<br />
<br />
Ventajas:<br />
* Los títulos están en una única lengua, lo que es bueno para referirse y mantener a la documentación del wiki en orden.<br />
* También proporciona una clara correspondencia entre el original y las páginas traducidas.<br />
* Es fácil de aplicar.<br />
<br />
=== Para traducir el texto en imágenes ===<br />
<br />
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.<br />
<br />
[[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.<br />
<br />
== ¿Qué funcionalidad cuento con de la extensión Multilenguaje? ==<br />
* Todas las páginas nombradas según lo descrito arriba.<br />
* 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).<br />
* Hay un campo en las [[Special:Preferences|preferencias del usuario]], yamado "Lenguaje" (Ya existe en MediaWiki)<br />
* Mejoras de la navegación:<br />
** Digamos que los usuarios tienen las preferencias de idioma en 'tr'. Entonces:<br />
*** Si el usuario pide la [[Main Page]], y la [[Main Page.tr]] existe, este sera automaticamente redirigido a [[Main Page.tr]].<br />
*** 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.<br />
* Sería bueno tener el Idioma establecido según la configuración del navegador automáticamente a los nuevos usuarios e invitados.<br />
<br />
== Enlaces utiles ==<br />
* http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes<br />
<br />
== Posibles soluciones ==<br />
<br />
* http://www.mediawiki.org/wiki/Extension:MultiLanguageManager<br />
* http://www.art122-5.net/index.php/MediaWiki_Multi-language<br />
* http://www.mediawiki.org/wiki/Category:Internationalization_extensions</div>Fabifabito