• Blog
  • Selecciones
  • Dibujo
  • Fotografía
  • Acerca de
    • Sobre el blog
    • Sobre el autor
  • Flickr
  • Contacto

Tutorial: como crear fuego en Photoshop

Martes, Enero 20, 2009

Ea, aqui va un tutorial, que hacia tiempo que no hacia ninguno. Hoy va de hacer fuego en PS y controlarlo ;)

Empezamos creando una imagen nueva  (Ctrl+N) del tamaño que nos apetezca, aunque teniendo en cuenta que el tamaño de las “llamas” que vamos a crear será siempre el mismo, y por lo tanto, a más grande la imagen, más pequeñas aparecerán las nubes relativamente a ella. Teniendo escogidos como colores base el blanco y el negro, renderizamos unas nubes de diferencia (Filters > Render >Difference Clouds)

Renderizamos entonces en esa misma capa nubes de diferencia (Filters > Render >Difference Clouds). Reiteramos el efecto, (Ctrl+F) cuantas mas veces mejor (4, 7, 20…), hasta que nos guste el efecto. Daos cuenta como cada iteración suma su efecto al de las anteriores, creando patrones cada vez más complejos.


Creamos una capa nueva encima de la anterior (Layer > New > New Layer, o Ctrl + Shift + N). Creamos un degradado lineal, esto diferenciará la base de las llamas. Atentos a esta capa, porque más adelante nos dará la clave para modificar la forma de la llama a nuestro antojo.

Ponemos esta capa de degradado en modo de fusión Overlay. Esto lo dejo a vuestro gusto, probad el resto de modos (Soft Light,Hard Light, etc), si os gusta, y jugad también con la opacidad de las capas
(La captura de la izquierda corresponde a una capa Overlay al 100% de opacidad, y se ve que en la parte inferior de la llama hay un bloque blanco, quemado -nunca mejor dicho- y sin detalle. El resto del tutorial se ha hecho bajando esta capa a un 80% de opacidad, solucionando problemas de este tipo)


Creamos encima de todo una nueva capa de ajuste (Layer > New Adjustment Layer > Gradient Map), y creamos un gradiente con colores similares a los que veis en la imagen, a vuestro gusto. Jugad con los colores y sus posiciones y hasta que veáis que os gusta el resultado. Esencialmente son: negro > rojo > amarillo > blanco, pero si creásemos estos colores puros el efecto quedaría en exceso saturado, con lo que prefiero aconsejar unos colores algo menos vivos. Insisto, a vuestro gusto.
.

Y aquí acaba la primera parte del tutorial, ¡Tenemos nuestro fuego! Sencillo, ¿verdad?

Ahora explicaré como ‘controlar’ el fuego.

Volvemos a la capa de gradiente, y sin cambiar el modo de fusión, vamos pintando con un pincel de radio medio y bordes difusos con blanco y negro. En la captura izquierda os muestro la capa que originalmente era el gradiente a solas, aunque siempre deberíais de trabajar viendo los resultados y viendo como lo que pintáis afecta a las capas inferiores (las nubes de diferencia). Es posible que con una capa no baste: duplicadla (Layer > Duplicate Layer) y modificad la inferior, por ejemplo, para resaltar la base de las llamas, y la superior para darle cuerpo. En la captura de la derecha podéis haceros una idea de a lo que me refiero, fijaos en las capas “Layer 1″ y “Layer 1 copy”. Del mismo modo, jugad con los modos de fusión y con las transparencias. Para el ejemplo, Layer 1 esta en modo Hard Light y Layer 1 copy en Overlay, ambas al 46%.

Lo que hemos estado viendo mientras manipulábamos la capa gradiente era la imagen de la izquierda. Ahora, aplicando el mapa de degradado queda como lo de abajo, lo que siempre hemos querido. Ya sabemos como darle ‘forma’ a nuestra llama. De nuevo, el tutorial podéis darlo por terminado aquí si os apetece. Si queréis ver como aplicarle un canal alfa de transparencia y pegarlo a otra imagen, seguid conmigo.

