Efecto de texto de desenfoque fantasmal en Photoshop

Escrito por Steve Patterson.

En este tutorial de Photoshop, aprenderemos cómo darle al texto un aspecto sobrenatural y fantasmal usando un par de filtros de desenfoque simples. Usaré Photoshop CS5 a lo largo del tutorial, pero cualquier versión reciente de Photoshop funcionará.



Así es como se verá el resultado final:

  Efecto de texto de desenfoque fantasmal de Photoshop. Imagen © 2011 Photoshop Essentials.com. El resultado final.

¡Empecemos!





Paso 1: rasterizar el tipo

Aquí está el documento con el que estoy comenzando, que es solo la palabra 'BLUR' escrita en blanco frente a 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 Capas, vemos la capa Tipo ubicada sobre la capa Fondo negro:



  Una capa de Texto en Photoshop. Imagen © 2011 Photoshop Essentials.com. El panel Capas que muestra las dos capas actualmente en el documento.

Asegúrese de que la capa Tipo esté seleccionada en el panel Capas (las capas seleccionadas están resaltadas en azul), luego suba a la Capa menú en la barra de menú en la parte superior de la pantalla, elija Rasterizar , entonces escoge Escribe :

  El comando Rasterizar tipo en Photoshop. Imagen © 2011 Photoshop Essentials.com. Ve a Capa > Rasterizar > Tipo.

El tipo 'Rasterizar' solo significa que lo estamos convirtiendo de texto editable en píxeles, lo que debemos hacer antes de que Photoshop nos permita aplicarle filtros. Nada parecerá haber cambiado en la ventana del documento, pero podemos ver en el panel Capas que la capa 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: haz tres copias de la capa

Necesitamos hacer tres copias de nuestro texto rasterizado, así que sube a la Capa menú, elige Nuevo , entonces escoge Capa a través de la copia , o presione Control+J (Victoria) / Comando+J (Mac) para acceder al mismo comando con el atajo de teclado más rápido:

  El comando Nueva capa a través de Copiar en Photoshop. Imagen © 2011 Photoshop Essentials.com. Vaya a Capa > Nueva > Capa a través de Copiar, o presione Ctrl+J (Windows) / 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 Capas.

Haz lo mismo dos veces más, ya sea eligiendo Capa > Nuevo > Capa a través de la copia dos veces o presionando Control+J (Victoria) / Comando+J (Mac) dos veces, aunque el atajo de teclado es mucho más rápido. Cuando hayas terminado, deberías tener 4 capas de texto, más la capa de fondo en la parte inferior:



  Cinco capas en el panel Capas. Imagen © 2011 Photoshop Essentials.com. Ahora deberías tener 5 capas en total.

Paso 3: seleccione la capa de texto original

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

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

Paso 4: aplique el filtro de desenfoque de movimiento

sube a la Filtrar menú en la parte superior de la pantalla, elija Difuminar , entonces escoge Desenfoque de movimiento :

  Seleccionando el filtro Motion Blur en Photoshop. Imagen © 2011 Photoshop Essentials.com. Ve a Filtro > Desenfocar > Desenfoque de movimiento.

Esto abre el cuadro de diálogo Desenfoque de movimiento de Photoshop. Comencemos agregando un desenfoque de movimiento vertical al texto. Cambiar el Ángulo del desenfoque a 90° , luego comience a arrastrar el Distancia deslizador en la parte inferior del cuadro de diálogo hacia la derecha para aumentar la cantidad de desenfoque. Vigile la ventana del documento mientras arrastra el control deslizante para juzgar los resultados. Voy a establecer mi valor de Distancia en alrededor de 150 píxeles, lo que creo que se ve bien con mi imagen, pero el valor que use puede ser diferente según el tamaño y la resolución de su documento:



  El cuadro de diálogo Desenfoque de movimiento en Photoshop. Imagen © 2011 Photoshop Essentials.com. Establezca el Ángulo en 90°, luego arrastre el control deslizante Distancia para aplicar el desenfoque.

Cuando haya terminado, haga clic en Aceptar para cerrar el cuadro de diálogo. Su efecto de desenfoque de movimiento vertical debería verse similar a esto:

  Se ha agregado un efecto de desenfoque de movimiento vertical al texto. Imagen © 2011 Photoshop Essentials.com. El efecto después de agregar un desenfoque de movimiento vertical.

Paso 5: seleccione la capa encima de ella

Haga clic en la capa sobre la capa de texto original en el panel Capas (la capa que dice 'copiar' 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: aplique el filtro de desenfoque de movimiento nuevamente

Prensa Ctrl+Alt+F (Victoria) / Comando+Opción+F (Mac) en su teclado. Esta es una forma rápida de acceder al último filtro que usamos, que en nuestro caso fue el filtro Motion Blur. Photoshop volverá a abrir el cuadro de diálogo del filtro para que podamos realizar los cambios que necesitemos antes de aplicar el filtro. Esta vez, agregaremos un desenfoque de movimiento horizontal, así que cambia el Ángulo a . Puede dejar la opción Distancia establecida en el mismo valor que utilizó la última vez:

  Cambiar el ángulo en el cuadro de diálogo Desenfoque de 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:



  Se ha agregado desenfoque de movimiento horizontal y vertical al texto. Imagen © 2011 Photoshop Essentials.com. Se ha agregado desenfoque de movimiento vertical y horizontal al texto.

Paso 7: fusionar las dos capas juntas

sube a la Capa menú y elige Fusionar , o presione Control+E (Victoria) / Comando+E (Mac) en su teclado:

  Comando Photoshop Combinar capas hacia abajo. Imagen © 2011 Photoshop Essentials.com. Vaya a Capa > Fusionar hacia abajo, o presione Ctrl+E (Windows) / Comando+E (Mac).

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

  Las capas de texto de desenfoque de movimiento se han fusionado. Imagen © 2011 Photoshop Essentials.com. Los efectos de desenfoque de movimiento horizontal y vertical ahora están en la misma capa.

Paso 8: aplique 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 a la Filtrar menú una vez más, elija Difuminar , entonces escoge Desenfoque gaussiano :

  Selección del filtro Desenfoque gaussiano en Photoshop. Imagen © 2011 Photoshop Essentials.com. Vaya a Filtro > Desenfocar > Desenfoque gaussiano.

Esto abre el cuadro de diálogo Desenfoque gaussiano. Arrastrar el Radio control deslizante en la parte inferior un poco hacia la derecha para agregar una pequeña cantidad de desenfoque, lo suficiente para suavizar los bordes del efecto de desenfoque de movimiento. Un valor de Radio de alrededor 2 píxeles debería ser suficiente, aunque es posible que deba usar un valor más alto para un documento más grande. Como siempre, vigile la ventana del documento mientras arrastra el control deslizante para juzgar los resultados:

  Cuadro de diálogo del filtro Desenfoque gaussiano de Photoshop. Imagen © 2011 Photoshop Essentials.com. Aumente el valor de Radio a alrededor de 2 píxeles.

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

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

Paso 9: seleccione la capa encima de ella

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

  Seleccionando el'copy 2' layer. Image © 2011 Photoshop Essentials.com. Seleccione la capa de texto 'copiar 2' encima de la capa fusionada.

Paso 10: aplique el filtro de desenfoque gaussiano

Prensa Ctrl+Alt+F (Victoria) / Comando+Opción+F (Mac) en su teclado. Esto vuelve a abrir el cuadro de diálogo del último filtro que usamos, que esta vez fue el filtro Desenfoque gaussiano. Usaremos el filtro Desenfoque gaussiano aquí para agregar un efecto de brillo alrededor de las letras en el texto. Arrastrar el Radio deslizador hacia la derecha y mientras lo arrastra, verá que comienza a aparecer un brillo alrededor del texto. Voy a aumentar mi valor de Radio a 8 píxeles , que da a mis letras un brillo sutil y suave:

  El cuadro de diálogo Desenfoque gaussiano en Photoshop. Imagen © 2011 Photoshop Essentials.com. Incrementando el valor del Radio a 8 píxeles.

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

  Se ha agregado un brillo suave al texto. Imagen © 2011 Photoshop Essentials.com. La imagen después de aplicar el filtro Desenfoque gaussiano al texto.

Paso 11: seleccione la capa superior

Seleccione 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 Capas. Imagen © 2011 Photoshop Essentials.com. Haga clic en la capa superior para seleccionarla.

Paso 12: combine la capa con la capa debajo de ella

Tal como lo hicimos en el Paso 7, suba a la Capa menú y elige Fusionar , o presione Control+E (Victoria) / Comando+E (Mac) para el atajo de teclado. Esto fusionará la capa superior con la capa borrosa 'resplandor' debajo de ella, dejándonos con solo dos capas de texto:

  La capa superior se fusionó con la capa inferior. Imagen © 2011 Photoshop Essentials.com. Vaya a Capa > Combinar hacia abajo, o presione Ctrl+E (Ganar) / Comando+E (Mac) para combinar las dos capas superiores.

Paso 13: Agrega una máscara de capa

Haga clic en el Máscara de capa icono en la parte inferior del panel Capas:

  Photoshop Añadir icono de máscara de capa. Imagen © 2011 Photoshop Essentials.com. Haga clic en el icono de máscara de capa.

A miniatura de máscara de capa aparece en la capa superior, indicándonos que se ha agregado una máscara:

  Miniatura de máscara de capa de Photoshop. Imagen © 2011 Photoshop Essentials.com. Aparece una miniatura de máscara de capa rellena de blanco.

Paso 14: seleccione la herramienta de degradado

Seleccione Photoshop Herramienta gradiente desde el panel Herramientas:

  Herramienta de degradado de Photoshop. Imagen © 2011 Photoshop Essentials.com. Selección de la herramienta Degradado.

Paso 15: elija un degradado de blanco a negro

Con la máscara de capa seleccionada (la miniatura de la máscara en el panel Capas tendrá un borde resaltado en blanco a su alrededor para indicarle que está seleccionada), presione la letra D en su teclado para restablecer rápidamente Photoshop Colores de primer plano y de fondo si es necesario, lo que establece el color de primer plano en blanco y el color de fondo en negro. Después botón derecho del ratón (Victoria) / Control-clic (Mac) en cualquier lugar dentro de la ventana del documento para abrir rápidamente el Selector de degradado y elige el gradiente de blanco a negro (esquina superior izquierda; en realidad es el degradado de primer plano a fondo) haciendo clic en su miniatura. Prensa Ingresar (Victoria) / Devolver (Mac) cuando haya terminado de cerrar el Selector de degradado:

  Selector de degradado de Photoshop. Imagen © 2011 Photoshop Essentials.com. Elija el degradado 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 en la parte superior de la pantalla, haga clic en el Gradiente reflejado icono para cambiar el estilo de degradado que estamos a punto de dibujar:

  Opción Degradado reflejado de Photoshop en la barra de opciones. Imagen © 2011 Photoshop Essentials.com. Haga clic en el icono Gradiente reflejado en la barra de opciones.

Paso 17: dibuja un degradado en la máscara de capa

Con la opción Degradado reflejado seleccionada, haga clic en cualquier lugar a lo largo del centro horizontal del texto para establecer el punto de inicio del degradado. Luego mantenga presionada su Cambio y, con el botón del mouse todavía presionado, arrastre hacia arriba hasta la parte superior del texto. Mantener presionada la tecla Mayús mientras arrastra hace que sea más fácil arrastrar hacia arriba:

  Dibujar un degradado reflejado en Photoshop. Imagen © 2011 Photoshop Essentials.com. Haga clic en el centro del texto, luego mantenga presionada la tecla Mayús y arrastre hacia la parte superior del texto.

Suelte el botón del mouse en la parte superior del texto, momento en el que Photoshop dibuja el degradado reflejado en la máscara de capa, dejando solo la mitad del texto completamente visible, luego se desvanece gradualmente hacia la parte superior e inferior de las letras, permitiendo el movimiento. efecto de desenfoque detrás de ellos para mostrar a través de:

  El texto después de dibujar un degradado reflejado en la máscara de capa. Imagen © 2011 Photoshop Essentials.com. El texto principal ahora se desvanece hacia la parte superior e inferior de las letras. Solo la mitad de la palabra permanece 100% visible.

Paso 18: duplica la capa

Prensa Control+J (Victoria) / Comando+J (Mac) en su teclado para duplicar rápidamente la capa:

  Haciendo una copia de la capa superior. Imagen © 2011 Photoshop Essentials.com. Aparece una copia de la capa superior encima del original.

Esto hace que el efecto de brillo sea más intenso, dando al texto una apariencia más 'fantasmal':

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

Puede aumentar el brillo aún más simplemente duplicando la capa nuevamente. presionaré Control+J (Victoria) / 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) nuevamente si es necesario para hacer otra copia de la capa de texto desenfocado.

