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

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

Añade múltiples trazos al texto en Photoshop

Aprende a añadir múltiples trazos alrededor del texto en Photoshop usando efectos de capa, y a guardar los trazos como un estilo de capa preestablecido! Un tutorial paso a paso.

En este tutorial, aprenderás lo fácil que es añadir múltiples trazos alrededor de tu texto usando efectos de capa en Photoshop! Específicamente, le mostraré cómo añadir trazos de color de arco iris, pero puede usar estos pasos con los colores que desee. Y puedes añadir tantos trazos como quieras, hasta un máximo de 10. También te mostraré cómo guardar los trazos como un estilo de capa preestablecido para que puedas aplicar el efecto a otro texto con un solo clic. Y al final del tutorial, veremos un problema que se te presentará al añadir una sombra detrás de los trazos, ¡y la forma sencilla de solucionarlo!

La opción de añadir múltiples trazos a la misma capa se añadió hace poco a Photoshop. Así que para seguir adelante, necesitarás usar una versión reciente, preferiblemente Photoshop CC 2020 o más tarde.

Así es como se verá el efecto final de los «trazos de arco iris» cuando terminemos:

Cómo añadir múltiples trazos al texto en Photoshop

El resultado final.

Start!

Index
  1. Cómo añadir múltiples trazos alrededor de su texto
    1. Step 1: Create a new document
    2. Step 2: Add your text
    3. Paso 3: Redimensionar el texto con Free Transform
    4. Paso 4: Añadir un efecto de capa de trazo
    5. Paso 5: Elegir un color para el trazo
    6. Paso 6: Establecer el tamaño del trazo
    7. Paso 7: Poner la posición del golpe en el exterior
    8. Paso 8: Añadir un segundo golpe
    9. Paso 9: Cambiar el color del trazo
    10. Paso 10: Añadir el tamaño del primer golpe al segundo golpe
    11. Paso 11: Mover el segundo golpe debajo del primero
    12. Paso 12: Añadir un tercer golpe
    13. Paso 13: Añadir un cuarto golpe
    14. Paso 14: Añadir un quinto golpe
    15. Paso 15: Añadir un sexto golpe
  2. Cambiar el color del texto con un efecto de superposición de colores
    1. Paso 1: Añadir un efecto de superposición de colores
    2. Paso 2: Elegir un nuevo color de superposición
  3. Cómo guardar el efecto como un estilo de capa preestablecido
  4. Cómo aplicar el estilo de capa preestablecido
    1. Paso 1: Seleccione su capa de tipo
    2. Paso 2: Abrir el panel de Estilos
    3. Paso 3: Seleccionar el estilo de capa preestablecido
  5. Cómo añadir una Sombra de Gota al efecto
    1. Paso 1: Añadir la capa de tipo a un nuevo grupo
    2. Paso 2: Agregar una Sombra al grupo
    3. Paso 3: Borrar los múltiples golpes
    4. Paso 4: Reelegir «Sombra caída»
    5. Paso 5: Elija su configuración de Drop Shadow
    6. Paso 6: Cambiar el color de la sombra

Cómo añadir múltiples trazos alrededor de su texto

Empezaremos aprendiendo a añadir más de un trazo alrededor del texto, y luego te mostraré cómo guardar el resultado como un preajuste de estilo de capa.

Step 1: Create a new document

Empieza por crear un nuevo documento de Photoshop. Si está en la pantalla de inicio, haga clic en el Crear un nuevo …botón:

Haciendo clic en el botón Crear Nuevo para crear un nuevo documento de Photoshop desde la pantalla de inicio

Haciendo clic en «Crear nuevo» en la pantalla de inicio de Photoshop.

O si no estás en la pantalla de inicio, sube a la File in the menu bar and choose Nuevo:

Un nuevo documento de Photoshop con un fondo blanco y la palabra

Yendo a File > New.

Luego en el Detalles de la preselección En la sección de la caja de diálogo Nuevo Documento, introduzca una Anchura y Altura para su documento. Estableceré el Wide to 2000 píxeles and the Height to 1200 pixelespero puedes usar el tamaño que necesites. El Resolution El valor no importa porque sólo se aplica a la impresión, así que lo dejaré en el ajuste por defecto. Y por último, establezca el Background content to White:

Introduciendo el tamaño del nuevo documento de Photoshop

Introducir la nueva configuración del documento.

Entonces haga clic en el Crear para crear el documento:

Al hacer clic en el botón Crear en el cuadro de diálogo Nuevo Documento de Photoshop

Haciendo clic en el botón Crear.

Y aparece el nuevo documento:

El nuevo documento de Photoshop.

El nuevo documento de Photoshop.

Step 2: Add your text

Para añadir su texto, seleccione el Tool Type on the toolbar:

Seleccionando la herramienta de tipo de Photoshop de la barra de herramientas

Selecting the type tool.

Y luego, en la barra de opciones, elige tu fuente. Estoy usando HWT Gothic Round que descargué de Adobe Typekit, pero cualquier fuente funcionará:

Elegir una fuente en la barra de opciones de Photoshop

Eligiendo una fuente.

El color de tipo por defecto es el negro, pero puede elegir un color diferente haciendo clic en el muestra de color en la barra de opciones y luego elegir un nuevo color de la Color Picker. Usaré el negro por ahora, pero más tarde te mostraré cómo cambiar el color del texto usando efectos de capa:

La muestra de color que muestra el color actual del texto en la barra de opciones de Photoshop

La muestra de color muestra el color actual del texto.

Luego haga clic en el documento y añada su texto. Escribiré la palabra «arco iris»:

Añadiendo algo de texto al documento de Photoshop

Añadiendo un poco de texto.

Para aceptarlo, haga clic en el check mark In the options bar:

Al hacer clic en la marca de verificación para aceptar el texto en la barra de opciones de Photoshop

Clicking on the check mark.

Paso 3: Redimensionar el texto con Free Transform

To change the text size, move to Edit menu and choose Free transformation:

Seleccionando el comando Transformación Libre del menú de edición de Photoshop

Go to Edit; Free transformation.

Y luego haga clic y arrastre cualquiera de los maneja. Si estás usando Photoshop CC 2020 o anterior, tendrás que mantener pulsada la tecla Change en tu teclado mientras arrastras para bloquear la relación de aspecto en su lugar. Asegúrate de dejar suficiente espacio para los trazos que añadiremos alrededor del texto:

Redimensionando el texto con Transformación Libre en Photoshop

Redimensionando el texto con Transformación Libre.

También puedes mover el texto a su lugar haciendo clic y arrastrando dentro del cuadro de Transformación Libre. Moveré mi texto al centro:

Centrando el texto en el documento usando Transformación Libre en Photoshop

Centrando el texto en el documento.

Para aceptarlo y cerrar Free Transform, haga clic en el check mark In the options bar:

Haciendo clic en la marca de la barra de opciones para cerrar el comando Transformación Libre de Photoshop

Clicking on the check mark.

Relacionado: Dominar el comando de transformación libre de Photoshop

Paso 4: Añadir un efecto de capa de trazo

En el panel de Capas, el texto aparece en una capa de tipo sobre la capa de Fondo. Para añadir un trazo alrededor del texto, asegúrese de que la capa de tipo esté seleccionada. A continuación, haga clic en el botón fx …icono:

Añadiendo un efecto de capa al texto pulsando el icono fx en el panel de capas de Photoshop

Haciendo clic en el icono fx.

Y elige… Golpe de la lista de efectos de las capas:

Eligiendo

Añadiendo un efecto de golpe.

Paso 5: Elegir un color para el trazo

Las opciones para el trazo aparecen en el cuadro de diálogo del Estilo de Capa. Elija un color para el trazo haciendo clic en el botón muestra de color:

Eligiendo un color de trazo en el cuadro de diálogo de estilo de capas de Photoshop

Haciendo clic en la muestra de color en el cuadro de diálogo Estilo de capa.

Y luego elige un nuevo color del Selector de Colores. Estoy ajustando mis trazos a los colores del arco iris (rojo, amarillo, verde, cian, azul y magenta), abriéndome camino desde el color inferior al superior. Así que el primer color que necesito es magenta.

Elegiré el magenta poniendo el R (Rojo) a 255the G (Verde) a and the B (Azul) hasta el valor de 255. Entonces haré clic en OK para cerrar el Selector de Colores:

Eligiendo el magenta en el Selector de Color de Photoshop

Ajustando R a 255, G a 0 y B a 255 para el magenta.

Paso 6: Establecer el tamaño del trazo

Establezca el ancho de su trazo usando el Size opción. Pondré la mía a 10 píxeles.

Es muy importante que recuerde el tamaño que elija aquí porque añadiremos este valor a cada nuevo trazo que añadamos al texto:

FILE How to create a Spray Paint text effect in Photoshop

Establecer el tamaño del primer trazo que se añade al texto en Photoshop

Ajustando el tamaño del primer trazo.

Paso 7: Poner la posición del golpe en el exterior

Por último, establece el Posición del trazo ya sea dentro de los bordes, fuera de los bordes o centrado en los bordes de su texto. Para este efecto, elegiré Fuera de:

Ajustando la posición del primer golpe a

Ajustando la posición del golpe a Fuera.

Y ahora tenemos nuestro primer trazo alrededor del texto:

El primer trazo se ha añadido alrededor del texto en Photoshop

Se añade el primer golpe.

Paso 8: Añadir un segundo golpe

Para añadir un segundo trazo, haga clic en el signo más ( + ) junto al efecto de trazo a la izquierda del cuadro de diálogo del Estilo de Capa:

Ajustando la posición del primer golpe a

Haciendo clic en el signo más.

Un segundo golpe aparece sobre el primero. Los nuevos golpes se añaden siempre por encima del golpe previamente seleccionado, y puedes añadir tantos golpes como quieras, hasta un máximo de 10:

Se añade un segundo trazo en el cuadro de diálogo de estilo de capas de Photoshop

Se añade un segundo trazo sobre el original.

Paso 9: Cambiar el color del trazo

El nuevo trazo comparte la misma configuración que el anterior. Así que para elegir un color diferente, haz clic en el muestra de color:

Haciendo clic en la muestra de color para cambiar el color del segundo trazo

Cambiando el color del nuevo trazo.

Y luego elige un nuevo color del Selector de Colores. Pondré mi segundo trazo en azul cambiando el R value to …y dejando… G in and B in 255. Entonces haré clic en OK:

Poner el color del segundo trazo en azul en el Selector de Color de Photoshop

Poniendo R a 0, G a 0 y B a 255 para el azul.

¿Qué pasó con el primer ataque?

Pero noten que ahora tenemos un problema. Vemos nuestro segundo trazo azul alrededor del texto, pero el trazo original en magenta ha desaparecido.

La razón por la que no podemos ver el trazo original es que el segundo está sentado encima de él. Y porque ambos trazos tienen el mismo tamaño (10 píxeles), y ambos comparten la misma posición (Exterior), el trazo de arriba bloquea completamente el trazo de abajo:

El segundo trazo es visible alrededor del texto, pero el primero no lo es.

El segundo trazo es visible pero el primero no.

Cambiar la posición de un golpe

Una forma de arreglar eso sería cambiar la posición de uno de los trazos. Haré clic en el trazo magenta (el de abajo) para seleccionarlo:

Seleccionando el primer trazo en el cuadro de diálogo de estilo de capas de Photoshop

Seleccionando el primer golpe.

Entonces cambiaré su Posición desde el exterior hasta Dentro de:

Cambiando la posición del primer golpe al interior

Cambiando la posición del primer golpe al interior.

Y ahora con el trazo magenta en el interior del texto y el trazo azul en el exterior, ambos trazos son visibles:

Un efecto de texto de doble trazo en Photoshop

Ambos trazos son visibles después de cambiar una de sus posiciones.

El único problema de mover uno de los trazos hacia el interior del texto es que las letras ahora parecen demasiado estrechas. Además, todavía tenemos más trazos que añadir, lo que significa que esta solución no va a funcionar. Así que voy a poner el Posición del golpe de vuelta a Fuera de:

Ajustando la posición del primer golpe de vuelta a Fuera

Reajustando la posición a fuera.

Y ahora volvemos a ver sólo el trazo azul:

El segundo trazo es visible alrededor del texto, pero el primero no lo es.

Volvamos al problema original.

Paso 10: Añadir el tamaño del primer golpe al segundo golpe

Así que si cambiar la posición no va a funcionar, ¿cómo hacemos que el segundo golpe aparezca alrededor del exterior del primero? En realidad es muy fácil. Todo lo que necesitamos hacer es hacer que el nuevo trazo más amplio que el original, y luego mover el nuevo trazo debajo el original.

Primero, asegúrate de que el nuevo trazo (el azul) esté seleccionado:

Seleccionando el trazo azul en el cuadro de diálogo de estilo de capas de Photoshop

Seleccionando el trazo azul.

Luego toma el tamaño del trazo original y lo añade al tamaño del nuevo trazo. En mi caso, mi nuevo trazo es de 10 píxeles de ancho, así que si añado el tamaño del trazo original (también de 10 píxeles de ancho), obtengo 20 píxeles:

Añadiendo el tamaño del trazo original al segundo trazo

Añadiendo el tamaño del trazo original al nuevo trazo.

Paso 11: Mover el segundo golpe debajo del primero

Entonces mueve el nuevo trazo debajo del original haciendo clic en el Flecha abajo en la parte inferior del cuadro de diálogo del Estilo de Capa.

Tenga en cuenta que sólo puede mover los trazos por encima (usando la flecha hacia arriba) o por debajo de otros trazos. No puedes mover un trazo por encima o por debajo de otros tipos de efectos de capa:

Haciendo clic en la flecha hacia abajo en el cuadro de diálogo de estilo de capas de Photoshop para mover el segundo trazo por debajo del primero.

Haciendo clic en la flecha hacia abajo para mover el segundo trazo por debajo del primero.

Y ahora ambos trazos son visibles alrededor del exterior del texto. El trazo magenta está por encima del trazo azul, pero como el trazo azul es 10 píxeles más ancho que el magenta, esos 10 píxeles exteriores del trazo azul permanecen visibles. Y esto crea la ilusión de que ambos trazos son en realidad del mismo ancho:

Ambos trazos aparecen ahora alrededor del exterior del texto

Ambos trazos aparecen ahora alrededor del exterior del texto.

Paso 12: Añadir un tercer golpe

En este punto, añadir más trazos alrededor del texto es sólo cuestión de repetir los mismos pasos.

Primero añada un nuevo trazo haciendo clic en el signo más además del golpe que acabas de añadir. Este siempre será el trazo del fondo:

Añadiendo un tercer trazo alrededor del texto

Añadiendo un tercer golpe.

Entonces haga clic en el muestra de color para elegir un nuevo color:

Eligiendo un color para el tercer trazo haciendo clic en la muestra de color

Haciendo clic en la muestra de color.

Y en el Selector de Colores, elige cyan al salir R in …cambiando… G to 255 y dejando B in 255. Entonces haz clic en OK:

Ajustando el color del tercer trazo al cian en el Selector de Color de Photoshop

Poniendo R a 0, G a 255 y B a 255 para el cian.

Aumentar el size del trazo añadiendo el tamaño del trazo original. Por «trazo original», me refiero al primer trazo que añadimos (el magenta).

Mi nuevo trazo es actualmente de 20 píxeles de ancho, por lo que añadir el tamaño del trazo original (10 píxeles) significa que tengo que aumentar el valor a 30 píxeles:

Aumentando el tamaño del tercer trazo alrededor del texto

Aumentando el tamaño del tercer golpe.

Y luego mueva el nuevo trazo debajo del anterior haciendo clic en el Flecha abajo en la parte inferior del cuadro de diálogo:

Moviendo el trazo debajo de los otros trazos en el cuadro de diálogo del Estilo de Capa

