Gold Text Effect in Photoshop

Efecto de texto dorado en Photoshop

Una vez que hayas creado el texto dorado, asegúrate de revisar la Parte 2 de este tutorial donde te muestro cómo cambiar fácilmente el fondo detrás del texto! ¡Empecemos!

Index
  1. Cómo crear un texto dorado en Photoshop
    1. Paso 1: Abrir un nuevo documento de Photoshop
    2. Paso 2: Llenar la capa de fondo con negro
    3. Paso 3: Ponga su color de primer plano en blanco y añada su texto
    4. Paso 4: Cambie el tamaño de su texto con el comando de transformación libre
    5. Paso 5: Duplicar la capa de texto
    6. Paso 6: Añadir una superposición de gradiente al texto
    7. Paso 7: Selecciona un color dorado más claro y más oscuro para el gradiente
    8. Paso 8: Cambiar el gradiente «Estilo» a «Reflejado»
    9. Paso 9: Seleccione las opciones «Bevel and Emboss» (bisel y relieve)
    10. Paso 10: Cambiar la «técnica» por «cincelar duro»
    11. Paso 11: Cambiar el «Contorno del brillo» por el «Anillo doble»
    12. Paso 12: Aumentar el «tamaño» de la estructura para cerrar el espacio abierto dentro de las cartas
    13. Paso 13: Aumentar la «profundidad» de la estructura para mejorar el efecto de la iluminación
    14. Paso 14: Encienda el «Contorno» en el menú de estilo de capas
    15. Paso 15: Añade un brillo interior
    16. Paso 16: Añadir un trazo a la capa de texto original
    17. Paso 17: Poner el gradiente del trazo en los mismos colores que el texto
    18. Paso 18: Aplicar el estilo «Bevel and Emboss» al trazo
    19. Paso 19: Aplicar el estilo «Outer Glow»…
    20. Paso 20: Agregar una nueva capa en blanco sobre la capa de copia de texto
    21. Paso 21: Cargue los «Pinceles surtidos»
    22. Paso 22 Muestra un color dorado claro del texto con el cuentagotas
    23. Paso 23: Selecciona uno de los pinceles de «Crosshatch» para usar como un chispazo
    24. Paso 24: Pinta unos pocos destellos colocados al azar alrededor del texto

Cómo crear un texto dorado en Photoshop

Paso 1: Abrir un nuevo documento de Photoshop

Abrir un nuevo documento en Photoshop subiendo al Menú de archivos y eligiendo Nuevo…o usando el atajo del teclado, Ctrl+N (Win) / Comando+N (Mac). Sólo voy a usar el 640×480 tamaño preestablecido. Puede usar el tamaño que desee para su ancho y alto, y luego haga clic en Aceptar para crear su nuevo documento de Photoshop:

Crear un nuevo documento en Photoshop

Crear un nuevo documento en Photoshop. Estoy usando el tamaño preestablecido de 640×480.

Mira el video y comparte tus comentarios en nuestro canal de YouTube!

Paso 2: Llenar la capa de fondo con negro

Press D en su teclado para restablecer rápidamente los colores de primer y segundo plano de Photoshop, lo que establece negro como su color de primer plano. Entonces usa el atajo de teclado Alt+Retroceso (Win) / Opción+Borrar (Mac) para llenar la capa de fondo con negro:

Rellena la capa de fondo con negro

La capa de fondo ahora está llena de negro.

Paso 3: Ponga su color de primer plano en blanco y añada su texto

Press X en tu teclado para intercambiar los colores de primer y segundo plano, así que blanco se convierte en su color de primer plano. Seleccione su Escriba la herramienta… de la paleta de herramientas o pulsando T en tu teclado. Elija una fuente de la Barra de opciones en la parte superior de la pantalla, luego haga clic dentro de la Ventana de documento e introduzca su texto. Estoy usando «Times New Roman Bold» aquí para mantener las cosas simples si quieres seguir adelante. Introduciré la palabra «GOLD»:

