https://www.wiki.synfig.org/api.php?action=feedcontributions&feedformat=atom&user=RafaelSynfig Studio :: Documentation - User contributions [en]2026-05-05T20:15:40ZUser contributionsMediaWiki 1.26.3https://www.wiki.synfig.org/index.php?title=Parabolic_Shot/es&diff=14562Parabolic Shot/es2011-10-13T10:50:20Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Tiro Parabolico}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Este es un pequeño tutorial para mostrar cómo hacer que un objeto siga el camino trazado por una función matemática, como {{l|Requested Tutorials|se pide aquí}}.<br />
<br />
ESTA PÁGINA ESTÁ SIENDO TRADUCIDA. TEN UN POCO DE PACIENCIA. GRACIAS. <br />
<br />
== Función matemática a seguir ==<br />
<br />
Vamos a simular un disparo de cañón. Una bala describe una trayectoria parabólica tras ser disparada por el cañón.es <br />
<br />
{{l|Image:Parabolic-shot.gif}}<br />
<br />
Las ecuaciones matemáticas que describen la trayectoria son:<br />
<br />
<math>X(t)=V_{0x}\cdot t+X_0</math><br />
<br />
<math>Y(t)=-\frac{1}{2}\cdot G \cdot t^2 + V_{0y}\cdot t + Y_0</math><br />
<br />
donde:<br />
<br />
<math>t</math> = tiempo actual para la ecuación.<br />
<br />
<math>X</math> = coordenada 'x' de la bala en el tiempo 't'<br />
<br />
<math>Y</math> = coordenada 'y' de la bala en el tiempo 't'<br />
<br />
<math>X_0</math> = posición 'x' de la bala en el tiempo t = 0<br />
<br />
<math>Y_0</math> = posición 'y' de la bala en el tiempo t = 0<br />
<br />
<math>V_{0x}</math> = componente 'x' de la velocidad en el momento del disparo (t = 0)<br />
<br />
<math>V_{0y}</math> = componente 'y' de la velocidad en el momento del disparo (t = 0)<br />
<br />
<math>G</math> = aceleración de la gravedad.<br />
<br />
Normalmente tenemos el ángulo del tiro y la velocidad en lugar de sus componentes. Su descomposición es muy fácil:<br />
<br />
<math>V_{0x} = V_0 \cdot \cos \varphi</math><br />
<br />
<math>V_{0y} = V_0 \cdot \sin \varphi</math><br />
<br />
donde:<br />
<br />
<math>V_0</math> = velocidad al disparar (t = 0)<br />
<br />
<math>\varphi</math> = ángulo del disparo del cañón con la horizontal.<br />
<br />
Mira [http://en.wikipedia.org/wiki/Trajectory_of_a_projectile this Wikipedia article] si necesitas más información sobre las ecuaciones correspondientes al tiro parabólico.<br />
<br />
== Separando las funciones ==<br />
<br />
Por lo tanto, ¿cómo podemos introducir estas funciones en Synfig?. Para hacer esto debemos separar las ecuaciones en sus componentes. Una vez descompuestas veremos cuántas variables independientes necesitamos para la simulación. También descubriremos cuáles son los 'motores' de la animación y cuáles los parámetros.<br />
<br />
Empecemos con la coordenada X:<br />
<br />
<math>X=V_{0x}\cdot t+X_0</math><br />
<br />
Aplicando las reglas matemáticas básicas podemos ver que la función está compuesta por:<br />
<br />
# La suma de dos términos: (V0x*t) '''+''' (X0)<br />
# El primer término es una multiplicación de dos términos simples: (V0x) '''*''' (t)<br />
# Y el tercer término es un término simple (X0)<br />
<br />
Por tanto para convertir esta fórmula en algo que Synfig pueda entender debemos crear los siguientes tipos de conversión (se muestra entre paréntesis el tipo de conversión y entre corchetes los valores exportados o los valores actuales si no se han exportado):<br />
<br />
:[X] (Add)<br />
::LHS [X0]<br />
::RHS [X0] (Scale)<br />
:::Link [V0x]<br />
:::Scalar [t]<br />
::Scalar [1.0]<br />
<br />
(Notice that the Scalar parameter from the Add convert type is not used so its value is 1.0)<br />
<br />
So with this conversion type X becomes X0+(V0x*t).<br />
<br />
Let's continue with the Y coordinate: <br />
<br />
<math>Y=-\frac{1}{2}\cdot G \cdot t^2 + V_{0y}\cdot t + Y_0</math><br />
<br />
This one is a little more complicated because there are more terms. Anyway you should always try to group the terms in pairs and see what operator is used. Take care on the arithmetic operators properties (commutative, associative, distributive and identity) to respect the final values of the formulae. We will search for the operators with the lower order of precedence (multiplication, division and modulus precede addition and subtraction).<br />
<br />
So there are two '+' operators what gives three terms: (-0.5*G*t²) + (V0y*t) + (Y0). Then since Synfig has only a two term convert type for addition operation, we need to make the Add conversion twice.<br />
<br />
Continuing with the analysis, the individual terms are composed by multiplied terms: (-0.5) * (G) * (t²) and (V0y) * (t). <br />
<br />
The same problem arises again; Synfig has a conversion type called 'Scale' that gives the multiplication of a Link by an Scalar. So we need to make the Scale conversion several times for the first term (in fact three times due to the fact that t²=t*t), and once for the second term.<br />
<br />
So the final result is this:<br />
<br />
:Y (Add)<br />
::LHS (Scale)<br />
:::Link (Scale)<br />
::::Link (Scale)<br />
:::::Link [t]<br />
:::::Scalar [t]<br />
::::Scalar [G]<br />
:::Scalar [-0.5]<br />
::RHS (Add)<br />
:::LHS (Scale)<br />
::::Link [V0y]<br />
::::Scalar [t]<br />
:::RHS [Y0]<br />
:::Scalar [1.0]<br />
::Scalar [1.0]<br />
<br />
Now let's study the velocity composition with the velocity modulus and its shooting angle. <br />
<br />
<math>V_{0x} = V_0 \cdot \cos \varphi</math><br />
<br />
<math>V_{0y} = V_0 \cdot \sin \varphi</math><br />
<br />
You can see that splitting these formulae is very simple once you have understood what Synfig needs:<br />
<br />
:V0x (Cos)<br />
::Angle [phi]<br />
::Amplitude [V0]<br />
<br />
and<br />
<br />
:V0y (Sin)<br />
::Angle [phi]<br />
::Amplitude [V0]<br />
<br />
== OK I've analysed the maths functions but how do I put them into Synfig? ==<br />
<br />
Well, in the example of the cannon and ball, I've assigned the X and Y values to the X and Y values of the centre of the circle that defines the bullet. You can assign the mathematical equations to any of the convertible parameters that exist in any layer. <br />
<br />
So you have to go to the circle Center parameter, right click, and select 'Convert -> Composite' from the context menu. Once done you'll obtain two sub-parameters: 'X-axis' and 'Y-axis'.<br />
<br />
All that you need to do is right click on the corresponding parameter that you obtain after each convert type and select the correct conversion type from the analysis you have done before. Then you will convert sequentially each sub-parameter to the proper one. <br />
<br />
Once done you should export the most simple terms to allow easy modification by the user or to allow multiple links in the same formulae. For example the 't' variable (the time for the mathematical equation) is used several times. You should export it only once. The rest of times that 't' appears you should select the exported 't' Valuenode from the child dialog and right click and 'Connect' to connect with it.<br />
<br />
Once done you should obtain something like this:<br />
<br />
{{l|Image:Final-Convert-Result.png}}<br />
<br />
== The 't' parameter ==<br />
<br />
In this case the 'engine' of the equations is the variable 't' (the physic time). To make the engine parameter to 'move' in the animation we need to link it to the animation's current time. To do that we are going to use the 'Linear' convert type. In fact this one is the only convert type that allows a parameter to change with the animation time. It is really important to understand how it works because it will allow us to add 'motion' to our mathematical equations.<br />
<br />
The '{{l|Convert#Linear|Linear}}' convert type gives two sub-parameters:<br />
<br />
'''Rate''': is the amount of change of the converted parameter in one second of animation time.<br />
<br />
'''Offset''': is an offset value to add to the result of the multiplication of the animation time by the Rate value.<br />
<br />
So if the converted type is 't' we will obtain:<br />
<br />
t = Rate*T+Offset<br />
<br />
where T is the current animation time in seconds.<br />
<br />
You should have notice that in the image of the conversion types result, the 't' parameter is also converted. It was not expanded in order not to complicate the sample. Here is the result:<br />
<br />
{{l|Image:Time-convert.png}}<br />
<br />
I've exported the Offset parameter to 't1' to allow easy manipulation during the animation.<br />
<br />
== Setting up the parameters ==<br />
<br />
Once done all the conversions and all the exportations you can go to the Child ValueNode list and insert the proper values for the parameters of the animation: V0, phi, G, X0, Y0, t1<br />
<br />
The X-axis and Y-axis parameters are calculated based on the variation of the 't' parameter that is linear with the animation time T. You can also export the parameter 'Rate' form the converted type 't' if you want extra external variation of the equation motion. <br />
Test the values of the mentioned animation parameters to the desired ones. Specially some combinations of G and V0 gives good or bad values. I've set G=2.0 so my example is not in the earth :)<br />
<br />
== Producing more than one shot ==<br />
<br />
You have notice that the shot animation is a little boring due to it starts at time T=0 and there is only one shot. How can you do the same than the sample? How can I use the same bullet several times making different shots with different angles, positions and initial velocities? Quite easy. Use the Offset parameter form the Linear conversion of the 't' variable.<br />
<br />
Initially the Offset parameter is set to 0.0. That means that t=T or in other hands, the animation time is the same than the equation time. But what happen if you modify the Offset parameter during the animation?. You can 'rewind' the equation motion to the place you want just inserting the proper values of the Offset parameter at the proper animation time.<br />
<br />
{|border="1" cellspacing="0" align="center"<br />
|T (sec)|| Offset (t units) || Rate (t units/sec)||t = Rate*T+Offset||Offset waypoint (in/out)<br />
|-<br />
|0.0||0.0||2.0||0.0|| linear/linear<br />
|-<br />
|0.5||-1.0||2.0||0.0|| linear/linear<br />
|-<br />
|4.0||-8.0||2.0||0.0|| constant/linear<br />
|-<br />
|5.5||-11.0||2.0||0.0|| linear/linear<br />
|}<br />
<br />
Those are the graphical representation for the above values:<br />
<br />
'''Offset curve''':<br />
<br />
{{l|Image:Offset-curve.png}}<br />
<br />
'''Rate curve''':<br />
<br />
{{l|Image:Rate-curve.png}}<br />
<br />
''''t' curve''':<br />
<br />
{{l|Image:t-Curve.png}}<br />
<br />
<br />
<br />
Notice that between T=0 and T=0.5 the Offset value has a linear variation that is inverse to the current Rate (2.0). It produces a no variation on the 't' parameter. <br />
<br />
Also when Offset is set to constant = -1.0 (between T=0.5 and T=4.0 seconds) the 't' curve becomes linear (according to the value of Rate). During that period of time the equation is in 'action' and the parabolic shot is done with the current values of X0, Y0, V0, phi and G. <br />
<br />
When Offset is suddenly set to -8.0 at T=4.0 it produces a 'rewind' of the equation animation to its 'zero' (t=Rate*T+Offset=2.0*4.0-8.0=0.0) so the bullet comes again to its origin.<br />
<br />
Notice again that between T=4 and T=5.5 the Offset parameter has a linear variation between -8.0 and -11.0 (what comes from the current T value, divided by the Rate and changed sign), what gives a 't' result constant and equal to 0.0.<br />
<br />
Again, from T=5.5 and beyond, the Offset is set to constant (there is no waypoint later so the value is kept) and the 't' value becomes linear (again there is a second shot). But in this case at T=5.5 the other parameters have been set to other different values (angle is higher and initial velocity is lower) using a constant waypoint. It allows to simulate a new shot with different parameters.<br />
<br />
== The file link and other comments ==<br />
<br />
The above animation can be found also at [http://www.youtube.com/watch?v=Zzs3a52De-I youtube]. The result sifz file for that animation is [http://www.darthfurby.com/genete/synfig/parabolic-shot.sifz here].<br />
<br />
I've added a fancy shooting cannon (it has a rotation angle linked to the 'phi' parameter) a motion blur on the bullet and some background.<br />
<br />
I hope you enjoyed the tutorial. If need any help please ask it in any of the {{l|Contact|usual places}}.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Parabolic_Shot/es&diff=14561Parabolic Shot/es2011-10-13T10:39:31Z<p>Rafael: /* Función mathematical function a seguir */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Tiro Parabolico}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Este es un pequeño tutorial para mostrar cómo hacer que un objeto siga el camino trazado por una finción matemática, como {{l|Requested Tutorials|requested here}}.<br />
<br />
ESTA PÁGINA ESTÁ SIENDO TRADUCIDA. TEN UN POCO DE PACIENCIA. GRACIAS. <br />
<br />
== Función matemática a seguir ==<br />
<br />
Vamos a simular un disparo de cañón. Una bala describe una trayectoria parabólica tras ser disparada por el cañón.es <br />
<br />
{{l|Image:Parabolic-shot.gif}}<br />
<br />
Las ecuaciones matemáticas que describen la trayectoria son:<br />
<br />
<math>X(t)=V_{0x}\cdot t+X_0</math><br />
<br />
<math>Y(t)=-\frac{1}{2}\cdot G \cdot t^2 + V_{0y}\cdot t + Y_0</math><br />
<br />
donde:<br />
<br />
<math>t</math> = tiempo actual para la ecuación.<br />
<br />
<math>X</math> = coordenada 'x' de la bala en el tiempo 't'<br />
<br />
<math>Y</math> = coordenada 'y' de la bala en el tiempo 't'<br />
<br />
<math>X_0</math> = posición 'x' de la bala en el tiempo t = 0<br />
<br />
<math>Y_0</math> = posición 'y' de la bala en el tiempo t = 0<br />
<br />
<math>V_{0x}</math> = componente 'x' de la velocidad en el momento del disparo (t = 0)<br />
<br />
<math>V_{0y}</math> = componente 'y' de la velocidad en el momento del disparo (t = 0)<br />
<br />
<math>G</math> = aceleración de la gravedad.<br />
<br />
Normalmente tenemos el ángulo del tiro y la velocidad en lugar de sus componentes. Su descomposición es muy fácil:<br />
<br />
<math>V_{0x} = V_0 \cdot \cos \varphi</math><br />
<br />
<math>V_{0y} = V_0 \cdot \sin \varphi</math><br />
<br />
donde:<br />
<br />
<math>V_0</math> = velocidad al disparar (t = 0)<br />
<br />
<math>\varphi</math> = ángulo del disparo del cañón con la horizontal.<br />
<br />
Mira [http://en.wikipedia.org/wiki/Trajectory_of_a_projectile this Wikipedia article] si necesitas más información sobre las ecuaciones correspondientes al tiro parabólico.<br />
<br />
== Separando las funciones ==<br />
<br />
So, how can we introduce these functions into Synfig?. To do that you should split the equations into their components. Once decomposed then you realize how many independent variables you need for the simulation. Also you will discover what are the 'engines' for the animation and what are parameters.<br />
<br />
Let's start with the X coordinate:<br />
<br />
<math>X=V_{0x}\cdot t+X_0</math><br />
<br />
Applying basic maths rules you can see that the function is composed by:<br />
<br />
# The addition of two terms: (V0x*t) '''+''' (X0)<br />
# The first term is a multiplication of two single terms: (V0x) '''*''' (t)<br />
# And the third term is a single term (X0)<br />
<br />
So to convert those formula into a Synfig understandable way you should create the following conversion types (between parentheses are the conversion types and between brackets are the exported values or the current values if not exported:<br />
<br />
:[X] (Add)<br />
::LHS [X0]<br />
::RHS [X0] (Scale)<br />
:::Link [V0x]<br />
:::Scalar [t]<br />
::Scalar [1.0]<br />
<br />
(Notice that the Scalar parameter from the Add convert type is not used so its value is 1.0)<br />
<br />
So with this conversion type X becomes X0+(V0x*t).<br />
<br />
Let's continue with the Y coordinate: <br />
<br />
<math>Y=-\frac{1}{2}\cdot G \cdot t^2 + V_{0y}\cdot t + Y_0</math><br />
<br />
This one is a little more complicated because there are more terms. Anyway you should always try to group the terms in pairs and see what operator is used. Take care on the arithmetic operators properties (commutative, associative, distributive and identity) to respect the final values of the formulae. We will search for the operators with the lower order of precedence (multiplication, division and modulus precede addition and subtraction).<br />
<br />
So there are two '+' operators what gives three terms: (-0.5*G*t²) + (V0y*t) + (Y0). Then since Synfig has only a two term convert type for addition operation, we need to make the Add conversion twice.<br />
<br />
Continuing with the analysis, the individual terms are composed by multiplied terms: (-0.5) * (G) * (t²) and (V0y) * (t). <br />
<br />
The same problem arises again; Synfig has a conversion type called 'Scale' that gives the multiplication of a Link by an Scalar. So we need to make the Scale conversion several times for the first term (in fact three times due to the fact that t²=t*t), and once for the second term.<br />
<br />
So the final result is this:<br />
<br />
:Y (Add)<br />
::LHS (Scale)<br />
:::Link (Scale)<br />
::::Link (Scale)<br />
:::::Link [t]<br />
:::::Scalar [t]<br />
::::Scalar [G]<br />
:::Scalar [-0.5]<br />
::RHS (Add)<br />
:::LHS (Scale)<br />
::::Link [V0y]<br />
::::Scalar [t]<br />
:::RHS [Y0]<br />
:::Scalar [1.0]<br />
::Scalar [1.0]<br />
<br />
Now let's study the velocity composition with the velocity modulus and its shooting angle. <br />
<br />
<math>V_{0x} = V_0 \cdot \cos \varphi</math><br />
<br />
<math>V_{0y} = V_0 \cdot \sin \varphi</math><br />
<br />
You can see that splitting these formulae is very simple once you have understood what Synfig needs:<br />
<br />
:V0x (Cos)<br />
::Angle [phi]<br />
::Amplitude [V0]<br />
<br />
and<br />
<br />
:V0y (Sin)<br />
::Angle [phi]<br />
::Amplitude [V0]<br />
<br />
== OK I've analysed the maths functions but how do I put them into Synfig? ==<br />
<br />
Well, in the example of the cannon and ball, I've assigned the X and Y values to the X and Y values of the centre of the circle that defines the bullet. You can assign the mathematical equations to any of the convertible parameters that exist in any layer. <br />
<br />
So you have to go to the circle Center parameter, right click, and select 'Convert -> Composite' from the context menu. Once done you'll obtain two sub-parameters: 'X-axis' and 'Y-axis'.<br />
<br />
All that you need to do is right click on the corresponding parameter that you obtain after each convert type and select the correct conversion type from the analysis you have done before. Then you will convert sequentially each sub-parameter to the proper one. <br />
<br />
Once done you should export the most simple terms to allow easy modification by the user or to allow multiple links in the same formulae. For example the 't' variable (the time for the mathematical equation) is used several times. You should export it only once. The rest of times that 't' appears you should select the exported 't' Valuenode from the child dialog and right click and 'Connect' to connect with it.<br />
<br />
Once done you should obtain something like this:<br />
<br />
{{l|Image:Final-Convert-Result.png}}<br />
<br />
== The 't' parameter ==<br />
<br />
In this case the 'engine' of the equations is the variable 't' (the physic time). To make the engine parameter to 'move' in the animation we need to link it to the animation's current time. To do that we are going to use the 'Linear' convert type. In fact this one is the only convert type that allows a parameter to change with the animation time. It is really important to understand how it works because it will allow us to add 'motion' to our mathematical equations.<br />
<br />
The '{{l|Convert#Linear|Linear}}' convert type gives two sub-parameters:<br />
<br />
'''Rate''': is the amount of change of the converted parameter in one second of animation time.<br />
<br />
'''Offset''': is an offset value to add to the result of the multiplication of the animation time by the Rate value.<br />
<br />
So if the converted type is 't' we will obtain:<br />
<br />
t = Rate*T+Offset<br />
<br />
where T is the current animation time in seconds.<br />
<br />
You should have notice that in the image of the conversion types result, the 't' parameter is also converted. It was not expanded in order not to complicate the sample. Here is the result:<br />
<br />
{{l|Image:Time-convert.png}}<br />
<br />
I've exported the Offset parameter to 't1' to allow easy manipulation during the animation.<br />
<br />
== Setting up the parameters ==<br />
<br />
Once done all the conversions and all the exportations you can go to the Child ValueNode list and insert the proper values for the parameters of the animation: V0, phi, G, X0, Y0, t1<br />
<br />
The X-axis and Y-axis parameters are calculated based on the variation of the 't' parameter that is linear with the animation time T. You can also export the parameter 'Rate' form the converted type 't' if you want extra external variation of the equation motion. <br />
Test the values of the mentioned animation parameters to the desired ones. Specially some combinations of G and V0 gives good or bad values. I've set G=2.0 so my example is not in the earth :)<br />
<br />
== Producing more than one shot ==<br />
<br />
You have notice that the shot animation is a little boring due to it starts at time T=0 and there is only one shot. How can you do the same than the sample? How can I use the same bullet several times making different shots with different angles, positions and initial velocities? Quite easy. Use the Offset parameter form the Linear conversion of the 't' variable.<br />
<br />
Initially the Offset parameter is set to 0.0. That means that t=T or in other hands, the animation time is the same than the equation time. But what happen if you modify the Offset parameter during the animation?. You can 'rewind' the equation motion to the place you want just inserting the proper values of the Offset parameter at the proper animation time.<br />
<br />
{|border="1" cellspacing="0" align="center"<br />
|T (sec)|| Offset (t units) || Rate (t units/sec)||t = Rate*T+Offset||Offset waypoint (in/out)<br />
|-<br />
|0.0||0.0||2.0||0.0|| linear/linear<br />
|-<br />
|0.5||-1.0||2.0||0.0|| linear/linear<br />
|-<br />
|4.0||-8.0||2.0||0.0|| constant/linear<br />
|-<br />
|5.5||-11.0||2.0||0.0|| linear/linear<br />
|}<br />
<br />
Those are the graphical representation for the above values:<br />
<br />
'''Offset curve''':<br />
<br />
{{l|Image:Offset-curve.png}}<br />
<br />
'''Rate curve''':<br />
<br />
{{l|Image:Rate-curve.png}}<br />
<br />
''''t' curve''':<br />
<br />
{{l|Image:t-Curve.png}}<br />
<br />
<br />
<br />
Notice that between T=0 and T=0.5 the Offset value has a linear variation that is inverse to the current Rate (2.0). It produces a no variation on the 't' parameter. <br />
<br />
Also when Offset is set to constant = -1.0 (between T=0.5 and T=4.0 seconds) the 't' curve becomes linear (according to the value of Rate). During that period of time the equation is in 'action' and the parabolic shot is done with the current values of X0, Y0, V0, phi and G. <br />
<br />
When Offset is suddenly set to -8.0 at T=4.0 it produces a 'rewind' of the equation animation to its 'zero' (t=Rate*T+Offset=2.0*4.0-8.0=0.0) so the bullet comes again to its origin.<br />
<br />
Notice again that between T=4 and T=5.5 the Offset parameter has a linear variation between -8.0 and -11.0 (what comes from the current T value, divided by the Rate and changed sign), what gives a 't' result constant and equal to 0.0.<br />
<br />
Again, from T=5.5 and beyond, the Offset is set to constant (there is no waypoint later so the value is kept) and the 't' value becomes linear (again there is a second shot). But in this case at T=5.5 the other parameters have been set to other different values (angle is higher and initial velocity is lower) using a constant waypoint. It allows to simulate a new shot with different parameters.<br />
<br />
== The file link and other comments ==<br />
<br />
The above animation can be found also at [http://www.youtube.com/watch?v=Zzs3a52De-I youtube]. The result sifz file for that animation is [http://www.darthfurby.com/genete/synfig/parabolic-shot.sifz here].<br />
<br />
I've added a fancy shooting cannon (it has a rotation angle linked to the 'phi' parameter) a motion blur on the bullet and some background.<br />
<br />
I hope you enjoyed the tutorial. If need any help please ask it in any of the {{l|Contact|usual places}}.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Parabolic_Shot/es&diff=14560Parabolic Shot/es2011-10-13T10:19:28Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Tiro Parabolico}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Este es un pequeño tutorial para mostrar cómo hacer que un objeto siga el camino trazado por una finción matemática, como {{l|Requested Tutorials|requested here}}.<br />
<br />
ESTA PÁGINA ESTÁ SIENDO TRADUCIDA. TEN UN POCO DE PACIENCIA. GRACIAS. <br />
<br />
== Función mathematical function a seguir ==<br />
<br />
Vamos a simular un disparo de cañón. Una bala describe una trayectoria parabólica tras ser disparada por el cañón.es <br />
<br />
{{l|Image:Parabolic-shot.gif}}<br />
<br />
Las ecuaciones matemáticas que describen la trayectoria son:<br />
<br />
<math>X(t)=V_{0x}\cdot t+X_0</math><br />
<br />
<math>Y(t)=-\frac{1}{2}\cdot G \cdot t^2 + V_{0y}\cdot t + Y_0</math><br />
<br />
donde:<br />
<br />
<math>t</math> = tiempo actual para la ecuación.<br />
<br />
<math>X</math> = coordenada 'x' de la bala en el tiempo 't'<br />
<br />
<math>Y</math> = coordenada 'y' de la bala en el tiempo 't'<br />
<br />
<math>X_0</math> = posición 'x' de la bala en el tiempo t = 0<br />
<br />
<math>Y_0</math> = posición 'y' de la bala en el tiempo t = 0<br />
<br />
<math>V_{0x}</math> = componente 'x' de la velocidad en el momento del disparo (t = 0)<br />
<br />
<math>V_{0y}</math> = componente 'y' de la velocidad en el momento del disparo (t = 0)<br />
<br />
<math>G</math> = aceleración de la gravedad.<br />
<br />
Normalmente tenemos el ángulo del tiro y la velocidad en lugar de sus componentes. Su descomposición es muy fácil:<br />
<br />
<math>V_{0x} = V_0 \cdot \cos \varphi</math><br />
<br />
<math>V_{0y} = V_0 \cdot \sin \varphi</math><br />
<br />
donde:<br />
<br />
<math>V_0</math> = velocidad al disparar (t = 0)<br />
<br />
<math>\varphi</math> = ángulo del disparo del cañón con la horizontal.<br />
<br />
Mira [http://en.wikipedia.org/wiki/Trajectory_of_a_projectile this Wikipedia article] si necesitas más información sobre las ecuaciones correspondientes al tiro parabólico.<br />
<br />
== Separando las funciones ==<br />
<br />
So, how can we introduce these functions into Synfig?. To do that you should split the equations into their components. Once decomposed then you realize how many independent variables you need for the simulation. Also you will discover what are the 'engines' for the animation and what are parameters.<br />
<br />
Let's start with the X coordinate:<br />
<br />
<math>X=V_{0x}\cdot t+X_0</math><br />
<br />
Applying basic maths rules you can see that the function is composed by:<br />
<br />
# The addition of two terms: (V0x*t) '''+''' (X0)<br />
# The first term is a multiplication of two single terms: (V0x) '''*''' (t)<br />
# And the third term is a single term (X0)<br />
<br />
So to convert those formula into a Synfig understandable way you should create the following conversion types (between parentheses are the conversion types and between brackets are the exported values or the current values if not exported:<br />
<br />
:[X] (Add)<br />
::LHS [X0]<br />
::RHS [X0] (Scale)<br />
:::Link [V0x]<br />
:::Scalar [t]<br />
::Scalar [1.0]<br />
<br />
(Notice that the Scalar parameter from the Add convert type is not used so its value is 1.0)<br />
<br />
So with this conversion type X becomes X0+(V0x*t).<br />
<br />
Let's continue with the Y coordinate: <br />
<br />
<math>Y=-\frac{1}{2}\cdot G \cdot t^2 + V_{0y}\cdot t + Y_0</math><br />
<br />
This one is a little more complicated because there are more terms. Anyway you should always try to group the terms in pairs and see what operator is used. Take care on the arithmetic operators properties (commutative, associative, distributive and identity) to respect the final values of the formulae. We will search for the operators with the lower order of precedence (multiplication, division and modulus precede addition and subtraction).<br />
<br />
So there are two '+' operators what gives three terms: (-0.5*G*t²) + (V0y*t) + (Y0). Then since Synfig has only a two term convert type for addition operation, we need to make the Add conversion twice.<br />
<br />
Continuing with the analysis, the individual terms are composed by multiplied terms: (-0.5) * (G) * (t²) and (V0y) * (t). <br />
<br />
The same problem arises again; Synfig has a conversion type called 'Scale' that gives the multiplication of a Link by an Scalar. So we need to make the Scale conversion several times for the first term (in fact three times due to the fact that t²=t*t), and once for the second term.<br />
<br />
So the final result is this:<br />
<br />
:Y (Add)<br />
::LHS (Scale)<br />
:::Link (Scale)<br />
::::Link (Scale)<br />
:::::Link [t]<br />
:::::Scalar [t]<br />
::::Scalar [G]<br />
:::Scalar [-0.5]<br />
::RHS (Add)<br />
:::LHS (Scale)<br />
::::Link [V0y]<br />
::::Scalar [t]<br />
:::RHS [Y0]<br />
:::Scalar [1.0]<br />
::Scalar [1.0]<br />
<br />
Now let's study the velocity composition with the velocity modulus and its shooting angle. <br />
<br />
<math>V_{0x} = V_0 \cdot \cos \varphi</math><br />
<br />
<math>V_{0y} = V_0 \cdot \sin \varphi</math><br />
<br />
You can see that splitting these formulae is very simple once you have understood what Synfig needs:<br />
<br />
:V0x (Cos)<br />
::Angle [phi]<br />
::Amplitude [V0]<br />
<br />
and<br />
<br />
:V0y (Sin)<br />
::Angle [phi]<br />
::Amplitude [V0]<br />
<br />
== OK I've analysed the maths functions but how do I put them into Synfig? ==<br />
<br />
Well, in the example of the cannon and ball, I've assigned the X and Y values to the X and Y values of the centre of the circle that defines the bullet. You can assign the mathematical equations to any of the convertible parameters that exist in any layer. <br />
<br />
So you have to go to the circle Center parameter, right click, and select 'Convert -> Composite' from the context menu. Once done you'll obtain two sub-parameters: 'X-axis' and 'Y-axis'.<br />
<br />
All that you need to do is right click on the corresponding parameter that you obtain after each convert type and select the correct conversion type from the analysis you have done before. Then you will convert sequentially each sub-parameter to the proper one. <br />
<br />
Once done you should export the most simple terms to allow easy modification by the user or to allow multiple links in the same formulae. For example the 't' variable (the time for the mathematical equation) is used several times. You should export it only once. The rest of times that 't' appears you should select the exported 't' Valuenode from the child dialog and right click and 'Connect' to connect with it.<br />
<br />
Once done you should obtain something like this:<br />
<br />
{{l|Image:Final-Convert-Result.png}}<br />
<br />
== The 't' parameter ==<br />
<br />
In this case the 'engine' of the equations is the variable 't' (the physic time). To make the engine parameter to 'move' in the animation we need to link it to the animation's current time. To do that we are going to use the 'Linear' convert type. In fact this one is the only convert type that allows a parameter to change with the animation time. It is really important to understand how it works because it will allow us to add 'motion' to our mathematical equations.<br />
<br />
The '{{l|Convert#Linear|Linear}}' convert type gives two sub-parameters:<br />
<br />
'''Rate''': is the amount of change of the converted parameter in one second of animation time.<br />
<br />
'''Offset''': is an offset value to add to the result of the multiplication of the animation time by the Rate value.<br />
<br />
So if the converted type is 't' we will obtain:<br />
<br />
t = Rate*T+Offset<br />
<br />
where T is the current animation time in seconds.<br />
<br />
You should have notice that in the image of the conversion types result, the 't' parameter is also converted. It was not expanded in order not to complicate the sample. Here is the result:<br />
<br />
{{l|Image:Time-convert.png}}<br />
<br />
I've exported the Offset parameter to 't1' to allow easy manipulation during the animation.<br />
<br />
== Setting up the parameters ==<br />
<br />
Once done all the conversions and all the exportations you can go to the Child ValueNode list and insert the proper values for the parameters of the animation: V0, phi, G, X0, Y0, t1<br />
<br />
The X-axis and Y-axis parameters are calculated based on the variation of the 't' parameter that is linear with the animation time T. You can also export the parameter 'Rate' form the converted type 't' if you want extra external variation of the equation motion. <br />
Test the values of the mentioned animation parameters to the desired ones. Specially some combinations of G and V0 gives good or bad values. I've set G=2.0 so my example is not in the earth :)<br />
<br />
== Producing more than one shot ==<br />
<br />
You have notice that the shot animation is a little boring due to it starts at time T=0 and there is only one shot. How can you do the same than the sample? How can I use the same bullet several times making different shots with different angles, positions and initial velocities? Quite easy. Use the Offset parameter form the Linear conversion of the 't' variable.<br />
<br />
Initially the Offset parameter is set to 0.0. That means that t=T or in other hands, the animation time is the same than the equation time. But what happen if you modify the Offset parameter during the animation?. You can 'rewind' the equation motion to the place you want just inserting the proper values of the Offset parameter at the proper animation time.<br />
<br />
{|border="1" cellspacing="0" align="center"<br />
|T (sec)|| Offset (t units) || Rate (t units/sec)||t = Rate*T+Offset||Offset waypoint (in/out)<br />
|-<br />
|0.0||0.0||2.0||0.0|| linear/linear<br />
|-<br />
|0.5||-1.0||2.0||0.0|| linear/linear<br />
|-<br />
|4.0||-8.0||2.0||0.0|| constant/linear<br />
|-<br />
|5.5||-11.0||2.0||0.0|| linear/linear<br />
|}<br />
<br />
Those are the graphical representation for the above values:<br />
<br />
'''Offset curve''':<br />
<br />
{{l|Image:Offset-curve.png}}<br />
<br />
'''Rate curve''':<br />
<br />
{{l|Image:Rate-curve.png}}<br />
<br />
''''t' curve''':<br />
<br />
{{l|Image:t-Curve.png}}<br />
<br />
<br />
<br />
Notice that between T=0 and T=0.5 the Offset value has a linear variation that is inverse to the current Rate (2.0). It produces a no variation on the 't' parameter. <br />
<br />
Also when Offset is set to constant = -1.0 (between T=0.5 and T=4.0 seconds) the 't' curve becomes linear (according to the value of Rate). During that period of time the equation is in 'action' and the parabolic shot is done with the current values of X0, Y0, V0, phi and G. <br />
<br />
When Offset is suddenly set to -8.0 at T=4.0 it produces a 'rewind' of the equation animation to its 'zero' (t=Rate*T+Offset=2.0*4.0-8.0=0.0) so the bullet comes again to its origin.<br />
<br />
Notice again that between T=4 and T=5.5 the Offset parameter has a linear variation between -8.0 and -11.0 (what comes from the current T value, divided by the Rate and changed sign), what gives a 't' result constant and equal to 0.0.<br />
<br />
Again, from T=5.5 and beyond, the Offset is set to constant (there is no waypoint later so the value is kept) and the 't' value becomes linear (again there is a second shot). But in this case at T=5.5 the other parameters have been set to other different values (angle is higher and initial velocity is lower) using a constant waypoint. It allows to simulate a new shot with different parameters.<br />
<br />
== The file link and other comments ==<br />
<br />
The above animation can be found also at [http://www.youtube.com/watch?v=Zzs3a52De-I youtube]. The result sifz file for that animation is [http://www.darthfurby.com/genete/synfig/parabolic-shot.sifz here].<br />
<br />
I've added a fancy shooting cannon (it has a rotation angle linked to the 'phi' parameter) a motion blur on the bullet and some background.<br />
<br />
I hope you enjoyed the tutorial. If need any help please ask it in any of the {{l|Contact|usual places}}.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Parabolic_Shot/es&diff=14559Parabolic Shot/es2011-10-13T08:53:30Z<p>Rafael: </p>
<hr />
<div>ESTA PÁGINA ESTÁ SIENDO TRADUCIDA. TEN UN POCO DE PACIENCIA. GRACIAS.<br />
== Mathematical function to follow ==<br />
<br />
We're going to simulate a cannon shot. A cannonball describes a parabolic trajectory after it is fired from the cannon.<br />
<br />
{{l|Image:Parabolic-shot.gif}}<br />
<br />
The mathematical equations that govern the trajectory are:<br />
<br />
<math>X(t)=V_{0x}\cdot t+X_0</math><br />
<br />
<math>Y(t)=-\frac{1}{2}\cdot G \cdot t^2 + V_{0y}\cdot t + Y_0</math><br />
<br />
where:<br />
<br />
<math>t</math> = the current time for the mathematical equation.<br />
<br />
<math>X</math> = the 'x' coordinate of the bullet at a time 't'<br />
<br />
<math>Y</math> = the 'y' coordinate of the bullet at a time 't'<br />
<br />
<math>X_0</math> = the 'x' position of the bullet at time t = 0<br />
<br />
<math>Y_0</math> = the 'y' position of the bullet at time t = 0<br />
<br />
<math>V_{0x}</math> = the 'x' component of the velocity when shot (t = 0)<br />
<br />
<math>V_{0y}</math> = the 'y' component of the velocity when shot (t = 0)<br />
<br />
<math>G</math> = the gravity's acceleration.<br />
<br />
You usually have the angle and the velocity modulus instead of its components. The decomposition is quite easy:<br />
<br />
<math>V_{0x} = V_0 \cdot \cos \varphi</math><br />
<br />
<math>V_{0y} = V_0 \cdot \sin \varphi</math><br />
<br />
where:<br />
<br />
<math>V_0</math> = the velocity when shot (t = 0)<br />
<br />
<math>\varphi</math> = the cannon shooting angle with the horizontal.<br />
<br />
See [http://en.wikipedia.org/wiki/Trajectory_of_a_projectile this Wikipedia article] if you need more information regarding the maths equations of a parabolic shot.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Parabolic_Shot/es&diff=14558Parabolic Shot/es2011-10-13T08:51:37Z<p>Rafael: Created page with "ESTA PÁGINA ESTÁ SIENDO TRADUCIDA. TEN UN POCO DE PACIENCIA. GRACIAS."</p>
<hr />
<div>ESTA PÁGINA ESTÁ SIENDO TRADUCIDA. TEN UN POCO DE PACIENCIA. GRACIAS.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/fr&diff=13057Doc:Walk Cycle/fr2010-07-22T07:35:34Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Cycle de Marche}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
== Le Fichier de Liste ==<br />
Un des aspects les moins évidents de Synfig est contenue dans la calque d'importer des images. En plus d'être en mesure d'importer des fichiers d'image de base, il accepte aussi un fichier "lst". Cette liste de fichiers est tout simplement un fichier de texte qui se compose d'un taux de cadres, suivi d'une liste d'images à afficher. (Si le nombre d'images par seconde n'est pas fourni, il utilise une taux de défaut de 15 images par seconde (FPS).)<br />
<br />
Un exemple, fourni par Vorian Studios, prend quatre images fixes à partir d'un personnage à différentes étapes d'un cycle de marche. Ces images sont affichées avec 4 images par seconde pour donner une séquence répétée qui montre un homme qui marche.<br />
<br />
Voici les images<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Et voici le début du fichier "lst". <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Création d'un Cycle de Marche ==<br />
Voyons comment utiliser ces images pour créer un cycle complet de marche pour un dessin dans Synfig.<br />
<br />
Commencé avec une nouvelle toile (Canvas) et ajouter une durée de quelques secondes avec un taux de 24 images par seconde (par défaut).Sur la toile, sélectionnez le triangle dans le coin supérieur à gauche> Calques> Nouveau calque, d'autres, l'importation d'image.<br />
<br />
Cela crée un nouveau calque de l'image importée, mais rien ne s'affiche que lorsque vous sélectionnez le nom du fichier. Aller à la boîte de Params et faites défiler jusqu'à Nom du fichier. Là, vous pouvez naviguer vers le fichier. "lst" et sélectionner Ouvrir. Vous devriez maintenant voir la première image de la liste. Déplacez-vous dans le temps. Cela affichera les images successives de la liste chaque six cadres. Vous pouvez prévisualiser ou rendre tel qu'il est, et obtenir une animation avec une plage d'images trés faible.<br />
<br />
Cependant, le résultat n'est pas très lisse, et les images ne sont pas très flexible. (Les images peuvent se déplacer, faire pivoter et étirer mais pas des éléments au sein des images, qui ne peut pas être changé). Pour avoir un dessin totalement modifiable il faut dessiner dessus avec Synfig avec des éléments tels que les Bllines ou des lignes tracées avec l'outil «dessin».<br />
<br />
Je travaille avec une tablette graphique, de sorte que la meilleure solution pour moi est d'utiliser {{l|Draw Tool|l'outil de dessin}} . Retournez à le point 0f, sélectionnez l'outil de dessin et dessinez sur le caractère. Je l'ai trouvé plus facile de diviser l'image en plusieurs parties (tête, bras gauche, bras droit, du tronc, la jambe gauche, jambe droite). Comme un truc utile, si le formulaire ne vous va pas bien, allez dans le menu Calque et décochez la case de la région. Cela vous permet de voir l'image ci-dessous pendant que vous faites glisser les poignées en tant de corriger la ligne.<br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Une fois le dessin à 0f est finis, allez dans la ligne du temps au 6f. Au lieu d'avoir à les dessiner à nouveau, cette fois nous allons prendre des éléments existants et nous allons simplement les repositionnér pour correspondre à l'image. Encore une fois, si vous désactivez les couches d'une région on peut voir l'image d'édition. Utilisez les outils de rotation et de translation pour déplacer les parties du corps, en adaptant les poignées pour le réglage plus fin (ne pas oublier le changement de "Edit Mode Animation" comme il est décrit dans {{L|Doc:Animation Basics}} ).<br />
<br />
Répétez pour les points du temps 12f et 18f, puis éteignez la calque de l'image importée (décochez la case dans la fenêtre de calques). Maintenant, meme si seulement nous avons établi quatre cadres, gràce à le pouvoir de Synfig, nous avons rendu 24 images d'un homme qui marche doucement. Ajoutez une calque avec un boucle de temps de 1 seconde et l'homme garderà le rythme sur le terrain pour la durée de votre animation.<br />
<br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Ajouter une calque de deplacement vous permettra que votre image déménage d'un endroit à un autre sur la toile.(or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Voici le fichier comprimé}} avec le list file, les 4 images fixes, et le fichier de Synfig fini. Décompressez dans le même place et ouvrez le fichier newwalk.sif avec Synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/fr&diff=13056Doc:Walk Cycle/fr2010-07-22T07:35:17Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Cycle de Marche}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Cette page est en cours de traduction. Soyez patient.<br />
== Le Fichier de Liste ==<br />
Un des aspects les moins évidents de Synfig est contenue dans la calque d'importer des images. En plus d'être en mesure d'importer des fichiers d'image de base, il accepte aussi un fichier "lst". Cette liste de fichiers est tout simplement un fichier de texte qui se compose d'un taux de cadres, suivi d'une liste d'images à afficher. (Si le nombre d'images par seconde n'est pas fourni, il utilise une taux de défaut de 15 images par seconde (FPS).)<br />
<br />
Un exemple, fourni par Vorian Studios, prend quatre images fixes à partir d'un personnage à différentes étapes d'un cycle de marche. Ces images sont affichées avec 4 images par seconde pour donner une séquence répétée qui montre un homme qui marche.<br />
<br />
Voici les images<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Et voici le début du fichier "lst". <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Création d'un Cycle de Marche ==<br />
Voyons comment utiliser ces images pour créer un cycle complet de marche pour un dessin dans Synfig.<br />
<br />
Commencé avec une nouvelle toile (Canvas) et ajouter une durée de quelques secondes avec un taux de 24 images par seconde (par défaut).Sur la toile, sélectionnez le triangle dans le coin supérieur à gauche> Calques> Nouveau calque, d'autres, l'importation d'image.<br />
<br />
Cela crée un nouveau calque de l'image importée, mais rien ne s'affiche que lorsque vous sélectionnez le nom du fichier. Aller à la boîte de Params et faites défiler jusqu'à Nom du fichier. Là, vous pouvez naviguer vers le fichier. "lst" et sélectionner Ouvrir. Vous devriez maintenant voir la première image de la liste. Déplacez-vous dans le temps. Cela affichera les images successives de la liste chaque six cadres. Vous pouvez prévisualiser ou rendre tel qu'il est, et obtenir une animation avec une plage d'images trés faible.<br />
<br />
Cependant, le résultat n'est pas très lisse, et les images ne sont pas très flexible. (Les images peuvent se déplacer, faire pivoter et étirer mais pas des éléments au sein des images, qui ne peut pas être changé). Pour avoir un dessin totalement modifiable il faut dessiner dessus avec Synfig avec des éléments tels que les Bllines ou des lignes tracées avec l'outil «dessin».<br />
<br />
Je travaille avec une tablette graphique, de sorte que la meilleure solution pour moi est d'utiliser {{l|Draw Tool|l'outil de dessin}} . Retournez à le point 0f, sélectionnez l'outil de dessin et dessinez sur le caractère. Je l'ai trouvé plus facile de diviser l'image en plusieurs parties (tête, bras gauche, bras droit, du tronc, la jambe gauche, jambe droite). Comme un truc utile, si le formulaire ne vous va pas bien, allez dans le menu Calque et décochez la case de la région. Cela vous permet de voir l'image ci-dessous pendant que vous faites glisser les poignées en tant de corriger la ligne.<br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Une fois le dessin à 0f est finis, allez dans la ligne du temps au 6f. Au lieu d'avoir à les dessiner à nouveau, cette fois nous allons prendre des éléments existants et nous allons simplement les repositionnér pour correspondre à l'image. Encore une fois, si vous désactivez les couches d'une région on peut voir l'image d'édition. Utilisez les outils de rotation et de translation pour déplacer les parties du corps, en adaptant les poignées pour le réglage plus fin (ne pas oublier le changement de "Edit Mode Animation" comme il est décrit dans {{L|Doc:Animation Basics}} ).<br />
<br />
Répétez pour les points du temps 12f et 18f, puis éteignez la calque de l'image importée (décochez la case dans la fenêtre de calques). Maintenant, meme si seulement nous avons établi quatre cadres, gràce à le pouvoir de Synfig, nous avons rendu 24 images d'un homme qui marche doucement. Ajoutez une calque avec un boucle de temps de 1 seconde et l'homme garderà le rythme sur le terrain pour la durée de votre animation.<br />
<br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Ajouter une calque de deplacement vous permettra que votre image déménage d'un endroit à un autre sur la toile.(or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Voici le fichier comprimé}} avec le list file, les 4 images fixes, et le fichier de Synfig fini. Décompressez dans le même place et ouvrez le fichier newwalk.sif avec Synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/fr&diff=13055Doc:Walk Cycle/fr2010-07-22T07:18:18Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Cycle de Marche}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Cette page est en cours de traduction. Soyez patient.<br />
== Le Fichier de Liste ==<br />
Un des aspects les moins évidents de Synfig est contenue dans la calque d'importer des images. En plus d'être en mesure d'importer des fichiers d'image de base, il accepte aussi un fichier "lst". Cette liste de fichiers est tout simplement un fichier de texte qui se compose d'un taux de cadres, suivi d'une liste d'images à afficher. (Si le nombre d'images par seconde n'est pas fourni, il utilise une taux de défaut de 15 images par seconde (FPS).)<br />
<br />
Un exemple, fourni par Vorian Studios, prend quatre images fixes à partir d'un personnage à différentes étapes d'un cycle de marche. Ces images sont affichées avec 4 images par seconde pour donner une séquence répétée qui montre un homme qui marche.<br />
<br />
Voici les images<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Et voici le début du fichier "lst". <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Création d'un Cycle de Marche ==<br />
Voyons comment utiliser ces images pour créer un cycle complet de marche pour un dessin dans Synfig.<br />
<br />
Commencé avec une nouvelle toile (Canvas) et ajouter une durée de quelques secondes avec un taux de 24 images par seconde (par défaut).Sur la toile, sélectionnez le triangle dans le coin supérieur à gauche> Calques> Nouveau calque, d'autres, l'importation d'image.<br />
<br />
Cela crée un nouveau calque de l'image importée, mais rien ne s'affiche que lorsque vous sélectionnez le nom du fichier. Aller à la boîte de Params et faites défiler jusqu'à Nom du fichier. Là, vous pouvez naviguer vers le fichier. "lst" et sélectionner Ouvrir. Vous devriez maintenant voir la première image de la liste. Déplacez-vous dans le temps. Cela affichera les images successives de la liste chaque six cadres. Vous pouvez prévisualiser ou rendre tel qu'il est, et obtenir une animation avec une plage d'images trés faible.<br />
<br />
Cependant, le résultat n'est pas très lisse, et les images ne sont pas très flexible. (Les images peuvent se déplacer, faire pivoter et étirer mais pas des éléments au sein des images, qui ne peut pas être changé). Pour avoir un dessin totalement modifiable il faut dessiner dessus avec Synfig avec des éléments tels que les Bllines ou des lignes tracées avec l'outil «dessin».<br />
<br />
Je travaille avec une tablette graphique, de sorte que la meilleure solution pour moi est d'utiliser {{l|Draw Tool|l'outil de dessin}} . Retournez à le point 0f, sélectionnez l'outil de dessin et dessinez sur le caractère. Je l'ai trouvé plus facile de diviser l'image en plusieurs parties (tête, bras gauche, bras droit, du tronc, la jambe gauche, jambe droite). Comme un truc utile, si le formulaire ne vous va pas bien, allez dans le menu Calque et décochez la case de la région. Cela vous permet de voir l'image ci-dessous pendant que vous faites glisser les poignées en tant de corriger la ligne.<br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Une fois le cadre 0f est finis, allez dans la ligne du temps au 6f. Au lieu d'avoir à les dessiner à nouveau, cette fois nous allons prendre des éléments existants et nous allons simplement les repositionnér pour correspondre à l'image. Encore une fois, si vous désactivez les couches d'une région on peut voir l'image d'édition. Utilisez les outils de rotation et de translation pour déplacer les parties du corps, en adaptant les poignées pour le réglage plus fin (ne pas oublier le changement de "Edit Mode Animation" comme décrit dans {{L|Doc:Animation Basics}} ).<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/fr&diff=13054Doc:Walk Cycle/fr2010-07-22T07:07:48Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Cycle de Marche}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Cette page est en cours de traduction. Soyez patient.<br />
== Le Fichier de Liste ==<br />
Un des aspects les moins évidents de Synfig est contenue dans la calque d'importer des images. En plus d'être en mesure d'importer des fichiers d'image de base, il accepte aussi un fichier "lst". Cette liste de fichiers est tout simplement un fichier de texte qui se compose d'un taux de cadres, suivi d'une liste d'images à afficher. (Si le nombre d'images par seconde n'est pas fourni, il utilise une taux de défaut de 15 images par seconde (FPS).)<br />
<br />
Un exemple, fourni par Vorian Studios, prend quatre images fixes à partir d'un personnage à différentes étapes d'un cycle de marche. Ces images sont affichées avec 4 images par seconde pour donner une séquence répétée qui montre un homme qui marche.<br />
<br />
Voici les images<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Et voici le début du fichier "lst". <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Création d'un Cycle de Marche ==<br />
Voyons comment utiliser ces images pour créer un cycle complet de marche pour un dessin dans Synfig.<br />
<br />
Commencé avec une nouvelle toile (Canvas) et ajouter une durée de quelques secondes avec un taux de 24 images par seconde (par défaut).Sur la toile, sélectionnez le triangle dans le coin supérieur à gauche> Calques> Nouveau calque, d'autres, l'importation d'image.<br />
<br />
Cela crée un nouveau calque de l'image importée, mais rien ne s'affiche que lorsque vous sélectionnez le nom du fichier. Aller à la boîte de Params et faites défiler jusqu'à Nom du fichier. Là, vous pouvez naviguer vers le fichier. "lst" et sélectionner Ouvrir. Vous devriez maintenant voir la première image de la liste. Déplacez-vous dans le temps. Cela affichera les images successives de la liste chaque six cadres. Vous pouvez prévisualiser ou rendre tel qu'il est, et obtenir une animation avec une plage d'images trés faible.<br />
<br />
Cependant, le résultat n'est pas très lisse, et les images ne sont pas très flexible. (Les images peuvent se déplacer, faire pivoter et étirer mais pas des éléments au sein des images, qui ne peut pas être changé). Pour avoir un dessin totalement modifiable il faut dessiner dessus avec Synfig avec des éléments tels que les Bllines ou des lignes tracées avec l'outil «dessin».<br />
<br />
Je travaille avec une tablette graphique, de sorte que la meilleure solution pour moi est d'utiliser {{l|Draw Tool|l'outil de dessin}} . Retournez à la frame 0, sélectionnez l'outil de dessin et dessinez sur le caractère. Je l'ai trouvé plus facile de diviser l'image en plusieurs parties (tête, bras gauche, bras droit, du tronc, la jambe gauche, jambe droite). Comme un truc utile, si le formulaire ne vous va pas bien, allez dans le menu Calque et décochez la case de la région. Cela vous permet de voir l'image ci-dessous pendant que vous faites glisser les canards en tant de corriger la ligne.<br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync/fr&diff=13053Doc:Lipsync/fr2010-07-22T06:59:52Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Synchroniser la voix}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
Voici un petit tutoriel sur la façon dont je fais le lipsync. Nous aurons besoin d'un enregistreur audio (par exemple Audacity), le programme Papagayo, un éditeur de vidéo (comme Avidemux), un éditeur de texte (comme gedit) et Synfig (bien sur).<br />
<br />
Je vous conseille de regarder les desins de Preston Blair. http://www.animationarchive.org/2006/05/media-preston-blairs-animation-1st.html<br />
<br />
<br />
Nous avons fait notre dessin (dans ce cas, en vue de face.)<br />
<br />
1. Enregistrér avec Audacity le texte que vous souhaitez utiliser.<br />
<br />
2. Corriger (si nécessaire) et l'exporter au format wav. Nomner lui "Texto.wav".<br />
<br />
3. Ouvrir le fichier Texto.wav avec le programme Papagayo.<br />
<br />
4. Corriger le texte selon les instructions du programme, et enregistrer (en tant que Texto.pgo)<br />
<br />
5. Après ça, choisir "voix Exporter ..." Nous allons l'enregistrer sous le nom "Texto.dat".<br />
<br />
6. Ouvrir Texto.dat avec "gedit". On note la position des phonèmes correspondants, soit 1 correspond à 1f, 24 correspond à 1s, 25 correspond à 1s 1f, 50 correspond à 2s 2f, etc.<br />
<br />
<br />
Nous connaissons maintenant la position exacte de chaque phonème. Nous voulons toujours de décider combien de poses différentes nous voulons. (On peut utiliser le schéma présenté par Preston Blair, ou bien utilisez votre propre).<br />
<br />
<br />
Venez à notre animation. Nous allons bouger la bouche, sans la tête.<br />
<br />
1. Nous exportons la bouche (si nous suivons la Preston Blair, on devrà exporter la tête).<br />
<br />
2. Changer l'interpolation a constant.<br />
<br />
3. Maintenant, sur la toile exportée, nous allons dessiner chaque posture dans le frame approprié, en doublant l'image-clé en cas de besoin. Si la vitesse du texte est très rapide, il n'est pas nécessaire d'attirer tous les phonèmes.<br />
<br />
<br />
Nous pouvons dessiner d'abord toutes les phonèmes dans la première seconde et démarrer l'animation après 1s, de sorte que on doit doubler l'image-clé correspondant à tout moment. Dans ce cas, le rendu c'est fait après 1s.<br />
<br />
<br />
Une autre chose que nous pouvons faire est de créer une bibliothèque de phonèmes en profitant de la "paste canvas layer" comme dans ce tutoriel: http://vimeo.com/10318012 <br />
<br />
<br />
Ensuite, utilisez l'éditeur de vidéo (Avidemux) pour ajouter de l'audio à la vidéo.<br />
<br />
J'espère que cela peut vous aider.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync/fr&diff=13049Doc:Lipsync/fr2010-07-21T20:48:06Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Synchroniser la voix}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
Voici un petit tutoriel sur la façon dont je fais le lipsync. Nous aurons besoin d'un enregistreur audio (par exemple Audacity), le programme Papagayo, un éditeur de vidéo (comme Avidemux), un éditeur de texte (comme gedit) et Synfig (bien sur).<br />
<br />
Je vous conseille de regarder les desins de Preston Blair. http://www.animationarchive.org/2006/05/media-preston-blairs-animation-1st.html<br />
<br />
<br />
Nous avons fait notre desin (dans ce cas, en vue de face.)<br />
<br />
1. Enregistrér avec Audacity le texte que vous souhaitez utiliser.<br />
<br />
2. Corriger (si nécessaire) et l'exporter au format wav. Nomner lui "Texto.wav".<br />
<br />
3. Ouvrir le fichier Texto.wav avec le programme Papagayo.<br />
<br />
4. Corriger le texte selon les instructions du programme, et enregistrer (en tant que Texto.pgo)<br />
<br />
5. Après ça, choisir "voix Exporter ..." Nous allons l'enregistrer sous le nom "Texto.dat".<br />
<br />
6. Ouvrir Texto.dat avec "gedit". On note la position des phonèmes correspondants, soit 1 correspond à 1f, 24 correspond à 1s, 25 correspond à 1s 1f, 50 correspond à 2s 2f, etc.<br />
<br />
<br />
Nous connaissons maintenant la position exacte de chaque phonème. Nous voulons toujours de décider combien de poses différentes nous voulons. (On peut utiliser le schéma présenté par Preston Blair, ou bien utilisez votre propre).<br />
<br />
<br />
Venez à notre animation. Nous allons bouger la bouche, sans la tête.<br />
<br />
1. Nous exportons la bouche (si nous suivons la Preston Blair, on devrà exporter la tête).<br />
<br />
2. Changer l'interpolation a constant.<br />
<br />
3. Maintenant, sur la toile exportée, nous allons desiner chaque posture dans le frame approprié, en doublant l'image-clé en cas de besoin. Si la vitesse du texte est très rapide, il n'est pas nécessaire d'attirer tous les phonèmes.<br />
<br />
<br />
Nous pouvons desiner d'abord toutes les phonèmes dans la première seconde et démarrer l'animation après 1s, de sorte que on doit doubler l'image-clé correspondant à tout moment. Dans ce cas, le rendu c'est fait après 1s.<br />
<br />
<br />
Une autre chose que nous pouvons faire est de créer une bibliothèque de phonèmes en profitant de la "paste canvas layer" comme dans ce tutoriel: http://vimeo.com/10318012 <br />
<br />
<br />
Ensuite, utilisez l'éditeur de vidéo (Avidemux) pour ajouter de l'audio à la vidéo.<br />
<br />
J'espère que cela peut vous aider.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync/fr&diff=13048Doc:Lipsync/fr2010-07-21T17:02:45Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Synchroniser l'àudio}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
Voici un petit tutoriel sur la façon dont je fais le lipsync. Nous aurons besoin d'un enregistreur audio (par exemple Audacity), le programme Papagayo, un éditeur de vidéo (comme Avidemux), un éditeur de texte (comme gedit) et Synfig (bien sur).<br />
<br />
Je vous conseille de regarder les desins de Preston Blair. http://www.animationarchive.org/2006/05/media-preston-blairs-animation-1st.html<br />
<br />
<br />
Nous avons fait notre desin (dans ce cas, en vue de face.)<br />
<br />
1. Enregistrér avec Audacity le texte que vous souhaitez utiliser.<br />
<br />
2. Corriger (si nécessaire) et l'exporter au format wav. Nomner lui "Texto.wav".<br />
<br />
3. Ouvrir le fichier Texto.wav avec le programme Papagayo.<br />
<br />
4. Corriger le texte selon les instructions du programme, et enregistrer (en tant que Texto.pgo)<br />
<br />
5. Après ça, choisir "voix Exporter ..." Nous allons l'enregistrer sous le nom "Texto.dat".<br />
<br />
6. Ouvrir Texto.dat avec "gedit". On note la position des phonèmes correspondants, soit 1 correspond à 1f, 24 correspond à 1s, 25 correspond à 1s 1f, 50 correspond à 2s 2f, etc.<br />
<br />
<br />
Nous connaissons maintenant la position exacte de chaque phonème. Nous voulons toujours de décider combien de poses différentes nous voulons. (On peut utiliser le schéma présenté par Preston Blair, ou bien utilisez votre propre).<br />
<br />
<br />
Venez à notre animation. Nous allons bouger la bouche, sans la tête.<br />
<br />
1. Nous exportons la bouche (si nous suivons la Preston Blair, on devrà exporter la tête).<br />
<br />
2. Changer l'interpolation a constant.<br />
<br />
3. Maintenant, sur la toile exportée, nous allons desiner chaque posture dans le frame approprié, en doublant l'image-clé en cas de besoin. Si la vitesse du texte est très rapide, il n'est pas nécessaire d'attirer tous les phonèmes.<br />
<br />
<br />
Nous pouvons desiner d'abord toutes les phonèmes dans la première seconde et démarrer l'animation après 1s, de sorte que on doit doubler l'image-clé correspondant à tout moment. Dans ce cas, le rendu c'est fait après 1s.<br />
<br />
<br />
Une autre chose que nous pouvons faire est de créer une bibliothèque de phonèmes en profitant de la "paste canvas layer" comme dans ce tutoriel: http://vimeo.com/10318012 <br />
<br />
<br />
Ensuite, utilisez l'éditeur de vidéo (Avidemux) pour ajouter de l'audio à la vidéo.<br />
<br />
J'espère que cela peut vous aider.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync/fr&diff=13047Doc:Lipsync/fr2010-07-21T17:00:37Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Synchroniser l'àudio}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
Voici un petit tutoriel sur la façon dont je fais le lipsync. Nous aurons besoin d'un enregistreur audio (par exemple Audacity), le programme Papagayo, un éditeur de vidéo (comme Avidemux), un éditeur de texte (comme gedit) et Synfig (bien sur).<br />
Je vous conseille de regarder les desins de Preston Blair. http://www.animationarchive.org/2006/05/media-preston-blairs-animation-1st.html<br />
Nous avons fait notre desin (dans ce cas, en vue de face.)<br />
1. Enregistrér avec Audacity le texte que vous souhaitez utiliser.<br />
2. Corriger (si nécessaire) et l'exporter au format wav. Nomner lui "Texto.wav".<br />
3. Ouvrir le fichier Texto.wav avec le programme Papagayo.<br />
4. Corriger le texte selon les instructions du programme, et enregistrer (en tant que Texto.pgo)<br />
5. Après ça, choisir "voix Exporter ..." Nous allons l'enregistrer sous le nom "Texto.dat".<br />
6. Ouvrir Texto.dat avec "gedit". On note la position des phonèmes correspondants, soit 1 correspond à 1f, 24 correspond à 1s, 25 correspond à 1s 1f, 50 correspond à 2s 2f, etc.<br />
<br />
Nous connaissons maintenant la position exacte de chaque phonème. Nous voulons toujours de décider combien de poses différentes nous voulons. (On peut utiliser le schéma présenté par Preston Blair, ou bien utilisez votre propre).<br />
<br />
Venez à notre animation. Nous allons bouger la bouche, sans la tête.<br />
1. Nous exportons la bouche (si nous suivons la Preston Blair, on devrà exporter la tête).<br />
2. Changer l'interpolation a constant.<br />
3. Maintenant, sur la toile exportée, nous allons desiner chaque posture dans le frame approprié, en doublant l'image-clé en cas de besoin. Si la vitesse du texte est très rapide, il n'est pas nécessaire d'attirer tous les phonèmes.<br />
<br />
Nous pouvons desiner d'abord toutes les phonèmes dans la première seconde et démarrer l'animation après 1s, de sorte que on doit doubler l'image-clé correspondant à tout moment. Dans ce cas, le rendu c'est fait après 1s.<br />
<br />
Une autre chose que nous pouvons faire est de créer une bibliothèque de phonèmes en profitant de la "paste canvas layer" comme dans ce tutoriel: http://vimeo.com/10318012 <br />
<br />
Ensuite, utilisez l'éditeur de vidéo (Avidemux) pour ajouter de l'audio à la vidéo.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync/fr&diff=13046Doc:Lipsync/fr2010-07-21T17:00:05Z<p>Rafael: Created page with '<!-- Page info --> {{Title|Synchroniser l'àudio}} {{Category|Tutorials}} {{Category|Tutorials Intermediate}} <!-- Page info end -->'</p>
<hr />
<div><!-- Page info --><br />
{{Title|Synchroniser l'àudio}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --></div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync/es&diff=13045Doc:Lipsync/es2010-07-21T16:37:03Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Sincronización del habla}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
<br />
Este es un pequeño tutorial sobre cómo hago yo el lipsync. Necesitaremos un grabador de audio (por ejemplo Audacity), el programa Papagayo, un editor de vídeo (como Avidemux), un editor de texto (como gedit) y por supuesto Synfig. <br />
<br />
Aconsejo fijarse en los dibujos de Preston Blair. http://www.animationarchive.org/2006/05/media-preston-blairs-animation-1st.html<br />
<br />
<br />
Tenemos hecho nuestro dibujo (en este caso en vista frontal). <br />
<br />
1. Grabamos con Audacity el texto que queremos utilizar. <br />
<br />
2. Lo arreglamos (si es necesario) y lo exportamos al formato wav. Le ponemos de nombre Texto.wav. <br />
<br />
3. Con el programa Papagayo abrimos el fichero Texto.wav. <br />
<br />
4. Arreglamos el texto conforme a las instrucciones del programa Papagayo y guardamos como Texto.pgo <br />
<br />
5. Una vez arreglado le damos a "Export voice…" Nos lo guardará como Texto.dat. <br />
<br />
6. Abrimos Texto.dat con gedit. Al lado de los fotogramas anotamos la posición de los fonemas correspondientes; así, 1 corresponde a 1f, 24 corresponde a 1s, 25 corresponde a 1s 1f, 50 corresponde a 2s 2f, etc. <br />
<br />
<br />
Ahora ya sabemos la posición exacta de cada fonema. Nos queda decidir cuántas poses diferentes queremos. (podemos utilizar el esquema dado por Preston Blair, o utilizar uno propio).<br />
<br />
<br />
Vamos a nuestra animación. Vamos a hacer que se mueva la boca, sin la cabeza. <br />
<br />
1. Exportamos la boca (si queremos seguir las indicaciones de Preston Blair, exportaremos la cabeza).<br />
<br />
2. Cambiaremos la interpolación a Constante.<br />
<br />
3. Ahora, en el lienzo exportado, dibujaremos cada pose en el fotograba adecuado, duplicando el keyframe cuando sea necesario. Si la velocidad del texto es muy rápida, entonces no es necesario dibujar todos los fonemas.<br />
<br />
<br />
Podemos dibujar primero todos los fonemas en el primer segundo y empezar con la animación a partir del fotograma 1s, de modo que duplicaremos el fotograma clave correspondiente en cada momento. En este caso renderizaremos a partir del fotograma 1s.<br />
<br />
<br />
Otra cosa que podemos hacer es crear una librería de fonemas aprovechando el paste canvas layer como en este tutorial http://vimeo.com/10318012.<br />
<br />
<br />
Después utilizaremos el editor de vídeo (Avidemux) para añadir el audio al vídeo.<br />
<br />
Espero que os ayude.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync/es&diff=13044Doc:Lipsync/es2010-07-21T16:35:19Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Sincronización del habla}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo creada. Espera un poco.<br />
<br />
Este es un pequeño tutorial sobre cómo hago yo el lipsync. Necesitaremos un grabador de audio (por ejemplo Audacity), el programa Papagayo, un editor de vídeo (como Avidemux), un editor de texto (como gedit) y por supuesto Synfig. <br />
<br />
Aconsejo fijarse en los dibujos de Preston Blair. http://www.animationarchive.org/2006/05/media-preston-blairs-animation-1st.html<br />
<br />
Tenemos hecho nuestro dibujo (en este caso en vista frontal). <br />
<br />
1. Grabamos con Audacity el texto que queremos utilizar. <br />
2. Lo arreglamos (si es necesario) y lo exportamos al formato wav. Le ponemos de nombre Texto.wav. <br />
3. Con el programa Papagayo abrimos el fichero Texto.wav. <br />
4. Arreglamos el texto conforme a las instrucciones del programa Papagayo y guardamos como Texto.pgo <br />
5. Una vez arreglado le damos a "Export voice…" Nos lo guardará como Texto.dat. <br />
6. Abrimos Texto.dat con gedit. Al lado de los fotogramas anotamos la posición de los fonemas correspondientes; así, 1 corresponde a 1f, 24 corresponde a 1s, 25 corresponde a 1s 1f, 50 corresponde a 2s 2f, etc. <br />
<br />
Ahora ya sabemos la posición exacta de cada fonema. Nos queda decidir cuántas poses diferentes queremos. (podemos utilizar el esquema dado por Preston Blair, o utilizar uno propio).<br />
<br />
Vamos a nuestra animación. Vamos a hacer que se mueva la boca, sin la cabeza. <br />
<br />
1. Exportamos la boca (si queremos seguir las indicaciones de Preston Blair, exportaremos la cabeza).<br />
2. Cambiaremos la interpolación a Constante.<br />
3. Ahora, en el lienzo exportado, dibujaremos cada pose en el fotograba adecuado, duplicando el keyframe cuando sea necesario. <br />
<br />
Podemos dibujar primero todos los fonemas en el primer segundo y empezar con la animación a partir del fotograma 1s, de modo que duplicaremos el fotograma clave correspondiente en cada momento. En este caso renderizaremos a partir del fotograma 1s.<br />
<br />
Otra cosa que podemos hacer es crear una librería de fonemas aprovechando el paste canvas layer como en este tutorial http://vimeo.com/10318012.<br />
<br />
Después utilizaremos el editor de vídeo (Avidemux) para añadir el audio al vídeo.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync&diff=13043Doc:Lipsync2010-07-21T16:33:40Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Lipsync}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
<br />
This is a small tutorial on how I do the lipsync. We will need an audio recorder (eg Audacity), the program Papagayo, a video editor (like Avidemux), a text editor (like gedit) and of course Synfig.<br />
<br />
I advise to look at the pictures of Preston Blair. http://www.animationarchive.org/2006/05/media-preston-blairs-animation-1st.html<br />
<br />
We have done our draw (in this case in front view).<br />
<br />
1. Record with Audacity the text you want to use.<br />
<br />
2. Then fix it (if necessary) and export it to WAV format. We'll name it "Texto.wav".<br />
<br />
3. Open the file Texto.wav with Papagayo.<br />
<br />
4. Fixed the text according to Papagayo instructions and save as "Texto.pgo".<br />
<br />
5. Once settled choose "voice Export ..." We will save it as "Texto.dat".<br />
<br />
6. Open "Texto.dat" with gedit. We'll note the position of the corresponding phonemes, so 1 corresponds to 1f, 24 corresponds to 1s, 25 corresponds to 1s 1f, 50 corresponds to 2s 2f, etc.<br />
<br />
<br />
Now we know the exact position of each phoneme. We still to decide how many different poses we want. (We can use the outline given by Preston Blair, or use your own).<br />
<br />
<br />
Come to our animation. Let's make the mouth move, without heads.<br />
<br />
1. We export the mouth (if we follow the Preston Blair draws, we'll export the head).<br />
<br />
2. Change Interpolation to constant.<br />
<br />
3. Now, on the exported canvas, we will draw each pose in the appropriate frame, doubling the keyframe when necessary. If the text speed is very fast, then it's not necessary to draw all the phonemes.<br />
<br />
<br />
Also, we can draw all the phonemes we need in the first second and start the animation from frame 1s, so we will double the corresponding keyframe at any time. In this case we must start to render from 1s.<br />
<br />
Another thing we can do is create a library of phonemes, taking advantage of the "paste canvas layer" as in this tutorial. http://vimeo.com/10318012 .<br />
<br />
<br />
Then we'll use the video editor (Avidemux) to add audio to video.<br />
<br />
I hope it can help you.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync&diff=13042Doc:Lipsync2010-07-21T16:33:21Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Lipsync}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
This page is under construction. Be patient<br />
This is a small tutorial on how I do the lipsync. We will need an audio recorder (eg Audacity), the program Papagayo, a video editor (like Avidemux), a text editor (like gedit) and of course Synfig.<br />
<br />
I advise to look at the pictures of Preston Blair. http://www.animationarchive.org/2006/05/media-preston-blairs-animation-1st.html<br />
<br />
We have done our draw (in this case in front view).<br />
<br />
1. Record with Audacity the text you want to use.<br />
<br />
2. Then fix it (if necessary) and export it to WAV format. We'll name it "Texto.wav".<br />
<br />
3. Open the file Texto.wav with Papagayo.<br />
<br />
4. Fixed the text according to Papagayo instructions and save as "Texto.pgo".<br />
<br />
5. Once settled choose "voice Export ..." We will save it as "Texto.dat".<br />
<br />
6. Open "Texto.dat" with gedit. We'll note the position of the corresponding phonemes, so 1 corresponds to 1f, 24 corresponds to 1s, 25 corresponds to 1s 1f, 50 corresponds to 2s 2f, etc.<br />
<br />
<br />
Now we know the exact position of each phoneme. We still to decide how many different poses we want. (We can use the outline given by Preston Blair, or use your own).<br />
<br />
<br />
Come to our animation. Let's make the mouth move, without heads.<br />
<br />
1. We export the mouth (if we follow the Preston Blair draws, we'll export the head).<br />
<br />
2. Change Interpolation to constant.<br />
<br />
3. Now, on the exported canvas, we will draw each pose in the appropriate frame, doubling the keyframe when necessary. If the text speed is very fast, then it's not necessary to draw all the phonemes.<br />
<br />
<br />
Also, we can draw all the phonemes we need in the first second and start the animation from frame 1s, so we will double the corresponding keyframe at any time. In this case we must start to render from 1s.<br />
<br />
Another thing we can do is create a library of phonemes, taking advantage of the "paste canvas layer" as in this tutorial. http://vimeo.com/10318012 .<br />
<br />
<br />
Then we'll use the video editor (Avidemux) to add audio to video.<br />
<br />
I hope it can help you.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync&diff=13041Doc:Lipsync2010-07-21T16:25:28Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Lipsync}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
This page is under construction. Be patient<br />
This is a small tutorial on how I do the lipsync. We will need an audio recorder (eg Audacity), the program Papagayo, a video editor (like Avidemux), a text editor (like gedit) and of course Synfig.<br />
<br />
I advise to look at the pictures of Preston Blair. http://www.animationarchive.org/2006/05/media-preston-blairs-animation-1st.html<br />
<br />
We have done our draw (in this case in front view).<br />
1. Record with Audacity the text you want to use.<br />
2. Then fix it (if necessary) and export it to WAV format. We'll name it "Texto.wav".<br />
3. Open the file Texto.wav with Papagayo.<br />
4. Fixed the text according to Papagayo instructions and save as "Texto.pgo".<br />
5. Once settled choose "voice Export ..." We will save it as "Texto.dat".<br />
6. Open "Texto.dat" with gedit. We'll note the position of the corresponding phonemes, so 1 corresponds to 1f, 24 corresponds to 1s, 25 corresponds to 1s 1f, 50 corresponds to 2s 2f, etc.<br />
<br />
Now we know the exact position of each phoneme. We still to decide how many different poses we want. (We can use the outline given by Preston Blair, or use your own).<br />
Come to our animation. Let's make the mouth move, without heads.<br />
1. We export the mouth (if we follow the Preston Blair draws, we'll export the head).<br />
2. Change Interpolation to constant.<br />
3. Now, on the exported canvas, we will draw each pose in the appropriate frame, doubling the keyframe when necessary.<br />
<br />
Also, we can draw all phonemes in the first second and start the animation from frame 1s, so we will double the corresponding keyframe at any time. In this case we must start to render from 1s.<br />
Another thing we can do is create a library of phonemes, taking advantage of the "paste canvas layer" as in this tutorial. http://vimeo.com/10318012 .<br />
<br />
Then we'll use the video editor (Avidemux) to add audio to video.<br />
<br />
I hope it can help you.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync/es&diff=13037Doc:Lipsync/es2010-07-20T22:27:59Z<p>Rafael: Created page with '<!-- Page info --> {{Title|Sincronización del habla}} {{Category|Tutorials}} {{Category|Tutorials Intermediate}} <!-- Page info end --> Esta página está siendo creada. Esper…'</p>
<hr />
<div><!-- Page info --><br />
{{Title|Sincronización del habla}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo creada. Espera un poco.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Lipsync&diff=13036Doc:Lipsync2010-07-20T15:47:04Z<p>Rafael: Created page with '<!-- Page info --> {{Title|Lipsync}} {{Category|Tutorials}} {{Category|Tutorials Intermediate}} <!-- Page info end --> This page is under construction. Be patient'</p>
<hr />
<div><!-- Page info --><br />
{{Title|Lipsync}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Intermediate}}<br />
<!-- Page info end --><br />
<br />
This page is under construction. Be patient</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Video_Tutorials/es&diff=12890Doc:Video Tutorials/es2010-06-30T08:32:43Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Video Tutoriales}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
<!-- Page info end --><br />
<br />
Esta página no esta actualizada respecto a la versión oficial inglesa. Ayuda a completarla<br />
<br />
En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.<br />
<br />
==Animación Básica ==<br />
<br />
Este tutorial muestra cómo hacer una animaciçon básica como explica el tutorial escrito {{l|Doc:Animation_Basics/es|Bases de la Animación}}<br />
<br />
<videoflash>ckHfbVqt43o|425|350</videoflash><br />
<br />
==Creando una Bline ==<br />
<br />
[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: Este pequeño video tutorial muestra los pasos básicos para crear una BLine. La edicion del video fue creada usando unicamente Synfig.<br />
<br />
<videoflash>bQ-ku0bA23A|425|350</videoflash><br />
<br />
<br />
<br />
== Creando Circulos, Rectangulos y una Bline ==<br />
<br />
[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Tutorial sobre la creación de circulos, rectangulos, y una Bline.<br />
<br />
<videoflash>SM1qUqGyIpA|425|350</videoflash><br />
<br />
<br />
== Siguiendo una Bline ==<br />
<br />
Este video tutorial enseña como conectar una forma a una Bline. Este video no sigue estrictamente el tutorial {{l|Following a BLine.es|siguendo una Bline}} pero te ayudara a seguirlo. <br />
<br />
<videoflash>w87KRL3kD74|425|350</videoflash><br />
<br />
<br />
== Creando una capa de Rotación y un Bucle de Tiempo ==<br />
<br />
Este vídeotutorial nos enseña a utilizar una capa de rotación y un bucle de tiempo en una animación muy simple.<br />
<br />
<videoflash>tZ-BcQ9JLv0|425|350</videoflash><br />
<br />
== Efectos de Brillo ==<br />
<br />
Este tutorial muestra cómo hacer unos efectos de brillo sobre un texto, como explica el tutorial escrito {{l|Doc:Shiny_Effects/es|Efectos de Brillo}}<br />
<br />
<videoflash>kZ2x5dZBGWU|425|350</videoflash></div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Video_Tutorials/es&diff=12876Doc:Video Tutorials/es2010-06-27T15:14:40Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Video Tutoriales}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
<!-- Page info end --><br />
<br />
Esta página no esta actualizada respecto a la versión oficial inglesa. Ayuda a completarla<br />
<br />
En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.<br />
<br />
==Animación Básica ==<br />
<br />
Este tutorial muestra cómo hacer una animaciçon básica como explica el tutorial escrito {{l|Doc:Animation_Basics/es|Bases de la Animación}}<br />
<br />
<videoflash>ckHfbVqt43o|425|350</videoflash><br />
<br />
==Creando una Bline ==<br />
<br />
[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: Este pequeño video tutorial muestra los pasos básicos para crear una BLine. La edicion del video fue creada usando unicamente Synfig.<br />
<br />
<videoflash>bQ-ku0bA23A|425|350</videoflash><br />
<br />
<br />
<br />
== Creando Circulos, Rectangulos y una Bline ==<br />
<br />
[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Tutorial sobre la creación de circulos, rectangulos, y una Bline.<br />
<br />
<videoflash>SM1qUqGyIpA|425|350</videoflash><br />
<br />
<br />
== Siguiendo una Bline ==<br />
<br />
Este video tutorial enseña como conectar una forma a una Bline. Este video no sigue estrictamente el tutorial {{l|Following a BLine.es|siguendo una Bline}} pero te ayudara a seguirlo. <br />
<br />
<videoflash>w87KRL3kD74|425|350</videoflash><br />
<br />
<br />
== Creando una capa de Rotación y un Bucle de Tiempo ==<br />
<br />
Este vídeotutorial nos enseña a utilizar una capa de rotación y un bucle de tiempo en una animación muy simple.<br />
<br />
<videoflash>tZ-BcQ9JLv0|425|350</videoflash></div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Video_Tutorials/es&diff=12875Doc:Video Tutorials/es2010-06-27T15:13:32Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Video Tutoriales}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
<!-- Page info end --><br />
<br />
Esta página no esta actualizada respecto a la versión oficial inglesa. Ayuda a completarla<br />
<br />
En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.<br />
<br />
==Animación Básica ==<br />
<br />
Este tutorial muestra cómo hacer una animaciçon básica como explica el tutorial escrito {{l|Doc:Animation_Basics/es|Bases de la Animación}}<br />
<br />
<videoflash>ckHfbVqt43o|425|350</videoflash><br />
<br />
==Creando una Bline ==<br />
<br />
[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: Este pequeño video tutorial muestra los pasos básicos para crear una BLine. La edicion del video fue creada usando unicamente Synfig.<br />
<br />
<videoflash>bQ-ku0bA23A|425|350</videoflash><br />
<br />
<br />
<br />
== Creando Circulos, Rectangulos y una Bline ==<br />
<br />
[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Tutorial sobre la creación de circulos, rectangulos, y una Bline.<br />
<br />
<videoflash>SM1qUqGyIpA|425|350</videoflash><br />
<br />
<br />
== Siguiendo una Bline ==<br />
<br />
Este video tutorial enseña como conectar una forma a una Bline. Este video no sigue estrictamente el tutorial {{l|Following a BLine.es|siguendo una Bline}} pero te ayudara a seguirlo. <br />
<br />
<videoflash>w87KRL3kD74|425|350</videoflash><br />
<br />
<br />
== Creando una capa de Rotación y un Bucle de Tiempo ==<br />
<br />
Este vídeotutorial nos enseña a utilizar una capa de rotación y un bucle de tiempo en una animación muy simple.<br />
<br />
<videoflash>v=tZ-BcQ9JLv0|425|350</videoflash></div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Video_Tutorials/es&diff=12874Doc:Video Tutorials/es2010-06-27T15:08:08Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Video Tutoriales}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
<!-- Page info end --><br />
<br />
Esta página no esta actualizada respecto a la versión oficial inglesa. Ayuda a completarla<br />
<br />
En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.<br />
<br />
==Animación Básica ==<br />
<br />
Este tutorial muestra cómo hacer una animaciçon básica como explica el tutorial escrito {{l|Doc:Animation_Basics/es|Bases de la Animación}}<br />
<br />
<videoflash>ckHfbVqt43o|425|350</videoflash><br />
<br />
==Creando una Bline ==<br />
<br />
[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: Este pequeño video tutorial muestra los pasos básicos para crear una BLine. La edicion del video fue creada usando unicamente Synfig.<br />
<br />
<videoflash>bQ-ku0bA23A|425|350</videoflash><br />
<br />
<br />
<br />
== Creando Circulos, Rectangulos y una Bline ==<br />
<br />
[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Tutorial sobre la creación de circulos, rectangulos, y una Bline.<br />
<br />
<videoflash>SM1qUqGyIpA|425|350</videoflash><br />
<br />
<br />
== Siguiendo una Bline ==<br />
<br />
Este video tutorial enseña como conectar una forma a una Bline. Este video no sigue estrictamente el tutorial {{l|Following a BLine.es|siguendo una Bline}} pero te ayudara a seguirlo. <br />
<br />
<videoflash>w87KRL3kD74|425|350</videoflash></div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Video_Tutorials/es&diff=12873Doc:Video Tutorials/es2010-06-27T15:07:30Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Video Tutoriales}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
<!-- Page info end --><br />
<br />
Esta página no esta actualizada respecto a la versión oficial inglesa. Ayuda a completarla<br />
<br />
En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.<br />
<br />
==Animación Básica ==<br />
<br />
Este tutorial muestra cómo hacer una animaciçon básica como explica el tutorial escrito {{l|Animation Basics/es|Bases de la Animación}}<br />
<br />
<videoflash>ckHfbVqt43o|425|350</videoflash><br />
<br />
==Creando una Bline ==<br />
<br />
[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: Este pequeño video tutorial muestra los pasos básicos para crear una BLine. La edicion del video fue creada usando unicamente Synfig.<br />
<br />
<videoflash>bQ-ku0bA23A|425|350</videoflash><br />
<br />
<br />
<br />
== Creando Circulos, Rectangulos y una Bline ==<br />
<br />
[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Tutorial sobre la creación de circulos, rectangulos, y una Bline.<br />
<br />
<videoflash>SM1qUqGyIpA|425|350</videoflash><br />
<br />
<br />
== Siguiendo una Bline ==<br />
<br />
Este video tutorial enseña como conectar una forma a una Bline. Este video no sigue estrictamente el tutorial {{l|Following a BLine.es|siguendo una Bline}} pero te ayudara a seguirlo. <br />
<br />
<videoflash>w87KRL3kD74|425|350</videoflash></div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Video_Tutorials/es&diff=12872Doc:Video Tutorials/es2010-06-27T15:06:51Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Video Tutoriales}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
<!-- Page info end --><br />
<br />
Esta página no esta actualizada respecto a la versión oficial inglesa. Ayuda a completarla<br />
<br />
En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.<br />
<br />
==Animación Básica ==<br />
<br />
Este tutorial muestra cómo hacer una animaciçon básica como explica el tutorial escrito {{l|Animation Basics/es|animation basics}}<br />
<br />
<videoflash>ckHfbVqt43o|425|350</videoflash><br />
<br />
==Creando una Bline ==<br />
<br />
[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: Este pequeño video tutorial muestra los pasos básicos para crear una BLine. La edicion del video fue creada usando unicamente Synfig.<br />
<br />
<videoflash>bQ-ku0bA23A|425|350</videoflash><br />
<br />
<br />
<br />
== Creando Circulos, Rectangulos y una Bline ==<br />
<br />
[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Tutorial sobre la creación de circulos, rectangulos, y una Bline.<br />
<br />
<videoflash>SM1qUqGyIpA|425|350</videoflash><br />
<br />
<br />
== Siguiendo una Bline ==<br />
<br />
Este video tutorial enseña como conectar una forma a una Bline. Este video no sigue estrictamente el tutorial {{l|Following a BLine.es|siguendo una Bline}} pero te ayudara a seguirlo. <br />
<br />
<videoflash>w87KRL3kD74|425|350</videoflash></div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Video_Tutorials/es&diff=12871Doc:Video Tutorials/es2010-06-27T15:03:08Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Video Tutoriales}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
<!-- Page info end --><br />
<br />
Esta página no esta actualizada respecto a la versión oficial inglesa. Ayuda a completarla<br />
<br />
En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.<br />
<br />
==Animación Básica ==<br />
<br />
Este tutorial muestra cómo hacer una animaciçon básica como explica el tutorial escrito {{l|Animation Basics|animation basics}}<br />
<br />
<videoflash>ckHfbVqt43o|425|350</videoflash><br />
<br />
==Creando una Bline ==<br />
<br />
[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: Este pequeño video tutorial muestra los pasos básicos para crear una BLine. La edicion del video fue creada usando unicamente Synfig.<br />
<br />
<videoflash>bQ-ku0bA23A|425|350</videoflash><br />
<br />
<br />
<br />
== Creando Circulos, Rectangulos y una Bline ==<br />
<br />
[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Tutorial sobre la creación de circulos, rectangulos, y una Bline.<br />
<br />
<videoflash>SM1qUqGyIpA|425|350</videoflash><br />
<br />
<br />
== Siguiendo una Bline ==<br />
<br />
Este video tutorial enseña como conectar una forma a una Bline. Este video no sigue estrictamente el tutorial {{l|Following a BLine.es|siguendo una Bline}} pero te ayudara a seguirlo. <br />
<br />
<videoflash>w87KRL3kD74|425|350</videoflash></div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Video_Tutorials&diff=12870Doc:Video Tutorials2010-06-27T07:35:58Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Video Tutorials}}<br />
{{Category|Tutorials}}<br />
<!-- Page info end --><br />
<br />
In this section you'll find some basic video tutorials of the most common tasks in Synfig. Feel free to ask here for any new video tutorial.<br />
<br />
<br />
== Animation Basics ==<br />
<br />
[http://www.youtube.com/watch?v=WUxn9jqFJrg Synfig basic animation tutorial]: This video tutorial shows how to do a (very) basic animation. The tutorial roughly follows the {{l|Animation Basics|animation basics}} tutorial.<br />
<br />
<videoflash>WUxn9jqFJrg|425|344</videoflash><br />
<br />
<br />
== Creating a Bline ==<br />
<br />
[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a BLine]: This small video tutorial shows the basic steps to build a BLine. Video editing was done using Synfig itself.<br />
<br />
<videoflash>bQ-ku0bA23A|425|350</videoflash><br />
<br />
<br />
== Creating Circles, Rectangles and a Bline ==<br />
<br />
[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Bline]: Short tutorial about creating Circles, Rectangles, and a Bline.<br />
<br />
<videoflash>SM1qUqGyIpA|425|350</videoflash><br />
<br />
<br />
== Flower Animation ==<br />
<br />
This video tutorial shows how to do an animation of a growing flower. The tutorial roughly follows the written {{l|Flower Animation|flower animation}} tutorial.<br />
<br />
=== [http://www.youtube.com/watch?v=U1EjObyN1pc Part 1 of 4] ===<br />
<br />
<videoflash>U1EjObyN1pc|425|344</videoflash><br />
<br />
=== [http://www.youtube.com/watch?v=oSAilqEKEJs Part 2 of 4] ===<br />
<br />
<videoflash>oSAilqEKEJs|425|344</videoflash><br />
<br />
=== [http://www.youtube.com/watch?v=STP01dOxvMU Part 3 of 4] ===<br />
<br />
<videoflash>STP01dOxvMU|425|344</videoflash><br />
<br />
=== [http://www.youtube.com/watch?v=8dcAqZxwOWM Part 4 of 4] ===<br />
<br />
<videoflash>8dcAqZxwOWM|425|344</videoflash><br />
<br />
<br />
== Following a Bline ==<br />
<br />
[http://www.youtube.com/watch?v=w87KRL3kD74 Following a Bline:] This video tutorial show how to link a shape to a Bline. It doesn't follow strictly the {{l|Following a BLine|tutorial}} but would help you to follow it. <br />
<br />
<videoflash>w87KRL3kD74|425|350</videoflash><br />
<br />
== Pseudo IPO-drivers in Synfig ==<br />
<br />
Zelgadis gave us [http://zelgadis.profusehost.net/files/synfig/ipo-drivers-synfig.ogg this] method to control playback using a variable.<br />
<br />
== Animating a caped character ==<br />
<br />
A 3-part tutorial on making an animated caped character in synfig.<br />
<br />
=== [http://youtube.com/?v=S0snIErKuFg Part 1 of 3] ===<br />
<br />
<videoflash>S0snIErKuFg|425|344</videoflash><br />
<br />
=== [http://youtube.com/?v=nv_KR9rG55Y Part 2 of 3] ===<br />
<br />
<videoflash>nv_KR9rG55Y|425|344</videoflash><br />
<br />
=== [http://youtube.com/?v=s3B9L6amPn8 Part 3 of 3] ===<br />
<br />
<videoflash>s3B9L6amPn8|425|344</videoflash><br />
<br />
== How to animate with Synfig Studio ==<br />
<br />
<videoflash>cDMbDQ07Qkg|425|344</videoflash><br />
<br />
== Shiny Effects ==<br />
<br />
This tutorial follows the {{l|Shiny Effects|Shiny Effects}} tutorial<br />
<br />
<videoflash>8QX0dJX2sI8|425|344</videoflash></div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/fr&diff=12658Doc:Walk Cycle/fr2010-06-09T15:43:04Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Cycle de Marche}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Cette page est en cours de traduction. Soyez patient.<br />
== Le Fichier de Liste ==<br />
Un des aspects les moins évidents de Synfig est contenue dans la calque d'importer des images. En plus d'être en mesure d'importer des fichiers d'image de base, il accepte aussi un fichier "lst". Cette liste de fichiers est tout simplement un fichier de texte qui se compose d'un taux de cadres, suivi d'une liste d'images à afficher. (Si le nombre d'images par seconde n'est pas fourni, il utilise une taux de défaut de 15 images par seconde (FPS).)<br />
<br />
Un exemple, fourni par Vorian Studios, prend quatre images fixes à partir d'un personnage à différentes étapes d'un cycle de marche. Ces images sont affichées avec 4 images par seconde pour donner une séquence répétée qui montre un homme qui marche.<br />
<br />
Voici les images<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Et voici le début du fichier "lst". <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Création d'un Cycle de Marche ==<br />
Voyons comment utiliser ces images pour créer un cycle complet de marche pour un dessin dans Synfig.<br />
<br />
Commencé avec une nouvelle toile (Canvas) et ajouter une durée de quelques secondes avec un taux de 24 images par seconde (par défaut).Sur la toile, sélectionnez le triangle dans le coin supérieur à gauche> Calques> Nouveau calque, d'autres, l'importation d'image.<br />
<br />
<br />
This creates a new Import Image layer, but nothing will show up until the filename is selected. Go to the Params dialog and scroll down to Filename. There you can navigate to the '.lst' file and select open. <br />
Now you should see the first image in the list. Moving forward along the timeline will show successive images from the list every 6 frames. You can preview or render these as is and get a low frame rate animation. <br />
<br />
But the result doesn't look very smooth, and the images are not very flexible. (The images can be translated, rotated and stretched, but no elements within the images can be changed.) To make a fully editable character we need to trace over it with Synfig elements such as Blines or Draw layers. <br />
<br />
I work with a drawing tablet, so the easiest solution for me is to use the {{l|Draw Tool}}. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/fr&diff=12657Doc:Walk Cycle/fr2010-06-09T10:19:04Z<p>Rafael: Created page with '<!-- Page info --> {{Title|Cycle de Marche}} {{Category|Tutorials}} {{Category|Tutorials Advanced}} <!-- Page info end --> Cette page est en cours de traduction. Soyez patient…'</p>
<hr />
<div><!-- Page info --><br />
{{Title|Cycle de Marche}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Cette page est en cours de traduction. Soyez patient.<br />
== Le Fichier de Liste ==<br />
Un des aspects les moins évidents de Synfig est contenue dans la calque d'importer des images. En plus d'être en mesure d'importer des fichiers d'image de base, il accepte aussi un fichier "lst". Cette liste de fichiers est tout simplement un fichier de texte qui se compose d'un taux de cadres, suivi d'une liste d'images à afficher. (Si le nombre d'images par seconde n'est pas fourni, il utilise une taux de défaut de 15 images par seconde (FPS).)<br />
<br />
Un exemple, fourni par Vorian Studios, prend quatre images fixes à partir d'un personnage à différentes étapes d'un cycle de marche. Ces images sont affichées avec 4 images par seconde pour donner une séquence répétée qui montre un homme qui marche.<br />
<br />
Voici les images<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Et voici le début du fichier "lst". <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Constructing a Walk cycle ==<br />
Let's take a look at how we can use these images to create a complete walk cycle for a character in Synfig. <br />
<br />
Start with a new canvas and add a timeline of several seconds with the default framerate of 24 FPS. On the canvas, select the Caret > Layer, New layer, Other, Import Image.<br />
<br />
This creates a new Import Image layer, but nothing will show up until the filename is selected. Go to the Params dialog and scroll down to Filename. There you can navigate to the '.lst' file and select open. <br />
Now you should see the first image in the list. Moving forward along the timeline will show successive images from the list every 6 frames. You can preview or render these as is and get a low frame rate animation. <br />
<br />
But the result doesn't look very smooth, and the images are not very flexible. (The images can be translated, rotated and stretched, but no elements within the images can be changed.) To make a fully editable character we need to trace over it with Synfig elements such as Blines or Draw layers. <br />
<br />
I work with a drawing tablet, so the easiest solution for me is to use the {{l|Draw Tool}}. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12636Doc:Walk Cycle/es2010-06-07T16:28:14Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Ciclo de Marcha}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
== El archivo de Lista (List File) ==<br />
Uno de los aspectos menos obvios de Synfig está encerrado en la capa de importación de imágenes. Además de ser capaz de importar algunos archivos de imagen básicos, también aceptará un archivo "lst". Esta lista de archivos es simplemente un archivo de texto que consiste en una tasa de fotogramas, seguidos por una lista de las imágenes a mostrar. (Si no se suministra la cantidad de imágenes por segundo, se utiliza una tasa predeterminada de 15 fotogramas por segundo (FPS).)<br />
<br />
<br />
Un ejemplo, suministrado por Voria Studios, toma 4 imágenes fijas de un personaje en distintas etapas de un ciclo de marcha. Estas imágenes se muestran con 4 FPS para dar una secuencia que al repetirse muestra a un hombre caminando.<br />
<br />
Aquí están las imágenes<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Y aquí está el inicio del archivo 'lst'. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Construyendo un ciclo de Marcha ==<br />
Echemos un vistazo a cómo usar estas imágenes para crear un ciclo completo de marcha para un dibujo en Synfig. <br />
<br />
Empezamos con un lienzo nuevo (canvas) y añadimos una duración de varios segundos con una tasa de fotogramas de 24 por segundo (por defecto). En el lienzo, seleccionamos el triángulo de la esquina superior izquierda > Capas, Nueva capa, Otros, Importar Imagen.<br />
<br />
Esto crea una capa nueva de Imagen Importada, pero no se mostrará nada hasta que se seleccione el filename. Go to the Params dialog and scroll down to Filename. Ahí puedes navegar hasta el archivo '.lst' y seleccionar abrir. <br />
Ahora deberías ver la primera imagen de la lista. Moverte a través de la línea de tiempo te mostrará las sucesivas imágenes de la lista cada 6 fotogramas. Puedes previsualizar o renderizar tal como está, obteniendo una animación con un rango de fotogramas bajo. <br />
<br />
Pero el resultado no se ve muy suave, y las imágenes no son muy flexibles.(las imágenes se pueden trasladar, rotar y estirar, pero no los elementos dentro de las imágenes, que no se pueden cambiar). Para hacer un personaje totalmente editable necesitamos trazar sobre él con Synfig elementos como Blines o líneas dibujadas con la herramienta "dibujo".<br />
<br />
Yo trabajo con una tableta de dibujo, por lo tanto la mejor solución para mí es usar la {{l|Draw Tool|Herramienta de Dibujo}}. Vuelve al fotograma 0, selecciona la herramienta de dibujo y dibuja sobre el personaje. Me pareció más fácil dividir el dibujo en varias partes (Cabeza, Brazo izquierdo, Brazo derecho, Tronco, Pierna izquierda, Pierna derecha). Como sugerencia útil, si la forma no te salió del todo bien, ve al menú capa y desmarca la casilla de verificación de la región. Esto te permitirá ver la imagen de abajo a medida que arrastras los patos para corregir la línea. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Una vez terminado el fotograma 0, pasa al fotograma 6. En lugar de tener que dibujarlos otra vez, esta vez vamos a tener los elementos existentes y sólo tendremos que volver a colocarlos para coincidir con la imagen. De nuevo, si deseleccionas las capas de región podrás ver la imagen mientras editas. Utiliza las herramientas de rotación y traslación para recolocar las partes del cuerpo, adaptando los patos para un ajuste fino (no olvides cambiar a "Modo de edición de Animación" como se explica en {{L|Doc:Animation Basics|Bases de la Animación}}.]<br />
<br />
Repítelo para los fotogramas 12 y 18, después apaga la capa de la imagen importada (deselecciona la casilla en el menú de capas). Ahora, aunque sólo hayamos dibujado 4 fotogramas, el poder de Synfig va a renderizar 24 fotogramas de un hombre caminando suavemente. Añade una capa con un bucle de tiempo de 1 segundo y el hombre mantendrá el ritmo sobre el terreno mientras dure tu animación.<br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Añadiendo una capa de traslación harás que tu dibujo se mueva de una lado al otro del lienzo. (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Aquí está el archivo comprimido}} con el archivo de la lista, las 4 imágenes fijas, y el archivo de Synfig terminado. Descomprímelos en el mismo directorio y abre el archivo newwalk.sif con Synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12635Doc:Walk Cycle/es2010-06-07T16:25:56Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Ciclo de Marcha}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
== The List File ==<br />
Uno de los aspectos menos obvios de Synfig está encerrado en la capa de importación de imágenes. Además de ser capaz de importar algunos archivos de imagen básicos, también aceptará un archivo "lst". Esta lista de archivos es simplemente un archivo de texto que consiste en una tasa de fotogramas, seguidos por una lista de las imágenes a mostrar. (Si no se suministra la cantidad de imágenes por segundo, se utiliza una tasa predeterminada de 15 fotogramas por segundo (FPS).)<br />
<br />
<br />
Un ejemplo, suministrado por Voria Studios, toma 4 imágenes fijas de un personaje en distintas etapas de un ciclo de marcha. Estas imágenes se muestran con 4 FPS para dar una secuencia que al repetirse muestra a un hombre caminando.<br />
<br />
Aquí están las imágenes<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Y aquí está el inicio del archivo 'lst'. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Construyendo un ciclo de Marcha ==<br />
Echemos un vistazo a cómo usar estas imágenes para crear un ciclo completo de marcha para un dibujo en Synfig. <br />
<br />
Empezamos con un lienzo nuevo (canvas) y añadimos una duración de varios segundos con una tasa de fotogramas de 24 por segundo (por defecto). En el lienzo, seleccionamos el triángulo de la esquina superior izquierda > Capas, Nueva capa, Otros, Importar Imagen.<br />
<br />
Esto crea una capa nueva de Imagen Importada, pero no se mostrará nada hasta que se seleccione el filename. Go to the Params dialog and scroll down to Filename. Ahí puedes navegar hasta el archivo '.lst' y seleccionar abrir. <br />
Ahora deberías ver la primera imagen de la lista. Moverte a través de la línea de tiempo te mostrará las sucesivas imágenes de la lista cada 6 fotogramas. Puedes previsualizar o renderizar tal como está, obteniendo una animación con un rango de fotogramas bajo. <br />
<br />
Pero el resultado no se ve muy suave, y las imágenes no son muy flexibles.(las imágenes se pueden trasladar, rotar y estirar, pero no los elementos dentro de las imágenes, que no se pueden cambiar). Para hacer un personaje totalmente editable necesitamos trazar sobre él con Synfig elementos como Blines o líneas dibujadas con la herramienta "dibujo".<br />
<br />
Yo trabajo con una tableta de dibujo, por lo tanto la mejor solución para mí es usar la {{l|Draw Tool|Herramienta de Dibujo}}. Vuelve al fotograma 0, selecciona la herramienta de dibujo y dibuja sobre el personaje. Me pareció más fácil dividir el dibujo en varias partes (Cabeza, Brazo izquierdo, Brazo derecho, Tronco, Pierna izquierda, Pierna derecha). Como sugerencia útil, si la forma no te salió del todo bien, ve al menú capa y desmarca la casilla de verificación de la región. Esto te permitirá ver la imagen de abajo a medida que arrastras los patos para corregir la línea. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Una vez terminado el fotograma 0, pasa al fotograma 6. En lugar de tener que dibujarlos otra vez, esta vez vamos a tener los elementos existentes y sólo tendremos que volver a colocarlos para coincidir con la imagen. De nuevo, si deseleccionas las capas de región podrás ver la imagen mientras editas. Utiliza las herramientas de rotación y traslación para recolocar las partes del cuerpo, adaptando los patos para un ajuste fino (no olvides cambiar a "Modo de edición de Animación" como se explica en {{L|Doc:Animation Basics|Bases de la Animación}}.]<br />
<br />
Repítelo para los fotogramas 12 y 18, después apaga la capa de la imagen importada (deselecciona la casilla en el menú de capas). Ahora, aunque sólo hayamos dibujado 4 fotogramas, el poder de Synfig va a renderizar 24 fotogramas de un hombre caminando suavemente. Añade una capa con un bucle de tiempo de 1 segundo y el hombre mantendrá el ritmo sobre el terreno mientras dure tu animación.<br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Añadiendo una capa de traslación harás que tu dibujo se mueva de una lado al otro del lienzo. (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Aquí está el archivo comprimido}} con el archivo de la lista, las 4 imágenes fijas, y el archivo de Synfig terminado. Descomprímelos en el mismo directorio y abre el archivo newwalk.sif con Synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12634Doc:Walk Cycle/es2010-06-07T16:24:09Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Ciclo de Marcha}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Ten paciencia, o ayúdanos a terminarla.<br />
<br />
== The List File ==<br />
Uno de los aspectos menos obvios de Synfig está encerrado en la capa de importación de imágenes. Además de ser capaz de importar algunos archivos de imagen básicos, también aceptará un archivo "lst". Esta lista de archivos es simplemente un archivo de texto que consiste en una tasa de fotogramas, seguidos por una lista de las imágenes a mostrar. (Si no se suministra la cantidad de imágenes por segundo, se utiliza una tasa predeterminada de 15 fotogramas por segundo (FPS).)<br />
<br />
<br />
Un ejemplo, suministrado por Voria Studios, toma 4 imágenes fijas de un personaje en distintas etapas de un ciclo de marcha. Estas imágenes se muestran con 4 FPS para dar una secuencia que al repetirse muestra a un hombre caminando.<br />
<br />
Aquí están las imágenes<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Y aquí está el inicio del archivo 'lst'. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Construyendo un ciclo de Marcha ==<br />
Echemos un vistazo a cómo usar estas imágenes para crear un ciclo completo de marcha para un dibujo en Synfig. <br />
<br />
Empezamos con un lienzo nuevo (canvas) y añadimos una duración de varios segundos con una tasa de fotogramas de 24 por segundo (por defecto). En el lienzo, seleccionamos el triángulo de la esquina superior izquierda > Capas, Nueva capa, Otros, Importar Imagen.<br />
<br />
Esto crea una capa nueva de Imagen Importada, pero no se mostrará nada hasta que se seleccione el filename. Go to the Params dialog and scroll down to Filename. Ahí puedes navegar hasta el archivo '.lst' y seleccionar abrir. <br />
Ahora deberías ver la primera imagen de la lista. Moverte a través de la línea de tiempo te mostrará las sucesivas imágenes de la lista cada 6 fotogramas. Puedes previsualizar o renderizar tal como está, obteniendo una animación con un rango de fotogramas bajo. <br />
<br />
Pero el resultado no se ve muy suave, y las imágenes no son muy flexibles.(las imágenes se pueden trasladar, rotar y estirar, pero no los elementos dentro de las imágenes, que no se pueden cambiar). Para hacer un personaje totalmente editable necesitamos trazar sobre él con Synfig elementos como Blines o líneas dibujadas con la herramienta "dibujo".<br />
<br />
Yo trabajo con una tableta de dibujo, por lo tanto la mejor solución para mí es usar la {{l|Draw Tool|Herramienta de Dibujo}}. Vuelve al fotograma 0, selecciona la herramienta de dibujo y dibuja sobre el personaje. Me pareció más fácil dividir el dibujo en varias partes (Cabeza, Brazo izquierdo, Brazo derecho, Tronco, Pierna izquierda, Pierna deredha). Como sugerencia útil, si la forma no te salió del todo bien, ve al menú capa y desmarca la casilla de verificación de la región. Esto te permitirá ver la imagen de abajo a medida que arrastras los patos para corregir la línea. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Una vez terminado el fotograma 0, pasa al fotograma 6. En lugar de tener que dibujarlos otra vez, esta vez vamos a tener los elementos existentes y sólo tendremos que volver a colocarlos para coincidir con la imagen. De nuevo, si deseleccionas las capas de región podrás ver la imagen mientras editas. Utiliza las herramientas de rotación y traslación para recolocar las partes del cuerpo, adaptando los patos para un ajuste fino (no olvides cambiar a "Modo de edición de Animación" como se explica en {{L|Doc:Animation Basics|Bases de la Animación}}.]<br />
<br />
Repítelo para los fotogramas 12 y 18, después apaga la capa de la imagen importada (deselecciona la casilla en el menú de capas). Ahora, aunque sólo hayamos dibujado 4 fotogramas, el poder de Synfig va a renderizar 24 fotogramas de un hombre caminando suavemente. Añade una capa con un bucle de tiempo de 1 segundo y el hombre mantendrá el ritmo sobre el terreno mientras dure tu animación.<br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Añadiendo una capa de traslación harás que tu dibujo se mueva de una lado al otro del lienzo. (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Aquí está el archivo comprimido}} con el archivo de la lista, las 4 imágenes fijas, y el archivo de Synfig terminado. Descomprímelos en el mismo directorio y abre el archivo newwalk.sif con Synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12633Doc:Walk Cycle/es2010-06-07T16:03:54Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Ciclo de Marcha}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Ten paciencia, o ayúdanos a terminarla.<br />
<br />
== The List File ==<br />
Uno de los aspectos menos obvios de Synfig está encerrado en la capa de importación de imágenes. Además de ser capaz de importar algunos archivos de imagen básicos, también aceptará un archivo "lst". Esta lista de archivos es simplemente un archivo de texto que consiste en una tasa de fotogramas, seguidos por una lista de las imágenes a mostrar. (Si no se suministra la cantidad de imágenes por segundo, se utiliza una tasa predeterminada de 15 fotogramas por segundo (FPS).)<br />
<br />
<br />
Un ejemplo, suministrado por Voria Studios, toma 4 imágenes fijas de un personaje en distintas etapas de un ciclo de marcha. Estas imágenes se muestran con 4 FPS para dar una secuencia que al repetirse muestra a un hombre caminando.<br />
<br />
Aquí están las imágenes<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Y aquí está el inicio del archivo 'lst'. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Construyendo un ciclo de Marcha ==<br />
Echemos un vistazo a cómo usar estas imágenes para crear un ciclo completo de marcha para un dibujo en Synfig. <br />
<br />
Empezamos con un lienzo nuevo (canvas) y añadimos una duración de varios segundos con una tasa de fotogramas de 24 por segundo (por defecto). En el lienzo, seleccionamos el triángulo de la esquina superior izquierda > Capas, Nueva capa, Otros, Importar Imagen.<br />
<br />
Esto crea una capa nueva de Imagen Importada, pero no se mostrará nada hasta que se seleccione el filename. Go to the Params dialog and scroll down to Filename. Ahí puedes navegar hasta el archivo '.lst' y seleccionar abrir. <br />
Ahora deberías ver la primera imagen de la lista. Moverte a través de la línea de tiempo te mostrará las sucesivas imágenes de la lista cada 6 fotogramas. Puedes previsualizar o renderizar tal como está, obteniendo una animación con un rango de fotogramas bajo. <br />
<br />
Pero el resultado no se ve muy suave, y las imágenes no son muy flexibles.(las imágenes se pueden trasladar, rotar y estirar, pero no los elementos dentro de las imágenes, que no se pueden cambiar). Para hacer un personaje totalmente editable necesitamos trazar sobre él con Synfig elementos como Blines o líneas dibujadas con la herramienta "dibujo".<br />
<br />
Yo trabajo con una tableta de dibujo, por lo tanto la mejor solución para mí es usar la {{l|Draw Tool|Herramienta de Dibujo}}. Vuelve al fotograma 0, selecciona la herramienta de dibujo y dibuja sobre el personaje. Me pareció más fácil dividir el dibujo en varias partes (Cabeza, Brazo izquierdo, Brazo derecho, Tronco, Pierna izquierda, Pierna deredha). Como sugerencia útil, si la forma no te salió del todo bien, ve al menú capa y desmarca la casilla de verificación de la región. Esto te permitirá ver la imagen de abajo a medida que arrastras los patos para corregir la línea. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Una vez terminado el fotograma 0, pasa al fotograma 6. En lugar de tener que dibujarlos otra vez, esta vez vamos a tener los elementos existentes y sólo tendremos que volver a colocarlos para coincidir con la imagen. De nuevo, si deseleccionas las capas de región podrás ver la imagen mientras editas. Utiliza las herramientas de rotación y traslación para recolocar las partes del cuerpo, adaptando los patos para un ajuste fino (no olvides cambiar a "Modo de edición de Animación" como se explica en {{L|Doc:Animation Basics|Animaciones Básicas}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12632Doc:Walk Cycle/es2010-06-07T15:42:52Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Ciclo de Marcha}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Ten paciencia, o ayúdanos a terminarla.<br />
<br />
== The List File ==<br />
Uno de los aspectos menos obvios de Synfig está encerrado en la capa de importación de imágenes. Además de ser capaz de importar algunos archivos de imagen básicos, también aceptará un archivo "lst". Esta lista de archivos es simplemente un archivo de texto que consiste en una tasa de fotogramas, seguidos por una lista de las imágenes a mostrar. (Si no se suministra la cantidad de imágenes por segundo, se utiliza una tasa predeterminada de 15 fotogramas por segundo (FPS).)<br />
<br />
<br />
Un ejemplo, suministrado por Voria Studios, toma 4 imágenes fijas de un personaje en distintas etapas de un ciclo de marcha. Estas imágenes se muestran con 4 FPS para dar una secuencia que al repetirse muestra a un hombre caminando.<br />
<br />
Aquí están las imágenes<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Y aquí está el inicio del archivo 'lst'. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Construyendo un ciclo de Marcha ==<br />
Echemos un vistazo a cómo usar estas imágenes para crear un ciclo completo de marcha para un dibujo en Synfig. <br />
<br />
Empezamos con un lienzo nuevo (canvas) y añadimos una duración de varios segundos con una tasa de fotogramas de 24 por segundo (por defecto). En el lienzo, seleccionamos el triángulo de la esquina superior izquierda > Capas, Nueva capa, Otros, Importar Imagen.<br />
<br />
Esto crea una capa nueva de Imagen Importada, pero no se mostrará nada hasta que se seleccione el filename. Go to the Params dialog and scroll down to Filename. Ahí puedes navegar hasta el archivo '.lst' y seleccionar abrir. <br />
Ahora deberías ver la primera imagen de la lista. Moverte a través de la línea de tiempo te mostrará las sucesivas imágenes de la lista cada 6 fotogramas. Puedes previsualizar o renderizar tal como está, obteniendo una animación con un rango de fotogramas bajo. <br />
<br />
Pero el resultado no se ve muy suave, y las imágenes no son muy flexibles.(las imágenes se pueden trasladar, rotar y estirar, pero no los elementos dentro de las imágenes, que no se pueden cambiar). Para hacer un personaje totalmente editable necesitamos trazar sobre él con Synfig elementos como Blines o líneas dibujadas con la herramienta "dibujo".<br />
<br />
Yo trabajo con una tableta de dibujo, por lo tanto la mejor solución para mí es usar la {{l|Draw Tool|Herramienta de Dibujo}}. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12561Doc:Walk Cycle/es2010-06-04T12:14:31Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Ciclo de Marcha}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Ten paciencia, o ayúdanos a terminarla.<br />
<br />
== The List File ==<br />
Uno de los aspectos menos obvios de Synfig está encerrado en la capa de importación de imágenes. Además de ser capaz de importar algunos archivos de imagen básicos, también aceptará un archivo "lst". Esta lista de archivos es simplemente un archivo de texto que consiste en una tasa de fotogramas, seguidos por una lista de las imágenes a mostrar. (Si no se suministra la cantidad de imágenes por segundo, se utiliza una tasa predeterminada de 15 fotogramas por segundo (FPS).)<br />
<br />
<br />
Un ejemplo, suministrado por Voria Studios, toma 4 imágenes fijas de un personaje en distintas etapas de un ciclo de marcha. Estas imágenes se muestran con 4 FPS para dar una secuencia que al repetirse muestra a un hombre caminando.<br />
<br />
Aquí están las imágenes<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Y aquí está el inicio del archivo 'lst'. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Construyendo un ciclo de Marcha ==<br />
Echemos un vistazo a cómo usar estas imágenes para crear un ciclo completo de marcha para un dibujo en Synfig. <br />
<br />
Empezamos con un lienzo nuevo (canvas) y añadimos una duración de varios segundos con una tasa de fotogramas de 24 por segundo (por defecto). En el lienzo, seleccionamos el triángulo de la esquina superior izquierda > Capas, Nueva capa, Otros, Importar Imagen.<br />
<br />
Esto crea una capa nueva de Imagen Importada, pero no se mostrará nada hasta que se seleccione el filename. Go to the Params dialog and scroll down to Filename. Ahí puedes navegar hasta el archivo '.lst' y seleccionar abrir. <br />
Ahora deberías ver la primera imagen de la lista. Moverte a través de la línea de tiempo te mostrará las sucesivas imágenes de la lista cada 6 fotogramas. Puedes previsualizar o renderizar tal como está, obteniendo una animación con un rango de fotogramas bajo. <br />
<br />
But the result doesn't look very smooth, and the images are not very flexible. (The images can be translated, rotated and stretched, but no elements within the images can be changed.) To make a fully editable character we need to trace over it with Synfig elements such as Blines or Draw layers. <br />
<br />
I work with a drawing tablet, so the easiest solution for me is to use the {{l|Draw Tool}}. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12545Doc:Walk Cycle/es2010-06-03T16:37:44Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Ciclo de Marcha}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Ten paciencia, o ayúdanos a terminarla.<br />
<br />
== The List File ==<br />
Uno de los aspectos menos obvios de Synfig está encerrado en la capa de importación de imágenes. Además de ser capaz de importar algunos archivos de imagen básicos, también aceptará un archivo "lst". Esta lista de archivos es simplemente un archivo de texto que consiste en una tasa de fotogramas, seguidos por una lista de las imágenes a mostrar. (Si no se suministra la cantidad de imágenes por segundo, se utiliza una tasa predeterminada de 15 fotogramas por segundo (FPS).)<br />
<br />
<br />
Un ejemplo, suministrado por Voria Studios, toma 4 imágenes fijas de un personaje en distintas etapas de un ciclo de marcha. Estas imágenes se muestran con 4 FPS para dar una secuencia que al repetirse muestra a un hombre caminando.<br />
<br />
Aquí están las imágenes<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Y aquí está el inicio del archivo 'lst'. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Construyendo un ciclo de Marcha ==<br />
Echemos un vistazo a cómo usar estas imágenes para crear un ciclo completo de marcha para un dibujo en Synfig. <br />
<br />
Empezamos con un lienzo nuevo y añadimos una duración de varios segundos con una tasa de fotogramas de 24 por segundo (por defecto). En el lienzo, seleccionamos el triángulo de la esquina superior izquierda > Capas, Nueva capa, Otros, Importar Imagen.<br />
<br />
This creates a new Import Image layer, but nothing will show up until the filename is selected. Go to the Params dialog and scroll down to Filename. There you can navigate to the '.lst' file and select open. <br />
Now you should see the first image in the list. Moving forward along the timeline will show successive images from the list every 6 frames. You can preview or render these as is and get a low frame rate animation. <br />
<br />
But the result doesn't look very smooth, and the images are not very flexible. (The images can be translated, rotated and stretched, but no elements within the images can be changed.) To make a fully editable character we need to trace over it with Synfig elements such as Blines or Draw layers. <br />
<br />
I work with a drawing tablet, so the easiest solution for me is to use the {{l|Draw Tool}}. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12544Doc:Walk Cycle/es2010-06-03T16:23:48Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Ciclo de Marcha}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Ten paciencia, o ayúdanos a terminarla.<br />
<br />
== The List File ==<br />
Uno de los aspectos menos obvios de Synfig está encerrado en la capa de importación de imágenes. Además de ser capaz de importar algunos archivos de imagen básicos, también aceptará un archivo "lst". Esta lista de archivos es simplemente un archivo de texto que consiste en una tasa de fotogramas, seguidos por una lista de las imágenes a mostrar. (Si no se suministra la cantidad de imágenes por segundo, se utiliza una tasa predeterminada de 15 fotogramas por segundo (FPS).)<br />
<br />
<br />
Un ejemplo, suministrado por Voria Studios, toma 4 imágenes fijas de un personaje en distintas etapas de un ciclo de marcha. Estas imágenes se muestran con 4 FPS para dar una secuencia que al repetirse muestra a un hombre caminando.<br />
<br />
Aquí están las imágenes<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Y aquí está el inicio del archivo 'lst'. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Construyendo un ciclo de Marcha ==<br />
Echemos un vistazo a cómo usar estas imágenes para crear un ciclo completo de marcha para un dibujo en Synfig. <br />
<br />
Start with a new canvas and add a timeline of several seconds with the default framerate of 24 FPS. On the canvas, select the Caret > Layer, New layer, Other, Import Image.<br />
<br />
This creates a new Import Image layer, but nothing will show up until the filename is selected. Go to the Params dialog and scroll down to Filename. There you can navigate to the '.lst' file and select open. <br />
Now you should see the first image in the list. Moving forward along the timeline will show successive images from the list every 6 frames. You can preview or render these as is and get a low frame rate animation. <br />
<br />
But the result doesn't look very smooth, and the images are not very flexible. (The images can be translated, rotated and stretched, but no elements within the images can be changed.) To make a fully editable character we need to trace over it with Synfig elements such as Blines or Draw layers. <br />
<br />
I work with a drawing tablet, so the easiest solution for me is to use the {{l|Draw Tool}}. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12527Doc:Walk Cycle/es2010-06-03T09:28:27Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Ciclo de Marcha}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Ten paciencia, o ayúdanos a terminarla.<br />
<br />
== The List File ==<br />
Uno de los aspectos menos obvios de Synfig está encerrado en la capa de importación de imágenes. Además de ser capaz de importar algunos archivos de imagen básicos, también aceptará un archivo "lst". This list file is simply a text file consisting of a framerate followed by a list of images to display. (If no framerate is supplied a default rate of 15 Frames per Second (FPS) is used.) Esta lista de archivos es simplemente un archivo de texto que consiste en una tasa de fotogramas, seguidos por una lista de las imágenes a mostrar. (Si no se suministra la cantidad de imágenes por segundo, se utiliza una tasa predeterminada de 15 fotogramas por segundo (FPS).)<br />
<br />
<br />
Un ejemplo, suministrado por Voria Studios, toma 4 imágenes fijas de un personaje en distintas etapas de un ciclo de marcha. Estas imágenes se muestran con 4 FPS para dar una secuencia que al repetirse muestra a un hombre caminando.<br />
<br />
Aquí están las imágenes<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
Y aquí está el inicio del archivo 'lst'. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Constructing a Walk cycle ==<br />
Let's take a look at how we can use these images to create a complete walk cycle for a character in Synfig. <br />
<br />
Start with a new canvas and add a timeline of several seconds with the default framerate of 24 FPS. On the canvas, select the Caret > Layer, New layer, Other, Import Image.<br />
<br />
This creates a new Import Image layer, but nothing will show up until the filename is selected. Go to the Params dialog and scroll down to Filename. There you can navigate to the '.lst' file and select open. <br />
Now you should see the first image in the list. Moving forward along the timeline will show successive images from the list every 6 frames. You can preview or render these as is and get a low frame rate animation. <br />
<br />
But the result doesn't look very smooth, and the images are not very flexible. (The images can be translated, rotated and stretched, but no elements within the images can be changed.) To make a fully editable character we need to trace over it with Synfig elements such as Blines or Draw layers. <br />
<br />
I work with a drawing tablet, so the easiest solution for me is to use the {{l|Draw Tool}}. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Walk_Cycle/es&diff=12526Doc:Walk Cycle/es2010-06-03T09:16:12Z<p>Rafael: Created page with '<!-- Page info --> {{Title|Walk Cycle}} {{Category|Tutorials}} {{Category|Tutorials Advanced}} <!-- Page info end --> == The List File == One of the less obvious features of Syn…'</p>
<hr />
<div><!-- Page info --><br />
{{Title|Walk Cycle}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
== The List File ==<br />
One of the less obvious features of Synfig is buried in the Import Image layer. In addition to being able to import some basic still image file types, it will also accept a 'lst' file. This list file is simply a text file consisting of a framerate followed by a list of images to display. (If no framerate is supplied a default rate of 15 Frames per Second (FPS) is used.)<br />
<br />
An example, provided by Voria Studios, takes 4 still images of a character in various stages of a walk cycle. These images are shown at 4 FPS to give a sequence that when repeated, show a man walking. <br />
<br />
Here are the images<br> <br />
<gallery widths="104px" heights="216px"><br />
Image:frame_01.jpg|Frame 1<br />
Image:frame_02.jpg|Frame 2<br />
Image:frame_03.jpg|Frame 3<br />
Image:frame_04.jpg|Frame 4<br />
</gallery><br />
<br />
And here is the beginning of the 'lst' file. <br><br />
<code><br />
FPS 4<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
frame_01.jpg<br><br />
frame_02.jpg<br><br />
frame_03.jpg<br><br />
frame_04.jpg<br><br />
...</code><br><br />
<br />
== Constructing a Walk cycle ==<br />
Let's take a look at how we can use these images to create a complete walk cycle for a character in Synfig. <br />
<br />
Start with a new canvas and add a timeline of several seconds with the default framerate of 24 FPS. On the canvas, select the Caret > Layer, New layer, Other, Import Image.<br />
<br />
This creates a new Import Image layer, but nothing will show up until the filename is selected. Go to the Params dialog and scroll down to Filename. There you can navigate to the '.lst' file and select open. <br />
Now you should see the first image in the list. Moving forward along the timeline will show successive images from the list every 6 frames. You can preview or render these as is and get a low frame rate animation. <br />
<br />
But the result doesn't look very smooth, and the images are not very flexible. (The images can be translated, rotated and stretched, but no elements within the images can be changed.) To make a fully editable character we need to trace over it with Synfig elements such as Blines or Draw layers. <br />
<br />
I work with a drawing tablet, so the easiest solution for me is to use the {{l|Draw Tool}}. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line. <br />
<br />
{{l|Image:Synfig_walk.png|488x192px}}<br />
<br />
Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]<br />
<br />
Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation. <br />
<br />
{{l|Image:walk.gif}}<br />
<br />
Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)<br />
<br />
{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Realistic_Fire_Animation/es&diff=12525Doc:Realistic Fire Animation/es2010-06-03T08:42:22Z<p>Rafael: </p>
<hr />
<div> <!-- Page info --><br />
{{Title|Animación realista de Fuego}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Esta página está siendo traducida, ten paciencia<br />
<br />
==Introducción==<br />
{{l|File:Realistic_fire_tutorial_completed.png|right|The result of this tutorial}} Este tutorial te guiará para realizar una "animación realista de fuego con {{l|Synfig}}''. <br />
<br />
Asegúrate de revisar la animación [http://www.vimeo.com/11610662 resulting animation], y echa un vistazo a la {{l|Doc:Realistic Fire Animation#Gallery|galería}} para ver otros videos explotando esta técnica.<br />
<br />
<br />
<br />
Este tutorial no es "avanzado" como los "difíciles", pero requiere que estés familiarizado con la {{l|Doc:Interface|interfaz}} y las {{l|Doc:Quick_Overview|herramientas}} de Synfig, ya que no se cubren aquí. Empieza con los {{l|Category:Tutorials_Basic|tutoriales básicos}} y échale un ojo al {{l|Category:Manual}} si no estás familiarizado con términos como "{{l|Blend_Method_Parameter|Método de Mezcla}}" o "{{l|Encapsulate|Encapsular}}". La duración de este tutorial es de 30 a 50 minutos para un usuario medio de Synfig.<br />
<br />
Para otras disposiciones, ajustes adicionales, variantes y mucho más, por favor consulte {{l|Doc_talk:Realistic_Fire_Animation|talk page}}.<br />
<br />
<br />
<br />
La '''idea básica de esta técnica''' está inspirada en el tutorial "[http://graffiti.hbfx.com/?p=219&lang=en-us Fire in Photoshop]", por Eros:<br />
* un fondo moviéndose verticalmente, rellenado con nubes blancas y negras (ej: ruido). Las áreas claras se convuerten en brillo, llamas amarillas, y las oscuras serán las llamas rojizas.<br />
* una máscara fija para oscurecer la parte superior del fuego, o sea la extinción de las llamas (ej: gradiente vertical blanco y negro)<br />
* una capa de color naranja para encender el fuego<br />
<br />
También puedes descargar si quieres {{l|File:Realistic_fire_tutorial.sifz|result Synfig file}}, disponible bajo la licencia Creative Commons (by nc sa).<br />
<br />
==paso 1: fuego estático==<br />
[[File:Realistic_fire_tutorial_flame_intensity.png|200px|thumb|right|The ''intensity mask'' layer]]<br />
<br />
Abre un archivo nuevo de Synfig, no importa sus dimensiones. Para tener un efecto de pantalla larga este tutorial usa 360x203.<br />
<br />
# Añade una capa nueva {{l|Noise Gradient Layer|Gradiente Ruidoso}} negra y blanca, llámala '''base noise''' y cambia su ''tamaño'' a 20x35pt... para que las llamas se orienten verticalmente.<br />
# Sobre la capa '''base noise''', añade una {{l|Linear Gradient Layer}}, llámala '''intensity mask''', y mueve el ''punto 1'' y ''punto 2'' del gradiente para dejar un espacio blanco encima y un espacio negro en su base, como se muestra en la imagen. Cambia su método de mezcla ('blend mode) a {{l|Blend_Method_Parameter#Subtract|resta}}.<br />
# Encima de la capa '''intensity mask''', añade una capa {{l|Solid Color Layer|Color Sólido}}, llámala '''fire color'''. Cambia su ''color'' a un naranja cálido, hemos usado #ff6700, y pon el método de mezcla en {{l|Blend_Method_Parameter#Color|color}}.<br />
# Cambia la ''Cantidad'' de '''fire color''' y '''intensity mask''' para conseguir el efecto que te guste. Hemos usado las cantidades de 0.7 para el color y 1.4 para la máscara (mask) para obtener el resultado que se muestra en la imagen al final del paso 1.<br />
[[File:Raging fire tutorial step1.png|center|Result after step 1]]<br />
<br />
==paso 2: ¡dale vida!==<br />
Dar vida a este fuego consiste en desplazar la capa ''base noise'' hacia arriba. Para ello<br />
<br />
# {{l|Encapsulate|Encapsulamos}} '''base noise''' y renombramos el nuevo grupo a '''moving base'''. Haz que se mueva hacia arriba {{l|Convert|convirtiendo}} su ''Origen'' en {{l|Convert#Linear|Linear}} y estableciendo la ''pendiente'' del origen en 0x200pt.<br />
<br />
En este punto puedes {{l|Preview|Previsualizar}} algunos fotogramas, para apreciar el efecto de las llamas moviéndose... y rápidamente te darás cuenta de lo aburrida que parece: las llamas pierden intensidad al subir, pero les falta movimiento y sorpresa. Vamos a añadir algo.<br />
<br />
<br />
<br />
La idea que usamos en este tutorial es iluminar las zonas que se calientan, llamas amarillas, y oscurecer las zonas que deben ser más oscuras, llamas rojas. Como la base móvil '''moving base''' tiene exactamente ese efecto, repetiremos los mismos pasos para añadir irregularidades a nuestro fuego:<br />
<br />
# {{l|Canvas_Layer_Menu|Duplicate}} the '''moving base''' layer, rename the new group into '''irregularities''', its contained noise to '''irregularities noise''' and raise it above '''moving base'''. Change all the settings we adapted before: <br />
#* Change '''irregularities noise''' ''RandomNoiseSeed'' to anything else (eg. drop the last figure) and ''size'' to 5x15pt<br />
#* Change '''irregularities''' origin ''slope'' to 50x350pt, ''amount'' to 0.5 and ''zoom'' to 1.2<br />
<br />
Estos últimos ajustes se ven en la captura de pantalla mostrada al final del paso 2.<br />
[[File:Realistic_fire_tutorial_step2.png|center|Resultado tras el paso 2]]<br />
<br />
==paso 3: algunas zonas calientes==<br />
[[File:Realistic_fire_tutorial_flame_source.png|200px|thumb|right|The ''flame source'' layer]]<br />
To complete this tutorial, we will add some hot spots at the base (figuring the source of the flames) and left of the fire, to make it less rectilinear. This is done by slightly brightening some areas underneath the '''fire color''' layer.<br />
<br />
# Add, above '''irregularities''' group, a new {{l|Linear Gradient Layer}}. Rename it '''flame source''' and move its gradient ''point 1'' & ''point 2'' to leave no white space at the bottom of the frame, and huge black area on top, as illustrated in the "flame source layer" picture. Change its ''amount'' to 0.6 and ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}. <br />
# Below layer '''fire color''' create a new {{l|BLine Tool|BLine Region}} (no need for an outline) of a shape where you want brighter flames (have a look at the picture at the end of this step for an example) and rename it '''high flames region'''. Changes its {{l|Feather Parameter}} to 50pt, its ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}, and its ''color'' to some light gray (eg #8c8c8c).<br />
<br />
{{l|File:Realistic_fire_tutorial_step3.png|center|Resultado tras el paso 3}}<br />
<br />
<br />
<br />
Congratulations. You're (already) done! Render and enjoy.<br />
<br />
You can optionally download the result {{l|File:Realistic_fire_tutorial.sifz|Synfig file of the tutorial}}, available under Creative Commons (by nc sa)... but you just made your own so there's no need!<br />
<br />
==Fine tuning & fooling around==<br />
Various settings allow you to achieve very different fire types and effects. Contribute to this section or discuss them in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
<br />
<br />
Some "easy" tailoring include:<br />
* play with the ''gradient'' of '''base noise''' to change the ratio between bright and dark flames.<br />
* tune the '''irregularities''' ''zoom'', ''amount'' and ''blend mode'' to get a wild aggressive fire (0; 0.4; hard light) or something more voluptuously quiet (1.9; 0.5; composite) <br />
* make your high flames more realistic by coloring the '''high flames region''' with a vertical gradient, dark grey on top, white at the bottom.<br />
* simulate wind (ie. change the direction of the flames) by adapting the ''slope'' of '''moving base''' and '''irregularities''.<br />
<br />
[[File:Realistic_fire_tutorial_rainbow.png|200px|thumb|right|¡Ten cuidado cuando juegues con fuego!]]<br />
A few fun but less realistic tunings:<br />
* play with the ''color'' of '''fire color''' to get a blue or pink fire.<br />
* check ''turbulent'' of '''base noise''' and/or '''irregularities noise''' to get a psychedelic effect.<br />
* set any place of the picture to fire just by adding a light gray spot below '''fire color''' anywhere, just as we did '''high flames region''' in step 3.<br />
<br />
==Gallery==<br />
You used this technique? Leave a link here and a few hints in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
* Everything burned... even the text, in [http://www.vimeo.com/11569415 Raging Fire], the source of which can be found in the [http://synfig.org/forums/ Synfig forum].</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Realistic_Fire_Animation/es&diff=12524Doc:Realistic Fire Animation/es2010-06-03T08:24:26Z<p>Rafael: </p>
<hr />
<div> <!-- Page info --><br />
{{Title|Animación realista de Fuego}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Esta página está siendo traducida, ten paciencia<br />
<br />
==Introducción==<br />
{{l|File:Realistic_fire_tutorial_completed.png|right|The result of this tutorial}} Este tutorial te guiará para realizar una "animación realista de fuego con {{l|Synfig}}''. <br />
<br />
Asegúrate de revisar la animación [http://www.vimeo.com/11610662 resulting animation], y echa un vistazo a la {{l|Doc:Realistic Fire Animation#Gallery|galería}} para ver otros videos explotando esta técnica.<br />
<br />
<br />
<br />
Este tutorial no es "avanzado" como los "difíciles", pero requiere que estés familiarizado con la {{l|Doc:Interface|interfaz}} y las {{l|Doc:Quick_Overview|herramientas}} de Synfig, ya que no se cubren aquí. Empieza con los {{l|Category:Tutorials_Basic|tutoriales básicos}} y échale un ojo al {{l|Category:Manual}} si no estás familiarizado con términos como "{{l|Blend_Method_Parameter|Método de Mezcla}}" o "{{l|Encapsulate|Encapsular}}". La duración de este tutorial es de 30 a 50 minutos para un usuario medio de Synfig.<br />
<br />
Para otras disposiciones, ajustes adicionales, variantes y mucho más, por favor consulte {{l|Doc_talk:Realistic_Fire_Animation|talk page}}.<br />
<br />
<br />
<br />
La '''idea básica de esta técnica''' está inspirada en el tutorial "[http://graffiti.hbfx.com/?p=219&lang=en-us Fire in Photoshop]", por Eros:<br />
* un fondo moviéndose verticalmente, rellenado con nubes blancas y negras (ej: ruido). Las áreas claras se convuerten en brillo, llamas amarillas, y las oscuras serán las llamas rojizas.<br />
* una máscara fija para oscurecer la parte superior del fuego, o sea la extinción de las llamas (ej: gradiente vertical blanco y negro)<br />
* una capa de color naranja para encender el fuego<br />
<br />
También puedes descargar si quieres {{l|File:Realistic_fire_tutorial.sifz|result Synfig file}}, disponible bajo la licencia Creative Commons (by nc sa).<br />
<br />
==paso 1: fuego estático==<br />
[[File:Realistic_fire_tutorial_flame_intensity.png|200px|thumb|right|The ''intensity mask'' layer]]<br />
<br />
Abre un archivo nuevo de Synfig, no importa sus dimensiones. Para tener un efecto de pantalla larga este tutorial usa 360x203.<br />
<br />
# Añade una capa nueva {{l|Noise Gradient Layer|Gradiente Ruidoso}} negra y blanca, llámala '''base noise''' y cambia su ''tamaño'' a 20x35pt... para que las llamas se orienten verticalmente.<br />
# Sobre la capa '''base noise''', añade una {{l|Linear Gradient Layer}}, llámala '''intensity mask''', y mueve el ''punto 1'' y ''punto 2'' del gradiente para dejar un espacio blanco encima y un espacio negro en su base, como se muestra en la imagen. Cambia su método de mezcla ('blend mode) a {{l|Blend_Method_Parameter#Subtract|resta}}.<br />
# Encima de la capa '''intensity mask''', añade una capa {{l|Solid Color Layer|Color Sólido}}, llámala '''fire color'''. Cambia su ''color'' a un naranja cálido, hemos usado #ff6700, y pon el método de mezcla en {{l|Blend_Method_Parameter#Color|color}}.<br />
# Cambia la ''Cantidad'' de '''fire color''' y '''intensity mask''' para conseguir el efecto que te guste. Hemos usado las cantidades de 0.7 para el color y 1.4 para la máscara (mask) para obtener el resultado que se muestra en la imagen al final del paso 1.<br />
[[File:Raging fire tutorial step1.png|center|Result after step 1]]<br />
<br />
==paso 2: ¡dale vida!==<br />
Dar vida a este fuego consiste en desplazar la capa ''base noise'' hacia arriba. Para ello<br />
<br />
# {{l|Encapsulate|Encapsulamos}} '''base noise''' y renombramos el nuevo grupo a '''moving base'''. Haz que se mueva hacia arriba {{l|Convert|convirtiendo}} su ''Origen'' en {{l|Convert#Linear|Linear}} y estableciendo la ''pendiente'' del origen en 0x200pt.<br />
<br />
En este punto puedes {{l|Preview|Previsualizar}} algunos fotogramas, para apreciar el efecto de las llamas moviéndose... y rápidamente te darás cuenta de lo aburrida que parece: las llamas pierden intensidad al subir, pero les falta movimiento y sorpresa. Vamos a añadir algo.<br />
<br />
<br />
<br />
La idea que usamos en este tutorial es iluminar las zonas que se calientan, llamas amarillas, y oscurecer las zonas que deben ser más oscuras, llamas rojas. Como la base móvil '''moving base''' tiene exactamente ese efecto, repetiremos los mismos pasos para añadir irregularidades a nuestro fuego:<br />
<br />
# {{l|Canvas_Layer_Menu|Duplicate}} the '''moving base''' layer, rename the new group into '''irregularities''', its contained noise to '''irregularities noise''' and raise it above '''moving base'''. Change all the settings we adapted before: <br />
#* Change '''irregularities noise''' ''RandomNoiseSeed'' to anything else (eg. drop the last figure) and ''size'' to 5x15pt<br />
#* Change '''irregularities''' origin ''slope'' to 50x350pt, ''amount'' to 0.5 and ''zoom'' to 1.2<br />
<br />
A snapshot of these last settings is given in the picture at the end of step 2.<br />
[[File:Realistic_fire_tutorial_step2.png|center|Result after step 2]]<br />
<br />
==paso 3: algunas zonas calientes==<br />
[[File:Realistic_fire_tutorial_flame_source.png|200px|thumb|right|The ''flame source'' layer]]<br />
To complete this tutorial, we will add some hot spots at the base (figuring the source of the flames) and left of the fire, to make it less rectilinear. This is done by slightly brightening some areas underneath the '''fire color''' layer.<br />
<br />
# Add, above '''irregularities''' group, a new {{l|Linear Gradient Layer}}. Rename it '''flame source''' and move its gradient ''point 1'' & ''point 2'' to leave no white space at the bottom of the frame, and huge black area on top, as illustrated in the "flame source layer" picture. Change its ''amount'' to 0.6 and ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}. <br />
# Below layer '''fire color''' create a new {{l|BLine Tool|BLine Region}} (no need for an outline) of a shape where you want brighter flames (have a look at the picture at the end of this step for an example) and rename it '''high flames region'''. Changes its {{l|Feather Parameter}} to 50pt, its ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}, and its ''color'' to some light gray (eg #8c8c8c).<br />
<br />
{{l|File:Realistic_fire_tutorial_step3.png|center|Result at the end of step 3}}<br />
<br />
<br />
<br />
Congratulations. You're (already) done! Render and enjoy.<br />
<br />
You can optionally download the result {{l|File:Realistic_fire_tutorial.sifz|Synfig file of the tutorial}}, available under Creative Commons (by nc sa)... but you just made your own so there's no need!<br />
<br />
==Fine tuning & fooling around==<br />
Various settings allow you to achieve very different fire types and effects. Contribute to this section or discuss them in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
<br />
<br />
Some "easy" tailoring include:<br />
* play with the ''gradient'' of '''base noise''' to change the ratio between bright and dark flames.<br />
* tune the '''irregularities''' ''zoom'', ''amount'' and ''blend mode'' to get a wild aggressive fire (0; 0.4; hard light) or something more voluptuously quiet (1.9; 0.5; composite) <br />
* make your high flames more realistic by coloring the '''high flames region''' with a vertical gradient, dark grey on top, white at the bottom.<br />
* simulate wind (ie. change the direction of the flames) by adapting the ''slope'' of '''moving base''' and '''irregularities''.<br />
<br />
[[File:Realistic_fire_tutorial_rainbow.png|200px|thumb|right|Be cautious playing with the fire!]]<br />
A few fun but less realistic tunings:<br />
* play with the ''color'' of '''fire color''' to get a blue or pink fire.<br />
* check ''turbulent'' of '''base noise''' and/or '''irregularities noise''' to get a psychedelic effect.<br />
* set any place of the picture to fire just by adding a light gray spot below '''fire color''' anywhere, just as we did '''high flames region''' in step 3.<br />
<br />
==Gallery==<br />
You used this technique? Leave a link here and a few hints in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
* Everything burned... even the text, in [http://www.vimeo.com/11569415 Raging Fire], the source of which can be found in the [http://synfig.org/forums/ Synfig forum].</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Realistic_Fire_Animation/es&diff=12523Doc:Realistic Fire Animation/es2010-06-03T07:33:19Z<p>Rafael: </p>
<hr />
<div> <!-- Page info --><br />
{{Title|Animación realista de Fuego}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Esta página está siendo traducida, ten paciencia<br />
<br />
==Introducción==<br />
{{l|File:Realistic_fire_tutorial_completed.png|right|The result of this tutorial}} Este tutorial te guiará para realizar una "animación realista de fuego con {{l|Synfig}}''. <br />
<br />
Asegúrate de revisar la animación [http://www.vimeo.com/11610662 resulting animation], y echa un vistazo a la {{l|Doc:Realistic Fire Animation#Gallery|galería}} para ver otros videos explotando esta técnica.<br />
<br />
<br />
<br />
Este tutorial no es "avanzado" como los "difíciles", pero requiere que estés familiarizado con la {{l|Doc:Interface|interfaz}} y las {{l|Doc:Quick_Overview|herramientas}} de Synfig, ya que no se cubren aquí. Empieza con los {{l|Category:Tutorials_Basic|tutoriales básicos}} y échale un ojo al {{l|Category:Manual}} si no estás familiarizado con términos como "{{l|Blend_Method_Parameter|Método de Mezcla}}" o "{{l|Encapsulate|Encapsular}}". La duración de este tutorial es de 30 a 50 minutos para un usuario medio de Synfig.<br />
<br />
Para otras disposiciones, ajustes adicionales, variantes y mucho más, por favor consulte {{l|Doc_talk:Realistic_Fire_Animation|talk page}}.<br />
<br />
<br />
<br />
La '''idea básica de esta técnica''' está inspirada en el tutorial "[http://graffiti.hbfx.com/?p=219&lang=en-us Fire in Photoshop]", por Eros:<br />
* un fondo moviéndose verticalmente, rellenado con nubes blancas y negras (ej: ruido). Las áreas claras se convuerten en brillo, llamas amarillas, y las oscuras serán las llamas rojizas.<br />
* una máscara fija para oscurecer la parte superior del fuego, o sea la extinción de las llamas (ej: gradiente vertical blanco y negro)<br />
* una capa de color naranja para encender el fuego<br />
<br />
También puedes descargar si quieres {{l|File:Realistic_fire_tutorial.sifz|result Synfig file}}, disponible bajo la licencia Creative Commons (by nc sa).<br />
<br />
==paso 1: fuego estático==<br />
[[File:Realistic_fire_tutorial_flame_intensity.png|200px|thumb|right|The ''intensity mask'' layer]]<br />
<br />
Abre un archivo nuevo de Synfig, no importa sus dimensiones. Para tener un efecto de pantalla larga este tutorial usa 360x203.<br />
<br />
# Añade una capa nueva {{l|Noise Gradient Layer|Gradiente Ruidoso}} negra y blanca, llámala '''base noise''' y cambia su ''tamaño'' a 20x35pt... para que las llamas se orienten verticalmente.<br />
# Sobre la capa '''base noise''', añade una {{l|Linear Gradient Layer}}, llámala '''intensity mask''', y mueve el ''punto 1'' y ''punto 2'' del gradiente para dejar un espacio blanco encima y un espacio negro en su base, como se muestra en la imagen. Cambia su método de mezcla ('blend mode) a {{l|Blend_Method_Parameter#Subtract|resta}}.<br />
# Encima de la capa '''intensity mask''', añade una capa {{l|Solid Color Layer|Color Sólido}}, llámala '''fire color'''. Cambia su ''color'' a un naranja cálido, hemos usado #ff6700, y pon el método de mezcla en {{l|Blend_Method_Parameter#Color|color}}.<br />
# Change the ''amount'' of both '''fire color''' and '''intensity mask''' to achieve an effect you like. We used amounts of 0.7 color and 1.4 mask to achieve the result illustrated in the picture at the end of step 1.<br />
[[File:Raging fire tutorial step1.png|center|Result after step 1]]<br />
<br />
==paso 2: ¡dale vida!==<br />
Bringing this fire to life is about moving the ''base noise'' upwards. Therefore we<br />
<br />
# {{l|Encapsulate}} '''base noise''' and rename the new group into '''moving base'''. Make it move upward by {{l|Convert|converting}} its ''origin'' to {{l|Convert#Linear|Linear}} and setting the origin ''slope'' to 0x200pt.<br />
<br />
At this point you can {{l|Preview}} a few frames, to appreciate the effect of moving flames... and quickly notice how dull and boring it looks: the flames fade away when rising but lack of movement and surprise. Let's add some!<br />
<br />
<br />
<br />
The idea of the technique used in this tutorial is to brighten zones that will become hot, yellow flames, and darken zones that will be dark, red flames. As '''moving base''' does just that being a black and white cloud, we'll apply the same steps again to add some irregularities:<br />
<br />
# {{l|Canvas_Layer_Menu|Duplicate}} the '''moving base''' layer, rename the new group into '''irregularities''', its contained noise to '''irregularities noise''' and raise it above '''moving base'''. Change all the settings we adapted before: <br />
#* Change '''irregularities noise''' ''RandomNoiseSeed'' to anything else (eg. drop the last figure) and ''size'' to 5x15pt<br />
#* Change '''irregularities''' origin ''slope'' to 50x350pt, ''amount'' to 0.5 and ''zoom'' to 1.2<br />
<br />
A snapshot of these last settings is given in the picture at the end of step 2.<br />
[[File:Realistic_fire_tutorial_step2.png|center|Result after step 2]]<br />
<br />
==paso 3: algunas zonas calientes==<br />
[[File:Realistic_fire_tutorial_flame_source.png|200px|thumb|right|The ''flame source'' layer]]<br />
To complete this tutorial, we will add some hot spots at the base (figuring the source of the flames) and left of the fire, to make it less rectilinear. This is done by slightly brightening some areas underneath the '''fire color''' layer.<br />
<br />
# Add, above '''irregularities''' group, a new {{l|Linear Gradient Layer}}. Rename it '''flame source''' and move its gradient ''point 1'' & ''point 2'' to leave no white space at the bottom of the frame, and huge black area on top, as illustrated in the "flame source layer" picture. Change its ''amount'' to 0.6 and ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}. <br />
# Below layer '''fire color''' create a new {{l|BLine Tool|BLine Region}} (no need for an outline) of a shape where you want brighter flames (have a look at the picture at the end of this step for an example) and rename it '''high flames region'''. Changes its {{l|Feather Parameter}} to 50pt, its ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}, and its ''color'' to some light gray (eg #8c8c8c).<br />
<br />
{{l|File:Realistic_fire_tutorial_step3.png|center|Result at the end of step 3}}<br />
<br />
<br />
<br />
Congratulations. You're (already) done! Render and enjoy.<br />
<br />
You can optionally download the result {{l|File:Realistic_fire_tutorial.sifz|Synfig file of the tutorial}}, available under Creative Commons (by nc sa)... but you just made your own so there's no need!<br />
<br />
==Fine tuning & fooling around==<br />
Various settings allow you to achieve very different fire types and effects. Contribute to this section or discuss them in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
<br />
<br />
Some "easy" tailoring include:<br />
* play with the ''gradient'' of '''base noise''' to change the ratio between bright and dark flames.<br />
* tune the '''irregularities''' ''zoom'', ''amount'' and ''blend mode'' to get a wild aggressive fire (0; 0.4; hard light) or something more voluptuously quiet (1.9; 0.5; composite) <br />
* make your high flames more realistic by coloring the '''high flames region''' with a vertical gradient, dark grey on top, white at the bottom.<br />
* simulate wind (ie. change the direction of the flames) by adapting the ''slope'' of '''moving base''' and '''irregularities''.<br />
<br />
[[File:Realistic_fire_tutorial_rainbow.png|200px|thumb|right|Be cautious playing with the fire!]]<br />
A few fun but less realistic tunings:<br />
* play with the ''color'' of '''fire color''' to get a blue or pink fire.<br />
* check ''turbulent'' of '''base noise''' and/or '''irregularities noise''' to get a psychedelic effect.<br />
* set any place of the picture to fire just by adding a light gray spot below '''fire color''' anywhere, just as we did '''high flames region''' in step 3.<br />
<br />
==Gallery==<br />
You used this technique? Leave a link here and a few hints in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
* Everything burned... even the text, in [http://www.vimeo.com/11569415 Raging Fire], the source of which can be found in the [http://synfig.org/forums/ Synfig forum].</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Realistic_Fire_Animation/es&diff=12522Doc:Realistic Fire Animation/es2010-06-03T07:28:39Z<p>Rafael: </p>
<hr />
<div> <!-- Page info --><br />
{{Title|Animación realista de Fuego}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Esta página está siendo traducida, ten paciencia<br />
<br />
==Introducción==<br />
{{l|File:Realistic_fire_tutorial_completed.png|right|The result of this tutorial}} Este tutorial te guiará para realizar una "animación realista de fuego con {{l|Synfig}}''. <br />
<br />
Asegúrate de revisar la animación [http://www.vimeo.com/11610662 resulting animation], y echa un vistazo a la {{l|Doc:Realistic Fire Animation#Gallery|galería}} para ver otros videos explotando esta técnica.<br />
<br />
<br />
<br />
Este tutorial no es "avanzado" como los "difíciles", pero requiere que estés familiarizado con la {{l|Doc:Interface|interfaz}} y las {{l|Doc:Quick_Overview|herramientas}} de Synfig, ya que no se cubren aquí. Empieza con los {{l|Category:Tutorials_Basic|tutoriales básicos}} y échale un ojo al {{l|Category:Manual}} si no estás familiarizado con términos como "{{l|Blend_Method_Parameter|Método de Mezcla}}" o "{{l|Encapsulate|Encapsular}}". La duración de este tutorial es de 30 a 50 minutos para un usuario medio de Synfig.<br />
<br />
Para otras disposiciones, ajustes adicionales, variantes y mucho más, por favor consulte {{l|Doc_talk:Realistic_Fire_Animation|talk page}}.<br />
<br />
<br />
<br />
La '''idea básica de esta técnica''' está inspirada en el tutorial "[http://graffiti.hbfx.com/?p=219&lang=en-us Fire in Photoshop]", por Eros:<br />
* un fondo moviéndose verticalmente, rellenado con nubes blancas y negras (ej: ruido). Las áreas claras se convuerten en brillo, llamas amarillas, y las oscuras serán las llamas rojizas.<br />
* una máscara fija para oscurecer la parte superior del fuego, o sea la extinción de las llamas (ej: gradiente vertical blanco y negro)<br />
* una capa de color naranja para encender el fuego<br />
<br />
También puedes descargar si quieres {{l|File:Realistic_fire_tutorial.sifz|result Synfig file}}, disponible bajo la licencia Creative Commons (by nc sa).<br />
<br />
==paso 1: fuego estático==<br />
[[File:Realistic_fire_tutorial_flame_intensity.png|200px|thumb|right|The ''intensity mask'' layer]]<br />
<br />
Abre un archivo nuevo de Synfig, no importa sus dimensiones. Para tener un efecto de pantalla larga este tutorial usa 360x203.<br />
<br />
# Añade una capa nueva {{l|Noise Gradient Layer|Gradiente Ruidoso}} negra y blanca, llámala '''base noise''' y cambia su ''tamaño'' a 20x35pt... para que las llamas se orienten verticalmente.<br />
# Sobre la capa '''base noise''', añade una {{l|Linear Gradient Layer}}, llámala '''intensity mask''', y mueve el ''punto 1'' y ''punto 2'' del gradiente para dejar un espacio blanco encima y un espacio negro en su base, como se muestra en la imagen. Cambia su método de mezcla ('blend mode) a {{l|Blend_Method_Parameter#Subtract|resta}}.<br />
# On top of '''intensity mask''', add a {{l|Solid Color Layer}}, name it '''fire color'''. Change its ''color'' to some warm orange, we used #ff6700, and its blend mode to {{l|Blend_Method_Parameter#Color|color}}.<br />
# Change the ''amount'' of both '''fire color''' and '''intensity mask''' to achieve an effect you like. We used amounts of 0.7 color and 1.4 mask to achieve the result illustrated in the picture at the end of step 1.<br />
[[File:Raging fire tutorial step1.png|center|Result after step 1]]<br />
<br />
==paso 2: ¡dale vida!==<br />
Bringing this fire to life is about moving the ''base noise'' upwards. Therefore we<br />
<br />
# {{l|Encapsulate}} '''base noise''' and rename the new group into '''moving base'''. Make it move upward by {{l|Convert|converting}} its ''origin'' to {{l|Convert#Linear|Linear}} and setting the origin ''slope'' to 0x200pt.<br />
<br />
At this point you can {{l|Preview}} a few frames, to appreciate the effect of moving flames... and quickly notice how dull and boring it looks: the flames fade away when rising but lack of movement and surprise. Let's add some!<br />
<br />
<br />
<br />
The idea of the technique used in this tutorial is to brighten zones that will become hot, yellow flames, and darken zones that will be dark, red flames. As '''moving base''' does just that being a black and white cloud, we'll apply the same steps again to add some irregularities:<br />
<br />
# {{l|Canvas_Layer_Menu|Duplicate}} the '''moving base''' layer, rename the new group into '''irregularities''', its contained noise to '''irregularities noise''' and raise it above '''moving base'''. Change all the settings we adapted before: <br />
#* Change '''irregularities noise''' ''RandomNoiseSeed'' to anything else (eg. drop the last figure) and ''size'' to 5x15pt<br />
#* Change '''irregularities''' origin ''slope'' to 50x350pt, ''amount'' to 0.5 and ''zoom'' to 1.2<br />
<br />
A snapshot of these last settings is given in the picture at the end of step 2.<br />
[[File:Realistic_fire_tutorial_step2.png|center|Result after step 2]]<br />
<br />
==paso 3: algunas zonas calientes==<br />
[[File:Realistic_fire_tutorial_flame_source.png|200px|thumb|right|The ''flame source'' layer]]<br />
To complete this tutorial, we will add some hot spots at the base (figuring the source of the flames) and left of the fire, to make it less rectilinear. This is done by slightly brightening some areas underneath the '''fire color''' layer.<br />
<br />
# Add, above '''irregularities''' group, a new {{l|Linear Gradient Layer}}. Rename it '''flame source''' and move its gradient ''point 1'' & ''point 2'' to leave no white space at the bottom of the frame, and huge black area on top, as illustrated in the "flame source layer" picture. Change its ''amount'' to 0.6 and ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}. <br />
# Below layer '''fire color''' create a new {{l|BLine Tool|BLine Region}} (no need for an outline) of a shape where you want brighter flames (have a look at the picture at the end of this step for an example) and rename it '''high flames region'''. Changes its {{l|Feather Parameter}} to 50pt, its ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}, and its ''color'' to some light gray (eg #8c8c8c).<br />
<br />
{{l|File:Realistic_fire_tutorial_step3.png|center|Result at the end of step 3}}<br />
<br />
<br />
<br />
Congratulations. You're (already) done! Render and enjoy.<br />
<br />
You can optionally download the result {{l|File:Realistic_fire_tutorial.sifz|Synfig file of the tutorial}}, available under Creative Commons (by nc sa)... but you just made your own so there's no need!<br />
<br />
==Fine tuning & fooling around==<br />
Various settings allow you to achieve very different fire types and effects. Contribute to this section or discuss them in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
<br />
<br />
Some "easy" tailoring include:<br />
* play with the ''gradient'' of '''base noise''' to change the ratio between bright and dark flames.<br />
* tune the '''irregularities''' ''zoom'', ''amount'' and ''blend mode'' to get a wild aggressive fire (0; 0.4; hard light) or something more voluptuously quiet (1.9; 0.5; composite) <br />
* make your high flames more realistic by coloring the '''high flames region''' with a vertical gradient, dark grey on top, white at the bottom.<br />
* simulate wind (ie. change the direction of the flames) by adapting the ''slope'' of '''moving base''' and '''irregularities''.<br />
<br />
[[File:Realistic_fire_tutorial_rainbow.png|200px|thumb|right|Be cautious playing with the fire!]]<br />
A few fun but less realistic tunings:<br />
* play with the ''color'' of '''fire color''' to get a blue or pink fire.<br />
* check ''turbulent'' of '''base noise''' and/or '''irregularities noise''' to get a psychedelic effect.<br />
* set any place of the picture to fire just by adding a light gray spot below '''fire color''' anywhere, just as we did '''high flames region''' in step 3.<br />
<br />
==Gallery==<br />
You used this technique? Leave a link here and a few hints in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
* Everything burned... even the text, in [http://www.vimeo.com/11569415 Raging Fire], the source of which can be found in the [http://synfig.org/forums/ Synfig forum].</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Realistic_Fire_Animation/es&diff=12521Doc:Realistic Fire Animation/es2010-06-03T07:16:13Z<p>Rafael: </p>
<hr />
<div> <!-- Page info --><br />
{{Title|Animación realista de Fuego}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Esta página está siendo traducida, ten paciencia<br />
<br />
==Introducción==<br />
{{l|File:Realistic_fire_tutorial_completed.png|right|The result of this tutorial}} Este tutorial te guiará para realizar una "animación realista de fuego con {{l|Synfig}}''. <br />
<br />
Asegúrate de revisar la animación [http://www.vimeo.com/11610662 resulting animation], y echa un vistazo a la {{l|Doc:Realistic Fire Animation#Gallery|galería}} para ver otros videos explotando esta técnica.<br />
<br />
<br />
<br />
Este tutorial no es "avanzado" como los "difíciles", pero requiere que estés familiarizado con la {{l|Doc:Interface|interfaz}} y las {{l|Doc:Quick_Overview|herramientas}} de Synfig, ya que no se cubren aquí. Empieza con los {{l|Category:Tutorials_Basic|tutoriales básicos}} y échale un ojo al {{l|Category:Manual}} si no estás familiarizado con términos como "{{l|Blend_Method_Parameter|Método de Mezcla}}" o "{{l|Encapsulate|Encapsular}}". La duración de este tutorial es de 30 a 50 minutos para un usuario medio de Synfig.<br />
<br />
Para otras disposiciones, ajustes adicionales, variantes y mucho más, por favor consulte {{l|Doc_talk:Realistic_Fire_Animation|talk page}}.<br />
<br />
<br />
<br />
La '''idea básica de esta técnica''' está inspirada en el tutorial "[http://graffiti.hbfx.com/?p=219&lang=en-us Fire in Photoshop]", por Eros:<br />
* un fondo moviéndose verticalmente, rellenado con nubes blancas y negras (ej: ruido). Las áreas claras se convuerten en brillo, llamas amarillas, y las oscuras serán las llamas rojizas.<br />
* una máscara fija para oscurecer la parte superior del fuego, o sea la extinción de las llamas (ej: gradiente vertical blanco y negro)<br />
* una capa de color naranja para encender el fuego<br />
<br />
También puedes descargar si quieres {{l|File:Realistic_fire_tutorial.sifz|result Synfig file}}, disponible bajo la licencia Creative Commons (by nc sa).<br />
<br />
==paso 1: fuego estático==<br />
[[File:Realistic_fire_tutorial_flame_intensity.png|200px|thumb|right|The ''intensity mask'' layer]]<br />
<br />
Start with a blank Synfig file, any size will do. To match a good-looking widescreen ratio this tutorial uses 360x203.<br />
<br />
# Add a new black & white {{l|Noise Gradient Layer}}, name it '''base noise''' and change its ''size'' to 20x35pt... as flames are vertically oriented.<br />
# On top of '''base noise''', add a {{l|Linear Gradient Layer}}, name it '''intensity mask''', and move the gradient ''point 1'' & ''point 2'' to leave some white space on top and some black space below, as illustrated in the picture. Change its ''blend mode'' to {{l|Blend_Method_Parameter#Subtract|subtract}}.<br />
# On top of '''intensity mask''', add a {{l|Solid Color Layer}}, name it '''fire color'''. Change its ''color'' to some warm orange, we used #ff6700, and its blend mode to {{l|Blend_Method_Parameter#Color|color}}.<br />
# Change the ''amount'' of both '''fire color''' and '''intensity mask''' to achieve an effect you like. We used amounts of 0.7 color and 1.4 mask to achieve the result illustrated in the picture at the end of step 1.<br />
[[File:Raging fire tutorial step1.png|center|Result after step 1]]<br />
<br />
==paso 2: ¡dale vida!==<br />
Bringing this fire to life is about moving the ''base noise'' upwards. Therefore we<br />
<br />
# {{l|Encapsulate}} '''base noise''' and rename the new group into '''moving base'''. Make it move upward by {{l|Convert|converting}} its ''origin'' to {{l|Convert#Linear|Linear}} and setting the origin ''slope'' to 0x200pt.<br />
<br />
At this point you can {{l|Preview}} a few frames, to appreciate the effect of moving flames... and quickly notice how dull and boring it looks: the flames fade away when rising but lack of movement and surprise. Let's add some!<br />
<br />
<br />
<br />
The idea of the technique used in this tutorial is to brighten zones that will become hot, yellow flames, and darken zones that will be dark, red flames. As '''moving base''' does just that being a black and white cloud, we'll apply the same steps again to add some irregularities:<br />
<br />
# {{l|Canvas_Layer_Menu|Duplicate}} the '''moving base''' layer, rename the new group into '''irregularities''', its contained noise to '''irregularities noise''' and raise it above '''moving base'''. Change all the settings we adapted before: <br />
#* Change '''irregularities noise''' ''RandomNoiseSeed'' to anything else (eg. drop the last figure) and ''size'' to 5x15pt<br />
#* Change '''irregularities''' origin ''slope'' to 50x350pt, ''amount'' to 0.5 and ''zoom'' to 1.2<br />
<br />
A snapshot of these last settings is given in the picture at the end of step 2.<br />
[[File:Realistic_fire_tutorial_step2.png|center|Result after step 2]]<br />
<br />
==paso 3: algunas zonas calientes==<br />
[[File:Realistic_fire_tutorial_flame_source.png|200px|thumb|right|The ''flame source'' layer]]<br />
To complete this tutorial, we will add some hot spots at the base (figuring the source of the flames) and left of the fire, to make it less rectilinear. This is done by slightly brightening some areas underneath the '''fire color''' layer.<br />
<br />
# Add, above '''irregularities''' group, a new {{l|Linear Gradient Layer}}. Rename it '''flame source''' and move its gradient ''point 1'' & ''point 2'' to leave no white space at the bottom of the frame, and huge black area on top, as illustrated in the "flame source layer" picture. Change its ''amount'' to 0.6 and ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}. <br />
# Below layer '''fire color''' create a new {{l|BLine Tool|BLine Region}} (no need for an outline) of a shape where you want brighter flames (have a look at the picture at the end of this step for an example) and rename it '''high flames region'''. Changes its {{l|Feather Parameter}} to 50pt, its ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}, and its ''color'' to some light gray (eg #8c8c8c).<br />
<br />
{{l|File:Realistic_fire_tutorial_step3.png|center|Result at the end of step 3}}<br />
<br />
<br />
<br />
Congratulations. You're (already) done! Render and enjoy.<br />
<br />
You can optionally download the result {{l|File:Realistic_fire_tutorial.sifz|Synfig file of the tutorial}}, available under Creative Commons (by nc sa)... but you just made your own so there's no need!<br />
<br />
==Fine tuning & fooling around==<br />
Various settings allow you to achieve very different fire types and effects. Contribute to this section or discuss them in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
<br />
<br />
Some "easy" tailoring include:<br />
* play with the ''gradient'' of '''base noise''' to change the ratio between bright and dark flames.<br />
* tune the '''irregularities''' ''zoom'', ''amount'' and ''blend mode'' to get a wild aggressive fire (0; 0.4; hard light) or something more voluptuously quiet (1.9; 0.5; composite) <br />
* make your high flames more realistic by coloring the '''high flames region''' with a vertical gradient, dark grey on top, white at the bottom.<br />
* simulate wind (ie. change the direction of the flames) by adapting the ''slope'' of '''moving base''' and '''irregularities''.<br />
<br />
[[File:Realistic_fire_tutorial_rainbow.png|200px|thumb|right|Be cautious playing with the fire!]]<br />
A few fun but less realistic tunings:<br />
* play with the ''color'' of '''fire color''' to get a blue or pink fire.<br />
* check ''turbulent'' of '''base noise''' and/or '''irregularities noise''' to get a psychedelic effect.<br />
* set any place of the picture to fire just by adding a light gray spot below '''fire color''' anywhere, just as we did '''high flames region''' in step 3.<br />
<br />
==Gallery==<br />
You used this technique? Leave a link here and a few hints in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
* Everything burned... even the text, in [http://www.vimeo.com/11569415 Raging Fire], the source of which can be found in the [http://synfig.org/forums/ Synfig forum].</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Doc:Realistic_Fire_Animation/es&diff=12520Doc:Realistic Fire Animation/es2010-06-03T06:31:43Z<p>Rafael: </p>
<hr />
<div> <!-- Page info --><br />
{{Title|Animación realista de Fuego}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Advanced}}<br />
<!-- Page info end --><br />
<br />
<br />
Esta página está siendo traducida, ten paciencia<br />
<br />
==Introducción==<br />
{{l|File:Realistic_fire_tutorial_completed.png|right|The result of this tutorial}} Este tutorial te guiará para realizar una "animación realista de fuego con {{l|Synfig}}''. <br />
<br />
Asegúrate de revisar la animación [http://www.vimeo.com/11610662 resulting animation], y echa un vistazo a la {{l|Doc:Realistic Fire Animation#Gallery|galería}} para ver otros videos explotando esta técnica.<br />
<br />
<br />
<br />
Este tutorial no es "avanzado" como los "difíciles", pero requiere que estés familiarizado con la {{l|Doc:Interface|interfaz}} y las {{l|Doc:Quick_Overview|herramientas}} de Synfig, ya que no se cubren aquí. Empieza con los {{l|Category:Tutorials_Basic|tutoriales básicos}} y échale un ojo al {{l|Category:Manual}} si no estás familiarizado con términos como "{{l|Blend_Method_Parameter|Método de Mezcla}}" o "{{l|Encapsulate|Encapsular}}". La duración de este tutorial es de 30 a 50 minutos para un usuario medio de Synfig.<br />
<br />
For alternative set-ups, additional settings, variants and more, kindly refer to the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}.<br />
<br />
<br />
<br />
La '''idea básica de esta técnica''' está inspirada en el tutorial "[http://graffiti.hbfx.com/?p=219&lang=en-us Fire in Photoshop]", por Eros:<br />
* un fondo moviéndose verticalmente, rellenado con nubes blancas y negras (ej.: ruido). Las áreas claras se convuerten en brillo, llamas amarillas, y las oscuras serán las llamas rojizas.<br />
* a fixed mask to darken the top of the fire, hence extinguishing the flames (i.e: a black & white vertical gradient)<br />
* an orange color layer to turn on the heat<br />
<br />
You can optionally download the {{l|File:Realistic_fire_tutorial.sifz|result Synfig file}}, available under Creative Commons (by nc sa).<br />
<br />
==paso 1: fuego estático==<br />
[[File:Realistic_fire_tutorial_flame_intensity.png|200px|thumb|right|The ''intensity mask'' layer]]<br />
<br />
Start with a blank Synfig file, any size will do. To match a good-looking widescreen ratio this tutorial uses 360x203.<br />
<br />
# Add a new black & white {{l|Noise Gradient Layer}}, name it '''base noise''' and change its ''size'' to 20x35pt... as flames are vertically oriented.<br />
# On top of '''base noise''', add a {{l|Linear Gradient Layer}}, name it '''intensity mask''', and move the gradient ''point 1'' & ''point 2'' to leave some white space on top and some black space below, as illustrated in the picture. Change its ''blend mode'' to {{l|Blend_Method_Parameter#Subtract|subtract}}.<br />
# On top of '''intensity mask''', add a {{l|Solid Color Layer}}, name it '''fire color'''. Change its ''color'' to some warm orange, we used #ff6700, and its blend mode to {{l|Blend_Method_Parameter#Color|color}}.<br />
# Change the ''amount'' of both '''fire color''' and '''intensity mask''' to achieve an effect you like. We used amounts of 0.7 color and 1.4 mask to achieve the result illustrated in the picture at the end of step 1.<br />
[[File:Raging fire tutorial step1.png|center|Result after step 1]]<br />
<br />
==paso 2: ¡dale vida!==<br />
Bringing this fire to life is about moving the ''base noise'' upwards. Therefore we<br />
<br />
# {{l|Encapsulate}} '''base noise''' and rename the new group into '''moving base'''. Make it move upward by {{l|Convert|converting}} its ''origin'' to {{l|Convert#Linear|Linear}} and setting the origin ''slope'' to 0x200pt.<br />
<br />
At this point you can {{l|Preview}} a few frames, to appreciate the effect of moving flames... and quickly notice how dull and boring it looks: the flames fade away when rising but lack of movement and surprise. Let's add some!<br />
<br />
<br />
<br />
The idea of the technique used in this tutorial is to brighten zones that will become hot, yellow flames, and darken zones that will be dark, red flames. As '''moving base''' does just that being a black and white cloud, we'll apply the same steps again to add some irregularities:<br />
<br />
# {{l|Canvas_Layer_Menu|Duplicate}} the '''moving base''' layer, rename the new group into '''irregularities''', its contained noise to '''irregularities noise''' and raise it above '''moving base'''. Change all the settings we adapted before: <br />
#* Change '''irregularities noise''' ''RandomNoiseSeed'' to anything else (eg. drop the last figure) and ''size'' to 5x15pt<br />
#* Change '''irregularities''' origin ''slope'' to 50x350pt, ''amount'' to 0.5 and ''zoom'' to 1.2<br />
<br />
A snapshot of these last settings is given in the picture at the end of step 2.<br />
[[File:Realistic_fire_tutorial_step2.png|center|Result after step 2]]<br />
<br />
==paso 3: algunas zonas calientes==<br />
[[File:Realistic_fire_tutorial_flame_source.png|200px|thumb|right|The ''flame source'' layer]]<br />
To complete this tutorial, we will add some hot spots at the base (figuring the source of the flames) and left of the fire, to make it less rectilinear. This is done by slightly brightening some areas underneath the '''fire color''' layer.<br />
<br />
# Add, above '''irregularities''' group, a new {{l|Linear Gradient Layer}}. Rename it '''flame source''' and move its gradient ''point 1'' & ''point 2'' to leave no white space at the bottom of the frame, and huge black area on top, as illustrated in the "flame source layer" picture. Change its ''amount'' to 0.6 and ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}. <br />
# Below layer '''fire color''' create a new {{l|BLine Tool|BLine Region}} (no need for an outline) of a shape where you want brighter flames (have a look at the picture at the end of this step for an example) and rename it '''high flames region'''. Changes its {{l|Feather Parameter}} to 50pt, its ''blend'' mode to {{l|Blend_Method_Parameter#Add|Add}}, and its ''color'' to some light gray (eg #8c8c8c).<br />
<br />
{{l|File:Realistic_fire_tutorial_step3.png|center|Result at the end of step 3}}<br />
<br />
<br />
<br />
Congratulations. You're (already) done! Render and enjoy.<br />
<br />
You can optionally download the result {{l|File:Realistic_fire_tutorial.sifz|Synfig file of the tutorial}}, available under Creative Commons (by nc sa)... but you just made your own so there's no need!<br />
<br />
==Fine tuning & fooling around==<br />
Various settings allow you to achieve very different fire types and effects. Contribute to this section or discuss them in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
<br />
<br />
Some "easy" tailoring include:<br />
* play with the ''gradient'' of '''base noise''' to change the ratio between bright and dark flames.<br />
* tune the '''irregularities''' ''zoom'', ''amount'' and ''blend mode'' to get a wild aggressive fire (0; 0.4; hard light) or something more voluptuously quiet (1.9; 0.5; composite) <br />
* make your high flames more realistic by coloring the '''high flames region''' with a vertical gradient, dark grey on top, white at the bottom.<br />
* simulate wind (ie. change the direction of the flames) by adapting the ''slope'' of '''moving base''' and '''irregularities''.<br />
<br />
[[File:Realistic_fire_tutorial_rainbow.png|200px|thumb|right|Be cautious playing with the fire!]]<br />
A few fun but less realistic tunings:<br />
* play with the ''color'' of '''fire color''' to get a blue or pink fire.<br />
* check ''turbulent'' of '''base noise''' and/or '''irregularities noise''' to get a psychedelic effect.<br />
* set any place of the picture to fire just by adding a light gray spot below '''fire color''' anywhere, just as we did '''high flames region''' in step 3.<br />
<br />
==Gallery==<br />
You used this technique? Leave a link here and a few hints in the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}!<br />
* Everything burned... even the text, in [http://www.vimeo.com/11569415 Raging Fire], the source of which can be found in the [http://synfig.org/forums/ Synfig forum].</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Main_Page/es&diff=12451Main Page/es2010-05-26T18:52:28Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Synfig Wiki}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Por favor, sé paciente.<br />
<br />
Bienvenidos a la wiki de Synfig. Esta wiki es la documentación principal para Synfig Animation Studio, un programa de diseño y animación 2D. La documentación en esta wiki está dividida en tres secciones principales: {{l|User Documentation}} (para usuarios del programa de animación), {{l|Developer Documentation}} (para los desarrolladores del código del programa) y {{l|Writer Documentation}} (para aquellos que quieren mantener actualizada esta wiki).<br />
<br />
A continuación se muestra una lista de todos los elementos en cada categoría de la documentación.<br />
<br />
* '''{{l|User Documentation}}'''<br />
** {{l|Category:Manual|Manual}}. El Manual es una guía paso a paso de los aspectos de Synfig Studio y de cómo realizar animaciones con él.<br />
** {{l|Category:Tutorials|Tutorials}}. Cada tutorial es una guía independiente que ilustra cómo proceder en una tarea particular.<br />
** {{l|Category:Reference|Reference}}. Lista de todos los aspectos individuales de Synfig (GUI y línea de comandos). Utilízala cuando necesites detalles sobre aun aspecto particular del programa.<br />
** {{l|Category:Glossary|Glossary}}. Algunas partes de la documentación tienen nombres o conceptos específicos de Synfig. Búscalos aquí.<br />
* '''{{l|Developer Documentation}}'''<br />
* '''{{l|Writer Documentation}}'''<br />
<br />
== Proyecto: Reestructuración y puesta al día de la documentación ==<br />
'''para todos los lectores'''<br />
<br />
Se ha empezado un proyecto para reestructurar y poner al día la documentación.<br />
We like to keep everything up and running while we work on that, but sometimes parts may be missing, links might not work etc.<br />
Today (mid April 2010) the plan shows a 3 month time frame for getting everything finished. <br />
<br />
Please use the "discussion" page (just press the tab on the top of each of the wiki pages), then "edit" to let us know about problems with a page.<br />
Thank you. You need to be a registered user at the Wiki to be able to do that.<br />
<br />
If it is urgent or very disturbing also go to the Forum and add a hint by "post-reply" to this Topic [http://synfig.org/forums/viewtopic.php?f=25&t=1122&start=0&st=0&sk=t&sd=a]. We will work on those problems with priority. You need to be a registered user at the Forum to be able to do that.<br />
<br />
Gracias por vuestro apoyo y por vuestra paciencia.<br />
<br />
'''a todos los escritores y traductoress'''<br />
<br />
Por favor, leed las pistas en {{l|Writer Documentation}}.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Main_Page/es&diff=12450Main Page/es2010-05-26T18:48:18Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Synfig Wiki}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Por favor, sé paciente.<br />
<br />
Bienvenidos a la wiki de Synfig. Esta wiki es la documentación principal para Synfig Animation Studio, un programa de diseño y animación 2D. La documentación en esta wiki está dividida en tres secciones principales: {{l|User Documentation}} (para usuarios del programa de animación), {{l|Developer Documentation}} (para los desarrolladores del código del programa) y {{l|Writer Documentation}} (para aquellos que quieren mantener actualizada esta wiki).<br />
<br />
A continuación se muestra una lista de todos los elementos en cada categoría de la documentación.<br />
<br />
* '''{{l|User Documentation}}'''<br />
** {{l|Category:Manual|Manual}}. El Manual es una guía paso a paso de los aspectos de Synfig Studio y de cómo realizar animaciones con él.<br />
** {{l|Category:Tutorials|Tutorials}}. Cada tutorial es una guía independiente que ilustra cómo proceder en una tarea particular.<br />
** {{l|Category:Reference|Reference}}. Lista de todos los aspectos individuales de Synfig (GUI y línea de comandos). Utilízala cuando necesites detalles sobre aun aspecto particular del programa.<br />
** {{l|Category:Glossary|Glossary}}. Algunas partes de la documentación tienen nombres o conceptos específicos de Synfig. Búscalos aquí.<br />
* '''{{l|Developer Documentation}}'''<br />
* '''{{l|Writer Documentation}}'''<br />
<br />
== Proyecto: Reestructuración y puesta al día de la documentación ==<br />
'''para todos los lectores'''<br />
<br />
a project has been started to restructure and update the documentation.<br />
We like to keep everything up and running while we work on that, but sometimes parts may be missing, links might not work etc.<br />
Today (mid April 2010) the plan shows a 3 month time frame for getting everything finished. <br />
<br />
Please use the "discussion" page (just press the tab on the top of each of the wiki pages), then "edit" to let us know about problems with a page.<br />
Thank you. You need to be a registered user at the Wiki to be able to do that.<br />
<br />
If it is urgent or very disturbing also go to the Forum and add a hint by "post-reply" to this Topic [http://synfig.org/forums/viewtopic.php?f=25&t=1122&start=0&st=0&sk=t&sd=a]. We will work on those problems with priority. You need to be a registered user at the Forum to be able to do that.<br />
<br />
Gracias por vuestro apoyo y por vuestra paciencia.<br />
<br />
'''to all writers and translators'''<br />
<br />
Please read the hints at {{l|Writer Documentation}}.</div>Rafaelhttps://www.wiki.synfig.org/index.php?title=Main_Page/es&diff=12449Main Page/es2010-05-26T18:44:21Z<p>Rafael: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Synfig Wiki}}<br />
<!-- Page info end --><br />
<br />
Esta página está siendo traducida. Por favor, sé paciente.<br />
<br />
Bienvenidos a la wiki de Synfig. Esta wiki es la documentación principal para Synfig Animation Studio, un programa de diseño y animación 2D. La documentación en esta wiki está dividida en tres secciones principales: {{l|User Documentation}} (para usuarios del programa de animación), {{l|Developer Documentation}} (para los desarrolladores del código del programa) y {{l|Writer Documentation}} (para aquellos que quieren mantener actualizada esta wiki).<br />
<br />
A continuación se muestra una lista de todos los elementos en cada categoría de la documentación.<br />
<br />
* '''{{l|User Documentation}}'''<br />
** {{l|Category:Manual|Manual}}. El Manual es una guía paso a paso de los aspectos de Synfig Studio y de cómo realizar animaciones con él.<br />
** {{l|Category:Tutorials|Tutorials}}. Cada tutorial es una guía independiente que ilustra cómo proceder en una tarea particular.<br />
** {{l|Category:Reference|Reference}}. Lista de todos los aspectos individuales de Synfig (GUI y línea de comandos). Utilízala cuando necesites detalles sobre aun aspecto particular del programa.<br />
** {{l|Category:Glossary|Glossary}}. Some parts of the documentation has Synfig specific naming or concepts. Research them here.<br />
* '''{{l|Developer Documentation}}'''<br />
* '''{{l|Writer Documentation}}'''<br />
<br />
== Project: restructure and update the documentations ==<br />
'''to all readers'''<br />
<br />
a project has been started to restructure and update the documentation.<br />
We like to keep everything up and running while we work on that, but sometimes parts may be missing, links might not work etc.<br />
Today (mid April 2010) the plan shows a 3 month time frame for getting everything finished. <br />
<br />
Please use the "discussion" page (just press the tab on the top of each of the wiki pages), then "edit" to let us know about problems with a page.<br />
Thank you. You need to be a registered user at the Wiki to be able to do that.<br />
<br />
If it is urgent or very disturbing also go to the Forum and add a hint by "post-reply" to this Topic [http://synfig.org/forums/viewtopic.php?f=25&t=1122&start=0&st=0&sk=t&sd=a]. We will work on those problems with priority. You need to be a registered user at the Forum to be able to do that.<br />
<br />
Thank you for your support and your patience.<br />
<br />
'''to all writers and translators'''<br />
<br />
Please read the hints at {{l|Writer Documentation}}.</div>Rafael