Las cosas definitivamente comienzan a verse espeluznantes en este punto:

  Texto borroso de Photoshop. Imagen © 2011 Photoshop Essentials.com. El texto después de aumentar aún más el efecto de brillo.

Paso 19: agregue una capa de ajuste de tono/saturación

Como paso final, coloreemos el efecto. Haga clic en el Nueva Capa de Ajuste icono en la parte inferior del panel Capas:

  Icono de nueva capa de ajuste de Photoshop. Imagen © 2011 Photoshop Essentials.com. Haga clic en el icono Nueva capa de ajuste.

Elegir La saturación de color de la lista de capas de ajuste que aparece:

  Elegir una capa de ajuste de Tono/Saturación en Photoshop. Imagen © 2011 Photoshop Essentials.com. Elija Tono/Saturación de la lista.

Si está utilizando Photoshop CS4 o CS5, los controles y las opciones para la capa de ajuste de Tono/Saturación aparecerán en la Panel de ajustes . Para CS3 y versiones anteriores, se abrirá un cuadro de diálogo independiente. Primero, seleccione el colorear opción haciendo clic dentro de su casilla de verificación. A continuación, arrastre el control deslizante Tono para seleccionar un color para usar y arrastre el control deslizante Saturación para ajustar la intensidad del color. Voy a elegir un verde fantasmal configurando mi Matiz valor a 123 , luego aumentaré el Saturación valor a 40 :

  Controles de tono/saturación de Photoshop. Imagen © 2011 Photoshop Essentials.com. Selecciona Colorear, luego configura Tono a 123 y Saturación a 40.

Para usuarios de Photoshop CS3 y versiones anteriores, haga clic en Aceptar para cerrar el cuadro de diálogo cuando haya 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 fantasmal':

  Efecto de texto de desenfoque fantasmal de Photoshop. Imagen © 2011 Photoshop Essentials.com. El efecto de texto final.