Los tutoriales de texto con estilo en relieve están en todas partes, pero este es perfecto para principiantes. ¿Quieres un efecto de texto en relieve realmente elegante? Han pasado más de 2 meses desde el último tutorial de Photoshop que publiqué, pero tengo buenas noticias para ti: estoy de nuevo en línea con un montón de cosas nuevas para mostrarte, ¡así que estad atentos a todos nuestros próximos tutoriales!

Hoy comenzaremos con este hermoso efecto de texto y, como la mayoría de los lectores lo solicitan, también lanzamos el PSD para descargar por solo $1. El PSD es sólo para fines de aprendizaje; puedes incorporarlo a un proyecto para un cliente, pero no puedes revender directamente este archivo.

Basta de hablar; empecemos.

Photoshop con efecto de texto en relieve.

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Paso 1. Preparando Photoshop Canvas.

Crea un nuevo archivo de Photoshop (Ctrl + N). Estamos usando un tamaño de 600*400 aquí, pero como siempre, el tuyo podría ser mucho más grande si lo necesitas.

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Usando la herramienta Bote de pintura, rellene el lienzo con color azul grisáceo oscuro - #535559.

Paso 2. Elige la fuente.

Soy un gran admirador de todas las fuentes que se usaban y eran famosas en los años 50, por lo que mi fuente favorita de todos los tiempos probablemente será "Bello". No es gratis, pero puedes comprarlo online. Tenga en cuenta que la fuente NO se incluirá si compra el archivo PSD, ya que no podemos distribuir fuentes comerciales. Entonces, si tienes la fuente Bello, selecciónala y escribe tu palabra en letra grande. Usamos 188 puntos aquí.

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Paso 3. Agregar estilos de capa.

Mientras su capa de texto aún está seleccionada, vaya a Capa >> Estilos de capa y aplique las siguientes configuraciones...

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico
Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Ahora la textura de fondo. Usaremos el patrón que creamos nosotros mismos y, si compras el archivo PSD, ya estará incluido en el estilo.

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Por último, agregaremos un trazo de 1 px con una superposición de degradado para darle más profundidad al texto.

Banner
Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Hemos llegado hasta aquí con todos los estilos de capa aplicados correctamente. Si su resultado difiere de lo que ve aquí, regrese y verifique si todas las configuraciones para los estilos de capa se han aplicado correctamente; Hasta ahora es sólo la parte técnica, por lo que no deberías tener ningún problema.

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Paso 4. Agregar profundidad al lienzo.

Estamos en la era de la web 2.0 y tener un lienzo plano puede arruinar cualquier efecto, por bonito que sea, así que si queremos que nuestro producto destaque, tiene que tener algo de profundidad. Es por eso que no volveremos al lienzo base (si está bloqueado, haga doble clic en él en la paleta de capas y presione Aceptar para desbloquearlo). Ir a Capa >> Estilos de capay aplique la siguiente configuración:

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico
Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Para el degradado, utilice los siguientes colores:
1. #667c85 como el azul claro
2. #475e68 como el azul oscuro

Esto es lo que tenemos hasta ahora...

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Paso 5. Agregar brillo

Presione "Ctrl" y haga clic en la capa de texto en su paleta de capas de Photoshop. Esto cargará una selección de texto.

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Crea una nueva capa encima de todas las demás. Usando la herramienta de degradado, desde blanco a transparente, dibuja una línea desde la parte superior del texto hasta la parte inferior. Esto agregará un gradiente leve pero visible para el lector.

Usando la herramienta Lazo elíptico, dibuja un círculo, como puedes ver en la imagen a continuación:

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Ve a Seleccione >> Inverso para invertir la selección y presione "eliminar" para eliminar el resto del degradado. Esto dejará el brillo sólo en la parte superior del texto, así:

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Ahora, para darle un toque agradable y natural, establezca la opacidad de la capa del brillo en "Superposición" (consulte a continuación):

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

Paso 6. Agregar destellos

El siguiente paso es agregar dulces destellos alrededor del texto. Esto le dará una sensación más profunda, soñadora y elegante. Crea una nueva capa de Photoshop encima del resto. Usando tu herramienta Pincel, elige el pincel de 27 píxeles con un borde suave y, usando el color blanco, distribuye caóticamente algunos puntos en los bordes del texto.

Banner

Establece la opacidad de relleno de los puntos al 70%. Cambie del modo "Normal" al modo "superposición".

CONSEJO: aplica solo los puntos donde el trazo del texto es blanco, esto realzará el efecto de luz.

Hasta ahora, si has seguido los pasos al pie de la letra, deberías haber recibido esto:

Photoshop con efecto de texto en relieve: texto en relieve elegante diseñado con brillo metálico

También agregamos un poco más de brillo con diferentes pinceles, pero asegúrese de no exagerar porque es mejor tener menos brillo y demasiado.
Diseño de texto elegante en relieve con brillo metálico - Tutoriales de PS Lorelei Web Design

Espero que hayas disfrutado de este tutorial de Photoshop y asegúrate también de consultar nuestros otros tutoriales de Photoshop y suscribirte al feed. Si desea aprender más rápido, compre el archivo PSD del tutorial por solo $1.00. Cuando complete el pago, haga clic en el botón "volver al comerciante"; la descarga comenzará automáticamente. Si, por alguna razón, la descarga no lo redireccionó, deje un comentario a continuación o envíenos un correo electrónico y le enviaremos el archivo lo antes posible. ¡Gracias!

efecto de texto en relieve en Photoshop - Texto en relieve elegante diseñado con brillo metálico - comprar

Versión de texto

Tutorial mejorado: creación de texto en relieve con un brillo metálico en Photoshop

General

Este tutorial lo guiará a través del proceso de creación de texto en relieve elegante con un efecto de brillo metálico, perfecto para logotipos, títulos o arte digital. Utilizaremos estilos de capa, degradados y opciones de fusión para lograr una apariencia sofisticada.

Requisitos

  • Adobe Photoshop (cualquier versión reciente servirá)
  • Conocimientos básicos de las herramientas y la interfaz de Photoshop.

Paso 1: configurar su documento

  1. Abrir Photoshop y crear un nuevo documento. Para uso web, es suficiente un tamaño de 800×600 píxeles con una resolución de 72 ppp. Para imprimir, considere una resolución más alta (al menos 300 ppp).
  2. llenar el fondo con un color oscuro o degradado para resaltar el brillo metálico. Un azul intenso o un negro funcionan bien para este efecto.

Paso 2: crear el texto

  1. Seleccione la herramienta Texto (T) y escriba el texto que desee. Elija una fuente en negrita o gruesa para obtener el mejor efecto de relieve. Fuentes como Arial Black o Impact son buenas opciones.
  2. Ajustar el tamaño de la fuente para adaptarse a su diseño. Para este tutorial, usaremos un tamaño de fuente que ocupe una buena parte del lienzo, asegurando que los detalles del relieve y los efectos de brillo sean visibles.

Paso 3: aplicar el efecto de relieve

  1. Con su capa de texto seleccionada, vaya al panel Capas y haga doble clic para abrir el cuadro de diálogo Estilo de capa.
  2. Seleccione "Bisel y relieve" para agregar profundidad a su texto. Utilice estas configuraciones para obtener una apariencia de relieve sutil y realista:
    • Estilo: Bisel interior
    • Técnica: Suave
    • Profundidad: 100%
    • Dirección: Arriba
    • Tamaño: 5 px (ajustar según el tamaño del texto)
    • Suavizar: 0 px
  3. Ajustar el sombreado para realzar la sensación metálica. Establezca el Ángulo en 120° y la Altitud en 30°. Experimente con los ajustes preestablecidos de Gloss Contour para encontrar uno que complemente su diseño.

Paso 4: agregar el brillo metálico

  1. Aún en el cuadro de diálogo Estilo de capa, seleccione "Resplandor interior" para un brillo interior sutil. Elija un color claro que combine con el aspecto metálico que desee (plata, oro, etc.). Establece el Modo de fusión en Trama, la Opacidad en 75% y el Tamaño en alrededor de 20 píxeles.
  2. Agregue un "resplandor exterior" para crear la impresión de que la luz se refleja en el metal. Elija un color similar al Resplandor interior, establezca el Modo de fusión en Trama, la Opacidad en 50-75% y ajuste el Tamaño para lograr un efecto suave y radiante alrededor de su texto.

Paso 5: refinar la textura metálica

  1. Para mayor textura y realismo, haga clic en "Satén" en el cuadro de diálogo Estilo de capa. Esto añade profundidad y complejidad al acabado metálico. Utilice estas configuraciones:
    • Modo de mezcla: Multiplicar
    • Opacidad: 20%
    • Ángulo: 19 °
    • Distancia: 21 píxeles
    • Tamaño: 27 píxeles
  2. Juega con el "Contorno" ajustes en Bisel y relieve para obtener matices de textura adicionales, mejorando el efecto de relieve.

Paso 6: Ajustes finales

  1. Afina el aspecto general ajustando la opacidad de relleno de la capa al 0%. Esto hará que el color del texto sea invisible, dejando solo los estilos de capa visibles para un efecto metálico y en relieve más pronunciado.
  2. Si es deseado, agregar una capa de fondo con un degradado o patrón que complemente su texto metálico para completar el diseño.

Conclusión

Ahora ha creado un fragmento de texto que no solo resalta en la pantalla con su efecto de relieve, sino que también brilla con un sofisticado brillo metálico. Esta técnica se puede adaptar y modificar con diferentes colores, texturas y estilos de capas para adaptarse a varios proyectos de diseño.

Experimentar con la configuración e incorporar elementos adicionales como destellos o texturas de fondo puede personalizar aún más tu creación. Los estilos de capa de Photoshop son una herramienta poderosa para darle vida al texto y dominarlos puede mejorar significativamente sus capacidades de diseño.

Banner