Haciendo clic en la flecha hacia abajo.

Y ahora tenemos tres trazos (cian, azul y magenta) alrededor del texto:

Tres trazos añadidos alrededor del texto en Photoshop

El efecto con tres trazos añadidos alrededor del texto.

Ver también: Cómo añadir un arco iris a una imagen con Photoshop

Paso 13: Añadir un cuarto golpe

Añade un cuarto trazo haciendo clic en el signo más junto al golpe de fondo:

Añadiendo un cuarto trazo alrededor del texto

Añadiendo un cuarto golpe.

Entonces haga clic en el muestra de color:

FILE Usando el texto para sombrearse a sí mismo en el Photoshop

Haciendo clic en la muestra de color para cambiar el color del cuarto trazo

Cambiando el color del cuarto trazo.

Y en el Selector de Colores, elige verde al salir R in , G in 255…y cambiando… B to . Entonces haz clic en OK:

Poner el color del cuarto trazo a verde en el Selector de Color de Photoshop

Poniendo R a 0, G a 255 y B a 0 para el verde.

A continuación, añade el trazo original size al nuevo tamaño del golpe. Así que 30 píxeles más 10 píxeles equivalen 40 píxeles:

Aumentando el tamaño del cuarto trazo alrededor del texto

Aumentando el tamaño del cuarto golpe.

Entonces mueva el nuevo trazo debajo de los otros haciendo clic en el Flecha abajo:

Moviendo el trazo debajo de los otros trazos en el cuadro de diálogo del Estilo de Capa

Haciendo clic en la flecha hacia abajo.

Y ahora tenemos un trazo verde alrededor del texto. Cuatro trazos abajo, faltan dos:

Cuatro trazos añadidos alrededor del texto en Photoshop

Se ha añadido un cuarto golpe.

Paso 14: Añadir un quinto golpe

Añade un quinto trazo haciendo clic en el trazo inferior… signo más:

Añadiendo un quinto trazo alrededor del texto

Añadiendo un quinto golpe.

Entonces haga clic en el muestra de color:

Haciendo clic en la muestra de color para cambiar el color del quinto trazo

Cambiando el color del quinto trazo.

Y elige el amarillo cambiando R to 255 y dejando G in 255 y B en . Entonces haz clic en OK:

Poner el color del quinto trazo en amarillo en el Selector de Color de Photoshop

Poniendo R a 255, G a 255 y B a 0 para el amarillo.

A continuación, agregue el trazo original size al nuevo tamaño de la apoplejía, lo que me lleva a 50 píxeles (40+10):

Aumentando el tamaño del quinto trazo alrededor del texto

Aumentando el tamaño del quinto golpe.

Y luego haga clic en el Flecha abajo para mover el golpe por debajo de los otros:

Moviendo el trazo debajo de los otros trazos en el cuadro de diálogo del Estilo de Capa

Haciendo clic en la flecha hacia abajo.

Y tenemos nuestro golpe amarillo. Sólo falta un color de arco iris más:

Cinco trazos añadidos alrededor del texto en Photoshop

Cinco trazos añadidos alrededor del texto.

Paso 15: Añadir un sexto golpe

Añade el sexto y último trazo haciendo clic en el trazo inferior… signo más. De nuevo, puedes añadir hasta 10 trazos pero para nuestros colores del arco iris, sólo necesitamos 6:

Añadiendo un sexto trazo alrededor del texto

Añadiendo un sexto golpe.

Haga clic en el muestra de color:

Haciendo clic en la muestra de color para cambiar el color del sexto trazo

Cambiando el color del sexto trazo.

Y luego elige rojo al salir R in 255…cambiando… G to y dejando B in . Entonces haz clic en OK:

Poner el color del sexto trazo en rojo en el Selector de Color de Photoshop

Poniendo R a 255, G a 0 y B a 0 para el rojo.

Aumenta el derrame cerebral size añadiendo el tamaño del trazo original, lo que lleva al mío a 60 píxeles (50+10):

Aumentando el tamaño del sexto trazo alrededor del texto

Aumentando el tamaño del sexto golpe.

