Rimani d'oro con questo effetto artistico metallizzato lucido in Adobe Illustrator

Cosa starai creando

In questo tutorial, disegnerai il tuo font di script (o ne estrai uno esistente) e lo trasformerai in un design lucido e dorato completato. Crea una dimensione nel disegno raddoppiando la grafica del testo, imposta i tracciati sottili su un lato e usa sfumature dorate per creare caratteri dorati adatti alla stampa.

Il seguente tutorial presume che tu abbia familiarità con Strumento penna (P)Pencil Tool (N), e Strumento sfumatura (G), e sottolinea la tecnica e lo stile rispetto alla replica esatta. Accendiamo Adobe Illustrator e andiamo avanti!

1. Disegnare le lettere

Passo 1

Inizieremo con la parola più descrittiva nel progetto finale: dorata.

  1. Usando il Pencil Tool (N) con il tratto impostato su Peso 1 pt nel Ictus pannello, ho disegnato una grande lettera "G". Se ti fa sentire più a tuo agio, puoi basare le tue lettere di script su un font preesistente e tracciare semplicemente i moduli di lettera.
  2. Per la "OL" di "Golden", voglio assicurarmi che le lettere si incastrino l'una nell'altra come se fossero state create con un solo filo dorato. Disegna due terzi di un'ellisse, iniziando dal basso.
  3. Nell'ultimo terzo di "O", fai un loop in basso a sinistra e torna indietro a destra.
  4. Quindi completa la "L" creando un'altra forma di mezzo loop.

Passo 2

Non tutte le mie lettere sono unite insieme. La "D" si sovrappone semplicemente alle altre lettere, mentre "E" e "N" si connettono.

Passaggio 3

Ci concentreremo sulla parola "Oro" per la maggior parte della sezione di rendering di questo tutorial. Gruppo (Control-G) insieme la tua singola riga di testo. Copia (Control-C)Incolla (Control-V) il testo in modo che il gruppo copiato sia sfalsato rispetto al primo. 

Gruppo insieme entrambi i gruppi di testo e bloccare il gruppo nel Livelli pannello. Ho trovato più facile usare il Strumento penna (P) per tracciare le forme a nastro formate raddoppiando la linea d'arte che ho disegnato per il mio testo. In alternativa, puoi scegliere un font di script loopy che ti piace e saltare l'intera sezione. 

Qualunque cosa tu scelga di fare, imposta il colore di riempimento su # ddbb4f perché è un meraviglioso colore oro tenue che prepara perfettamente il palcoscenico per il nostro progetto finale.

Raddoppiare la linea d'arte delle lettere dà la dimensione e il peso del design.

2. Rendering del G

Passo 1

Se hai scelto di saltare la sezione precedente e hai usato un font già pronto, assicurati di Espandere il tuo testo sotto Oggetto prima di continuare.

Iniziamo con il ciclo superiore. Usando il Strumento Penna, disegna una forma che si sovrappone alla parte inferiore del loop e accentua la qualità del testo del nastro (vedi sotto). Selezionare la tua lettera e la forma appena disegnata. Utilizzare il Strumento di creazione forme (Shift-M) per selezionare la porzione non intersecante dell'oggetto appena disegnato. DeselezionaElimina questo componente estraneo.

Utilizzare il Strumento sfumatura (G) applicare a Gradiente lineare a questa forma composta dai seguenti colori, da sinistra a destra:

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

Nel Pendenza pannello, impostare l'angolo su 83 °, o così. In alternativa, puoi regolare l'angolo del gradiente con il Strumento sfumatura si.

Passo 2

La forma successiva inizia nella parte superiore della "G" e termina prima che inizi il secondo ciclo nella lettera. Utilizzare il Strumento per la creazione di forme, come nel passaggio precedente, per adattare perfettamente un nuovo oggetto al contorno della lettera. Il Gradiente lineare applicato ha nove colori; eccoli da sinistra a destra:

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

Inclina la sfumatura in modo che sia parallela al centro della forma (un po 'lontana dall'essere parallela alla tavola da disegno stessa).

Per le piccole forme di evidenziazione, utilizzare il Strumento per la creazione di forme ancora una volta per seguire il contorno della lettera e applicare a Gradiente lineare andando da #fffbbb a 100% a 0% Opacità. Posiziona le alte luci come queste sopra i colori più scuri nella sfumatura dorata.

Passaggio 3

Continua a utilizzare i gradienti dei due passaggi precedenti per creare forme di ombreggiatura ed evidenziazione sulla lettera G.

  • Nota come i colori più chiari non compaiono in parti delle lettere che sono sovrapposte da altri. 
  • La forma sfumata disegnata qui accentuerà la brillantezza del testo. Assicurati di manipolare le maniglie dei punti di ancoraggio abbastanza per la curva della parte superiore della forma di luce.
  • Ancora una volta (e qualcosa che farai spesso in questo tutorial), usa il Strumento per la creazione di forme per eliminare parti estranee di forme dal gruppo di testo principale.
  • Il gradiente di questa forma di evidenziazione va da # f1a46b100% 0% di opacità. Usa lo stesso gradiente del passaggio precedente su tutte e tre le forme che ora formano il loop inferiore della "G".

Passaggio 4

Utilizzare il Strumento Penna tracciare il bordo esterno della lettera. Imposta il colore di riempimento su null e il tratto su a Gradiente lineare con i seguenti colori:

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

Aumentare il Peso dell'ictus a 2-3 punti (o qualunque spessore lavori per la tua iscrizione) e Espandere i colpi sotto Oggetto. Questo sarà il processo per il bordo su ogni lettera.

Passaggio 5

Per completare la "G" ho apportato alcune delle seguenti piccole modifiche:

  1. Assicurati che i tratti che allineano i bordi del tuo lettering non si estendano oltre il resto della forma della lettera. Utilizzare il Strumento per la creazione di forme per abbatterli.
  2. Ho disegnato un piccolo rettangolo sul fondo della coda "G" (è stato fatto anche alla fine del loop superiore) per dare alla lettera più dimensioni e far sembrare che sia stata ricavata da un filo d'oro piatto.
  3. Anche in questo caso, il bordo è stato tagliato in modo che il peso del percorso non si estendesse oltre la forma della lettera stessa.

Gruppo insieme i componenti "G" quando sono soddisfatti del tuo design.

3. Mettere l'oro in oro

Passo 1

Passando alla lettera successiva, proviamo il gradiente più sottile usato per ogni sezione del ciclo "O". Come prima, ho usato il Strumento per la creazione di forme disegnare una forma che segue il contorno della lettera e accentua i suoi piani in continua evoluzione.

Il Gradiente lineare utilizzato nella parte superiore della "O" contiene i seguenti colori:

  • # 672e25
  • # d2a142
  • # fcf4d4
  • # d2a142
  • # 884.729

Le tre forme disegnate per la parte inferiore dei passanti della "O" contengono il gradiente visto nell'immagine qui sotto:

  • # 672e25
  • # d2a142
  • # d2a142
  • # 884.729

Passo 2

Continua su "L". Nota come la prima e la più grande forma si connettono completamente con il secondo ciclo della "O". Usa lo stesso gradiente da il passaggio precedente, con i colori che si ripetono in modo che ci siano due aree di luci.

Quattro forme completano la lettera "L" in questo punto del disegno. C'è altro da fare sia su "O" che su "L", ma ho trovato più facile suddividere tutto in sezioni piuttosto che rendere ogni lettera separatamente e completare.

Passaggio 3

Avanti abbiamo la lettera "D".

  1. Ho iniziato con una forma singolare per l'intera lettera, utilizzando lo stesso gradiente della "G". 
  2. Dopo aver regolato la sfumatura nel Pendenza pannello (allargando i colori e regolando l'angolo), ho disegnato due forme per definire le curve e le curve all'interno della lettera. Per questo ho usato lo stesso gradiente che usavamo per i lati inferiori degli anelli della "O".
  3. Alla fine, ho ripetuto il processo che abbiamo usato sulla "G"per creare i bordi sulle lettere "OLD". Ci sono quattro percorsi espansi in totale.

4. Aggiunta di lettere

Passo 1

Dato che hai la maggior parte della tecnica che ho usato qui, le seguenti sezioni si occuperanno di mostrare metodi alternativi, snellire il processo o creare diverse forme di lettera.

Per cominciare, inizialmente avevo creato solo la parola "oro" piuttosto che l'intera frase vista nel pezzo finale. Pertanto, l'aggiunta al design è stata fondamentale per riempire lo spazio. Quando aggiungi lettere, usa linee parallele lungo la parte superiore e inferiore di ogni lettera per assicurarti che siano nella stessa angolazione di quelle precedenti.

Questo ti aiuta anche a visualizzare quali sono le estremità del nastro, le curve e gli angoli delle lettere prima di aver riempito questi spazi.

Passo 2

Concentriamoci sul processo della "E", come appare tre volte nel progetto finale.

  1. Usando le stesse sfumature che usavo sulla "D" per le aree e le ombre evidenziate, ho creato tre forme sul lato sinistro della "E". Assicurati che gli angoli dei gradienti siano perpendicolari ai bordi dei loro oggetti.
  2. Replica la tecnica utilizzata in tutta la Sezione 3 (disegnando forme sfumate per evidenziare, sfumare e disegnare percorsi per creare bordi). Nota come il percorso del bordo nel centro della "E" doveva essere tagliato in due pezzi affinché la curva fosse giusta. Non abbiate paura di disegnare i bordi a gradini se è una curva particolarmente difficile.
  3. Concentrare i colori più scuri all'interno del gradiente nella parte inferiore delle forme curve e in particolare se si sovrappone ad un'altra lettera o forma (notare il colore più scuro dietro il gambo della "N").

Passaggio 3

Questa è la versione completa della mia parola "Golden". Quasi tutti i punti salienti hanno ricevuto forme sfumate aggiuntive come quelle che abbiamo usato per creare forme di ombre e luci sulla lettera "G". L'utilizzo di ulteriori tonalità di marrone, arancione e giallo crema mantiene il tono di questo oro troppo freddo.

5. Rendering di lettere senza una forma base

Passo 1

Un metodo alternativo per il rendering del testo in oro consiste nel disegnare ogni forma di sfumatura con il Strumento Penna, senza usare il Strumento per la creazione di forme metodo descritto in questo tutorial.

  1. Inizia con le tue lettere di base. In questo caso, è il resto del progetto finale, "We Are".
  2. copiaIncolla, e posizionare il testo copiato a destra del testo originale. Utilizzare il Strumento Penna disegnare linee orizzontali tra i bordi aperti nella parte superiore e inferiore del disegno. Gruppo insieme i componenti per ogni parola e Serratura loro nel Livelli pannello.
  3. A partire da "W", traccia la fine della prima curva. Usa lo stesso gradiente usato inizialmente per la "G".
  4. Disegna nella parte successiva della prima curva nella "W". Usa lo stesso gradiente usato per la "D". Assicurati che l'angolo del gradiente sia parallelo alle estremità orizzontali e ai bordi delle lettere (nota la fine del ricciolo).

Passo 2

Continuando con la lettera "W", ho già aggiunto la curva successiva e la forma del bordo corrispondente.

  • La seconda diagonale della lettera è una grande forma curva.
  • La forma al di sotto della seconda diagonale (la fine della prima diagonale) utilizza lo stesso gradiente della parte inferiore dei passanti della "O". Inclina la sfumatura in modo che la parte più scura si trovi nella parte in alto a sinistra della forma (questo era -51,7 ° per il mio pezzo).
  • Traccia il bordo di entrambe queste forme. L'ho trovato più facile se il bordo fosse un percorso singolare.

Passaggio 3

Diamo un'occhiata da vicino al punto d'incontro della prima e della seconda diagonale della "W". Ho usato il Strumento di selezione diretta (A) per regolare i punti di ancoraggio della forma che si sovrappone, in modo che non superi il percorso del bordo giallo.

Quindi, usando il Strumento Penna, Ho disegnato un semplice rettangolo che serviva da punto finale per le due diagonali. Ciò consente alla forma delle lettere di apparire come se fossero piegate da una pinza per ottenere quella curva severa.

Regola i punti di ancoraggio delle forme in modo che si colleghino al rettangolo alla fine della tua lettera.

Passaggio 4

La terza diagonale si sovrappone alla seconda in alto, e la quarta diagonale si sovrappone alla terza in basso. La lettera è costantemente loop attraverso se stessa. Ancora una volta, il fondo della quarta diagonale presenta un altro rettangolo che consente di rendere più plausibile la curva netta del disegno.

6. Gestione di altre forme di lettera

Passo 1

Altre due istanze della lettera "E" appaiono nel mio disegno. L'ho trovato più facile da solo copiaIncolla, e Scala la lettera, se necessario, per tutto il resto del progetto. Se la tua "E" si collega alla tua "N", dovrai eliminare con cura i punti di ancoraggio e i componenti estranei.

Passo 2

La "A" ha molte forme sovrapposte.

  1. Come per le lettere precedenti, inizia con la coda curva a sinistra.
  2. Regola gli angoli del Gradienti lineari usato nel gambo e la sua coda ricurva. 
  3. Assicurati che il gradiente usato sulla coda sia più luminoso di quello che è più vicino nello stelo della "A", poiché quella parte del disegno è curva verso l'esterno.
  4. Il secondo gambo si sovrappone al primo nella parte superiore, ma è sovrapposto alla barra di curling della "A".
  5. Nota come la barra di curling è stata divisa in due forme in modo che abbia una dimensione nel suo design. Cinque forme in totale compongono la "A" a questo punto.

Passaggio 3

Il bordo della barra della "A" è stato disegnato in una forma, ma dopo aver espanso il percorso, ho disegnato due piccole forme a gradiente su entrambi i lati della barra sovrapposta che passa da # 5e322a a 100% a 0% di opacità per separare le sezioni e aggiungere un'ombra. Ho anche disegnato una piccola forma piena di # 874e2e per rompere la fine della barra con la forma sottostante.

Creare l'illusione di una forma sovrapposta.

Passaggio 4

Infine, la lettera "R" è suddivisa in tre forme (vedi sotto). Nota i bordi giallo chiaro che appaiono su entrambi i lati della lettera poiché si stanno curvando verso il centro della lettera.

Passaggio 5

Infine, crea delle semplici scintille disegnando piccoli cerchi bianchi con il Strumento ellisse (L) e applicando a grinza effetto (Effetto> Distorci e trasforma> Pucker e Bloat). Ho fatto scivolare il cursore su -93%, ma la quantità varierà a seconda delle dimensioni del cerchio e della forma che si desidera creare. Espandere la nuova forma sotto Oggetto, e Ruotare o si sovrappongono le scintille, se necessario. Mettili attorno al tuo testo in oro lucido.

Ottimo lavoro, hai fatto!

Regalati una stella d'oro! Hai completato il tutorial e sei pronto per affrontare il mondo con un testo lucido e dorato. Spero che le tecniche descritte sopra ti ispirino a creare striscioni, poster e altro con gloriose lettere dorate che brillano dalla pagina.