Escrito por .
En este tutorial de Photoshop, aprenderemos a crear tipo borroso totalmente editable usando estilos de capa! Específicamente, veremos cómo usar la técnica para agregar texto de sombra borrosa a una imagen. Ahora, si ha estado usando Photoshop por un tiempo, puede estar pensando, «¿Texto borroso? ¿No puede simplemente difuminarlo con el filtro Desenfoque gaussiano?», Y sí, puede, pero hay un gran inconveniente en hacerlo. que.
Photoshop no nos permitirá aplicar Desenfoque gaussiano (o cualquier otro filtro) para escribir sin convertir primero el texto en píxeles (un proceso conocido como rasterizar el tipo), y una vez que se ha convertido a píxeles, el texto ya no es editable. En este tutorial, veremos una forma diferente de difuminar texto, una que nos da los mismos resultados que obtendríamos con Gaussian Blur pero sin la necesidad de rasterizarlo, lo que significa que nuestro tipo permanece completamente editable incluso después de haber difuminado para que podamos volver atrás y hacer los cambios que necesitemos. ¿Cómo es posible crear texto borroso pero editable? ¡Gracias a los estilos de capas, en realidad es 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.
Si miramos en mi panel Capas, vemos el texto en la capa Tipo encima de la imagen en la capa Fondo, y vemos que la capa Tipo está actualmente activa (resaltada en azul):
El panel Capas que muestra la capa Tipo sobre la capa Fondo.
Antes de aprender a crear texto borroso editable, veamos rápidamente qué sucede cuando trato de desenfocar mi texto usando el filtro Desenfoque gaussiano. Lo seleccionaré subiendo al Filtrar menú en la barra de menú en la parte superior de la pantalla, luego elegiré Difuminar, y entonces Desenfoque gaussiano:
Ir a Filtro> Desenfocar> Desenfoque gaussiano.
Tan pronto como selecciono el filtro Desenfoque gaussiano, Photoshop abre un cuadro de advertencia que me dice que el texto en la capa Tipo deberá ser rasterizado y que ya no será un tipo editable cuando terminemos. Eso no es lo que quiero, así que haré clic en el botón Cancelar para cancelar el filtro:
Cancelando el filtro porque no quiero rasterizar el texto.
¡Veamos cómo difuminar el texto usando los estilos de capa de Photoshop!
Tabla de contenidos
Paso 1: agrega una sombra paralela
Con su documento abierto y la capa Tipo seleccionada, haga clic en el Estilos de capa en la parte inferior del panel Capas:
Haciendo clic en el icono de Estilos de capa.
Luego seleccione Sombra paralela desde la parte superior de la lista de estilos de capa que aparece:
Elegir Sombra paralela de la lista.
Paso 2: reduce la distancia a 0px
Esto abre el cuadro de diálogo Estilo de capa de Photoshop establecido en las opciones de Sombra paralela en la columna central. Bajar el Distancia valor hasta 0px arrastrando el control deslizante completamente hacia la izquierda. La opción Distancia controla qué tan lejos aparece la sombra del objeto que proyecta la sombra. Establecer la Distancia en 0px colocará la sombra directamente detrás del texto:
Bajando la distancia a 0px.
Si miramos el texto en la ventana del documento, podemos ver la sombra asomando alrededor de los bordes de las letras:
El texto después de reducir el valor de Distancia a 0px.
Paso 3: cambie a las opciones de fusión
No cierre el cuadro de diálogo Estilo de capa todavía porque todavía tenemos un par de cosas más por hacer. Haga clic directamente en las palabras Opciones de fusión en la esquina superior izquierda del cuadro de diálogo. Las opciones de Sombra paralela en la columna del medio se reemplazarán con las Opciones de fusión:
Seleccionar las opciones de fusión.
Paso 4: reduzca la opacidad de relleno al 0%
Ahora que las Opciones de fusión aparecen en la columna del medio, baje el Rellenar opacidad valor hasta 0% arrastrando el control deslizante completamente hacia 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 Capas. Como aprendimos en el tutorial Opacidad de capa vs Relleno, el valor de Relleno controla la transparencia del contenido real de la capa, pero no tiene ningún efecto sobre los estilos de capa que se le aplican. Al reducir el valor de Relleno de la capa Tipo, hacemos que el texto real sea transparente, pero el estilo de la capa Sombra paralela permanecerá completamente visible:
Reducir la opacidad de relleno al 0%.
Si volvemos a mirar la ventana del documento, vemos que las propias letras se han vuelto completamente transparentes, mientras que la sombra paralela todavía es visible. El problema es que, aunque el texto es transparente, sigue bloqueando la vista de la mayor parte de la sombra paralela detrás de él. Todo lo que podemos ver de la sombra es la pequeña parte que sobresale por los bordes. Lo arreglaremos en un momento:
La imagen después de reducir la Opacidad de relleno del texto.
Paso 5: volver a las opciones de sombra paralela
Haga clic directamente en las palabras Sombra paralela debajo de las Opciones de fusión en la parte superior izquierda del cuadro de diálogo para volver a las opciones de Sombra paralela. Asegúrese 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á acceso a las opciones (y desactivará la sombra paralela):
Al hacer clic en las palabras Sombra paralela.
Paso 6: deshabilita «La capa elimina la sombra paralela»
Si mira hacia abajo en la parte inferior de las opciones de Sombra paralela, verá una opción llamada La capa elimina la sombra paralela. Por defecto, esta opción está activada, y con ella activada, la sombra paralela permanece oculta detrás del contenido real de la capa (en este caso, el texto), incluso si hacemos que el contenido sea transparente. Haga clic en la casilla de verificación para quitar la marca de verificación y desactivar la opción:
Desactivar la opción Layer Knocks Out Drop Shadow.
Y ahora, el texto en sí está completamente oculto y ya no bloquea la vista de la sombra paralela:
El texto de la sombra borrosa ahora es completamente visible.
Paso 7: ajusta el tamaño de la sombra
Si estuviéramos difuminando el texto usando el filtro Desenfoque gaussiano, ajustaríamos la cantidad de desenfoque arrastrando el control deslizante Radio. Con nuestra técnica de estilos de capa, ajustamos el desenfoque controlando el tamaño de la sombra usando el Tamaño opción. De forma predeterminada, el tamaño está establecido en 16 px. Arrastre el control deslizante hacia la derecha para aumentar el valor y agrandar la sombra, lo que agregará más desenfoque al texto, o arrástrelo hacia la izquierda para disminuir el valor de Tamaño y reducir el efecto de desenfoque:
Ajuste la cantidad de desenfoque en el texto con la opción Tamaño.
Aquí está mi efecto de desenfoque después de aumentar el valor de Tamaño a 29px:
El texto después de aumentar el tamaño de la sombra paralela.
Cuando esté satisfecho con la cantidad de desenfoque, haga clic en Aceptar en la esquina superior derecha del cuadro de diálogo Estilo de capa para cerrarlo y completar el efecto.
Tanto el texto como el efecto siguen siendo editables
Los estilos de capa son efectos en vivo y no destructivos, lo que significa que podemos volver atrás en cualquier momento y realizar cambios. Si, después de cerrar el cuadro de diálogo Estilo de capa, se da cuenta de que necesita realizar más ajustes en la cantidad de desenfoque, simplemente haga doble clic en el efecto Sombra paralela que se enumera debajo de la capa Tipo en el panel Capas (nuevamente, haga clic directamente en las palabras):
Haga doble clic en el efecto Sombra paralela debajo de la capa Tipo.
Esto volverá a abrir el cuadro de diálogo Estilo de capa con las opciones de Sombra paralela para que pueda realizar los cambios que necesite en el valor de Tamaño. Cuando haya terminado, haga clic en Aceptar para cerrar el cuadro de diálogo:
Establecer un nuevo valor de Tamaño con el control deslizante.
El texto en sí también permanece completamente editable, incluso con el efecto de desenfoque aplicado. Simplemente selecciónelo con la Herramienta de texto, ingrese su nuevo texto, luego presione Ctrl + Entrar (Ganar) / Comando + Retorno (Mac) en su teclado para aceptarlo. El efecto de desenfoque se aplica automáticamente al texto actualizado:
El mismo efecto de desenfoque 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 utilizando estilos de capa en Photoshop! ¡Consulte nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!
