elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Arreglado, de nuevo, el registro del warzone (wargame) de EHN


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  [Tutorial Photoshop] Fuego animado
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] 2 Ir Abajo Respuesta Imprimir
Autor Tema: [Tutorial Photoshop] Fuego animado  (Leído 10,922 veces)
Dieg^S


Desconectado Desconectado

Mensajes: 323


Gandalf the white


Ver Perfil
[Tutorial Photoshop] Fuego animado
« en: 7 Mayo 2006, 08:46 am »

Este tutorial es demasiado avanzado para mi (de hecho no pude ni combinar los colores XD, del blanco y negro no pasaba), pero
 lo dejo aqui para quiens quieran verlo.

Step 1: Create a new document of any size, but try to begin with a canvas slightly larger than you actually need. For example: if you need a fire of 200 by 200px, start off with a 300 by 300px canvas.

Lets get started.  Set your foreground to #414141 and background to a solid white (#FFFFFF). Then select Filter > Render > Clouds from the main menu. Now go to Filter > Render > Fibers and enter these settings:

Variance: 17.0, Strength: 4.0

You should end up with an image that resembles the one on the left.




Step 2: Now duplicate this layer,  reselect your original layer and press 'CTRL+U'. Tick colorize and enter these settings:

Hue: 0, Saturation: +80, Lightness: +10

And for the duplicated layer we do the same, but with these settings:

Hue: +50, Saturation: +90, Lightness: 0

Duplicate the yellow layer and set its layer blending mode to Linear Burn.  Reselect the original yellow layer and change its blending mode to lighten at 70% opacity. Flatten/Merge all layers.




Step 3:  Run Filter > Distort > Shear with the settings shown on the left (but don't be afraid to play with these settings a little). Then apply a motion blur with the angle set to 90 and the distance set to 15px.




Step 4: Now we can start preparing the fire for animation. Drag a horizontal guide to the exact centre of your canvas and select the top half of your canvas. Right-click on your layer in the layer palette and choose 'Layer via cut'. Drag the top half of your image to the bottom and the bottom half to the top. It should look like the image on the left.



Step 5: Here comes the difficult part of the tutorial that requires some judgement from your side. We are gonna try to blend the two halves into each other. There are several ways to do this, so pick the one that works best for you.  This is the method I used:

First, grab your Eraser Tool and change the setting to a Soft Brush about 100px in size. Then position the brush in a similar position to the example on the left. As you see, I went on and erased a part of my bottom half and I have positioned my eraser to do the top half. Just press and hold shift to erase a nice straight line. Pass your eraser about four times over the entire width of the canvas.



Step 6: After you finished smoothing the edges, nudge up the bottom half upwards until you no longer notice the transition from the top half to the bottom half (if you followed my instructions carefully, this should be 50px upwards).    As you can now plainly see, the image is a little smaller than the one we started using in step 1, and that's why I recommended you started with a larger canvas than you initially needed.

It should now resemble the image opposite.



Step 7: Now just merge the two layers, CTRL+click the layer in the layer palette, and Image > Crop.

Duplicate this layer and position it directly below the the other one so that it is off your canvas. See the image on the left for a quick animated explanation.



Step 8: Now on to the animation. Press 'CTRL+SHIFT+M' to switch to ImageReady(IR). Once in IR make sure your two layers are still linked. Take a look at your animation palette (if it's not open, click on Window > Animation) and add a new frame at the end. Select the last frame and drag your layers up till one of the layers disappears from your canvas and the other shows up. Then select both frames in your animation palette and click the 'Tween' icon. Add 15 frames and click OK. We're almost finished...   Now just remove the last frame and you have a seamless looping fire effect.



Step 9: Well, that's it for the fire! Feel free to add a layer on top with a few transparent areas if you want a cool flaming text effect.   I hope you learned a lot from this tutorial and now know how create your own animated fire effects.



Ojala les sirva.

Saludos.

FUENTE: http://www.biorust.com/tutorials/detail/61/en/


« Última modificación: 6 Octubre 2006, 16:24 pm por .:wvb:. » En línea

aNexos
Registered Linux User: 354086
Ex-Staff
*
Desconectado Desconectado

Mensajes: 4.433


¿Quieres saber?, toma tiempo para aprender.


Ver Perfil WWW
Re: [Tutorial Photoshop] Fuego animado
« Respuesta #1 en: 7 Mayo 2006, 08:51 am »

Muy bueno.

Muchas gracias por el aporte :D


En línea



#Borracho.-


Desconectado Desconectado

Mensajes: 1.052


Negative!


Ver Perfil
Re: [Tutorial Photoshop] Fuego animado
« Respuesta #2 en: 7 Mayo 2006, 09:00 am »

Espectacular.

Saludos
En línea

Si nos quedamos en este mundo, que no sea con hambre...
+ enrique ZP


Desconectado Desconectado

Mensajes: 2.936


X-Aqui


Ver Perfil WWW
Re: [Tutorial Photoshop] Fuego animado
« Respuesta #3 en: 7 Mayo 2006, 21:59 pm »

No me gusta mucho el resultado. Pero igual gracias por el aporte...

Otra cosa, porfavor pon de donde sacaste el tutorial o almenos el autor para que no haya ninguna clase de problemas.

PD ya lo puse en practica y esto es lo que obtuve, claro puse ideas propias mias solo vi la idea y luego segui por mi mismo... la animacion no estoy conforme pues lo hice en carrera...


Saludaton!
En línea

_loko_

Desconectado Desconectado

Mensajes: 260


Ver Perfil
Re: [Tutorial Photoshop] Fuego animado
« Respuesta #4 en: 9 Mayo 2006, 06:03 am »

Hola nobalogic  como hicistes el tuyo, me explicas . o me das un direccion de un tutorial


gracias antemano

 _loko_ ;D
En línea

+ enrique ZP


Desconectado Desconectado

Mensajes: 2.936


X-Aqui


Ver Perfil WWW
Re: [Tutorial Photoshop] Fuego animado
« Respuesta #5 en: 9 Mayo 2006, 21:41 pm »

Hola nobalogic  como hicistes el tuyo, me explicas . o me das un direccion de un tutorial


gracias antemano

 _loko_ ;D

La verdad no puedo decirte exactamente como lo hice xD... pero si te puedo decir que utilize un render de un dragon ahi y le puse en overlay antes del fondo, luego fui duplicando capas para que viniera saliendo un color mas bonito, en vez de hue & saturation hice color balance siempre e creido que es mejor :)

La animacion es de el tutorial que postearon anda mas que ahi con algunas cosillas mias, aunque no quedo muy bonita xD...

Como yo dije no me gusto el resultado del otro tutorial asi que le puse algo de mi aderezo mistico :)

