1. Design & Illustration
  2. Layer Styles

La guía completa de bisel y relieve

by
Read Time:12 minsLanguages:
This post is part of a series called Intro to Photoshop Layer Styles.
Understanding the Inner Glow Setting in Photoshop
How to Apply the Satin Setting to Layer Style Effects

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

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

Los estilos de capa de Photoshop son una forma popular de agregar efectos, como sombras y trazos a las capas de una manera no destructiva. Con el conocimiento y la experiencia adecuados, se puede lograr cualquier efecto. Sin embargo, para lograr estos efectos, debes comprender qué es lo que hace cada configuración y cómo se pueden combinar para lograr cierto aspecto. En esta serie de John Shaver de Colección de armas de diseño, explicaremos todos los aspectos de la función de estilos de capa de Photoshop y te mostraré cómo desbloquear tu potencial.

En este artículo, Parte 6: la guía completa de bisel y relieve, explicaré la configuración detrás de bisel y relieve, incluyendo contorno y textura, y cómo se pueden usar. ¡Vamos a ver!

Los usos para bisel y relieve

Bisel y relieve a menudo se consideran las herramientas más potentes y adaptables dentro de los estilos de capa de Photoshop.

El uso tradicional de bisel y relieve es hacer que algo se vea más tridimensional agregando luces y sombras a diferentes partes de la capa, pero no se termina allí.

Con una consideración especial y ajustes cuidadosos, puedes crear estilos que van desde cromo reflectante y vidrio refractivo hasta piedra cincelada y gráficos tipográficos sutiles.

Los cuadros de diálogo de los estilos de capa bisel y relieve

Los cuadros de diálogo bisel y relieve se muestran a continuación, lo que nos da una serie de nuevas opciones. Esto permitirá configurar cosas como la altura del bisel, la dirección de la iluminación, el mapa de textura y más.

Estilo

El menú desplegable estilo es donde estableces el estilo/ ubicación del bisel e incluye las siguientes opciones:

  • Bisel exterior: aplica el bisel al exterior de la forma a la que lo estás aplicando
  • Bisel interior: aplica el bisel al interior de la forma a la que lo estás aplicando
  • Relieve: aplica el bisel tanto en el exterior como en el interior de la forma a la que lo estás aplicando.
  • Relieve acolchado: aplica el bisel tanto al exterior como al interior de la forma a la que lo estás aplicando, pero en direcciones opuestas
  • Relieve del trazo: esto solo funciona cuando también tienes un efecto de trazo aplicado a la capa, y aplica el bisel solo al trazo

Puede parecer confuso, pero simplemente desplazarse por las diferentes configuraciones de estilo con la casilla vista previa marcada, te mostrará rápidamente cómo funcionan.

En el siguiente ejemplo, puedes ver que con el bisel interno aplicado, solo afecta el interior de la forma. Con el estilo relieve aplicado, el bisel y relieve afecta tanto el interior como el exterior de la forma.

Técnica

El menú desplegable técnica, te permite establecer la forma general del bisel y relieve e incluye las siguientes opciones:

  • Redondeado: esta configuración crea un bisel de borde redondeado suave
  • Cincel duro: esta configuración crea un bisel de borde duro y cincelado
  • Cincel suave: esta configuración crea un bisel de borde cincelado más áspero

Nuevamente, la mejor manera de ver la diferencia es desplazarse por la configuración con la casilla vista previa marcada.

En el siguiente ejemplo, puedes ver que el texto de la izquierda es más suave, mientras que el texto de la derecha parece haber sido cincelado.

Profundidad

El control deslizante de profundidad aumenta o disminuye la profundidad aparente de bisel y relieve. Un número más bajo crea un efecto 3d menos visible, mientras que un número más alto lo hace más dramático.

En el siguiente ejemplo, puedes ver cómo aumentar la profundidad hace que el texto se vea más tridimensional.

Dirección

Los botones de radio de dirección simplemente te permiten elegir si deseas que tu bisel y relieve parezcan extruidos hacia ti o lejos de ti.

En el siguiente ejemplo, puedes ver cómo el texto UP parece salir de la página, mientras que el texto DOWN parece hundirse en la página.

Tamaño

El control deslizante del tamaño establece el tamaño general de bisel y relieve. Un número más bajo crea un efecto más pequeño que se mantiene más cerca de los bordes de la forma, mientras que un número más grande aumenta la cobertura del bisel y relieve a un área más grande que la de la forma.

En el siguiente ejemplo, el texto de la izquierda tiene un bisel más pequeño, mientras que el de la derecha cubre mucho más el texto.

Suavizar

El control deslizante suavizar te permite suavizar los bordes duros creados por el bisel y relieve. Puede ser útil para crear estilos suaves y blandos.

En el siguiente ejemplo, puedes ver que aumentar el parámetro suavizar nos ayuda a crear una superficie mucho más suave.

Angulo y altitud

El área de ángulo y altitud es donde estableces la posición de la luz. El ángulo ajusta la posición horizontal de tu fuente de luz, y la altitud ajusta la posición vertical o la altura aparente de tu fuente de luz. También puedes arrastrar la pequeña cruz para editar tu fuente de luz sin tener que usar valores numéricos.

