5.23.2010

Texto en Fuego - Photoshop

La forma mas fácil de hacer texto con fuego es con un plugin de AlienSkin que se llama "Fire". Pero yo le voy a enseñar como hacer este efecto sin usar ningún plugin.

Paso 1: Crea un documento nuevo
Vamos a comenzar creando un documento nuevo, vaya a File y seleccione New (CTRL+N en Win o Command+N en Mac); coloque la información como esta en la foto:


Paso 2: Pinte el documento de negro
Para eso vamos a usar la opción de Fill que se encuentra en el menu de Edit y luego Fill que también se puede accesar con Shift+F5Cuando aparezca la ventana, seleccione Black en la area de Contents:Luego click OK y el documento estará negro:

Paso 3: Seleccione Type Tool
Localizada en la ventana de herramientas, haga click en Type Tool o apretando la letra T en su teclado:

Paso 4: Seleccione la letra
Seleccione de la barra de opciones la letra que usted quiera, para este tutorial voy a selecciones el Times New Romans en Bold. No se preocupe con el tamaño por ahora.

Paso 5: Ajustar el color del texto en blanco
Para ajustar rápidamente a los colores de preferencia por Photoshop, presione la tecla D y automáticamente se colocaran los colores en negro y blanco:Luego presione la X para invertir los colores:

Paso 6: Añadir texto
Con el color blanco seleccionado yo voy a escribir "FIRE" todo en mayúscula.haga click en el checkmark localizado en la barra de opciones para salir del modulo de texto.

Paso 7: Cambiar el tamaño y mover el texto
Para realizar estos cambios seleccione Free Transform que se encuentra en el menu de Edit o presionando CTRL+T (Win) / Command+T (Mac).Usted va a ver un cuadro alrededor del texto, para cambiar el tamaño presione la tecla Shift para mantener la proporción, y luego con el mouse seleccione una de las esquinas (uno de los cuadraditos)y mueva el mouse para cambiar el tamaño: para adentro hace el texto pequeño... para afuera agranda el texto. Y para moverlo de lugar es solo hacer click en cualquier parte del centro y mover el mouse. Para terminar presione Enter (Win) / Return (Mac) para aceptar los cambios.

Paso 8: "Rasterize" el texto
Rasterize es convertir el texto en pixels... como si fuera una foto. Para hacer esto vaya al menu de Layer y seleccione Rasterize y luego TypeAhora el texto aparecerá en la ventana de los layers como un foto.

Paso 9: Duplicar el layer del texto
Para rápidamente hacer esto presione CTRL+J (Win) / Command+J (Mac), en el layer duplicado aparecerá "copy" al final.

Paso 10: Esconder la copia (por ahora)
Todo layer a la mano derecha tiene un ojo para esconder o dejar visible el layer. Por ahora haga click en el ojo de la copia para esconderlo.

Paso 11: Seleccione el layer original del texto
Ya la copia estando escondida, ahora solo hacer click en el layer original para seleccionarlo en la ventana de layers:Ahora estamos listos para comenzar el efecto del fuego en la letra.

Paso 12: Rotar el canvas 90°
Arriba en el menú de Image y seleccione Rotate Canvas y después 90° CW (clockwise):
Así se tiene que ver el documento:

Paso 13: Aplicar Filtro "Wind"
Ahora estamos listos para aplicar el filtro. Seleccione Filter en el menú arriba, luego Stylize y seleccione Wind:Esto abrirá una venta con varias opciones, bajo la opción de Method selecciones Wind y bajo Direction seleccione From the Left:Presione OK y ahora debe de verse así:

Paso 14: Re-Aplicar el filtro de "Wind" varias veces
La forma mas rápida de aplicar el último filtro usado es con CTRN+F (Win) / Command+F (Mac). Aplíquelo un total de tres veces mas hasta quedar el efecto mas pronunciado:

Paso 15: Rotar de vuelta del canvas
Para eso seleccione nuevamente Image en el menú, luego Rotate Canvas y presione 90° CCW (counterclockwise):Ahora el documento estaría en la posición original:

Paso 16: Aplicar filtro "Gaussian Blur"
Para suavizar un poco las lineas seleccione Filter en el menú, categoría Blur después Gaussian Blur:Luego en la ventana de opciones coloque un Radius de 1.2 pixels:Presione OK y ahora debe de verse así:

Paso 17: Duplicar el Layer de Background
Seleccione el Layer de Background, y use las mismas teclas para duplicar que usó antes, CTRL+J (Win)/Command+J (Mac), la copia tendrá el nombre de "Background copy" arriba del original:

Paso 18: Mezclar layer de texto con el layer de background copy
Con el layer de texto seleccionado, vaya a Layer en el menú arriba y luego Merge Down en la lista:Esto va a mezclar el layer de texto con el Background copy:

Paso 19: Cambiar el nombre de los layers mezclados
Haga doble-click directamente en el nombre de "Background copy" y cambie el nombre para "Flames":

Paso 20: Hacer una selección rectangular al rededor del texto
De la ventana de herramientas, seleccione el Rectangular Marquee Tool, facilente puede seleccionarlo presionando la tecla M en su teclado:Ahora haga un click (NO SUELTE EL BOTÓN) y arrastre la selección alrededor del texto, debe verse así:

Paso 21: Aplicar filtro de Liquify
Arriba en el menú, seleccione Filter y luego Liquify:Esto abrirá una ventana con muchas opciones, por ahora, seleccione Forward Warp Tool la primera herramienta arriba:Luego en la sección de Tool Options asegúrese que el tamaño de la brocha, donde dice Brush Size este en 100, así está bien:OK, vamos a jugar ahora... sin hacer click en el texto, solo en las rayas, dele click y arrastre hacia la izquierda y derecha para crear el efecto como llamas, no tengas miedo! No te vas a quemar:Ahora regrese a la opción de Brush Size y cambie el tamaño a 15:Esta vez será directo en el texto hacia arriba para crear el efecto de llamas pequeñas. Recuerda que si te equivocas podrás regresar con CTRL+Z (Win)/Command+Z (Mac), si necesitas regresar mas de una vez entonces haga CTRL+Alt+Z (Win)/Command+Option+Z (Mac). Tomate tu tiempo...:Finalmente vamos hacer una llamas mas grande, regrese a Brush Size y cambie el tamaño a 50:Nuevamente directo del texto hacia afuera y para la izquierda y derecha:Cuando estés satisfecho haga click en OK, espero que se vea parecido o mejor que el mio:

Paso 22: Añadir ajustador Hue/Saturation al layer
Desde la parte de abajo de la ventana de Layers seleccione New Adjustment Layer icono y seleccione Hue/Saturation de la lista que aparecerá:Esto abrirá una ventana con opciones de colores. PRIMERO selecciones Colorize abajo a la derecha. Después ajuste el Hue a 40 para crear un amarillo caliente, después cambie el Saturation a 100 para intensificar el color:Ahora presione OK para salir, espero que se vea así:

Paso 23: Añadir un segundo ajustador Hue/Saturation al layer
Nuevamente seleccione New Adjustment Layer y luego Hue/Saturation esta vez NO seleccione la opción de Colorize, solo cambie el Hue a -15 para oscurecer el color naranja y después presione OK para salir:

Paso 24: Cambiar el "Blend Mode" para Overlay
El Blend Mode queda arriba de la ventana de Layers, debería estar en "Normal", selecciónelo y de la lista seleccione Overlay:Esto añadirá un efecto mas realístico al color de la letra:

Paso 25: Seleccionar y activar la copia del layer de texto
Seleccione el layer FIRE copy y actívelo para verlo (en el cuadrado en blanco):

Paso 26: Añadir efecto de gradient al layer
Seleccione el icono de Layer Styles en la parte de abajo de la ventana de layers, luego escoge Gradient Overlay:Va aparecer una ventana con varias opciones, haga click en el centro de Gradient:>Esto abrirá el editor de gradient, ahora seleccione el cuadrito negro de abajo y luego haga click en el color negro en la sección de Stops:En la próxima ventana seleccione un color naranja oscuro, mire la foto para que tengas una idea y después click OK:Ahora seleccione el cuadrito blanco a la derecha y haga click en el color blanco en la sección de Stops:Ahora seleccione un naranja mas claro, mire la foto y después presione OK:Ahora donde dice Style selecione Linear y seleccione la opción de Align with Layer y el ángulo coloquelo en 90:Click OK cuando termines ahora debe verse así:

Paso 27: Añadir un Layer Mask al layer del texto
Con el layer del texto seleccionado haga click en el icono de Layer Mask en la parte de abajo de la ventana de layers:ahora debe verse así:

Paso 28: Seleccionar la brucha
Seleccione Brush Tool de la ventana de herramientas o simplemente presione B en su teclado:

Paso 29: Ajustar el color Foreground a negro
Sin importar que color tenga seleccionado, es solo presionar la tecla D para ajustar el foreground negro y el background blanco:

Paso 30: Suavizar los bordes del texto
Ahora pase la brocha por el borde del texto para suavizarlo, puede usar los brackets para cambiar el tamaño de la brocha, [ para achicar y ] para agrandar y con Shift+[ para suavizar mas y Shift+] para suavizar menos:En caso que se equivoque puede presionar la letra X para invertir los colores y revertir el efecto al usar la brocha:Si se ve una linea naranja en la parte de abajo; simplemente presione la tecla V en su teclado para seleccionar el Move Tool y presione tecla de flecha para abajo en su keyboard. Producto final: