Tipo de borroso editable con estilos de capas en Photoshop

Tipo de borroso editable con estilos de capas en Photoshop

Tipo de borroso editable con estilos de capas en Photoshop

En este tutorial de Photoshop, aprenderemos a crear tipo borroso totalmente editable usando estilos de capas! Específicamente, veremos cómo usar la técnica para añadir texto de sombra borrosa a una imagen. Ahora, si has estado usando Photoshop por un tiempo, puedes estar pensando, «¿Texto borroso? ¿No puedes difuminarlo con el filtro de Desenfoque Gaussiano?», y sí, puedes, pero hay un gran inconveniente en hacer eso.

Photoshop no nos permite aplicar el Gaussian Blur (o cualquier otro filtro) para escribir sin convertir primero el tipo en píxeles (un proceso conocido como rasterización el tipo), y una vez que se ha convertido en píxeles, el texto ya no es editable. En este tutorial, veremos una forma diferente de desenfocar el texto, una que nos da los mismos resultados que conseguiríamos con el Desenfoque Gaussiano pero sin la necesidad de rasterizarlo, lo que significa que nuestro tipo sigue siendo totalmente editable incluso después de desenfocarlo para que podamos volver atrás y hacer los cambios que necesitemos! ¿Cómo es posible crear un texto borroso pero editable? Gracias a los estilos de capa, ¡es realmente muy fácil!

Aquí hay un documento que tengo abierto en mi pantalla que contiene una sola capa de texto (la palabra «SOMBRA») delante de una imagen de fondo:

El documento original con una capa de Tipo sobre la capa de Fondo. Imagen © 2012 Photoshop Essentials.com.

El documento original.

Si miramos en mi panel de Capas, vemos el texto en la capa de Tipo que se encuentra encima de la imagen en la capa de Fondo, y vemos que la capa de Tipo está actualmente activa (resaltada en azul):

El panel de Capas en Photoshop mostrando la capa de Tipo sobre la capa de Fondo. Imagen © 2012 Photoshop Essentials.com.

El panel de Capas que muestra la capa de Tipo sobre la capa de Fondo.

Antes de aprender a crear un tipo de desenfoque editable, veamos rápidamente lo que sucede cuando intento desenfocar mi texto usando el filtro de Desenfoque Gaussiano. Lo seleccionaré subiendo al Filter en la barra de menú en la parte superior de la pantalla, entonces elegiré Blury luego Borrón Gaussiano:

Seleccionando el cuadro de diálogo del Desenfoque Gaussiano en Photoshop. Imagen © 2012 Photoshop Essentials.com.

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

En cuanto selecciono el filtro de Desenfoque Gaussiano, Photoshop abre un cuadro de advertencia diciéndome que el texto en la capa de Tipo deberá ser rasterizado, y que ya no será de tipo editable cuando terminemos. Eso no es lo que quiero, así que pulsaré el botón Cancelar para cancelar el filtro:

El cuadro de advertencia del tipo rasterizado. Imagen © 2012 Photoshop Essentials.com.

Cancelando el filtro ya que no quiero rasterizar el texto.

Veamos cómo difuminar el texto usando los estilos de capa de Photoshop.

FILE Falsificación de texto envuelto en Photoshop

Paso 1: Añadir una sombra

Con el documento abierto y la capa de tipo seleccionada, haga clic en el Layer styles at the bottom of the Layers panel:

Haciendo clic en el icono de Estilos de Capa en el panel de Capas. Imagen © 2012 Photoshop Essentials.com.

Clicking on the Layer Styles icon.

Entonces seleccione Drop Shadow de la parte superior de la lista de estilos de capa que aparece:

Seleccionando un estilo de capa de Drop Shadow. Imagen © 2012 Photoshop Essentials.com.

Escogiendo Sombra de la lista.

Paso 2: Bajar la distancia a 0px