Al marcar la casilla de verificación usar luz global, se sincronizarán estas configuraciones con cualquier otra configuración relacionada con la iluminación en tu documento, como sombra interior y exterior.

En el siguiente ejemplo, puedes ver cómo cambiar la configuración de ángulo y altitud afecta la ubicación percibida de nuestra fuente de luz.

Contorno de resplandor

El contorno brillante es el secreto para crear excelentes efectos de vidrio y metal.

El contorno brillante es el secreto para crear excelentes efectos de vidrio y metal. Un contorno lineal crea una caída de aspecto natural, mientras que elegir algo como un contorno de estilo onda sinusoidal puede crear efectos geniales y reflexivos.

Además, la casilla suavizado, suavizará cualquier borde irregular dentro del brillo si lo deseas.

En el siguiente ejemplo, puedes ver cómo el texto de la izquierda no se parece en nada al metal, pero al cambiar el contorno de resplandor, comienza a verse más realista.

Modo resaltado y opacidad

Hay dos partes para la iluminación, resaltados y sombras.

El menú desplegable modo resaltado, es donde configuras el modo de fusión para tus resaltados. Mezcla definida es la configuración predeterminada, pero también puedes probar sobreexpos. lineal (añadir) y sobreexponer color para obtener efectos más dramáticos.

Aquí también se configura el color de resaltado. La mayor parte del tiempo lo dejarás en blanco, pero si deseas simular diferentes fuentes de luz de color, puedes cambiar el resaltado para tener un tono de color.

El control deslizante de opacidad, ajusta la intensidad de los bordes resaltados.

En el siguiente ejemplo, puedes ver cómo cambiar el modo de resaltado, el color y la opacidad le da a nuestro estilo un aspecto ligeramente diferente y más cálido.

Modo de sombra y opacidad

El menú desplegable modo de sombra, es donde se establece el modo de fusión para tus sombras. Multiplicar es la configuración predeterminada, pero también puedes probar subexposición lineal o subexponer color para obtener efectos más dramáticos.

Aquí también se configura el color de la sombra. La mayoría de las veces lo dejarás en negro, pero también puedes lograr otros efectos sutiles utilizando diferentes tonos de color.

El control deslizante opacidad, ajusta la intensidad de tus sombras.

En el siguiente ejemplo, puedes ver cómo cambiar el color de sombra y la opacidad le da a nuestro estilo de madera un sutil aspecto musgoso.

Guardando y cargando la configuración predeterminada

Puedes guardar y cargar la configuración predeterminada para cada efecto en el cuadro de diálogo estilos de capa. Al hacer clic en establecer como valores por defecto, Photoshop almacenará cualquier configuración que esté activa actualmente como la nueva configuración predeterminada para ese efecto.

Al hacer clic en restaurar valores por defecto, Photoshop cargará la configuración que se guardó por última vez. Esto te permite experimentar y simplemente volver a cargar la configuración predeterminada personalizada si deseas comenzar de nuevo.

Contorno

La subsección contorno debajo de bisel y relieve, te permite establecer la forma general del bisel. Al marcar la casilla suavizado, suaviza el contorno, y el control deslizante rango, te permite establecer la cobertura general de tu bisel al que deseas que se aplique el contorno elegido.

Esta es otra configuración que es más fácil de lo que parece.

En el siguiente ejemplo, puedes ver cómo cambiar el contorno a una forma de u invertida le da a nuestro texto un tipo de bisel con sangría.

Textura

La subsección textura en bisel y relieve, te permite agregar un mapa de relieve a tu estilo. Un mapa de relieve hace que la superficie de la capa parezca más alta o más baja, dándonos la capacidad de crear efectos especiales.

El área motivo nos permite elegir un motivo de la paleta de motivos de Photoshop para usar como mapa de relieve. Haz clic en el botón ajustar al origen para alinear el motivo con el origen de tu documento. También puedes hacer clic en el pequeño icono nuevo para crear un nuevo ajuste preestablecido a partir del motivo seleccionado.

El control deslizante escala, te permite aumentar o disminuir el tamaño de tu motivo, y el control deslizante profundidad, cambia la profundidad aparente del mapa de relieve.

Puedes marcar la casilla invertir para invertir el motivo, hacer que las áreas blancas sean negras y las áreas negras blancas.

Por último, la casilla vincular con capa, bloquea el motivo en la capa, de modo que si mueves la capa después de cerrar el cuadro de diálogo estilos de capa, el motivo se mueve con ella.

Cuando el cuadro de diálogo estilos de capa está abierto en la subsección contorno, también puedes arrastrar el motivo alrededor del lienzo para colocarlo manualmente.

En el siguiente ejemplo, puedes ver cómo agregar un motivo a nuestro estilo puede crear un efecto de aspecto dramáticamente diferente. Dado que la profundidad se establece en cero para el texto de la izquierda, el motivo no afecta nuestro estilo.

Uno para el camino

Hasta la próxima, este estilo de capa exclusivo y gratuito y el .psd que lo acompaña te ayudarán a analizar cómo todas las diferentes configuraciones de bisel y relieve pueden cambiar el aspecto de tus imágenes.

Descarga este estilo

One subscription.
Unlimited Downloads.
Get unlimited downloads