Introduce tu texto

Ponga el color del primer plano en blanco e introduzca el texto.

Paso 4: Cambie el tamaño de su texto con el comando de transformación libre

El texto es demasiado pequeño en este punto, así que con la capa de texto seleccionada en la paleta de capas, use el atajo de teclado Ctrl+T (Win) / Command+T (Mac) para sacar a relucir el Photoshop Free transformation y manijas alrededor del texto. Mantenga pulsado Shift+Alt (Win) / Shift+Opción (Mac) para que Photoshop restrinja las proporciones del texto y redimensione el texto desde el centro mientras arrastras cualquiera de las manijas de las esquinas para agrandar el texto:

La caja de transformación libre de Photoshop y los mangos alrededor del texto

Cambie el tamaño del texto con Transformación Libre.

Press Enter (Win) / Returns cuando hayas terminado de aceptar la transformación.

Paso 5: Duplicar la capa de texto

Use el atajo de teclado Ctrl+J (Win) / Comando+J (Mac) para duplicar rápidamente la capa de texto. Ahora deberías tener tres capas en tu paleta de capas:

Duplicar la capa de texto

La paleta de capas de Photoshop ahora muestra tres capas.

Vamos a trabajar en la capa de copia de texto durante los próximos pasos.

Paso 6: Añadir una superposición de gradiente al texto

Con la capa de copia de texto seleccionada, haga clic en el Layer styles en la parte inferior de la paleta de capas:

Haga clic en el icono de Estilos de Capa en la parte inferior de la paleta de Capas

Haz clic en el icono de Estilos de Capa en la parte inferior de la paleta de Capas.

Select Gradient overlap From the list:

Seleccione el estilo de capa de superposición de gradiente

Seleccione el estilo de capa de superposición de gradiente de la lista.

Esto trae a colación el Estilo de capa en las opciones de superposición de gradiente:

El cuadro de diálogo de estilo de capas de Photoshop

El cuadro de diálogo de estilo de capas de Photoshop configurado con las opciones de «Superposición de degradado».

Vamos a establecer los colores para nuestro gradiente, así que haz clic directamente en el área de vista previa del gradiente (rodeada en rojo arriba) para que aparezca el Editor de Gradientes.

Paso 7: Selecciona un color dorado más claro y más oscuro para el gradiente

Cuando el Editor de Gradientes aparece, haga clic en el marcador de color izquierdo para seleccionarlo, y luego haga clic en el Muestras de color para elegir un color para el lado izquierdo del gradiente:

Elegir un color para el lado izquierdo del gradiente

Haz clic en el marcador de color izquierdo del Editor de degradados y luego en la muestra de color.

Esto nos lleva al Photoshop Color Picker. Puedes usar el color dorado que prefieras, pero si quieres seguir, he introducido un color de R:247, G:238, B:173 que nos da un color dorado claro (hice trampa y probé el color de una foto de una moneda de oro):

El selector de color de Photoshop

Introduce R:247, G:238, B:173 para el color del gradiente izquierdo.

Haga clic en Aceptar para aceptar el color y salir del Selector de colores. Luego, de vuelta en el Editor de Gradientes, haga clic en el marcador de color derecho para seleccionarlo, y luego haga clic de nuevo en el Muestras de color:

Elegir un color para el lado derecho del gradiente

Haz clic en el marcador de color derecho y luego vuelve a hacer clic en la muestra de color.

Cuando el Selector de Color vuelva a subir, entra R:193, G:172, B:81 para darnos un color dorado más oscuro (también se muestra en la moneda de oro):

FILE ¿Pronóstico del tiempo? Más de 100 iconos para Photoshop e Illustrator

El selector de color de Photoshop

Introduce R:193, G:172, B:81 para el color de gradiente correcto.

