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:
El resultado final.
¡Empecemos!
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.
Si miramos en el panel de Capas, vemos la capa de Tipo sobre la capa negra de Fondo:
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 Capa en la barra de menú de la parte superior de la pantalla, elija Rasterizary luego elige… Escriba:
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:
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 Capa menú, elija Nouveauy luego elige… Capa a través de la copia…o presione… Ctrl+J (Ganar) / Comando+J (Mac) para acceder al mismo comando con el atajo de teclado más rápido:
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:
La nueva capa aparece sobre la original en el panel de Capas.
Haz lo mismo dos veces más, ya sea eligiendo Capa …y la de los demás; Nouveau …y la de los demás; Capa a través de la copia dos veces o presionando Ctrl+J (Ganar) / 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:
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:
Seleccione la capa de texto original.
Paso 4: Aplicar el filtro de desenfoque de movimiento
Sube al Filtre en la parte superior de la pantalla, elija Blury luego elige… Desenfoque de movimiento:
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 Ángulo 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:
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:
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:
Seleccione la primera capa de «copia».
Paso 6: Aplicar el filtro de desenfoque de movimiento de nuevo
Presiona Ctrl+Alt+F (Ganar) / 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 Ángulo un 0°. Puede dejar la opción de Distancia establecida con el mismo valor que usó la última vez:
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 vertical y horizontal se ha añadido al texto.
Paso 7: Fusionar las dos capas juntas
Sube al Capa menú y elegir Fusionarse…o presione… Ctrl+E (Ganar) / Comando+E (Mac) en tu teclado:
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:
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 Filtre menú una vez más, elija Blury luego elige… Borrón Gaussiano:
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:
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:
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:
Seleccione la capa de texto «copia 2» encima de la capa fusionada.
Paso 10: Aplicar el Filtro de Desenfoque Gaussiano
Presiona Ctrl+Alt+F (Ganar) / 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:
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:
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:
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 Capa menú y elegir Fusionarse…o presione… Ctrl+E (Ganar) / 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:
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 en la parte inferior del panel de Capas:
Haz clic en el icono de la máscara de capa.
À máscara de capa miniatura aparece en la capa superior, haciéndonos saber que se ha añadido una máscara:
Aparece una miniatura de la máscara de capa blanca.
Paso 14: Seleccionar la herramienta de gradiente
Seleccione Photoshop’s… Herramienta de gradiente del panel de herramientas:
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 (Ganar) / Control-clic (Mac) en cualquier lugar dentro de la ventana del documento para abrir rápidamente el Recogedor de gradientes 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 Entra en (Ganar) / Devuelve Cuando termines de cerrar el Gradient Picker:
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:
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 Cambio 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:
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:
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
Presiona Ctrl+J (Ganar) / Comando+J (Mac) en su teclado para duplicar rápidamente la capa:
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.
Puedes aumentar el brillo aún más simplemente duplicando la capa de nuevo. Presionaré Ctrl+J (Ganar) / Comando+J (Mac) para hacer otra copia de la capa:
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:
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 Nouveau calque de réglage en la parte inferior del panel de Capas:
Haga clic en el icono de la nueva capa de ajuste.
Elija Tono/Saturación de la lista de capas de ajuste que aparece:
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 Panel de ajustes. Para CS3 y anteriores, se abrirá un cuadro de diálogo separado. Primero, selecciona el Colorear 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 valor a 123entonces aumentaré el Saturation valor a 40:
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»:
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!