Cristalab

Efecto de texto con fuego en Photoshop

Por: srm + 30.04.2007

Este webtip es la continuación de efectos de texto en PhotoShop. En esta ocasión voy a explicar una simulación de fuego bastante real.

Voy a usar una técnica parecida a la del efecto de hielo pero un poco mas sofisticada y utilizando mas herramientas.

Vuelvo a aclarar que estos tips están dedicados principalmente a aquellas personas que hallan leído y/o realizado los webtips publicados con anterioridad en Cristalab sobre efectos de texto en Photoshop y mi única meta es profundizar y ampliar los conocimientos de esta increíble herramienta que es Photoshop.

Paso Procedimiento



Paso 1

Creamos un archivo nuevo [ctrl+N] de 400x500px a 300dpi, RGB, fondo negro.

Paso 2

Vamos a los canales (channels), creamos uno nuevo y lo nombramos “texto”.



Paso 3

Seleccionamos la herramienta de texto [T] y escribimos lo que queramos en color blanco. Elijan una tipografía negrita (bold) bien legible.



Paso 4

Duplicamos el canal y lo renombramos “fuego”.

Paso 5

Cargamos la selección del canal “fuego” y la expandimos 2px (Selección/Modificar/Expandir o Select/Modify/Expand...).



Paso 6

Rellenamos la selección de color blanco para engrosar mas la tipografía.



Paso 7

Rotamos el lienzo 90°cw (Imagen/Rotar lienzo o Image/Rotate canvas).



Paso 8

Aplicamos el efecto “Viento o Wind” (Filtro/Estilizar o Filter/Stylize). Método: Viento o Wind, Dirección: Desde la Izquirda o From the Left.



Paso 9

Volvemos a aplicar el filtro [ctrl+F] 2 o 3 veces mas. Rotamos el lienzo pero esta vez 90°ccw y le aplicamos el filtro “Rizo o Ripple...” (Filtro/Distorcionar o Filter/Distort). Con los valores Cantidad o Amount: 100% y Tamaño o Size: Chico o Small.


Paso 10

Le aplicamos un poco de “Ruido o Noise” (Filtro/Ruido/Añadir Ruido o Filter/Noise/Add Noise) Cantidad o Amount: 13 y Distribución o Distribution: Uniforme o Uniform.



Paso 11

Le aplicamos un “Desenfoque Gaussinano o Gaussian Blur” con un valor de 1,5 (Filtro/Desenfocar o Filter/Blur).



Paso 12

Le volvemos a aplicar el filtro “Rizo o Ripple...” pero ahora con un valor de 50%.

Paso 13

Ajustamos con las “Curvas o Curves” [ctrl+M] el contraste para que el centro del texto no quede con tanto ruido e incrementamos el valor de blanco (Imagen/Ajustar o Image/Adjustments).



Paso 14

Seleccionamos el Canal o Channel RGB y nos situemos en las Capas o Layers. Con la capa fondo o background seleccionada cargamos la selección “fuego” (Selección/Cargar Selección o Select/Load Selection) y la rellenamos con color blanco.



Paso 15

Deseleccionamos [ctrl+D], vamos al ajuste de imagen “Mapa de Degradado o Gradient Map” (Imagen/Ajustar o Image/Adjustments) y generamos un gradiente similar al que muestro en la imagen.



Con esto logramos que nuestro texto quede en llamas.



Tómense la libertad de crear su propia gama de colores, pueden crear fuegos azules, verdes, etc.

Espero que les guste y sirva este tip y cualquier duda pregunten que con gusto contestaré.

Acá les dejo la misma imagen con el efecto del tip terminada con un poco mas de elaboración y efectos.





Saludos

Etiquetas photoshop

Comentarios | Enviar un comentario
Wow
Por: Santiago_blog
aaah!!
que chidos estan!!!
los intentare de inmediato :3
Por: hyona!!_blog
que photoshop se osa para eso?
Por: mylogin
poe favor contestame lo mas pronto pocible
Por: mylogin
Riendo no sabes que es photoshop, bueno es una aplicación para editar imagenes, entra al site de adobe par que sepas más.