Saludaton!
En línea

kerverusxp

Desconectado Desconectado

Mensajes: 12


UG-Staff was here


Ver Perfil WWW
Re: [Tutorial Photoshop] Fuego animado
« Respuesta #6 en: 12 Mayo 2006, 20:29 pm »

Citar
Este tutorial es demasiado avanzado para mi (de hecho no pude ni combinar los colores XD, del blanco y negro no pasaba), pero
 lo dejo aqui para quiens quieran verlo.

Como digo cada quien con su imaginacion puede crear lo que desee en el PS, el manual puede ser mas abreviado usando CTRL+U o teclas abreviadas, muy bueno ;)
En línea


* Nadie nace sabiendo ^^
#D3Sk4rD#

Desconectado Desconectado

Mensajes: 2


Ver Perfil
Re: [Tutorial Photoshop] Fuego animado
« Respuesta #7 en: 12 Mayo 2006, 20:44 pm »

Citar
First, grab your Eraser Tool and change the setting to a Soft Brush about 100px in size. Then position the brush in a similar position to the example on the left. As you see, I went on and erased a part of my bottom half and I have positioned my eraser to do the top half. Just press and hold shift to erase a nice straight line. Pass your eraser about four times over the entire width of the canvas.



Alguien podria explicarme esta parte del tutorial?
Es que no me sale el efecto difuminado que consigue con  el Eraser Tool.

Gracias.

PD: Un tutorial muy bueno.
En línea

Dieg^S


Desconectado Desconectado

Mensajes: 323


Gandalf the white


Ver Perfil
Re: [Tutorial Photoshop] Fuego animado
« Respuesta #8 en: 25 Mayo 2006, 22:42 pm »

Hm.. Soy un principiante en esto, seguro alguno sabe.,

Por cierto, el tutorial lo saque de www.pixels2life.com, excelente web para tutoriales.
En línea

Beautiful Fairy

Desconectado Desconectado

Mensajes: 2


Ver Perfil
Re: [Tutorial Photoshop] Fuego animado
« Respuesta #9 en: 31 Mayo 2006, 21:44 pm »

uii esta genial pero mi no entender
muxio ingles
onda tengo el pc 8 sierve igual no?
En línea

Páginas: [1] 2 Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
TEXTO DE FUEGO EN PHOTOSHOP « 1 2 »
Diseño Gráfico
Fr@nK666 17 12,674 Último mensaje 25 Julio 2005, 23:31 pm
por che0
[Tutorial] Efecto Fuego en Photoshop
Diseño Gráfico
saisof 5 4,369 Último mensaje 30 Diciembre 2006, 00:30 am
por Bender-Deicide
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines