Efecto de texto borroso fantasmagórico en Photoshop

Efecto de texto borroso fantasmagórico en Photoshop

Efecto de texto borroso fantasmagórico en Photoshop

En este tutorial de Photoshop, aprenderemos a darle al texto un aspecto fantasmagórico y sobrenatural usando un par de simples filtros de desenfoque. Usaré Photoshop CS5 en todo el tutorial, pero cualquier versión reciente de Photoshop funcionará.

Así es como se verá el resultado final:

Efecto de texto borroso fantasmagórico de Photoshop. Imagen © 2011 Photoshop Essentials.com.

El resultado final.

Start!

Paso 1: Rasterizar el tipo

Aquí está el documento con el que empiezo, que es sólo la palabra «BLUR» escrita en blanco delante de un fondo negro sólido. Usé Arial Bold para la fuente:

El documento original de Photoshop. Imagen © 2011 Photoshop Essentials.com.

El documento original.

Si miramos en el panel de Capas, vemos la capa de Tipo sobre la capa negra de Fondo:

Una capa de tipo en Photoshop. Imagen © 2011 Photoshop Essentials.com.

El panel de Capas que muestra las dos capas actuales en el documento.

Asegúrate de que la capa de Tipo está seleccionada en el panel de Capas (las capas seleccionadas están resaltadas en azul), luego sube al Cloak en la barra de menú de la parte superior de la pantalla, elija Rasterizary luego elige… Scribe:

El comando Rasterize Type en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Ir a Capa; Rasterizar; Escribir.

El tipo «rasterizado» sólo significa que lo convertimos de texto editable a píxeles, lo que tenemos que hacer antes de que Photoshop nos permita aplicarle algún filtro. Nada parece haber cambiado en la ventana del documento, pero podemos ver en el panel de Capas que la capa de Tipo se ha convertido en una capa normal basada en píxeles:

El tipo ha sido rasterizado en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Una vez que el texto ha sido rasterizado (convertido a píxeles), ya no es editable.

Paso 2: Hacer tres copias de la capa

Necesitamos hacer tres copias de nuestro texto rasterizado, así que sube al Cloak menu, choose Nuevoy luego elige… Capa a través de la copia…o presione… Ctrl+J (Win) / Comando+J (Mac) para acceder al mismo comando con el atajo de teclado más rápido:

La nueva capa a través del comando Copiar en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Vaya a Capa; Nueva; Capa a través de Copiar, o presione Ctrl+J (Win) / Comando+J (Mac).

De cualquier manera le dice a Photoshop que haga una copia de la capa y la coloque sobre el original:

Copia borrosa. Imagen © 2011 Photoshop Essentials.com.

La nueva capa aparece sobre la original en el panel de Capas.

Haz lo mismo dos veces más, ya sea eligiendo Cloak …y la de los demás; Nuevo …y la de los demás; Capa a través de la copia dos veces o presionando Ctrl+J (Win) / Comando+J (Mac) dos veces, aunque el atajo de teclado es mucho más rápido. Cuando termines, deberías tener 4 capas de texto, más la capa de fondo en la parte inferior:

Cinco capas en el panel de Capas. Imagen © 2011 Photoshop Essentials.com.

Ahora debería tener 5 capas en total.

Paso 3: Seleccionar la capa de texto original

Haga clic en la capa de texto original en el panel de Capas (el que está directamente encima de la capa de Fondo) para seleccionarla:

Seleccionando la capa de texto original en el panel de Capas. Imagen © 2011 Photoshop Essentials.com.

Seleccione la capa de texto original.

Paso 4: Aplicar el filtro de desenfoque de movimiento

Sube al Filter at the top of the screen, choose Blury luego elige… Desenfoque de movimiento:

Seleccionando el filtro de Desenfoque de Movimiento en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Ir a Filtro; Borrón; Desenfoque de movimiento.

Esto abre el cuadro de diálogo de Desenfoque en Movimiento de Photoshop. Comencemos añadiendo un desenfoque de movimiento vertical al texto. Cambie el Angle del borrón a 90°y luego empezar a arrastrar el Distancia deslizador en la parte inferior del cuadro de diálogo hacia la derecha para aumentar la cantidad de desenfoque. Vigila la ventana del documento mientras arrastras el deslizador para juzgar los resultados. Voy a establecer el valor de la distancia en unos 150 píxeles que creo que se ve bien con mi imagen, pero el valor que utilice puede ser diferente dependiendo del tamaño y la resolución del documento:

