Difference between revisions of "Doc:Realistic Fire Animation/es"

From Synfig Studio :: Documentation
Jump to: navigation, search
 
(10 intermediate revisions by the same user not shown)
Line 9: Line 9:
 
   Esta página está siendo traducida, ten paciencia
 
   Esta página está siendo traducida, ten paciencia
  
==Introduction==
+
==Introducción==
 
{{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}}''.  
 
{{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}}''.  
  
Be sure to check out the [http://www.vimeo.com/11610662 resulting animation], and have a look at the {{l|Doc:Realistic Fire Animation#Gallery|gallery}} below to see other videos exploiting this technique!
+
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.
  
  
  
This tutorial is not "advanced" as in "difficult", but it requires that you are familiar with the Synfig {{l|Doc:Interface|interface}} and {{l|Doc:Quick_Overview|tools}}, as these will not be covered here. Start with the more {{l|Category:Tutorials_Basic|basic tutorials}} and keep an eye on the {{l|Category:Manual}} if you are not familiar with terms such as "{{l|Blend_Method_Parameter}}" or "{{l|Encapsulate}}". The duration of this tutorial is estimated between 30 and 50 minutes for an average Synfig user.
+
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.
  
For alternative set-ups, additional settings, variants and more, kindly refer to the {{l|Doc_talk:Realistic_Fire_Animation|talk page}}.
+
Para otras disposiciones, ajustes adicionales, variantes y mucho más, por favor consulte {{l|Doc_talk:Realistic_Fire_Animation|talk page}}.
  
  
  
The '''basic idea of the technique''' we'll be using is inspired from the tutorial "[http://graffiti.hbfx.com/?p=219&lang=en-us Fire in Photoshop]", by Eros:
+
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:
* a vertically moving background, filled with black & white clouds (i.e.: noise). The light areas will become bright, yellow flames, and the dark ones will become red-ish flames.
+
* 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.
* a fixed mask to darken the top of the fire, hence extinguishing the flames (i.e: a black & white vertical gradient)
+
* 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)
* an orange color layer to turn on the heat
+
* una capa de color naranja para encender el fuego
  
You can optionally download the {{l|File:Realistic_fire_tutorial.sifz‎|result Synfig file}}, available under Creative Commons (by nc sa).
+
También puedes descargar si quieres {{l|File:Realistic_fire_tutorial.sifz‎|result Synfig file}}, disponible bajo la licencia Creative Commons (by nc sa).
  
==step 1: a static fire==
+
==paso 1: fuego estático==
 
[[File:Realistic_fire_tutorial_flame_intensity.png|200px|thumb|right|The ''intensity mask'' layer]]
 
[[File:Realistic_fire_tutorial_flame_intensity.png|200px|thumb|right|The ''intensity mask'' layer]]
  
Start with a blank Synfig file, any size will do. To match a good-looking widescreen ratio this tutorial uses 360x203.
+
Abre un archivo nuevo de Synfig, no importa sus dimensiones. Para tener un efecto de pantalla larga este tutorial usa 360x203.
  
# Add a new black & white {{l|Noise Gradient Layer}}, name it '''base noise''' and change its ''size'' to 20x35pt... as flames are vertically oriented.
+
# 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.
# 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}}.
+
# 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}}.
# 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}}.
+
# 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}}.
# 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.
+
# 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.
 
[[File:Raging fire tutorial step1.png|center|Result after step 1]]
 
[[File:Raging fire tutorial step1.png|center|Result after step 1]]
  
==step 2: bring it to life!==
+
==paso 2: ¡dale vida!==
Bringing this fire to life is about moving the ''base noise'' upwards. Therefore we
+
Dar vida a este fuego consiste en desplazar la capa ''base noise'' hacia arriba. Para ello
  
# {{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.
+
# {{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.
  
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!
+
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.
  
  
  
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:
+
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:
  
 
# {{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:  
 
# {{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:  
Line 55: Line 55:
 
#* Change '''irregularities''' origin ''slope'' to 50x350pt, ''amount'' to 0.5 and ''zoom'' to 1.2
 
#* Change '''irregularities''' origin ''slope'' to 50x350pt, ''amount'' to 0.5 and ''zoom'' to 1.2
  
A snapshot of these last settings is given in the picture at the end of step 2.
+
Estos últimos ajustes se ven en la captura de pantalla mostrada al final del paso 2.
[[File:Realistic_fire_tutorial_step2.png|center|Result after step 2]]
+
[[File:Realistic_fire_tutorial_step2.png|center|Resultado tras el paso 2]]
  
==step 3: some hot zones==
+
==paso 3: algunas zonas calientes==
 
[[File:Realistic_fire_tutorial_flame_source.png|200px|thumb|right|The ''flame source'' layer]]
 
[[File:Realistic_fire_tutorial_flame_source.png|200px|thumb|right|The ''flame source'' layer]]
 
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.
 
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.
Line 65: Line 65:
 
# 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).
 
