Manténgase dorado con este efecto de arte con texto metálico brillante en Adobe Illustrator

Lo que vas a crear

En este tutorial, dibujará su propia fuente de script (o trabajará con una existente) y la convertirá en un diseño dorado, brillante y completo. Cree dimensiones en el diseño duplicando la línea de arte del texto, configure trazos de trazos finos en un lado y use degradados dorados para crear letras doradas que se ajusten a la impresión.

El siguiente tutorial asume que está familiarizado con el Herramienta Pluma (P)Herramienta de lápiz (N), y Herramienta de gradiente (G), y destaca la técnica y el estilo sobre la replicación exacta. Vamos a abrir Adobe Illustrator y seguir adelante!

1. Dibujando las letras

Paso 1

Comenzaremos con la palabra más descriptiva en el diseño final: dorado..

  1. Utilizando la Herramienta de lápiz (N) con el trazo ajustado a 1 pt de peso en el Carrera En el panel, dibujé una letra grande y holgada "G". Si te hace sentir más cómodo, puedes basar las letras de tu script en una fuente preexistente y simplemente trazar los formularios de letras..
  2. Para el "OL" de "Golden", quiero asegurarme de que las letras se unan entre sí como si estuvieran creadas con un solo cable dorado. Dibuja dos tercios de una elipse, comenzando en la parte inferior.
  3. En el último tercio de la "O", recorra hacia la izquierda y luego hacia la derecha..
  4. Luego completa la "L" creando otra forma de medio bucle.

Paso 2

No todas mis cartas están unidas. La "D" simplemente se superpone a las otras letras, mientras que la "E" y la "N" se conectan.

Paso 3

Nos centraremos en la palabra "Oro" para la mayor parte de la sección de renderización de este tutorial.. Grupo (Control-G) juntos su única línea de texto. Copiar (Control-C)Pegar (Control-V) El texto para que el grupo copiado se desplace de la primera. 

Grupo juntos ambos conjuntos de texto y bloquear el grupo en el Capas panel. Me resultó más fácil usar el Herramienta Pluma (P) para trazar las formas en forma de cinta que se forman duplicando la línea de arte que dibujé para mi texto. Alternativamente, puede elegir una fuente de script loopy que le guste y omitir toda esta sección. 

Cualquier cosa que elija hacer, establezca el color de relleno en # ddbb4f Porque es un maravilloso color dorado suave que prepara el escenario para nuestro diseño final perfectamente..

Duplicar la línea de letras da la dimensión y el peso del diseño..

2. Renderizando la G

Paso 1

Si optó por omitir la sección anterior y utilizó una fuente ya preparada, asegúrese de Expandir tu texto bajo Objeto Antes de continuar.

Vamos a empezar con el bucle superior. Utilizando la Lapicera, dibujar una forma que se superponga a la parte inferior del bucle y acentúe la calidad de cinta del texto (ver más abajo). Seleccionar Tu carta y la forma recién dibujada. Utilizar el Herramienta de creación de forma (Shift-M) para seleccionar la parte no intersecante del objeto recién dibujado. DeseleccionarBorrar este componente extraño.

Utilizar el Herramienta de gradiente (G) aplicar un Gradiente lineal a esta forma que consta de los siguientes colores, de izquierda a derecha:

  • # e3b76c
  • # 412927
  • # c3ae3b
  • # f0eb87
  • # d29255

En el Gradiente panel, ajuste el ángulo a 83 °, más o menos. Alternativamente, puede ajustar el ángulo del degradado con la Herramienta gradiente sí mismo.

Paso 2

La siguiente forma comienza en la parte superior de la "G" y termina antes de que comience el segundo bucle en la letra. Utilizar el Herramienta de construcción de forma, como en el paso anterior, para ajustar un nuevo objeto perfectamente al contorno de la letra. los Gradiente lineal aplicado tiene nueve colores; Aquí están de izquierda a derecha:

  • # 653d3b
  • # eeb570
  • # f9e99c
  • # f5e283
  • # ce9440
  • # f1e67c
  • # fffcb3
  • # e0bd61
  • # cd8f52

Inclina el gradiente en ángulo para que sea paralelo a la mitad de la forma (un poco fuera de ser paralelo con la propia mesa de trabajo).

Para pequeñas formas de relieve, use la Herramienta de construcción de forma Una vez más para seguir el contorno de la carta y aplicar una Gradiente lineal ir desde #fffbbb a 100% a 0% Opacidad. Coloca los reflejos como estos justo encima de los colores más oscuros en el degradado dorado.

Paso 3

Continúe usando los gradientes de los dos pasos anteriores para crear sombras y resaltar formas en la letra G.

  • Tenga en cuenta que los colores más claros no aparecen en partes de las letras que se superponen con otras. 
  • La forma de degradado que se dibuja aquí acentuará el brillo del texto. Asegúrese de manipular los controles de los puntos de anclaje suficientes para la curva de la parte superior de la forma resaltada.
  • Una vez más (y algo que harás a menudo en este tutorial), usa el Herramienta de construcción de forma para eliminar porciones extrañas de formas del grupo de texto principal.
  • El gradiente de esta forma destacada va desde # f1a46b100% 0% de opacidad. Use el mismo gradiente del paso anterior en las tres formas que ahora forman el bucle inferior de la "G".