Haz clic en OK para salir del Selector de colores una vez más, y haz clic en OK para salir del Editor de gradientes también.

Tu texto debería verse ahora así:

Los colores del gradiente aplicados al texto

Los colores del gradiente aplicados al texto.

No salgas del cuadro de diálogo del Estilo de Capa todavía. Tenemos más que hacer.

Paso 8: Cambiar el gradiente «Estilo» a «Reflejado»

De nuevo en las opciones de superposición de gradiente en el cuadro de diálogo de estilo de capa, haga clic en la flecha que apunta hacia abajo a la derecha de la palabra «Lineal» y cambie el Style del gradiente a Reflejado:

Cambiando el estilo de gradiente de lineal a reflejado

Cambie el estilo de gradiente de «Lineal» a «Reflejado».

Esto añadirá el color dorado más oscuro tanto a la parte superior como a la inferior del texto, dejando el color más claro en el medio:

El texto después de cambiar el estilo del gradiente

El texto después de cambiar el estilo del gradiente.

Paso 9: Seleccione las opciones «Bevel and Emboss» (bisel y relieve)

Haga clic directamente en las palabras «Bevel and Emboss» en el menú de estilos de capa a la izquierda del cuadro de diálogo de Estilo de Capa para cambiar al Biselado y repujado opciones. Asegúrate de hacer clic directamente en las palabras, no sólo en el pequeño recuadro al lado de ellas, de lo contrario las opciones no aparecerán:

Cambie a las opciones de Bisel y Reposo

Haga clic directamente en las palabras «Bevel and Emboss» en el menú de la izquierda.

Paso 10: Cambiar la «técnica» por «cincelar duro»

En el bisel y el relieve Estructura en el medio del cuadro de diálogo del Estilo de Capa, haga clic en la flecha que apunta hacia abajo a la derecha de la palabra «Suave» y cambie la Técnica to Cincel Duro:

Cambie la técnica a Chisel Hard

Cambie la «Técnica» de «Suave» a «Duro como un cincel».

Paso 11: Cambiar el «Contorno del brillo» por el «Anillo doble»

In the Sombreado debajo de las opciones de Estructura, haga clic en la flecha que apunta hacia abajo a la derecha de la palabra «Gloss Contour» y seleccione Anillo – Dobleque está en la fila inferior, tercera desde la izquierda:

Cambiar el contorno del brillo a doble anillo

Cambie el «Contorno de brillo» por «Anillo doble».

Select the Anti-Alias también para evitar que nuestro texto se vuelva «dentellado».

Aquí está el texto en este punto:

El efecto del texto dorado hasta ahora.

El efecto hasta ahora.

Paso 12: Aumentar el «tamaño» de la estructura para cerrar el espacio abierto dentro de las cartas

Vuelve a subir al Estructura en la parte superior del cuadro de diálogo de estilos de capas y arrastrar el Size barra deslizante a la derecha hasta que hayas cerrado los espacios abiertos dentro de las letras. Aquí he arrastrado la mía a un valor de 16 píxeles:

Aumenta el tamaño de la estructura arrastrando la barra deslizante

Arrastra el deslizador «Tamaño» a la derecha hasta que hayas cerrado los espacios abiertos dentro de las letras.

Los espacios abiertos ya no existen:

Los espacios abiertos dentro de las cartas han sido cerrados

Después de arrastrar el deslizador de «Tamaño» a la derecha, los espacios abiertos dentro de las letras han sido eliminados.

Paso 13: Aumentar la «profundidad» de la estructura para mejorar el efecto de la iluminación

A continuación, arrastra el Profundidad deslizador a la derecha para mejorar el efecto de iluminación de las letras. He arrastrado el mío a un valor de 171%:

Aumentar la profundidad para mejorar el efecto de la iluminación

Arrastra el deslizador «Profundidad» a la derecha para mejorar el efecto de iluminación de las letras.

Ahora las cosas empiezan a verse bien:

El efecto después de aumentar la profundidad

El efecto después de aumentar la «Profundidad».

Paso 14: Encienda el «Contorno» en el menú de estilo de capas

A continuación, haga clic dentro de la casilla de verificación a la izquierda de la palabra Contorno a la izquierda del cuadro de diálogo del Estilo de Capa, directamente debajo de la opción «Bisel y relieve». Esto mejorará nuestro efecto de oro aún más. No hay necesidad de cambiar ninguna opción para ello, así que sólo hay que hacer clic dentro de la casilla de verificación para activarla:

Habilitar la opción Contorno

Haga clic en la casilla «Contorno» para habilitarlo sin ver sus opciones.

Aquí está el texto con «Contorno» activado:

El efecto con la opción Contorno activada.

El efecto con la opción «Contorno» activada.

Paso 15: Añade un brillo interior

Una última cosa que hacer aquí antes de salir del cuadro de diálogo del Estilo de Capa y cambiar a la capa de texto original. Vamos a añadir un efecto de brillo interno para mejorar nuestros colores dorados. Para hacer eso, haz clic directamente en las palabras Resplandor interior a la izquierda del cuadro de diálogo del Estilo de Capa para habilitarlo y mostrar sus opciones:

Seleccione el estilo de la capa de brillo interior

Selecciona el estilo de capa «Resplandor interior». Haz clic directamente en su nombre para que aparezcan las opciones correspondientes.

Cambie las opciones que he marcado aquí:

Cambiar estas opciones de Inner Glow

Las opciones de «Resplandor interior».

Primero, cambia el Mixing mode to Multiply. Entonces baja el Opacity to 50%. Haga clic en el muestra de color directamente debajo de la palabra «Ruido», lo que hace que aparezca el Selector de Colores. Entra en R:232, G:128, B:31 para darnos un color naranja (este fue muestreado de una foto de un ladrillo de oro) y haga clic en OK para salir del Selector de Color. Finalmente, aumenta el brillo Size to 15 píxeles.

FILE Transformar un retrato en una obra de arte de caricatura

Cuando termines, puedes hacer clic en Aceptar para salir del cuadro de diálogo de Estilo de Capa. Su texto debería verse ahora algo como esto:

El texto después de aplicar el Inner Glow

El texto después de aplicar el estilo de capa «Resplandor Interior».

Paso 16: Añadir un trazo a la capa de texto original

Hemos terminado con la capa de copia de texto en este punto. Ahora vamos a trabajar en la capa de texto original, así que haz clic en ella en la paleta de capas para seleccionarla. Vamos a volver al cuadro de diálogo de Estilo de Capa una vez más, así que haga clic en el Layer styles en la parte inferior de la paleta de capas:

Haga clic en el icono de Estilos de Capa en la parte inferior de la paleta de Capas

Con la capa de texto original seleccionada, haga clic en el icono «Estilos de capas» en la parte inferior de la paleta de capas.

Esta vez, seleccione Golpe al final de la lista:

Selecciona el estilo de capa de trazos de la lista.

Selecciona el estilo de capa «Trazo» de la lista.

Esto hará que el cuadro de diálogo de Estilo de Capa vuelva a aparecer, configurado en las opciones de Trazo. Cambia las opciones que he marcado con un círculo abajo:

Cambie las opciones de estilo de la capa de trazos.

Las opciones del estilo de capa «Trazo».

En primer lugar, aumentar el golpe Size to 5 píxeles. Entonces cambia el Tipo de relleno de «Color» a Gradiente. Vamos a usar los mismos colores de gradiente para el trazo que usamos en el texto. Antes de que vayamos a establecer los colores de gradiente, sin embargo, cambiar el gradiente Style to Reflejado.

Paso 17: Poner el gradiente del trazo en los mismos colores que el texto

Haz clic directamente en el área de vista previa del gradiente en las opciones de Trazo:

Haga clic en el área de vista previa del gradiente

Haga clic en el área de vista previa del gradiente.

Esto traerá de nuevo a colación el Editor de Gradientes. Poner los colores para el gradiente a los mismos colores que usamos en el texto. Para el color de la izquierda, use R:247, G:238, B:173y para el color de la derecha, usa R:193, G:172, B:81. Haz clic en OK para salir del editor de gradientes una vez que hayas establecido los colores, y tu texto debería verse así:

El trazo de gradiente aplicado al texto.

El trazo de gradiente aplicado al texto.

Paso 18: Aplicar el estilo «Bevel and Emboss» al trazo

Haga clic directamente en las palabras Biselado y repujado en el menú a la izquierda del cuadro de diálogo del Estilo de Capa para habilitarlo una vez más y mostrar sus opciones. Esta vez, en lugar de añadir un estilo de bisel y relieve al texto, vamos a añadirlo al trazo. Cambie las opciones que he marcado con un círculo abajo:

Las opciones de bisel y relieve para el trazo

Las opciones de «Bevel and Emboss» para aplicar al trazo.

Primero, para aplicar estos ajustes al trazo, necesitamos cambiar la opción superior, Style to Golpee el relieve. Ahora todos estos ajustes se aplicarán a nuestro golpe. Cambie el Técnica to Cincel Duro una vez más. Ponga el Size to 5 píxeles. En la sección «Sombreado», haga clic en la flecha que apunta hacia abajo a la derecha de las palabras Contorno del brillo y una vez más seleccionar que Anillo – Doble que es la tercera desde la izquierda en la fila inferior. Finalmente, sobre la izquierda en el área del menú, una vez más haga clic dentro de la Contorno para activarlo.

Después de aplicar el estilo Bevel and Emboss al trazo, su texto debería verse ahora así:

El texto después de aplicar el estilo Bevel and Emboss al trazo.

El efecto después de aplicar el estilo «Bevel and Emboss» al trazo alrededor del texto.

Paso 19: Aplicar el estilo «Outer Glow»…

Una última cosa que hacer aquí en el cuadro de diálogo de Estilos de Capa. Vamos a añadir un poco de brillo al texto, como si alguna luz se reflejara en el oro. Haga clic directamente en las palabras El brillo exterior en el menú de la izquierda para encender el estilo de Outer Glow y sacar sus opciones, y luego cambiar las opciones que he marcado abajo:

Las opciones para el estilo Outer Glow.

Las opciones para el estilo de la capa de brillo exterior.

Primero, baje el Opacity value to 50%. Luego haga clic en el muestra de color directamente debajo de la palabra «Ruido», lo que nos lleva al Selector de Color de Photoshop. Entra en R:183, G:145, G:79 para el color (otra muestra de foto de un ladrillo dorado) y haz clic en OK para salir del Selector de Color. Por último, establezca el Size a alrededor de 29 píxelesy luego haga clic en Aceptar para salir del cuadro de diálogo de Estilos de Capa.

El texto ahora tiene un tenue brillo a su alrededor:

El texto ahora con un tenue brillo a su alrededor.

El texto ahora con un tenue brillo a su alrededor.

Queda una cosa por hacer…

FILE Create your custom Photoshop keyboard shortcuts

Paso 20: Agregar una nueva capa en blanco sobre la capa de copia de texto

Haga clic en la capa de copia de texto en la paleta de capas para seleccionarla, luego presione el atajo de teclado Ctrl+Mayús+N (Win) / Comando+Mayúsculas+N (Mac) para sacar a relucir el Nueva capa cuadro de diálogo. Nombra la nueva capa «destellos», y haz clic en OK:

El cuadro de diálogo de la nueva capa de Photoshop.

El cuadro de diálogo «Nueva capa» de Photoshop. Nombra la nueva capa «destellos» y haz clic en OK.

Ahora tenemos nuestra nueva capa en blanco en la paleta de capas:

La paleta de capas de Photoshop.

La paleta de capas de Photoshop ahora muestra nuestra nueva capa de «brillos» en la parte superior.

Paso 21: Cargue los «Pinceles surtidos»

Vamos a añadir algunos destellos a nuestro texto dorado para hacerlo realmente brillante, y vamos a usar un pincel para eso. Pero primero, necesitamos cargar algunos nuevos pinceles. Agarra el Cepillo de herramientas de la paleta de herramientas o pulse B en tu teclado para seleccionarlo rápidamente. Luego clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier lugar dentro de la Ventana de Documentos para abrir el menú de opciones del Pincel, y haga clic en la pequeña flecha que apunta hacia la derecha en la esquina superior derecha:

El menú de opciones del cepillo

Haz clic en la pequeña flecha de la esquina superior derecha del menú de pinceles.

Haga clic en el Cepillos surtidos en la larga lista que aparece para seleccionarlos:

Seleccione los pinceles surtidos

Haga clic en «Pinceles surtidos» en la lista que aparece.

Photoshop le preguntará si quiere reemplazar los pinceles actuales por estos nuevos o simplemente añadirlos a los existentes. Haga clic en Apéndices:

Haga clic en Agregar para añadir los pinceles a los ya existentes.

Haga clic en «Añadir» para añadir los nuevos pinceles a los ya existentes.

Paso 22 Muestra un color dorado claro del texto con el cuentagotas

Agarra el Cuentagotas de la paleta de herramientas o pulse I para seleccionarlo rápidamente, y luego haga clic en una de las áreas más claras del texto para probar ese color. Vamos a usar ese color para nuestros destellos:

Toma una muestra de un color dorado claro del texto con la herramienta del Cuentagotas.

Toma una muestra de un color dorado claro del texto con la herramienta del Cuentagotas.

Paso 23: Selecciona uno de los pinceles de «Crosshatch» para usar como un chispazo

Con su color dorado claro muestreado, cambie de nuevo a su herramienta de cepillo, y una vez más… clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier lugar dentro de la Ventana de Documentos para que aparezca el menú de opciones del Pincel. Desplácese hacia abajo en la lista de cepillos disponibles hasta que encuentre uno que parezca una «X» elegante. Si tiene activada la opción Tool Tips en las Preferencias de Photoshop, verá que el pincel se llama «Crosshatch», como podemos ver aquí:

Elija uno de los cepillos Crosshatch

Elija uno de los pinceles «Crosshatch» (que se parece a una «X») para usar para los brillos.

Paso 24: Pinta unos pocos destellos colocados al azar alrededor del texto

Con el pincel seleccionado y el color de la muestra listo para usar, haz clic en algunos lugares al azar alrededor del texto para añadir algunos destellos. Cambia el tamaño del pincel después de cada clic para añadir aún más aleatoriedad usando el llaves de soporte de derecha e izquierda para aumentar o disminuir el tamaño del pincel sobre la marcha. Añadir chispas es divertido, pero demasiadas son demasiadas, así que sólo añade unas pocas. Un par de grandes y un par de pequeños deberían hacerlo.

Si encuentras que tus chispas son demasiado intensas, baja la opacidad de la capa de «chispas». Aquí he bajado la mía al 50%:

Bajar la opacidad de la capa de chispas

Bajar la opacidad de la capa de «chispas» para reducir su intensidad.

¡Una vez que hayas añadido tus destellos y bajado la opacidad a tu gusto, habrás completado el efecto de las letras doradas! Aquí está mi resultado final del efecto «Texto Dorado»:

El efecto final

The final effect.

¡Y ahí lo tenemos! Ahora que has creado el texto dorado, mira la segunda parte donde te muestro cómo mover fácilmente el efecto a un fondo diferente. O visita nuestras secciones de Efectos de Texto o Efectos de Foto para más tutoriales!

Go up

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