Antes de continuar, debemos hacer una cosa con el color de la imagen. Vamos a la capa ‘Mapa de degradado’ y modificamos el gradiente de un modo similar al que vemos en la imagen. Básicamente ‘recortamos’ el nivel negro y lo convertimos en un rojo uniforme. ¿Por qué hemos de hacerlo? Se hace así para evitar que al aplicar la transparencia, se lleve también el color negro. De no hacerlo al pegar la imagen sobre otra obtendríamos una especie de aura negra no demasiado realista. La imagen debe quedar como vemos.

En aplicaciones 3d su operación análoga tiene un nombre: premultiplicado alfa, y su propósito es el mismo: evitar que el color de fondo se cuele en la transparencia, creando un indeseable efecto, similar al de tantas películas, antes de los efectos digitales, en las que rodaban a los actores sobre fondo azul y se colaba alrededor de ellos una nada sutil línea negra.


Guardad en este punto y empezad a trabajar sobre una copia si queréis conservar las capas. Seleccionadlas todas excepto el mapa de degradado y acopladlas como una sola (Layer > Merge Layers, o Ctrl + E). Seleccionad el lienzo (Ctrl + A) y copiad (Ctrl + C). Teniendo seleccionada esta capa, que debe figurar similar a la mostrada a la izquierda en el paso 8, creamos para ella una nueva máscara de capa (Layer > Layer Mask > Reveal All) Nos movemos a la paleta canales (imagen izquierda), y teniendo seleccionado y visible únicamente el canal correspondiente a la máscara, pegamos la imagen que tenemos en el portapapeles (imagen derecha). Al volver a la vista de las capas, debemos tener una imagen similar a la de la derecha.

Y ya está, amigos, si guardáis esto como un *.psd mantendréis la mascara de capa a mano por si queréis modificar la opacidad (modificando su brillo, niveles o curvas mientras la tenemos seleccionada en la paleta ‘capas’). La tenéis lista para usarla sobre cualquier imagen. Tened en cuenta que el fuego, aparte de ser un fuente de luz (lo que probablemente a muchos nos lleva a pensar que debería de ir modo de fusión ‘Screen’ o similar) no es completamente transparente. A mi me gusta usarlo por duplicado al aplicarlo a cualquier imagen: una inferior en modo de fusión normal (y de nuevo, modificando la opacidad, ‘mascara de capa’ mediante, a nuestro antojo) y sobre ella la susodicha capa en modo ‘Screen’ o similar. Ajustando niveles, curvas, balance de color y demás historias son las que hacen que finalmente nuestro fuego dé el pego razonablemente bien. Y encima lo hemos creado nosotros ;)

::Descarga tutorial en *.pdf::
::Descarga tutorial en *.jpg::

Tutorial: hacer fuego en Photoshop

RufoHG 2009





Categorias
Dibujo, Fotografía, Tutoriales
Tags
fire, fuego, photoshop, tutorial
Comentarios RSS
Comentarios RSS
Trackback
Trackback

« La mala follá que tiene el sueño… Mujer presidenta, negro presidente (encuesta) »

2 respuestas

Eugenio | Martes, Enero 20, 2009 | 11:16 am

Tenía guardado el de las fotos HDR. A ver si las hago. Lo intenté alguna vez y había cosas que no funcionaban. Supongo que algún día lo volveré a intentar y cuando vea que es lo que no funciona te preguntaré.

Estos tutoriales son muy buenos y están muy currados. ¿Los subes a algún sitio como Deviantart y demás?

Un tutorial de como hacer fuego. Si no supiera que bloguear y no andara a mil ahora mismo me pondría a hacer un tutorial de “como hacer fuego en la vida real”. :P

Dick | Miércoles, Enero 21, 2009 | 7:38 pm

Yo lo que sé hacer son letras con fuego, osea ardiendo, con fuego, osea con llamas ardiendo con fuego. weno eso.

:)

Deje un comentario

usted puede usar estos tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Publicidad

Busqueda

Flickr

www.flickr.com

Comentarios Recientes

  • agu2v: Muy muy bonito. Como han dicho por...
  • Totti: NATALIE PORTMAN es la mujer de mi...
  • Rufo: Gracias a ti, Francisco! Para mi es...
  • Francisco: Gracias, gracias. No puedo...
  • Rufo: Dick, yo también lo espero, no solo...
  • eulez: Jejeje, ya veo que lees mis...
  • dick: nos mereciamos una alegria colectiva...

Twitter

Entradas Recientes

  • Inmortales
  • Y ahora ¿qué?
  • The Old Republic
  • Lost, The End. Grande. Y Gracias.
  • Me toca los cojones que digas que *** es una mierda
  • Se acabó
  • Comedias, que las llaman ahora…
  • Bueno, ¡basta! ¿De verdad soy el único al que no le flipa Pilar Rubio?
  • Qué pena que talento creativo y capacidad técnica no se den la mano más a menudo… (4 de 4): ¿Y yo, que espero?
  • Qué pena que talento creativo y capacidad técnica no se den la mano más a menudo… (3 de 4): Machinima

Flickr Aleatorio

www.flickr.com

Viejos amigos


●BeFriki (El Camino del Friki)

●Hugo (Ganon)

●Nunca pense...

●Rebr0

●Contra dictioN


●Las ciudades invisibles
●Dama Blanca

●Pablo Reyes

●Se Busca Título

●System Failure

●Fëarûth

●Encontrama

●Atuina

●No Hay Rosa sin Espina

●Esfera Negra

●Solo otro blog infame

●Alexliam

Rastreando

Wordpress
Bitácoras
Flickr
Youtube
Dailymotion
Deviant Art
Facebook

El Blog de Rufo

"¿No te pasa algunas veces que recuerdas algo de ti mismo, y piensas cosas como ‘qué ridiculo que era’, ‘qué forma más estúpida de actuar’, ‘cómo pude pensar eso’?… Si te sigue pasando, buena señal. Señal de que sigues aprendiendo..."

::Acerca del blog::

::Acerca del autor::

Categorías

Archivo por meses

Compañeros de viaje


●Etringita (Al otro lado de la retina)

●Dick (Y Punto)

●Rafa (Diario de un copépodo)

●Alfie (Cuadernos de Cine)

●Dremin (Blogbadas de Friki)

●Eulez
●Pequeñeces

●Dos Variables

●Gramática de corpos

●Bandullos

●Kaput

●Locura Deportiva


●Fotomerienda

●Alex Bolea

●Epitafios y Demás (Jezabel)

●Cinema World & Comics

●Antonio Casas

●DraXus

●LP-Spain

●Cuarto Derecha

●Hojas de Hierba

●Rufadas

●La TenteTeca

●Blogtella al mar

●Bocabeats

Imprescindibles


●Wikipedia

●Microsiervos

●AstroEnlazador

●Vida Extra

●The Inquirer

●Que Sabes De...

●Xakata Foto

●Lores del Sith

●Mundo Matrix

●Wokieepedia

●VideoCopilot

●Tatachan

●Deathfall

●Pletora de Piñatas

●Astronomic Picture of the Day

●Tecnología Obsoleta

●GenCiencia

●IMDb

●FilmAffinity

Meta

Administrar

Archivo

Comentarios


Este es mi blog personal, donde expreso opiniones, ideas y reflexiones acerca del mundo que me rodea. Mi intención nunca es la de ofender a nadie, aún así te recuerdo que tan libre soy de escribir como tú de leerme, por lo tanto si no te gusta no mires. Con todo, os invoco de hecho a no tomarme nunca en serio. Me reservo el derecho a contradecirme cuanto y cuando me apetezca.

Creative Commons License
Esta obra está bajo una licencia de Creative Commons. Algunos derechos reservados.

rss Comentarios RSS valid xhtml 1.1 design by jide powered by Wordpress get firefox