FILE Texto de ráfagas de luz colorida en Photoshop

El cuadro de diálogo de Desenfoque de Movimiento en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Ponga el ángulo a 90°, y luego arrastre el deslizador de distancia para aplicar el desenfoque.

Cuando termines, haz clic en Aceptar para cerrar el cuadro de diálogo. El efecto de desenfoque de movimiento vertical debería ser similar a esto:

Se ha añadido al texto un efecto de desenfoque de movimiento vertical. Imagen © 2011 Photoshop Essentials.com.

El efecto después de añadir un desenfoque de movimiento vertical.

Paso 5: Seleccionar la capa superior

Haga clic en la capa que está encima de la capa de texto original en el panel de Capas (la capa que dice «copia» después de su nombre) para seleccionarla:

Seleccionando la copia de la capa de texto. Imagen © 2011 Photoshop Essentials.com.

Seleccione la primera capa de «copia».

Paso 6: Aplicar el filtro de desenfoque de movimiento de nuevo

Press Ctrl+Alt+F (Win) / Comando+Opción+F (Mac) en tu teclado. Esta es una forma rápida de acceder al último filtro que usamos, que en nuestro caso fue el filtro de Desenfoque de Movimiento. Photoshop volverá a abrir el cuadro de diálogo del filtro para que podamos hacer cualquier cambio que necesitemos antes de que se aplique el filtro. Esta vez, añadiremos un desenfoque de movimiento horizontal, así que cambiaremos el Angle to 0°. Puede dejar la opción de Distancia establecida con el mismo valor que usó la última vez:

Cambiando el ángulo en el cuadro de diálogo de Desenfoque en Movimiento en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Cambie el ángulo a 0°.

Haga clic en Aceptar para cerrar el cuadro de diálogo. Photoshop aplica un desenfoque de movimiento horizontal a la capa:

El desenfoque de movimiento horizontal y vertical se ha añadido al texto. Imagen © 2011 Photoshop Essentials.com.

El desenfoque de movimiento vertical y horizontal se ha añadido al texto.

Paso 7: Fusionar las dos capas juntas

Sube al Cloak menu and choose Fusionarse…o presione… Ctrl+E (Win) / Comando+E (Mac) on your keyboard:

El comando Fusionar capas de Photoshop. Imagen © 2011 Photoshop Essentials.com.

Vaya a Capa; Fusionar hacia abajo, o presione Ctrl+E (Win) / Comando+E (Mac).

Photoshop fusionará las dos capas de desenfoque de movimiento en el panel de Capas, dejándonos con tres capas de texto:

Las capas de texto de la difuminación por movimiento se han fusionado. Imagen © 2011 Photoshop Essentials.com.

Los efectos de desenfoque de movimiento horizontal y vertical están ahora en la misma capa.

Paso 8: Aplicar el Filtro de Desenfoque Gaussiano

Los bordes del efecto de desenfoque de movimiento se ven demasiado nítidos, así que apliquemos un tipo diferente de desenfoque para suavizarlos. Sube al Filter menú una vez más, elija Blury luego elige… Borrón Gaussiano:

Seleccionando el filtro de Gaussian Blur en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Vaya a Filtro; Borrón; Borrón Gaussiano.

Esto abre la caja de diálogo de la Mancha Gaussiana. Arrastra el Radio deslizador en la parte inferior un poco hacia la derecha para añadir una pequeña cantidad de desenfoque, lo suficiente para suavizar los bordes del efecto de desenfoque de movimiento. Un valor de radio de alrededor de 2 píxeles debería ser suficiente, aunque puede ser necesario utilizar un valor más alto para un documento más grande. Como siempre, mantén un ojo en la ventana del documento mientras arrastras el deslizador para juzgar los resultados:

El cuadro de diálogo del filtro del Desenfoque Gaussiano de Photoshop. Imagen © 2011 Photoshop Essentials.com.

Aumenta el valor del radio a unos 2 píxeles.

Haga clic en Aceptar para cerrar el cuadro de diálogo. Los bordes del desenfoque de movimiento ahora aparecen más suaves:

El efecto de desenfoque de movimiento después de aplicar el filtro de Desenfoque Gaussiano. Imagen © 2011 Photoshop Essentials.com.

La imagen después de aplicar el filtro de Desenfoque Gaussiano.

Paso 9: Seleccionar la capa superior

Haga clic en la capa que está directamente encima de la capa fusionada (la que tiene «copia 2» en el nombre) para seleccionarla:

Seleccionando la capa