Y por último, haz clic en el Flecha abajo para mover el golpe por debajo de los otros:

Moviendo el trazo debajo de los otros trazos en el cuadro de diálogo del Estilo de Capa

Haciendo clic en la flecha hacia abajo.

Y con eso, los seis colores del arco iris se añaden ahora como trazos alrededor del texto:

Los seis trazos de color del arco iris alrededor del texto en Photoshop

Los seis trazos de color del arco iris alrededor del texto.

Ver también: Crear un gradiente de arco iris en Photoshop

Cambiar el color del texto con un efecto de superposición de colores

En este punto, hemos añadido todos nuestros golpes. Pero no me gusta que el color de mi texto sea negro. Lo que realmente quiero es que el texto sea blanco para que coincida con el fondo. Ahora yo podría Sólo tienes que hacer clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa y luego cambiar el color de mi tipo en la Barra de opciones. O bien, podría cambiar el color usando un efecto de capa de superposición de colores. Así es como funciona.

Paso 1: Añadir un efecto de superposición de colores

Aún en el cuadro de diálogo del estilo de capa, seleccionaré Superposición de colores en la columna de la izquierda:

Añadir un efecto de superposición de color en el cuadro de diálogo de estilo de capas de Photoshop

Añadiendo una superposición de colores.

Paso 2: Elegir un nuevo color de superposición

Entonces cambiaré el color de la superposición haciendo clic en el muestra de color:

Al hacer clic en la muestra de color de la superposición de colores

Cambiando el color de la capa.

Y en el Color Picker, elegiré blanco al establecer R, G and B cada uno a 255. Entonces haré clic en OK:

Eligiendo el blanco de la selección de colores

Eligiendo el blanco en el Selector de Colores.

Y ahora mi color de texto es blanco. Me gusta más esto:

Los trazos de color del arco iris alrededor del texto blanco en Photoshop

Los trazos de color del arco iris con texto blanco.

Cómo guardar el efecto como un estilo de capa preestablecido

Si crees que puedes usar tu efecto de trazos múltiples de nuevo en el futuro, puedes guardarlo como un estilo de capa preestablecido.

Para guardarlo, haga clic en el Nuevo estilo a la derecha del cuadro de diálogo:

Haciendo clic en el botón de Nuevo Estilo en el cuadro de diálogo de Estilo de Capa de Photoshop

Haciendo clic en el botón Nuevo Estilo.

Luego, en el cuadro de diálogo de Nuevo Estilo, dale un nombre al nuevo preajuste. Yo le daré al mío el nombre de «Trazos de arco iris». Y asegúrate de que Incluir los efectos de las capas se comprueba. No hemos usado ninguna opción de mezcla, así que puedes irte Incluir opciones de mezcla de capas sin revisar. Y a menos que quieras añadir el preajuste a tu biblioteca de Nube Creativa, desmarca Añadir a mi biblioteca actual.

Luego haga clic en OK para crear el preajuste:

Creando un nuevo estilo de capa preestablecido en Photoshop

Las opciones del Nuevo Estilo.

Y con la configuración predefinida guardada, haga clic en Aceptar para cerrar el cuadro de diálogo de Estilo de Capa:

Haciendo clic en OK para cerrar el cuadro de diálogo del estilo de capas de Photoshop

Cerrando el cuadro de diálogo del Estilo de Capa.

Cómo aplicar el estilo de capa preestablecido

En el panel Capas, todos los trazos que aplicamos al texto, así como el efecto Superposición de colores, aparecen listados debajo del tipo de capa:

El panel de capas de Photoshop muestra los efectos de capa aplicados a la capa de tipo

Los efectos de capa aplicados a la capa de tipo.

Para mostrarte cómo aplicar rápidamente el preajuste, eliminaré los efectos por haciendo clic con el botón derecho del ratón en (Win) / Control – clic (Mac) sobre la palabra Efectos:

Haciendo clic con el botón derecho (Win) / Control (Mac) en la palabra Efectos bajo la capa de tipo

Haga clic con el botón derecho (Win) / Control-clic (Mac) en «Efectos».