Esto abre el cuadro de diálogo del estilo de capas de Photoshop, establecido en las opciones de Sombra en la columna del medio. Baja el Distancia hasta el valor de 0Px arrastrando el deslizador hasta la izquierda. La opción Distancia controla la distancia a la que aparece la sombra del objeto que la proyecta. Ajustar la distancia a 0px colocará la sombra directamente detrás del texto:

Bajando la distancia de la sombra de la gota a 0 px. Imagen © 2012 Photoshop Essentials.com.

Bajando la distancia a 0px.

Si miramos el texto en la ventana del documento, podemos ver la sombra que se asoma por los bordes de las letras:

La sombra de la gota aparece alrededor de los bordes de las letras en la ventana del documento. Imagen © 2012 Photoshop Essentials.com.

El texto después de bajar el valor de la distancia a 0px.

Paso 3: Cambiar a las opciones de mezcla

No cierres todavía el cuadro de diálogo del Estilo de Capa porque todavía tenemos un par de cosas más que hacer. Haz clic directamente en las palabras Opciones de mezcla en la esquina superior izquierda del cuadro de diálogo. Las opciones de Sombra en la columna del medio serán reemplazadas por las Opciones de Mezcla:

Seleccionando las Opciones de Mezcla en el cuadro de diálogo Estilo de Capa. Imagen © 2012 Photoshop Essentials.com.

Seleccionando las opciones de mezcla.

Paso 4: Reducir la opacidad de llenado al 0%.

Con las opciones de mezcla que aparecen ahora en la columna central, baje el Opacidad de llenado hasta el valor de 0% arrastrando el deslizador hasta la izquierda. Esta opción de Opacidad de Relleno es exactamente la misma opción de Relleno que se encuentra en la esquina superior derecha del panel de Capas. Como aprendimos en el tutorial Opacidad de la capa vs. Relleno, el valor de Relleno controla la transparencia del contenido real de la capa pero no tiene efecto sobre los estilos de capa que se le aplican. Al bajar el valor de Relleno de la capa Tipo, hacemos que el texto real sea transparente, pero el estilo de capa Sombra se mantendrá totalmente visible:

Bajando la opción de Opacidad de Relleno a 0% en el cuadro de diálogo Estilo de Capa. Imagen © 2012 Photoshop Essentials.com.

Bajando la opacidad de llenado al 0%.

Si miramos de nuevo a la ventana del documento, vemos que las letras en sí se han vuelto totalmente transparentes, mientras que la sombra de la gota todavía es visible. El problema es que, aunque el texto es transparente, sigue bloqueando la mayor parte de la sombra detrás de él. Todo lo que podemos ver de la sombra es la pequeña parte que sobresale por los bordes. Arreglaremos eso en un momento:

FILE Trazar el texto con un pincel en Photoshop

La imagen después de bajar la Opacidad de Relleno del texto. Imagen © 2012 Photoshop Essentials.com.

La imagen después de bajar la Opacidad de Relleno del texto.

Paso 5: Volver a las opciones de la Sombra.

Haga clic directamente en las palabras Drop Shadow debajo de las Opciones de Mezcla en la parte superior izquierda del cuadro de diálogo para volver a las opciones de Sombra. Asegúrate de hacer clic directamente en las palabras, no dentro de la casilla de verificación a la izquierda de las palabras, de lo contrario no tendrás acceso a las opciones (y desactivarás la sombra de caída):

Volviendo a las opciones de Sombra en el cuadro de diálogo de Estilos de Capa. Imagen © 2012 Photoshop Essentials.com.

Haciendo clic en las palabras Sombra caída.

Paso 6: Deshabilitar «La capa noquea a la Sombra»

Si miras abajo en la parte inferior de las opciones de Sombra, verás una opción llamada La capa noquea a la sombra de la gota. Por defecto, esta opción está activada, y con ella activada, la sombra de la gota permanece oculta detrás del contenido real de la capa (en este caso, el texto), incluso si hacemos el contenido transparente. Haga clic en la casilla de verificación para quitar la marca de verificación y desactivar la opción:

Desactivando la capa se desactiva la opción de Sombra. Imagen © 2012 Photoshop Essentials.com.

Desactivar la opción de la Sombra de la Capa noqueará a la Sombra.

Y ahora, el texto en sí está completamente oculto y ya no bloquea la sombra de la caída de la vista:

El texto de la sombra borrosa es ahora completamente visible. Imagen © 2012 Photoshop Essentials.com.

El texto de la sombra borrosa es ahora completamente visible.

Paso 7: Ajustar el tamaño de la sombra

Si desdibujáramos el texto usando el filtro de Desenfoque Gaussiano, ajustaríamos la cantidad de desdibujamiento arrastrando el deslizador del Radio. Con nuestra técnica de estilos de capa, ajustamos el desenfoque controlando el tamaño de la sombra de la gota usando el Size opción. Por defecto, el tamaño se establece en 16 px. Arrastre el control deslizante hacia la derecha para aumentar el valor y hacer la sombra más grande, lo que añadirá más desenfoque al texto, o arrástrelo hacia la izquierda para disminuir el valor de Tamaño y reducir el efecto de desenfoque:

Aumentar el valor de Tamaño de la sombra de la gota en el cuadro de diálogo Estilos de Capa. Imagen © 2012 Photoshop Essentials.com.

Ajuste la cantidad de desenfoque en el texto con la opción Tamaño.

Aquí está mi efecto de borrosidad después de aumentar el valor del tamaño a 29px:

El texto aparece más borroso después de aumentar el valor de Tamaño. Imagen © 2012 Photoshop Essentials.com.

El texto después de aumentar el tamaño de la sombra de la gota.

Cuando estés satisfecho con la cantidad de desenfoque, haz clic en Aceptar en la esquina superior derecha del cuadro de diálogo Estilo de capa para cerrarlo y completar el efecto.

FILE Efecto de Reflexión de Texto en Photoshop

Tanto el texto como el efecto siguen siendo editables

Los estilos de capas son efectos vivos y no destructivos, lo que significa que podemos volver en cualquier momento y hacer cambios. Si, después de cerrar el cuadro de diálogo del Estilo de Capa, te das cuenta de que necesitas hacer más ajustes en la cantidad de desenfoque, simplemente double-click en el efecto Sombra que aparece debajo de la capa Tipo en el panel Capas (de nuevo, haz clic directamente en las palabras mismas):

Haciendo doble clic en el efecto Sombra para la capa Tipo. Imagen © 2012 Photoshop Essentials.com.

Haciendo doble clic en el efecto Sombra debajo de la capa Tipo.

Esto reabrirá el cuadro de diálogo de Estilo de Capa a las opciones de Sombra para que puedas hacer cualquier cambio que necesites en el valor de Tamaño. Cuando hayas terminado, haz clic en Aceptar para cerrar de nuevo el cuadro de diálogo:

Arrastrando el deslizador de tamaño en las opciones de estilo de capa de Sombra. Imagen © 2012 Photoshop Essentials.com.

Ajustar un nuevo valor de tamaño con el deslizador.

El texto en sí mismo también sigue siendo totalmente editable, incluso con el efecto de desenfoque aplicado. Simplemente selecciónelo con la herramienta de tipo, introduzca su nuevo texto, y pulse Ctrl+Enter (Win) / Comando+Retorno (Mac) en tu teclado para aceptarlo. El efecto de borrosidad se aplica automáticamente al texto actualizado:

Editando el texto con el estilo de capa de Sombra aplicada. Imagen © 2012 Photoshop Essentials.com.

El mismo efecto de borrosidad se aplica al nuevo texto.

A dónde ir después…

¡Y ahí lo tenemos! ¡Así es como se crea un efecto de texto borroso totalmente editable usando estilos de capa en Photoshop! ¡Comprueba nuestras secciones de Efectos de Texto o Efectos de Foto para ver más tutoriales de efectos de Photoshop!

Go up

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