El efecto esta muy bueno aunque ya se halla mostrado, este esta muy bueno
Por: GersonM_blog
es el mejor efecto de fuego de los 17 que vi hasta ahora, felicitacioens!
Por: Tomas Loon_blog
Wow, excelente efecto, GRACIAS
Es de los mejores, yo diría que en vez de que fuera efecto fuego, lo llamaras efecto para aparentar que las letras se queman.
EXCELENTE, te doy un 9.5 Muy Feliz
Por: nestor_blog
Espectacular efecto miau

Es muy sencillo y con un excelente aspecto realista.

Te felicito miau
Por: XKlibur_blog
bakan!!!
lo voii a bajar
Por: cota_blog
que pena no se pueda hacer en flash... a saber q es eso de channel...
jaja
Por: SadlyMistaken
Es muy interesante el efecto que le das a las letras y aunque no se pueda hacer en Flash, podemos exportar la imagen para utilizarlas en nuestras peliculas...
Algo de integracion no esta de mas...
Por: Lordpanther_master
Hola a todos y gracias por la buena aceptación del tip.
Estoy totalmente de acuerdo con Lordpanther_master. Veo que hay varios que se lamentan porque no se puede utilizar en flash. Estos dos programas sa integran de manera exelente.
Experimenten de modificar los pará metros de "ripple" o prueben con un filtro "wave" o mejor aún prueben con la filtro "Licuify" para darle diferente movimiento a las llamas. Y generen varias imagenes consecutivas en las capas. Tomensé el tiempo de convertirlas a .PNG (por ejemplo) y exportarlas a flash para animar frame a frame. Estoy seguro que les dará muy buen resultado.

Saludos

srm
Por: srm
es una impresionante tecnica que descubriste ya que los que hacen fuego ocupan vista 2d y esta da la impresion de ser 3d, lo unico que tengo duda es que si no uso fondo negro resaltaria de igual forma debido a la delicadesa de las ondas al final de la flama?

felicidades.
Por: cyrux360_blog
si luego del paso 11 usas el filtro licuar (Shift+Ctrl+X)

...puedes lograr una terminacion mas realista

Por: july
cyrux360_blog con respecto a lo del fondo negro se cumple la misma ley que en el mundo real. El fuego de dia se no se ve igual que en la noche ni se ve de la misma manera con un fondo obscuro que con uno claro. En este caso es lo mismo pero con la ventaja de uqe contamos con herramientas de sobra para hacer que con un fondo blanco o mas claro se vea igual Guiño

july Exelente!!!!

Saludos


Por: srm
nesecito ugrentamente ocmo aser un efecto lineas tv en phtosop, ayudemne!1 Triste
Por: stoi dssprado_blog
stoi dssprado_blog probá creando en PS un archivo de 2 pixels de largo x 1 pixel de alto, rellená uno de los pixels en color blanco y el otro en negro, andá a "Edit/Define Pattern", ponele un nombre y aceptá. Abrí la foto a la que querés aplicarle el efecto. Creá una capa o layer nueva y andá a "Edit/Fill". En donde dice "Use" elejí "Pattern" y buscá el patrón que creaste. Dale aceptar. Ahora a la capa que rellenaste con el patrón aplicale un Blanding "Overlay"(solapa capas donde dice "normal" hacé clic sobre la flechita para que se despliegue el menú). Ahora queda que deformes la imagen para simular la curvatura, en el caso que la tenga, de la pantalla de la TV.

Hay muchas formas de simular el efecto de pantalla de TV. Este que acabo de explicarte es fácil y de pocos pasos. Te recomiendo que explores sobre esta base, tenés filtros como el "Halftone Pattern" dentro de Filter/Sketch que te pueden servir también.