# 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).
  
{{l|File:Realistic_fire_tutorial_step3.png|center|Result at the end of step 3}}
+
{{l|File:Realistic_fire_tutorial_step3.png|center|Resultado tras el paso 3}}
  
  
Line 83: Line 83:
 
* simulate wind (ie. change the direction of the flames) by adapting the ''slope'' of '''moving base''' and '''irregularities''.
 
* simulate wind (ie. change the direction of the flames) by adapting the ''slope'' of '''moving base''' and '''irregularities''.
  
[[File:Realistic_fire_tutorial_rainbow.png|200px|thumb|right|Be cautious playing with the fire!]]
+
[[File:Realistic_fire_tutorial_rainbow.png|200px|thumb|right|¡Ten cuidado cuando juegues con fuego!]]
 
A few fun but less realistic tunings:
 
A few fun but less realistic tunings:
 
* play with the ''color'' of '''fire color''' to get a blue or pink fire.
 
* play with the ''color'' of '''fire color''' to get a blue or pink fire.

Latest revision as of 10:42, 3 June 2010

Languages Language: 

English • español • français

Warning!

This page contains outdated information.

The release of Synfig Studio 0.64.0 introduced new terminology and this translated page needs to be updated according to original English text.

You can help updating this page - see instructions here. Thank you!

warning end



 Esta página está siendo traducida, ten paciencia

Introducción

Realistic fire tutorial completed.png
Este tutorial te guiará para realizar una "animación realista de fuego con Synfig.

Asegúrate de revisar la animación resulting animation, y echa un vistazo a la galería para ver otros videos explotando esta técnica.


Este tutorial no es "avanzado" como los "difíciles", pero requiere que estés familiarizado con la interfaz y las herramientas de Synfig, ya que no se cubren aquí. Empieza con los tutoriales básicos y échale un ojo al Manual si no estás familiarizado con términos como "Método de Mezcla" o "Encapsular". La duración de este tutorial es de 30 a 50 minutos para un usuario medio de Synfig.

Para otras disposiciones, ajustes adicionales, variantes y mucho más, por favor consulte talk page.


La idea básica de esta técnica está inspirada en el tutorial "Fire in Photoshop", por Eros:

  • 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.
  • 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)
  • una capa de color naranja para encender el fuego

También puedes descargar si quieres File:Realistic fire tutorial.sifz, disponible bajo la licencia Creative Commons (by nc sa).

paso 1: fuego estático

The intensity mask layer

Abre un archivo nuevo de Synfig, no importa sus dimensiones. Para tener un efecto de pantalla larga este tutorial usa 360x203.

  1. Añade una capa nueva Gradiente Ruidoso negra y blanca, llámala base noise y cambia su tamaño a 20x35pt... para que las llamas se orienten verticalmente.
  2. Sobre la capa base noise, añade una 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 resta.
  3. Encima de la capa intensity mask, añade una capa 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 color.
  4. 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.
Result after step 1

paso 2: ¡dale vida!

Dar vida a este fuego consiste en desplazar la capa base noise hacia arriba. Para ello

  1. Encapsulamos base noise y renombramos el nuevo grupo a moving base. Haz que se mueva hacia arriba convirtiendo su Origen en Linear y estableciendo la pendiente del origen en 0x200pt.

En este punto puedes 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.


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:

  1. 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:
    • Change irregularities noise RandomNoiseSeed to anything else (eg. drop the last figure) and size to 5x15pt
    • Change irregularities origin slope to 50x350pt, amount to 0.5 and zoom to 1.2

Estos últimos ajustes se ven en la captura de pantalla mostrada al final del paso 2.

Resultado tras el paso 2

paso 3: algunas zonas calientes

The flame source layer

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.

  1. Add, above irregularities group, a new 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 Add.
  2. Below layer fire color create a new 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 Feather Parameter to 50pt, its blend mode to Add, and its color to some light gray (eg #8c8c8c).
Realistic fire tutorial step3.png


Congratulations. You're (already) done! Render and enjoy.

You can optionally download the result File:Realistic fire tutorial.sifz, available under Creative Commons (by nc sa)... but you just made your own so there's no need!

Fine tuning & fooling around

Various settings allow you to achieve very different fire types and effects. Contribute to this section or discuss them in the talk page!


Some "easy" tailoring include:

  • play with the gradient of base noise to change the ratio between bright and dark flames.
  • 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)
  • make your high flames more realistic by coloring the high flames region with a vertical gradient, dark grey on top, white at the bottom.
  • simulate wind (ie. change the direction of the flames) by adapting the slope of moving base' and irregularities.
¡Ten cuidado cuando juegues con fuego!

A few fun but less realistic tunings:

  • play with the color of fire color to get a blue or pink fire.
  • check turbulent of base noise and/or irregularities noise to get a psychedelic effect.
  • 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.

Gallery

You used this technique? Leave a link here and a few hints in the talk page!


Languages Language: 

English • español • français