Y luego eligiendo Estilo de capa clara del menú:

Seleccionando el comando Estilo de capa clara en Photoshop

Eligiendo «Estilo de capa clara».

Y ahora volvemos al texto negro sin efectos aplicados:

Volver al texto original después de borrar los efectos de las capas en Photoshop

Volver al texto original después de borrar los efectos de las capas.

Paso 1: Seleccione su capa de tipo

Para aplicar un estilo de capa predefinido al texto, todo lo que tenemos que hacer es seleccionar el estilo que necesitamos en el panel de Estilos. Pero primero, en el panel de Capas, asegúrese de que su tipo capa es seleccionado:

Seleccionando el tipo de capa en el panel de capas de Photoshop.

Seleccionando la capa de tipo.

Paso 2: Abrir el panel de Estilos

Entonces, si el panel de Estilos no está ya abierto en su pantalla, ábralo subiendo al Ventana menú y eligiendo Estilos:

Abriendo el panel de Estilos desde el menú de Ventana en Photoshop

Ir a Ventana; Estilos.

Paso 3: Seleccionar el estilo de capa preestablecido

A partir de Photoshop CC 2020, los estilos de capa por defecto de Photoshop se agrupan en carpetas. Pero el estilo que acabamos de guardar está sentado debajo las carpetas.

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

Para aplicar el estilo al texto, simplemente haga clic en el estilo de miniature para seleccionarlo:

Seleccionando el estilo de capa de los trazos del arco iris preestablecido en el panel de estilos de Photoshop

Seleccionando el preajuste «Trazos de arco iris» del panel de Estilos.

Y así como así, todo el efecto se aplica instantáneamente:

Los trazos de color del arco iris alrededor del texto blanco en Photoshop

El resultado después de aplicar el estilo de capa «Trazos de arco iris».

Cómo añadir una Sombra de Gota al efecto

Por último, ¿qué pasa si quieres añadir una Sombra de Gota al efecto? Podrías pensar que simplemente podrías añadir una Sombra al tipo de capa en sí. Pero el resultado puede no ser lo que esperas.

Rápidamente añadiré una Sombra de Suelta para que podamos ver el problema, y luego arrastraré la sombra lejos del texto. Y noten que mientras el texto en sí está siendo sombreado, los trazos alrededor del texto están siendo ignorados. Esto resulta en que la sombra se vea demasiado estrecha:

La Sombra está ignorando los trazos alrededor del texto

Cuando se aplica a la capa de tipo, la Sombra de Suelta ignora los trazos alrededor del texto.

Necesitamos una forma de aplicar la Sombra de la Gota a ambos textos and los golpes. Y podemos hacerlo añadiendo primero el tipo de capa a un grupo de capas y luego aplicando la Sombra al propio grupo.

Paso 1: Añadir la capa de tipo a un nuevo grupo

Con la capa de tipo seleccionada, haga clic en el Menu icon en la parte superior derecha del panel de Capas:

Clicking the layer panel menu icon in Photoshop

Haciendo clic en el icono del menú del panel de capas.

Y en el menú, elija New layer group:

Eligiendo el comando Nuevo Grupo de Capas en Photoshop

Seleccionando «Nuevo Grupo de Capas».

Nombra el grupo «Texto» y luego haz clic en OK:

Nombrar el nuevo grupo 'texto' en el cuadro de diálogo Nuevo Grupo de Capas

Naming the layer group.

Y ahora la capa de tipo está dentro del grupo. Puedes girar el grupo abierto o cerrado haciendo clic en el flecha junto al icono de la carpeta:

La capa de tipo ha sido colocada dentro de un grupo de capas en Photoshop

El nuevo grupo con la capa de tipo dentro de él.

Paso 2: Agregar una Sombra al grupo

Con el grupo seleccionado, haga clic en el fx at the bottom of the Layers panel:

Haciendo clic en el icono fx en el panel de capas de Photoshop

Haciendo clic en el icono fx.

Y elige un Drop Shadow efecto de capa:

Escogiendo Sombra de la lista de efectos de capa en Photoshop

Añadiendo una Sombra de la Gota.

Paso 3: Borrar los múltiples golpes

Los ajustes para la Sombra se abren en el cuadro de diálogo del Estilo de Capa.

Pero antes de cambiar cualquiera de los ajustes, note que la columna de Efectos a la izquierda todavía está llena de todos los trazos que hemos añadido al texto. A pesar de que ninguno de los trazos está activo, siguen ocupando mucho espacio:

Los múltiples trazos son aún visibles en el cuadro de diálogo de Photoshop del Estilo de Capa

El panel de Capas todavía muestra los múltiples trazos.

Como ya no necesitamos todos estos trazos, podemos borrarlos haciendo clic en el fx en la esquina inferior izquierda del cuadro de diálogo:

Haciendo clic en el icono fx en el panel de capas de Photoshop

Haciendo clic en el icono fx.

Y luego eligiendo Restablecer la lista predeterminada del menú:

Al elegir el comando Reset to Default List en el cuadro de diálogo Estilo de Capa de Photoshop

Eligiendo «Reajustar a la lista predeterminada».

Paso 4: Reelegir «Sombra caída»

Desafortunadamente, esto deselecciona la Sombra que elegimos inicialmente, así que tendrás que volver a seleccionarla:

Reseleccionando Sombra de la columna de Efectos en el cuadro de diálogo de Estilo de Capa

Reseleccionando «Sombra caída» de la columna de efectos.

Paso 5: Elija su configuración de Drop Shadow

Entonces introduce los ajustes que necesitas para la Sombra. Dejaré el Angle in 135 grados pero aumentaré la Distancia to 30 píxeles y el tamaño (que controla la suavidad de los bordes de la sombra) para 15 píxeles:

Ajustando el ángulo, la distancia y el tamaño de la Sombra en el cuadro de diálogo del Estilo de Capa de Photoshop

Ajustando el ángulo, la distancia y el tamaño de la Sombra.

Y como estamos aplicando la Sombra en el grupo de capas, todo dentro del grupo, incluyendo los trazos alrededor del texto, está siendo sombreado:

Trazos de arco iris alrededor del texto con una Sombra Negra aplicada en Photoshop

La Sombra ahora afecta tanto al texto como a los trazos.

Paso 6: Cambiar el color de la sombra

Como los trazos alrededor del texto son tan coloridos, la sombra negra parece fuera de lugar. Así que para cambiar el color de la sombra, haga clic en el muestra de color:

Haciendo clic en la muestra de color de la Sombra en el cuadro de diálogo del Estilo de Capa

Haciendo clic en la muestra de color.

Entonces elige un nuevo color. Voy a elegir el rojo. Pero en lugar de marcar los valores de rojo en el Selector de colores, moveré el cursor del ratón sobre los trazos y haré clic en el exterior trazo rojo para tomar una muestra:

Muestreando el color rojo de uno de los trazos alrededor del texto

Muestreando un color de uno de los trazos alrededor del texto.

Entonces en el Selector de Colores, elegiré un tono más oscuro de rojo bajando el Brightness (B) hasta el valor de 50 por ciento:

Bajando el brillo del color de la muestra en el Selector de Color de Photoshop

Bajando el brillo del color de la muestra.

Haz clic en Aceptar para cerrar el Selector de colores. Luego, haz clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa.

Y aquí, con el color de la Sombra cambiada a rojo, es mi resultado final:

Cómo añadir múltiples trazos al texto en Photoshop

The final effect.

¡Y ahí lo tenemos! ¡Así es como se añaden múltiples trazos alrededor del texto usando efectos de capa en Photoshop!

Para más formas de utilizar efectos de capa con texto, consulta mis tutoriales sobre cómo añadir texto transparente a una imagen, cómo crear texto pintado con spray o cómo crear letras doradas brillantes.

Y no olvides que todos nuestros tutoriales de Photoshop están disponibles para ser descargados en formato PDF.

¡Sea el primero en enterarse cuando se añadan nuevos tutoriales!

Go up

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