Suerte y saludos
Por: srm
No encontré un efecto similar en las miles de páginas que visité. Me saco el sombrero ante Ud. y agradezco a Cristalab por brindar espacio a mentes tan creativas como SRM
Por: Morsa_blog
Muchas Gracias Morsa_blog, me alagan sus palabras Riendo
Por: srm
Muy bueno! Pero no sé q me pasa q a partir del paso 11 no me sale, al aplicar el degradado, nada de nada Triste
Una ayuda es posible??
GRacias
Por: Gelsa
Gelsa fijate de estar ubicado en los canales y no tener ninguna selección cargada. En teoría si podés aplicar el paso 11 el 12 y los demás también podrías.
Si seguís teniendo problemas tratá de ser mas específico en tu problema asi te puedo ayudar mejor.

Suerte
Por: srm
ola me encanto lo que isiste enserio esta muy lindooo Sonrisa cuidate !

Guiño
Por: Palomiita_blog
uuuuuuuuuu! Sonrisa

toi aburrida buscando letras para photoshop..... Riendo

bye Guiño
Por: Palo miita_blog
Palo miita_blog jajaja, acá te paso un sitio con fuentes bastante interesante, podés escribir tu texto y ver como quedaría con cada funte, http://www.dafont.com/

Saludos, gracias
Por: srm
excelente efecto
gracias
Por: pola_blog
como haces para rellenar las letas de negro una vez estan en llamas ?¿

Gracias ! y bonito efecto por cierto Riendo
Por: pepillow
Hola, me podrias decir como haces para ponerle una superficie plana al reflejo para que dé así sensación de profundidad ?¿

Gracias

P.D: Increible el efecto, sin duda el mejor que he visto
Por: Chebosludo
Hola a todos
pepillow lo que hice en este caso fue cargar la selección del texto trabajarla un poco para que tome la forma del fuego y la pinté de negro en una nueva capa con un blending Multiplicar.
Chebosludo lo hacés generando una capa nueva con toda la información que querés que tenga el reflejo, la volteás verticalmente y (en este caso te conviene darle un blending = screen) movés la capa debajo de la anterior donde querés que se vea el reflejo y le aplicás una máscara de capa. Después le aplicás un gradiente de negro a blanco a la máscara.
También podés darle in pequeño desenfoque al reflejo para darle mas realismo.

Espero que les sirva, cualquier cosa pregunten.

Suerte y saludos
Por: srm
hola soy novato y tengo un problema, y es que cuando selecciono T para escribir mi texto y clicko sobre el fondo negro, este se convierte en rojo.

Gracias de antemano.
Por: Ancafi
Hola Ancafi fijate bien de dónde estás queriendo escribir. Seguramente no estés en las capas (layers) sino en los canales (channels). Otra opción es que tengas una máscara rápida...
Hacé esto: Andá a la solapa de canales y fijate de no tener mas que los canales de información de color (RGB o CMYK o Gris) si tenés alguno con nombre "Alpha" o lo sea borralo. Después andá a la solapa de capas, seleccioná una capa para asegurarte de que estás ahí y escribí tu texto.

Suerte y pregunta cuantas veces sea necesario. Guiño

Todos fuimos novatos.
Por: srm
Como hago para rellenar el texto de blanco una vcez q seleccione el load selecction en el background?
Por: Calliope_blog
Calliope_blog podés utilizar la herramienta Bote de pintura (B) seleccionar como color de frente (foreground) el blanco y hacer clic dentro de la selección o (la mas rápida) asegurate de que el color de frente es el blanco y presioná las teclas Alt+Supr(Delete).
Convinación de teclas para rellenar selección:
Alt+Supr(Delete): utiliza el color de frente (foreground) como color de relleno.
ctrl+Supr(Delete): utiliza el color de fondo (backgroun) como color de relleno.

