Cómo crear un efecto de texto de cobre en Photoshop

Se trata de un efecto de texto fuerte y llamativo, aunque relativamente sencillo de crear. Utilizaremos estilos de bisel y relieve, superposiciones de motivos y combinaremos diferentes técnicas para simular el texto en un fondo relacionado. Para los Miembros PLUS, el estilo de capa principal está listo para copiar y pegar en sus diseños también.

Vista previa de la imagen final

Antes de empezar, echemos un vistazo a la imagen que vamos a crear. Puede ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.

Paso 1

El cobre es un metal maravilloso. Es fuerte y resistente pero fácil de manejar. Además, el cobre es genial cuando se diseñan gráficos o sitios web de estilo grunge y antiguo. Así que aquí tienes una forma sencilla y rápida de añadir este particular efecto a tus textos y formas.

En primer lugar, crea un nuevo documento negro, esta vez de 1024 por 768 píxeles. Luego decide dónde vas a poner el texto. He encontrado esta imagen de una pared en ruinas, y después de ajustar el Tono/Saturación (Comando + U), y los Niveles (Comando + L) utilizando los valores de la imagen de abajo, nuestro fondo está listo.

Paso 2

Ya que el cobre tiene tonos verdes cuando envejece (como la Estatua de la Libertad en Nueva York, EEUU). Tendremos que añadir algunos detalles verdes aquí y allá, Crear una nueva capa y establecer este color (#1A3404) como el primer plano, a continuación, utilizando un pincel suave de tamaño medio dibujar algunos puntos. A continuación, cambie el modo de fusión de la capa "Puntos verdes" a Dodge de color,

Paso 3

Presione Comando + A para seleccionar todo, y luego Comando + Opción + D para difuminar la selección 50px.

Paso 4

Rellene la selección con negro (#000000) en una nueva capa llamada "Marco". A continuación, ve a Filtro > Distorsión > Onda, y establece la longitud de onda máxima en 370.

Paso 5

Ahora crea una nueva capa, nómbrala "Luz" y rellénala con un degradado de blanco a negro (#FFFFFF a #000000) reflejado. A continuación, ve a Imagen > Ajustes > Curvas (Comando + M) y establece las curvas tal y como se muestra en la imagen de abajo. Por último, cambia el modo de fusión de la capa "Luz" a Superposición. ¡Ahora comienza la parte divertida!

Paso 6

¡Ahora comienza la parte divertida! Escribe tu texto, yo estoy usando la tipografía Rockwell, pero puedes usar cualquier otra.

Paso 7

Ahora veamos el flujo creativo de hacer un estilo de capa. Un buen punto de partida es añadir una superposición de degradado que coincida con la iluminación de la escena. En este caso añade un degradado de cinco colores (#000000, #160700, #783501, #421F01 y #050505) y un ángulo de 140º. Además, añade un efecto de trazo degradado de 5 píxeles utilizando cinco colores (#803C17, #A44F30, #52230F, #52230F y #381408) Ángulo: -95º.

Paso 8

Ahora agrega las sombras, primero una Sombra Interior, luego una Sombra Caída, ten especial cuidado con los Modos de Fusión de cada Estilo. Ambas sombras deben estar en modo Multiplicar.

Paso 9

A continuación, añade un efecto de superposición de color (#742901), pero establece el modo de fusión en Dodge lineal (Añadir). A continuación, añade un efecto satinado atenuado (Opacidad 16%).

Paso 10

Este paso puede ser el más importante de este tutorial. Añade un estilo de bisel y relieve, establece el estilo en Bisel interior y la técnica en Cincel duro, de esta manera obtendrás un bisel definido. Establece todos los valores como se muestra a continuación. Aumente el modo de Profundidad a 715% y observa los cambios en los modos de Luz y Sombra.

Una vez que añade el estilo básico de Bisel, marca la casilla Contorno y establece un Contorno Gaussiano con un Rango de 50%. Por último, marca la casilla de Textura y luego establece la textura " Metal oxidado " cargando la biblioteca de motivos por defecto de Photoshop CS3.

Paso 11

Haz clic en la capa "Cobre" para seleccionar el texto. Ve a Seleccionar > Modificar > Contraer y establece 4 píxeles (el tamaño del trazo del degradado) y pulsa OK.

Paso 12

Crea una nueva capa llamada "Efectos internos" y rellena la selección con negro (#000000). A continuación, aplica un brillo interior y un estilo satinado, utilizando los valores que se muestran a continuación. Por último, establece el valor de Relleno de la capa en 0%.

Paso 13

Duplica la capa "Cobre" y nombra la copia "Sombra de texto", luego borra o esconde todos los estilos de capa y ve a Capa > Renderizar > Tipo. Coloca la copia debajo de la capa "Cobre" en la paleta de capas, y luego oculta la capa de texto estilizado por un momento. Aplica un Filtro > Desenfoque > Desenfoque de movimiento a la capa "Sombra de texto". Por último, muestra la capa "Cobre" de nuevo, selecciona la capa "Sombra de texto" y elimina todas las sombras adicionales de arriba y de la derecha.

Paso 14

Añade algunos rayos de luz. Con la herramienta Rectángulo dibuja cuatro o cinco rectángulos paralelos sobre la capa "Luz". Fúndelos y haz clic en las esquinas para distorsionarlos, como se muestra a continuación. A continuación, aplica un desenfoque gaussiano (radio de 10px). Por último, cambia el modo de fusión de la capa "Rayas de luz" a Superposición y establece la Opacidad de la capa al 50%.

Paso 15

Haz clic en la miniatura de la capa "Rayas de luz", luego selecciona la capa "Sombra de texto" y elimina la selección.

Paso 16

Para mejorar la iluminación, haz clic en la capa "Cobre" una vez más, pero esta vez rellena la selección con un degradado de blanco a negro (#FFFFFF a #000000) en una nueva capa justo debajo de la capa "Luz". Por último, cambia el Modo de fusión a Superposición y la Opacidad al 25%.

Paso 17

Como detalle final, añadir una capa de textura por encima de todo lo demás, en este caso estoy añadiendo esta hoja de papel viejo cambiando el modo de fusión a Multiplicar y la opacidad al 50%.

Paso 18

Un último consejo, como este efecto de capa está listo para copiar y pegar en el archivo PLUS, puedes utilizarlo en diferentes tipos de letra o formas. Si deseas aplicar este efecto a un objeto pequeño, es mejor crear primero un texto o una forma de gran tamaño y convertirlo en un objeto inteligente antes de cambiar su tamaño. De este modo, conservarás la relación de aspecto del efecto.

Conclusión

Espero que este efecto te resulte útil. Ahora te toca experimentar con los estilos de capa, o descargar el archivo PSD de Psdtuts+ PLUS y copiar el efecto de capa si quieres ahorrar tiempo. Puedes ver la imagen final a continuación o ver una versión más grande aquí.