Seleccione la capa de texto «copia 2» encima de la capa fusionada.

Paso 10: Aplicar el Filtro de Desenfoque Gaussiano

Press Ctrl+Alt+F (Win) / Comando+Opción+F (Mac) en tu teclado. Esto vuelve a abrir el cuadro de diálogo del último filtro que usamos, que esta vez fue el filtro de Desenfoque Gaussiano. Usaremos el filtro de Desenfoque Gaussiano aquí para añadir un efecto de brillo alrededor de las letras del texto. Arrastra el Radio deslícese hacia la derecha y mientras se arrastra, verá que un brillo comienza a aparecer alrededor del texto. Voy a aumentar el valor de mi radio a 8 píxeleslo que da a mis cartas un brillo sutil y suave:

FILE Efecto de texto con ráfagas de luz de colores con Photoshop CS6

El cuadro de diálogo del Desenfoque Gaussiano en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Aumentando el valor del radio a 8 píxeles.

Haga clic en Aceptar para cerrar de nuevo el cuadro de diálogo. Ahora podemos ver el suave resplandor alrededor del texto:

Se ha añadido un suave resplandor al texto. Imagen © 2011 Photoshop Essentials.com.

La imagen después de aplicar el filtro de Desenfoque Gaussiano al texto.

Paso 11: Seleccionar la capa superior

Selecciona la capa superior en el panel Capas, que es la única capa de texto a la que no hemos aplicado ningún filtro:

Seleccionando la capa superior en el panel de Capas. Imagen © 2011 Photoshop Essentials.com.

Haz clic en la capa superior para seleccionarla.

Paso 12: Fusionar la capa con la capa que está debajo de ella

Como hicimos en el paso 7, sube al Cloak menu and choose Fusionarse…o presione… Ctrl+E (Win) / Comando+E (Mac) para el atajo de teclado. Esto fusionará la capa superior con la capa borrosa de «brillo» debajo de ella, dejándonos con sólo dos capas de texto:

La capa superior se ha fusionado con la capa inferior. Imagen © 2011 Photoshop Essentials.com.

Vaya a Layer > Merge Down, o presione Ctrl+E (Win) / Command+E (Mac) para fusionar las dos capas superiores.

Paso 13: Agregar una máscara de capa

Haga clic en el Máscara de capa at the bottom of the Layers panel:

Icono de Photoshop Add Layer Mask. Imagen © 2011 Photoshop Essentials.com.

Haz clic en el icono de la máscara de capa.

To thumbnail layer mask aparece en la capa superior, haciéndonos saber que se ha añadido una máscara:

La miniatura de la máscara de la capa de Photoshop. Imagen © 2011 Photoshop Essentials.com.

Aparece una miniatura de la máscara de capa blanca.

Paso 14: Seleccionar la herramienta de gradiente

Select Photoshop's... Gradient tool in the tool pane:

Herramienta de Gradiente de Photoshop. Imagen © 2011 Photoshop Essentials.com.

Seleccionando la herramienta de gradiente.

Paso 15: Elegir un gradiente de blanco a negro

Con la máscara de capa seleccionada (la miniatura de la máscara en el panel de Capas tendrá un borde blanco resaltado alrededor que le permitirá saber que está seleccionada), presione la letra D en tu teclado para reiniciar rápidamente el Photoshop Colores de primer y segundo plano si es necesario, lo que establece el color de primer plano a blanco y el color de fondo a negro. Luego clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier lugar dentro de la ventana del documento para abrir rápidamente el Gradient collector y elegir el gradiente de blanco a negro (esquina superior izquierda – en realidad es el gradiente de primer plano a fondo) haciendo clic en su miniatura. Presione Enter (Win) / Returns Cuando termines de cerrar el Gradient Picker:

Photoshop Gradient Picker. Imagen © 2011 Photoshop Essentials.com.

Elija el gradiente de primer plano a fondo (blanco a negro) en la esquina superior izquierda.

Paso 16: Seleccione la opción «Gradiente reflejado».

En la barra de opciones de la parte superior de la pantalla, haga clic en el Gradiente reflejado para cambiar el estilo de gradiente que estamos a punto de dibujar:

La opción de degradado reflejado de Photoshop en la barra de opciones. Imagen © 2011 Photoshop Essentials.com.

Haga clic en el icono de Gradiente reflejado en la Barra de opciones.

Paso 17: Dibujar un gradiente en la máscara de la capa