Etapa 4

Utilizar el Lapicera Para trazar el borde exterior de la carta. Establezca el color de relleno en nulo y el trazo en un Gradiente lineal con los siguientes colores:

  • # f2e182
  • # fcf4d4
  • # f7e79f
  • # f2e182

Aumenta el Peso del golpe a 2-3 pts (o cualquier espesor que funcione para tus letras) y Expandir los golpes bajo Objeto. Este será el proceso para el borde en cada letra..

Paso 5

Para completar la "G" hice algunos de los siguientes pequeños cambios:

  1. Asegúrese de que los trazos que alinean los bordes de sus letras no se extiendan más allá del resto de la forma de la letra. Utilizar el Herramienta de construcción de forma para recortarlos.
  2. Dibujé un pequeño rectángulo en la parte inferior de la cola de la "G" (también se hizo al final del bucle superior) para darle más tamaño a la letra y hacer que se vea como si estuviera hecha de un alambre plano dorado.
  3. Nuevamente, el borde se recortó aquí para que el peso del camino no se extienda más allá de la forma de la letra..

Grupo junta tus componentes "G" cuando estés satisfecho con tu diseño.

3. Poner el oro en oro

Paso 1

Pasando a la siguiente letra, echemos un vistazo al degradado más sutil utilizado para cada sección del bucle "O". Como antes, usé el Herramienta de construcción de forma para dibujar una forma que sigue el contorno de la letra y acentúa sus planos siempre cambiantes.

los Gradiente lineal utilizado en la parte superior de la "O" contiene los siguientes colores:

  • # 672e25
  • # d2a142
  • # fcf4d4
  • # d2a142
  • # 884729

Las tres formas dibujadas para la parte inferior de los bucles de la "O" contienen el gradiente que se ve en la siguiente imagen:

  • # 672e25
  • # d2a142
  • # d2a142
  • # 884729

Paso 2

Continuar hasta la "L". Observe cómo la primera y la forma más grande se conectan completamente con el segundo bucle de la "O". Usa el mismo gradiente de El paso anterior, con los colores que se repiten para que haya dos áreas de resalte.

Cuatro formas completan la letra "L" en este punto del diseño. Hay más que hacer tanto en la "O" como en la "L", pero me resultó más fácil dividir todo en secciones en lugar de representar cada letra por separado y hasta el final.

Paso 3

A continuación tenemos la letra "D"..

  1. Comencé con una forma singular para toda la letra, usando el mismo degradado que en la "G". 
  2. Después de ajustar el gradiente en el Gradiente Panel (extendiendo los colores y ajustando el ángulo), dibujé dos formas para definir los giros y curvas dentro de la letra. Para esto usé el mismo gradiente que usamos para la parte inferior de los bucles de la "O".
  3. Finalmente, repetí. El proceso que usamos en la "G".para crear los bordes en las letras "ANTIGUO". Hay cuatro caminos expandidos en total.

4. Agregando Letras

Paso 1

Como ya tiene la mayoría de la técnica que he usado aquí, las siguientes secciones se ocuparán de mostrar métodos alternativos, simplificar el proceso o crear diferentes formularios de letras..

Para empezar, inicialmente solo había creado la palabra "oro" en lugar de la frase completa que se ve en la pieza final. Como tal, agregar en el diseño fue crucial para llenar el espacio. Al agregar letras, use líneas paralelas a lo largo de la parte superior e inferior de cada letra para asegurarse de que estén en el mismo ángulo que las anteriores..

Esto también te ayuda a visualizar lo que son los extremos, curvas y ángulos de las letras antes de rellenar estos espacios..

Paso 2

Centrémonos en el proceso de la "E", tal como aparece tres veces en el diseño final.

  1. Usando los mismos gradientes que usé en la "D" para las áreas resaltadas y las sombras, he creado tres formas en el lado izquierdo de la "E". Asegúrate de que los ángulos de los gradientes estén perpendiculares a los bordes de sus objetos.
  2. Replique la técnica utilizada en la Sección 3 (dibujar formas de degradado para resaltar, sombrear y trazar trazados para crear bordes). Observe cómo la trayectoria del borde en el centro de la "E" tuvo que cortarse en dos partes para que la curva sea la correcta. No tenga miedo de dibujar bordes en pasos si es una curva particularmente difícil.
  3. Concentre los colores más oscuros dentro de su gradiente en el lado inferior de las formas curvas y especialmente si otra letra o forma se superpone a ellas (observe el color más oscuro detrás del vástago de la "N").

Paso 3

Esta es la versión completa de mi palabra "Golden". Casi todos los aspectos destacados recibieron formas de degradado adicionales como las que usamos para crear sombras y resaltar formas en la letra "G". El uso de tonos adicionales de marrón, naranja y amarillo cremoso evita que el tono de este oro sea demasiado frío.

5. Renderizar letras sin una forma de base

Paso 1

Un método alternativo para representar texto dorado es dibujar cada forma de degradado con la Lapicera, sin usar el Herramienta de construcción de forma método descrito en este tutorial.

  1. Comience con sus letras básicas. En este caso, es el resto del diseño final, "We Are"..
  2. DupdoPegar, y coloque el texto copiado a la derecha del texto original. Utilizar el Lapicera para dibujar líneas horizontales entre los bordes abiertos en la parte superior e inferior del diseño. Grupo juntos sus componentes para cada palabra y Bloquear ellos en el Capas panel.
  3. Comenzando con el "W", trazar el final de la primera curva. Use el mismo gradiente que usamos inicialmente para la "G".
  4. Dibuja en la siguiente parte de la primera curva en la "W". Use el mismo gradiente que usamos para la "D". Asegúrese de que el ángulo del degradado sea paralelo con los extremos horizontales y los bordes de las letras (observe el final del rizo).

Paso 2

Continuando con la letra "W", ya he agregado la siguiente curva y la forma de borde correspondiente.

  • La segunda diagonal de la letra es una forma grande y curva..
  • La forma debajo de la segunda diagonal (el final de la primera diagonal) utiliza el mismo gradiente que para la parte inferior de los bucles de la "O". Inclina el gradiente de manera que la parte más oscura se encuentre en la parte superior izquierda de la forma (esto era -51.7 ° para mi pieza).
  • Traza el borde de estas dos formas. Me resultó más fácil si el borde fuera un camino singular..

Paso 3

Veamos de cerca el punto de encuentro de la primera y la segunda diagonal de la "W". Usé el Herramienta de selección directa (A) para ajustar los puntos de anclaje de la forma superpuesta para que no salga del camino del borde amarillo.

Luego, usando el Lapicera, Dibujé un rectángulo simple que sirvió como punto final para las dos diagonales. Esto permite que la forma de las letras se vea como si estuvieran dobladas por unos alicates para obtener esa curva severa.

Ajusta los puntos de anclaje de tus formas para que se conecten al rectángulo al final de tu letra..

Etapa 4

La tercera diagonal se superpone a la segunda en la parte superior, y la cuarta diagonal se superpone a la tercera en la parte inferior. La carta está constantemente en bucle a través de sí misma. Una vez más, la parte inferior de la cuarta diagonal tiene otro rectángulo que permite que la curva pronunciada en el diseño parezca más plausible..

6. Manejando otras formas de letras

Paso 1

Dos instancias más de la letra "E" aparecen en mi diseño. Me resultó más fácil simplemente DupdoPegar, y Escala La letra según sea necesario a lo largo del resto del diseño. Si su "E" se conecta con su "N", deberá eliminar cuidadosamente los puntos de anclaje y los componentes extraños.

Paso 2

La "A" tiene muchas formas superpuestas.

  1. Al igual que con las letras anteriores, comienza con la cola curva de la izquierda.
  2. Ajustar los ángulos de la Gradientes lineales Utilizado en el tallo y su cola curvada.. 
  3. Asegúrese de que el gradiente utilizado en la cola sea más brillante que el que está más cerca en el vástago de la "A", ya que esa parte del diseño está curvada hacia afuera.
  4. El segundo vástago se superpone al primero en la parte superior, pero está superpuesto por la barra de rizado de la "A".
  5. Observe cómo la barra de rizado se separó en dos formas para que tenga una dimensión en su diseño. Cinco formas en total conforman la "A" en este punto.

Paso 3

El borde de la barra de la "A" se dibujó en una forma, pero después de expandir el camino, dibujé dos pequeñas formas de gradiente a cada lado de la barra superpuesta que van desde # 5e322a a 100% a 0% de opacidad para separar las secciones y añadir una sombra. También dibujé una pequeña forma llena de # 874e2e para romper el final de la barra con la forma debajo de ella.

Creando la ilusión de una forma superpuesta.

Etapa 4

Finalmente, la letra "R" se divide en tres formas (ver más abajo). Observe los bordes de color amarillo claro que aparecen en ambos lados de la letra, ya que están curvados hacia el centro de la letra..

Paso 5

Finalmente, crea algunos destellos simples dibujando pequeños círculos blancos con el Herramienta Elipse (L) y aplicando un Fruncido efectoEfecto> Distorsionar y transformar> Pucker & Bloat). Deslice el control deslizante para -93%, pero la cantidad variará según el tamaño de su círculo y la forma que desee crear. Expandir la nueva forma bajo Objeto, y Girar o la superposición brilla según sea necesario. Colócalos alrededor de tu brillante texto dorado..

Gran trabajo, estás hecho!

¡Regálate una estrella de oro! Has completado el tutorial y estás listo para enfrentarte al mundo con un texto brillante y dorado. Espero que las técnicas descritas anteriormente te inspiren a crear pancartas, pósters y más con formas de letras doradas que brillan fuera de la página..