Efecto dorado en las letras
Introducción:
Hola querida comunidad PSD. Encantado de teneros de nuevo conmigo en uno de mis tutoriales. Hoy aprenderéis a crear un bonito efecto dorado como el de la Figura 01. También os enseñaré a crear vuestras propias bibliotecas de colores para que podáis utilizar en cualquier momento los colores dorados que crearemos más adelante. Por último, como pequeño extra, veremos cómo convertir un texto 2D en una realización 3D.
Así que ya está bien de palabrería. Vamos directamente al grano...
Primera parte:
Paso 1: Crear colores dorados
Antes de empezar a crear un efecto dorado, necesitarás diferentes colores dorados. En este tutorial, necesitamos cuatro valores de color CMYK diferentes. Pero, ¿cuál es el mejor lugar para obtener estos valores? Mi recomendación en este caso es muy sencilla. Como necesitamos colores dorados, introduce la palabra "oro, lingotes de oro, colores dorados" o similar en un motor de búsqueda de tu elección (en mi caso "Google"). A continuación, ve a la "búsqueda de imágenes" y echa un vistazo a varias imágenes en las que aparezcan colores dorados. Como puedes ver en la Figura 02, he elegido una imagen con dos barras doradas. Guarda esta imagen o la imagen que elijas en tu ordenador y, a continuación, pasa a Illustrator.
Una vez en Illustrator, lo primero que tienes que hacer es crear un nuevo espacio de trabajo en formato A3. Hazlo con Archivo>Nuevo.
Ahora ve a Archivo>Colocar y selecciona la imagen que has guardado anteriormente en el siguiente cuadro de diálogo. Confirma esta ventana con OK.
Ahora utilizaremos esta imagen como referencia para los colores dorados. Coge la herramienta rectángulo, crea cuatro cuadrados pequeños y colócalos en algún lugar del borde de tu espacio de trabajo. El tamaño no importa. En mi caso, los cuadrados son todos de 28 x 28 mm.
Ahora hemos llegado al punto en el que tienes que leer los valores de color de tu imagen. Para ello, primero selecciona un cuadrado y luego coge la pipeta de la paleta de herramientas. Ahora selecciona diferentes tonos de oro de la imagen. Hazlo una vez por cada cuadrado. En la Figura 06 puedes ver las zonas de las que he tomado los valores de color con la pipeta.
Para todos aquellos que no estén completamente satisfechos con sus propios valores de color, he aquí los valores CMYK de mis cuatro colores (véase también la Figura 07).
- CMYK - 9/43/96/37
- CMYK - 6/24/80/9
- CMYK - 2/13/67/0
- CMYK - 3/6/65/0
Paso 2: Crear degradado
Una vez creados los cuatro valores de color diferentes, es hora de crear un degradado con estos colores. Para ello, coge de nuevo la herramienta rectángulo y crea otro cuadrado. El tamaño tampoco importa mucho en este caso.
Antes de empezar a crear un degradado con los colores dorados, tienes que añadir estos colores a tu paleta de muestras de color. También puede volver a llamar esta paleta a través de Ventana>Muestras de colores si aún no la ha mostrado.
Si ahora hace clic en un cuadrado con un color dorado, este color también aparecerá en la zona inferior de la paleta de herramientas, a la izquierda. Manteniendo pulsado el botón izquierdo del ratón, puede arrastrar y soltar este color en la paleta de campos de color. Haga lo mismo con los cuatro colores.
A continuación, necesitarás la paleta de degradados. Si aún no la has abierto, ve a Ventana>Historial (o en el Mac - Comando+F9) para mostrarla.
En el siguiente paso, selecciona el cuadrado que has creado al principio del paso 2. Haga clic una vez en el campo de degradado de la paleta de degradados para crear un degradado preestablecido en blanco y negro. Ahora tenemos que modificar este degradado para adaptarlo a nuestros propósitos.
Utilizando la paleta de muestras de color, puedes arrastrar y soltar los colores dorados que acabas de crear en el campo de degradado. Puedes eliminar fácilmente los campos de color blanco y negro de este degradado manteniendo pulsado el botón izquierdo del ratón y arrastrándolos fuera de la paleta de degradados.
Ahora arrastre tantos campos de color al degradado como se muestra en la Figura 12.
De izquierda a derecha, tendrá la siguiente secuencia de campos de color (véase la Figura 13).
Paso 3: Crear texto y preparar el degradado dorado
Una vez que hayas terminado de crear el degradado dorado, puedes utilizar la herramienta de texto para escribir una palabra o incluso una frase. En mi caso, escribo la palabra "Oro". Para que el efecto dorado se aprecie realmente más adelante, te recomiendo que elijas un tipo de letra relativamente grueso. Con fuentes finas y afiligranadas, el efecto dorado no destacará tanto y parecerá fuera de lugar. En mi caso, elegí la fuente Myriad Pro en negrita. Ajusté el tamaño de la fuente a 300pt.
Una vez que esté satisfecho con la fuente y la palabra elegida, vaya a Fuente>Convertir en rutas en la barra de menú superior.
Ahora puedes utilizar la herramienta cuentagotas para hacer clic en el cuadrado con el degradado que has creado previamente. A diferencia de Photoshop, por ejemplo, la herramienta cuentagotas de Illustrator reconoce la diferencia entre un solo color y un degradado. Así aplicarás todo el degradado a tus letras. El resultado debería parecerse al de la Figura 16.
Como ahora el degradado va de izquierda a derecha y no de arriba a abajo como deseaba, puede establecer simplemente un ángulo de 90° en la paleta de degradados...
... o puede utilizar la herramienta de degradado de la paleta de herramientas. Esta herramienta le permite ajustar libremente el degradado haciendo clic y arrastrando. Esto le permite definir libremente el ángulo, la posición y la longitud del degradado.
Una vez que hayas ajustado eldegradado, debería tener este aspecto (ver Figura 19).
Paso 4: Hacer brillar el oro
En el siguiente paso, tienes que asegurarte de que el dorado brilla maravillosamente.
Para ello, crea un contorno negro con un grosor de 5pt.
Como las versiones antiguas de Illustrator todavía no permiten degradados en los contornos, tienes que convertir este contorno para poder convertirlo en un objeto independiente. Puede hacerlo mediante Objeto>Convertir. En la siguiente ventana, elimine la marca junto a Superficie y coloque una marca junto a Contorno. Confirme todo con Aceptar.
Con el atajo de teclado Command+Shift+G (en el PC - Ctrl+Shift+G) puede desagrupar todo (pulse este atajo de teclado dos veces). Como resultado, ahora puede seleccionar el contorno por separado. (Figura 22)
Ahora haz clic en el cuadrado con el degradado y crea una copia directamente a su lado manteniendo pulsada la tecla Alt. Vuelva ahora a la paleta de degradados y cambie el color del valor dorado seleccionado a blanco, como se muestra en la figura 23. Este valor blanco será el responsable más adelante de la selección del contorno. Este valor blanco será el responsable de los reflejos en los bordes.
Selecciona ahora el contorno de tu fuente y rellénalo con el degradado que acabas de cambiar. La forma más sencilla de hacerlo es volver a utilizar la herramienta cuentagotas haciendo clic en el cuadrado con el degradado adecuado (Figura 24).
Para ajustar ligeramente este degradado, coge de nuevo la herramienta de degradado de la paleta de herramientas y arrastra el degradado desde arriba a la izquierda hasta abajo a la derecha. (Tendrás que hacer esto para cada letra individualmente). El resultado debería parecerse al de la Figura 25.
Si ahora colocas esta fuente delante de un fondo oscuro, los bordes brillantes resaltarán aún más. Y el efecto dorado está terminado.
Parte 2. Creación de bibliotecas de colores
Crear bibliotecas de colores
Especialmente con efectos como la fuente dorada, sería muy práctico que pudieras guardar de alguna manera estos colores y degradados por separado. Por supuesto, puedes anotar los valores de color adecuados en un cuaderno y buscarlos cuando los necesites. Sin embargo, Illustrator ofrece una opción mucho mejor, más rápida y, sobre todo, más sencilla.
Aquí tienes la opción de crear tus propias bibliotecas de colores, que se almacenan directamente en Adobe Illustrator.
Ahora vuelve a la paleta de muestras de color. Antes has arrastrado y soltado allí todos los tonos dorados. Ahora puedes hacer lo mismo con los dos degradados que has creado.
Haga clic en el pequeño icono de carpeta situado en la parte inferior derecha de la paleta de muestras de color. En la ventana siguiente, puedes asignar un nombre a este nuevo grupo de colores. Simplemente llame a este grupo "Colores dorados" y confirme la ventana con OK. Así se crea un nuevo grupo.
Ahora puede arrastrar y soltar sus colores dorados en este grupo. Desgraciadamente, no puedes colocar los degradados en esta carpeta, ya que Illustrator no lo permite.
Como sólo quieres guardar los colores dorados en tu biblioteca de colores dorados, tienes que borrar los colores estándar. La mejor manera de hacerlo es seleccionar los colores que quieres borrar manteniendo pulsada la tecla Mayús y haciendo clic en la papelera de la esquina inferior derecha.
Yo no suelo eliminar los colores blanco y negro, ya que suelen ser útiles. Una vez hecho todo esto, el conjunto debería tener este aspecto (Figura 29).
Ahora haz clic en la pequeña flecha de la esquina superior derecha para abrir un menú desplegable. Vaya casi hasta el final y haga clic en Guardar biblioteca de campos de color como ASE. Asigne un nombre en la siguiente ventana (en este caso "Colores dorados" de nuevo).
Su primera biblioteca de colores propia está lista.
Ahora cree un nuevo documento mediante Archivo>Nuevo.
Una vez creado el documento, observará que los colores dorados han desaparecido y que los colores estándar vuelven a ser visibles.
Para acceder de nuevo a los colores dorados, haga clic en la pequeña flecha situada en la parte superior izquierda de la paleta de colores para abrir el menú desplegable. Esta vez, sin embargo, haga clic en Abrir biblioteca de campos de color y, a continuación, en Definido por el usuario. Aparecerán las bibliotecas de muestras de color que haya guardado. Si ahora hace clic en Colores dorados, se abrirá una nueva paleta de muestras de color con los colores dorados y degradados que haya guardado anteriormente.
Contenido adicional
Letras doradas en 3D
Como ya anuncié al principio del tutorial, aquí he preparado un pequeño contenido extra para ti. Me gustaría mostrarte rápidamente cómo puedes convertir tu fuente 2D en una fuente 3D. Así que vayamos directamente al grano...
Seleccione su letra dorada y, a continuación, haga clic en Efectos>3D>Extrusión y borde aplanado en la barra de menú superior.
Aparecerá un cuadro de diálogo un poco más grande en el que podrás realizar todos los ajustes para un texto en 3D. Si haces clic en Vista previa en la parte inferior izquierda, siempre podrás ver lo que cambia cuando modificas un valor.
Dos ajustes son ahora muy importantes para nuestra fuente 3D.
- En el área superior, puede girar libremente la fuente 3D y colocarla como desee (1).
- En Profundidad de extrusión, puedes establecer hasta dónde debe extenderse tu fuente (2).
En este momento, el conjunto no tiene muy buen aspecto (Figura 33), ya que la parte de la fuente extruida hacia atrás es gris y aún no está dorada.
Sin embargo, puede solucionar fácilmente este problema haciendo clic en Más opciones y seleccionando Personalizado en Color de sombreado. Aquí puede introducir #D2B023 como valor de color. Puedes ver todos los ajustes que he hecho en la Figura 34.
Tu fuente 3D dorada está lista.
Palabras finales
Espero que hayas disfrutado de este tutorial y que ahora sepas cómo crear una fuente dorada con medios relativamente sencillos. Si tienes más preguntas, escríbelas en los comentarios debajo de este tutorial. Intentaré responderlas lo antes posible.
Atentamente
Julian