Suerte y saludos.
Por: srm
muy chido el efecto gracias
Por: jorge_blog
no pues aber cuando me enseñan a hacer es y esta muy chida su pagina
Por: kiki``s_blog
porfa expliquen con mas detalles hasta el final soy principiante veo que es muy interesante pero frustrante quedarse a la mitad del efecto
Por: lando_blog
DbiAs PoNer komo hiciste el 2do ese k sta komo kon humo ese m gusto mas k el otro thanks
Por: Toxi_blog
Lengua
Por: nfdzxcvb_blog
LenguaLenguaLenguaLenguaLengua
TristeSonrisaSonrisaSonrisaSonrisa
Aw CrapAw CrapAw CrapAw CrapAw Crap
:O:O:O:O:O
Por: .........._blog
Hey! soy como quien dice un principiante en Photoshop, y hasta ahora ese ha sido mi mejor trabajo, gracias por explicarnos como hacerlo, gracias!!!
Por: Gorby_blog
Yo me atrasco en el paso 8 no me deja usar el filtro del viento no se por que sale desactivado que deberia hacer para que me dejara?? gracias por la explicacion Muy Feliz
Por: Alberto_blog
hola tengo problemas al momento de hacer el degradado, no pasa nada, no toma el aspecto color fuego Triste alguien que me heche una manito. Gracias de antemano Muy Feliz
Por: yoto_blog
Disculpa, pero como saco el dialogo de "mapa de degradado", de los pasos finales, ahi me quede atorado, ¿todas las versiones de Photoshop contienen esa herramienta? y ¿como la saco?

De antemano, gracias
Por: Daniel Angel_blog
EL PASO Nº 8 NO FUNCIONA, es decir la opcion viento no me aparece activa.
Por: joy_blog
me encanta ese efecto es lo maximo
Por: guillermo bedoya_blog
eso ta alante pero como hases el humo
Por: derison_blog
como hasen el humo eso es de lo mas cool
Por: derison_blog
ch si
el humo es lo mejor
como lo haces?
naa mas
re bueno el tutorial
jeje
chauss
Por: Jaytox_blog
S

srm :

Gelsa fijate de estar ubicado en los canales y no tener ninguna selección cargada. En teoría si podés aplicar el paso 11 el 12 y los demás también podrías.
Si seguís teniendo problemas tratá de ser mas específico en tu problema asi te puedo ayudar mejor.

Suerte
Cool
Por: XxXjhonatanXxX
Chevere tus ejemplos espero que deas los tips de como llegar a darles los acabados finales sino donde esta el chiste pues jeje gracais nuevamente...
Por: JAOV_blog
el paso 8 del viento el filtro no sale porq ?Aw Crap q ago mal Aw Crap
Por: freiz_blog
Muy Feliz Aunque me ganaste el tip... buen tip...
Por: etzekiel
Estoy es Magia en la PC.
Graiasssssss....
Por: YO_blog
hay un problema esque la images de fuego al terminarla queda como fondo queda combinada con el fonfo negro y no puedes extraer solo el texto con fuego porque es una sola imagen y si necesito solo es texto como hago para que quede libre durante el procedimiento y no cortarla hasta que la termino??????????????????????????????
Por: reygarma_blog
muy bueno,

¿podrías explicar cómo hacés el humo?

gracias
Por: asdfñlkasjdf_blog
muy bueno!!!

Explica el humo que es lo mejor!!!!

lel efecto ya lo habias visto pero el humo no!!!

explica pliz!!
Por: Shades_blog
muy buen efecto ahora me gustaria saber como haces la sombra y el humo! te felicito flaco!
Por: LeA_blog
Sonrisa Triste Guiño x) Muy Feliz :I
Por: x)-blog
COmo aces parra q en el estilo fueego te aparesca humo arrfiba de el texto y q se refleje en el piso plis decime Guiño grax sos lo mas .................... si me decis!!! ahh y como se hace el de nieve no lo se Triste
Por: Ramon-blog-blog
mm,,peeroo ccon qe photoshop hhagoo eesso ?? Aw Crap
Por: [poolaqa]-blog
poorfaa,eel qe seepa laa pag de donde bajaar esee photoshop qee mee laa deejee Triste
Por: [poolaqa]-blog
estubo chido
Por: jose-blog
putos danasco
Por: bbbbbbuuuuuuuuu-blog
pudranse
Por: gfdgfdg-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.