Con la opción Gradiente reflejado seleccionada, haga clic en cualquier lugar a lo largo del centro horizontal del texto para establecer el punto de inicio del gradiente. A continuación, mantenga pulsada la tecla Change y, con el botón del ratón aún presionado, arrastra directamente hasta la parte superior del texto. Si mantienes pulsada la tecla Mayúsculas mientras arrastras, es más fácil arrastrar directamente hacia arriba:

Dibujando un degradado reflejado en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Haz clic en el centro del texto, luego mantén presionada la tecla Shift y arrástralo hasta la parte superior del texto.

Suelte el botón del ratón en la parte superior del texto, en cuyo momento Photoshop dibuja el degradado reflejado en la máscara de la capa, dejando sólo el centro del texto completamente visible, y luego se desvanece gradualmente hacia la parte superior e inferior de las letras, permitiendo que se vea el efecto de desenfoque de movimiento detrás de ellas:

FILE Añade múltiples trazos al texto con los efectos de capa de Photoshop

El texto después de dibujar un gradiente reflejado en la máscara de la capa. Imagen © 2011 Photoshop Essentials.com.

El texto principal ahora se desvanece hacia la parte superior e inferior de las letras. Sólo el centro de la palabra permanece 100% visible.

Paso 18: Duplicar la capa

Press Ctrl+J (Win) / Comando+J (Mac) en su teclado para duplicar rápidamente la capa:

Haciendo una copia de la capa superior. Imagen © 2011 Photoshop Essentials.com.

Una copia de la capa superior aparece sobre el original.

Esto hace que el efecto de brillo sea más intenso, dando al texto un aspecto más «fantasmal»:

El brillo alrededor del texto es ahora más intenso. Imagen © 2011 Photoshop Essentials.com.

El brillo alrededor del texto es ahora más intenso.

Puedes aumentar el brillo aún más simplemente duplicando la capa de nuevo. Presionaré Ctrl+J (Win) / Comando+J (Mac) para hacer otra copia de la capa:

Haciendo otra copia de la capa de texto borroso. Imagen © 2011 Photoshop Essentials.com.

Presione Ctrl+J (Win) / Comando+J (Mac) de nuevo si es necesario para hacer otra copia de la capa de texto borroso.

Las cosas están definitivamente empezando a parecer espeluznantes en este punto:

Photoshop texto borroso. Imagen © 2011 Photoshop Essentials.com.

El texto después de aumentar el efecto de brillo aún más.

Paso 19: Añadir una capa de ajuste de tono/saturación

Como paso final, vamos a colorear el efecto. Haz clic en el botón New adjustment layer at the bottom of the Layers panel:

Icono de la nueva capa de ajuste de Photoshop. Imagen © 2011 Photoshop Essentials.com.

Haga clic en el icono de la nueva capa de ajuste.

Choose Hue/Saturation de la lista de capas de ajuste que aparece:

Escogiendo una capa de ajuste de Tono/Saturación en Photoshop. Imagen © 2011 Photoshop Essentials.com.

Elija Tono/Saturación de la lista.

Si estás usando Photoshop CS4 o CS5, los controles y opciones para la capa de ajuste de Tono/Saturación aparecerán en el Settings panel. Para CS3 y anteriores, se abrirá un cuadro de diálogo separado. Primero, selecciona el Colour haciendo clic dentro de su casilla de verificación. A continuación, arrastre el control deslizante de Tono para seleccionar un color a utilizar, y arrastre el control deslizante de Saturación para ajustar la intensidad del color. Voy a elegir un verde fantasmagórico configurando mi Hue value to 123entonces aumentaré el Saturation value to 40:

Controles de matiz/saturación de Photoshop. Imagen © 2011 Photoshop Essentials.com.

Selecciona Colorizar, luego pon el Tono a 123 y la Saturación a 40.

Para los usuarios de Photoshop CS3 y anteriores, haz clic en OK para cerrar el cuadro de diálogo cuando hayas terminado. Los usuarios de CS4 y CS5 pueden dejar abierto el Panel de Ajustes. Y con eso, ¡hemos terminado! Aquí, después de colorear el texto, está mi efecto final de «desenfoque fantasmagórico»:

Efecto de texto borroso fantasmagórico de Photoshop. Imagen © 2011 Photoshop Essentials.com.

El efecto del texto final.

¡Y ahí lo tenemos! Visita nuestras secciones de Efectos de Texto o Efectos de Foto para más tutoriales de efectos de Photoshop!

Go up

We use our own and third party cookies to improve the user experience. More Informaticon