1. envato-tuts+
  2. Home
  3. Design & Illustration
  4. Add-Ons
  5. Layer Styles

¿Qué son los Estilos de capa?

Scroll to top
Monika Zagrobelna
• 6 min read
Español
Add-Ons Layer Styles Text Effects Adobe Photoshop

Spanish (Español) translation by Rosario (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En Photoshop, puedes cambiar el aspecto de una capa directamente cambiando su estilo. Por ejemplo, puedes darle una sombra paralela, hacerla resplandecer, o hacer que el texto se vea en 3D. ¡Las posibilidades son infinitas! Lo más importante es que puedes guardar tu personalización, creando una biblioteca de efectos de texto que se pueden aplicar más tarde a cualquier otra capa en cualquier archivo.

En este tutorial, te mostraré qué son exactamente los estilos de capa y cómo usarlos.

Sígueme en nuestro canal Envato Tuts+ de YouTube:

Please accept marketing cookies to load this content.
What are Layer Styles?

¿Qué son los estilos de capa?

Puedes acceder a las opciones de Estilo de capa haciendo clic con el botón derecho del ratón en una capa y seleccionando Opciones de fusión. También puedes hacer doble clic en la capa. Echemos un vistazo a estas opciones una por una.

Bisel y relieve

Bisel y relieve hace que el texto se vea en 3D. El efecto puede parecer tosco y anticuado al principio, pero hay muchos ajustes que se pueden hacer para crear algo más sutil. También puedes añadir un contorno y una textura 3D aquí.

bevel and emboss layer stylebevel and emboss layer stylebevel and emboss layer style
bevel and emboss examplebevel and emboss examplebevel and emboss example

Trazo

Si necesitas añadir un trazo a tu texto, puedes hacerlo aquí también. También es posible usar un degradado o un motivo como un trazo.

stroke layer stylestroke layer stylestroke layer style
stroke examplestroke examplestroke example

Sombra interior

La Sombra interior, como su nombre lo indica, es una sombra que se coloca dentro del texto, creando un efecto 3D.

inner shadow layer styleinner shadow layer styleinner shadow layer style
inner shadow exampleinner shadow exampleinner shadow example

Resplandor interior

El Resplandor interior hace que las letras resplandezcan desde el interior.

inner glow layer styleinner glow layer styleinner glow layer style
inner glow exampleinner glow exampleinner glow example

Satinado

El Satinado es un efecto muy poderoso. Añade un poco de aleatoriedad a la superficie, rompiendo su suavidad antinatural.

satin layer stylesatin layer stylesatin layer style
satin examplesatin examplesatin example

Superposición de color, motivo, degradado

El panel te permite rellenar las letras de tres maneras: con color liso, con degradado y con un motivo.

color overlay layer stylecolor overlay layer stylecolor overlay layer style
pattern overlay examplepattern overlay examplepattern overlay example

Resplandor exterior

Finalmente, puedes hacer que el texto resplandezca añadiendo un Resplandor exterior...

outer glow layer styleouter glow layer styleouter glow layer style
outer glow exampleouter glow exampleouter glow example

Sombra paralela

... y poner una sombra debajo de las letras.

drop shadow layer styledrop shadow layer styledrop shadow layer style
drop shadow exampledrop shadow exampledrop shadow example

Cómo utilizar los Estilos de capa

No obstante, esto fue solo una rápida visión general. Veamos cómo puedes usar estas opciones para crear un efecto metalizado.

Paso 1

Cree un Nuevo archivo con estas dimensiones:

create new filecreate new filecreate new file

Paso 2

Usa la herramienta Bote de pintura (G) para llenar el fondo con negro.

fill canvas with blackfill canvas with blackfill canvas with black

Paso 3

Escribe algo con una fuente grande y en negrita. El color del texto no importa.

add textadd textadd text

Paso 4

Haz clic con el botón derecho del ratón en la capa de texto y selecciona Opciones de fusión, o alternativamente haz doble clic en la capa.

Primero, arrastra la Opacidad de relleno hasta 0. Esto nos permitirá controlar completamente el color dentro del estilo de capa.

lower fill opacitylower fill opacitylower fill opacity

Paso 5

Usemos primero la Superposición de motivo para rellenar el texto con algo de textura. Puedes usar uno de los motivos predeterminados o cargar alguno. Ajusta la Escala y baja la Opacidad para que el motivo sea más oscuro.

add pattern overlayadd pattern overlayadd pattern overlay
pattern overlay on textpattern overlay on textpattern overlay on text

Paso 6

Los tres tipos de Superposición pueden mezclarse para obtener un resultado más interesante. Marca Superposición de degradado y cambia su Modo de fusión a Superponer para que el motivo sea visible debajo. Cambia el degradado a algo más sutil, y cambia el Estilo a Reflejado. Si lo Inviertes, obtendrás un bonito brillo metálico.

add gradient overlayadd gradient overlayadd gradient overlay
gradient overlay on textgradient overlay on textgradient overlay on text

Paso 7

Añade un Resplandor exterior ahora. Usa blanco y haz que el resplandor sea amplio y lleno de Ruido. Puede parecer bastante dramático, pero si bajas la Opacidad, crea un fondo bonito y sutil.

add outer glowadd outer glowadd outer glow
outer glow on textouter glow on textouter glow on text

Paso 8

Démosle a las letras un sutil aspecto 3D. Si no te gusta el efecto pesado de Bisel y relieve, puedes usar una solución alternativa. Marca Resplandor interior para añadir un delgado contorno blanco dentro de las letras. Esto simulará un borde iluminado.

add inner glowadd inner glowadd inner glow
inner glow on textinner glow on textinner glow on text

Paso 9

Añade una Sombra interior ahora para tener algo de equilibrio. Ajusta el Ángulo para simular un borde sombreado con él.

add inner shadowadd inner shadowadd inner shadow
inner shadow on textinner shadow on textinner shadow on text

Paso 10

Vamos a añadir un Trazo, también, para acentuar las letras un poco más.

add strokeadd strokeadd stroke
stroke on textstroke on textstroke on text

Paso 11

Por último, añadamos Satinado a nuestro estilo. Cambia su Modo de fusión a Superponer para mantener las letras totalmente visibles, y luego juega con los ajustes para añadir un poco de aleatoriedad al brillo.

add satinadd satinadd satin
satin on textsatin on textsatin on text

Paso 12

Si presionas OK, verás que se han añadido muchas opciones a la capa. Estas opciones pueden ser guardadas en forma de un Estilo de capa. Solo tienes que abrir el panel Estilos y hacer clic en el icono de la tarjeta blanca para crear un Nuevo estilo. Ahora puedes añadir el mismo estilo a cualquier objeto, ya sea un nuevo texto o una forma.

how to create new layer stylehow to create new layer stylehow to create new layer style
layer style applicationlayer style applicationlayer style application

Descarga Estilos de capa listos para usar

Watercolor Text Effect (Efecto de texto acuarela)

Dado que los Estilos de capa se pueden guardar y aplicar muy fácilmente, también se pueden utilizar fácilmente los estilos creados por otras personas. Puedes aplicar un efecto interesante a tu texto sin tener que experimentar con todas las opciones.

Por ejemplo, este conjunto contiene 15 efectos de acuarela. Solo tienes que seleccionar tu capa y hacer clic en el estilo que quieres aplicar. Por supuesto, puedes personalizar el efecto después.

watercolor text effectwatercolor text effectwatercolor text effect
Watercolor text effects

Shiny Text Effect (Efecto de texto brillante)

Este conjunto contiene efectos dorados y brillantes que harán que tu texto reluzca. Son perfectos para un póster o un folleto, ya que llaman inmediatamente la atención sobre el texto. Una vez más, no necesitas saber cómo lograr tal resultado, solo tienes que hacer clic en el estilo para aplicarlo.

shny text effectshny text effectshny text effect
Shiny text effects

Engraved Text Effect (Efecto de texto grabado)

Este conjunto te permite lograr un efecto de grabado único. Crea bordes definidos y añade una sombra interior característica, para dar la impresión de que el texto está grabando en algún material, dependiendo del fondo que se utilice. Por supuesto, no solo se puede usar para texto, sino también para logos e imágenes.

engraved text effectengraved text effectengraved text effect
Engraved text effects

Mixed Text Effect (Efecto de texto mixto)

Este es un conjunto muy universal que contiene una mezcla de 33 estilos. Este paquete lo tiene todo: tela, cuero, jeans, oro, arco iris, cromo, madera, básicamente todo lo que se te ocurra. Puede ser usado para muchas aplicaciones, ahorrándote mucho tiempo en el proceso.

mixed text effectmixed text effectmixed text effect
Mixed text effects

¡Buen trabajo!

Ahora ya sabes cómo añadir estilos de capa al texto y a las formas. Si quieres aprender más sobre los estilos de capa, también te encantarán estos tutoriales:

Add-Ons Layer Styles Text Effects Adobe Photoshop
Monika Zagrobelna By