Come progettare un Lettering Love in Adobe Illustrator

Cosa starai creando

L'amore è nell'aria! L'amore è ovunque! In questo tutorial passeremo attraverso un processo stimolante e creeremo una cartolina scritta complicata. Combineremo varie tecniche, partendo dal lavorare con forme e strumenti geometrici di base e passando alla scrittura a mano libera, utilizzando gli strumenti di disegno di Adobe Illustrator! Finiremo lavorando con i colori e aggiungendo alcuni dettagli elaborati.

Alla fine di questo tutorial, avrai un'elegante cartolina lettering che può diventare un regalo adorabile per una persona cara. Inoltre, puoi applicare le stesse tecniche per realizzare qualsiasi altra cartolina o poster a mano, che si tratti di una cartolina originale di congratulazioni di compleanno, di un biglietto di auguri o di un elegante invito a nozze. Se ti senti come se fossi fuori dalle idee, ti consiglio vivamente di navigare su Envato Market per trovare la tua ispirazione lettering! E se sei pronto, saltiamo dritto nel processo!

1. Forma le lettere dell'amore

Passo 1

Inizia facendo un Nuovo documento di 450 x 450 px taglia.

Di solito inizio a creare i miei biglietti da visita con schizzi grezzi, alla ricerca di idee e composizioni bilanciate. Il tuo schizzo non deve essere perfettamente allineato e pulito. Ecco quello che ho fatto; sembra piuttosto bizzarro e irregolare, perché l'ho fatto molto velocemente per fissare la mia idea su carta. Userò questo schizzo solo come riferimento per la mia futura carta. Lo metto su un livello separato, doppio click il livello e spuntare il Modello casella di controllo per rendere il livello 50% trasparente e bloccarlo.

Passo 2

Iniziamo a dare forma alla parola "amorevole" dalla lettera L. Usa il Strumento rettangolo (M) fare un 8 x 50 px forma giallo chiaro. Crea un'altra striscia sopra, impostandone le dimensioni 10 x 25 px e riempiendolo di turchese.

Passaggio 3

Ora rendiamo gli elementi decorativi della lettera, che saranno usati anche per tutte le altre lettere. Prendi il Strumento ellisse (L), fare due 12,5 x 12,5 px cerchi sovrapposti e posizionali sul lato sinistro della striscia turchese, come mostrato nello screenshot qui sotto. Il colore dei cerchi non ha importanza, li sto solo rendendo contrastanti e visibili. Seleziona entrambe le cerchie e fai clic Fronte meno nel esploratore pannello per tagliare il cerchio superiore.

Passaggio 4

Ora che abbiamo la forma a mezzaluna, inseriamo la striscia turchese. Seleziona sia la striscia che la mezzaluna, prendi il Strumento di creazione forme (Shift-M), tenere alt e fai clic sul pezzo inferiore della mezzaluna per eliminarlo.

Passaggio 5

Utilizzare il Strumento Eyedropper (I) prendere il colore dalla striscia e applicarlo all'elemento decorativo. Doppio click il Rifletti strumento (O) e capovolgere la forma sopra il Asse verticale. Clicca il copia pulsante per aggiungere una forma riflessa e collegarla al lato opposto della striscia turchese. In questo modo creiamo un look floreale retrò per la nostra lettera.

Passaggio 6

Selezioniamo tutti i pezzi turchesi e Unire loro nel esploratore in una singola forma. Utilizzare il Elimina strumento punti di ancoraggio (-) per sbarazzarsi dei punti non necessari ai bordi della forma unita. Se la forma appare deformata o non simmetrica, utilizzare il Strumento di selezione diretta (A) per fissare i punti di ancoraggio e le maniglie di ancoraggio. Ricorda di tenere Cambio se si desidera posizionare le maniglie diritte orizzontalmente o verticalmente.

Passaggio 7

Ora aggiungi un 30 x 10 px rettangolo per la parte orizzontale della lettera L. Crea un altro piccolo 6 x 7,5 px rettangolo e posizionarlo sul lato destro della forma.

Passaggio 8

Seleziona l'angolo in alto a destra del nostro piccolo rettangolo con il Strumento di selezione diretta (A) e usa il Angoli vivi caratteristica per renderlo completamente arrotondato.

Usiamo il Allineare pannello per posizionare correttamente le forme. Seleziona sia la striscia orizzontale che il rettangolo arrotondato, quindi fai nuovamente clic sulla striscia orizzontale per renderla a Oggetto chiave (sarà contrassegnato con una selezione più spessa). Clic Orizzontale Allinea a destra nel Allineare pannello per allineare le forme a destra.

Allinea tutte le altre parti della lettera, se necessario.

Passaggio 9

Ora decoriamo la parte superiore della lettera. Fare un 7 x 7 px cerchio giallo e posizionarlo sul lato sinistro della striscia verticale gialla. tenere Alt-Shift e trascina il cerchio a destra, facendo una copia. Ora la nostra lettera L ha un aspetto più morbido e arrotondato. 

Passaggio 10

Aggiungiamo altri elementi decorativi. Utilizzare il Strumento Segmento di linea (\) o il Strumento penna (P), tenere Cambio e fai una striscia verticale al centro della lettera. Impostare il Ictus colore a giallo più scuro. Vai al Ictus pannello e impostare il Peso a 1 punto. Impostare il Profilo a Profilo di larghezza 1 nella parte inferiore del Ictus pannello, rendendo la linea più spessa al centro e sottile alle estremità.

Seleziona la linea e premi Controllo-[ diverse volte per posizionarlo sotto la forma turchese.

Passaggio 11

Aggiungi una linea curva sulla parte superiore della forma turchese e fai il Ictus colore turchese chiaro. E qui è il modo più semplice per rendere la linea tratteggiata: nel Ictus pannello, selezionare il Linea tratteggiata checkbox, imposta il trattino a 0 px e il divario a 4 pt. Impostare il Peso a 1,5 pt, e qui ce l'hai!

Passaggio 12

Ora facciamo la lettera O. Prendi il Strumento rettangolo arrotondato e fare un 30 x 52,5 px forma. È possibile regolare il Raggio dell'angolo a proprio piacimento dal pannello di controllo superiore.

Utilizzare il Guide allineare le lettere verso l'alto. Puoi trascinare il Guide direttamente sulla tua tavola da disegno dal Righelli (Control-R).

Crea un altro rettangolo arrotondato sopra al primo. Io uso la striscia verticale della nostra lettera precedente per assicurarmi che il contorno della lettera O abbia la stessa larghezza. Questo mi aiuta a regolare le dimensioni della forma interna. 

Dopo aver regolato le dimensioni del rettangolo interno, selezionale entrambe e usa il Fronte meno funzione del esploratore per tagliare la forma, fare un buco.

Passaggio 13

Seleziona la lettera O e vai a Oggetto> Percorso> Percorso offset. Impostare il Compensare valore a 1,5 px, formando un bordo al di fuori della lettera. Riempi la nuova forma con il colore turchese e Allineare al parte inferiore della lettera L, usando la striscia orizzontale della L come a Oggetto chiave.

Passaggio 14

Seleziona l'elemento turchese della O e prendi il Strumento Gomma (Shift-E). tenere alt ed elimina la metà superiore della forma. 

Usa l'orizzontale Guida per rendere gli elementi delle lettere della stessa altezza. 

copiala striscia verticale turchese della lettera L e usa il Strumento Gomma (Shift-E) per eliminare la striscia, lasciando solo la "coda" decorativa. Attacca le code alla lettera O, facendole aderire alla forma turchese dell'O.

Seleziona tutti gli elementi turchesi di O e premi Maiusc-Control-] a Portare loro a fronte.

Passaggio 15

Crea un altro rettangolo arrotondato sopra l'O, cambiandolo in Ictus colore. Utilizzare il Scissors Tool (C) e fai clic sui punti di ancoraggio contrassegnati per suddividere le forme in due parti. Modificare l'aspetto delle parti, applicando le stesse impostazioni del Ictus come abbiamo per la lettera L.

Passaggio 16

Ora facciamo la lettera V. Duplica la striscia verticale gialla dalla lettera L due volte e ruota le strisce, facendole sovrapporre in basso e formare una forma a V.

Seleziona entrambe le strisce e usa il Strumento di creazione forme (Shift-M) mentre si tiene alt per eliminare i pezzi non necessari.

Passaggio 17

Utilizzare il Offset Path funzione con Offset di 1,5 px valore e riempire la forma creata con turchese. Allineare la nuova forma al parte inferiore della lettera precedente.

Passaggio 18

Cancellare la parte superiore della forma turchese e allegare elementi decorativi floreali ad esso. Termina la lettera aggiungendo tratti decorativi.

Passaggio 19

Forma le prossime due lettere, I e N, dalle parti verticali della lettera L. Usa le copie di queste parti e combinale tra loro, facendo lettere di uno stesso stile.

Passaggio 20

E, infine, la lettera G. Fai una copia della lettera O e usa il Strumento Gomma (Shift-E) per cancellare un pezzo sul lato destro. Correggi i tratti decorativi o creane di nuovi se appaiono deformati dopo la trasformazione.

Duplica i cerchi gialli e un piccolo rettangolo arrotondato dalla lettera L e termina con la lettera G.

Buon lavoro! La prima parola della nostra carta è pronta! Andiamo avanti e facciamo della calligrafia!

2. Utilizzare lo strumento Pennello blob per la scrittura a mano

Passo 1

Ora scriviamo la parola "tu" in maniera libera. Puoi usare la tua calligrafia o selezionare un bel font scritto a mano a tuo piacimento come riferimento e disegnare sopra di esso.

Doppio click il Strumento Pennello blob (Shift-B) per aprire il Opzioni finestra. Puoi vedere le mie impostazioni nello screenshot qui sotto. Uso una tavoletta grafica per rendere il processo più comodo e scorrevole e cambio la dimensione del pennello con [ e ] chiavi. Se stai usando un mouse, sposta il Fedeltà cursore a Liscio per ottenere linee fluenti.

Passo 2

Il Strumento Pennello blob (Shift-B) ci consente di disegnare con forme, quindi non possiamo modificare le linee come tratti. Tuttavia, possiamo usare il Strumento di selezione diretta (A) per spostare i punti di ancoraggio e regolare la posizione delle maniglie di ancoraggio. In questo modo possiamo variare lo spessore della lettera, rendendo più spesse alcune delle sue parti e più sottili, imitando la calligrafia reale su carta.

Ecco come appare la mia parola. Stavo tracciando le lettere proprio sopra lo schizzo e le ho modificate per rendere il lettering liscio e scorrevole.

Passaggio 3

Ora imiteremo un font della macchina da scrivere. Potremmo usare alcuni dei caratteri incorporati e semplicemente digitare la parola, ma atteniamoci allo stile generale della nostra immagine e dargli un aspetto scritto a mano.

Prima di tutto, selezioniamo un bel font da macchina da scrivere, come Courier, Consolas o qualsiasi altro a vostro piacimento. Sto usando il Prestige Elite Std font per digitare la frase "è come", impostando la dimensione su 12 pt e il colore in una leggera sfumatura di grigio.

Blocca l'oggetto nel Livelli pannello, armati di Strumento Pennello blob (Shift-B) e inizia a disegnare le lettere. Li faccio sembrare un po 'diversi rispetto all'originale.

Finalmente, gruppo (Control-G) ogni lettera e spostali un po 'più vicini l'uno all'altro.

Passaggio 4

Ora passiamo alla parola "magia". Sto usando il mio schizzo come riferimento per formare le lettere simili a cartoni animati. Utilizzare il Pencil Tool (N) disegnare una lettera swirly curva e riempirla con il colore blu scuro. La mia lettera vettoriale non assomiglia esattamente a quella dello schizzo, perché lo schizzo è piuttosto approssimativo.

Se ti senti a disagio disegnando con il Pencil Tool (N) senza uno schizzo appropriato, è possibile creare uno schizzo pulito con lettere uniformi, posizionarlo in Adobe Illustrator e quindi tracciare appena sopra con il Pencil Tool (N). Questo ti aiuterà a controllare le linee e rendere più facile il processo di disegno. 

Sto usando il Strumento di selezione diretta (A) per spostare e modificare qualsiasi punto della lettera che non sembra corretto. Cerca di far sembrare i turbinii della lettera più o meno simmetrici.

Passaggio 5

Ora disegniamo la lettera A. Notate come il lato sinistro di A si adatta bene al vortice della lettera M. Questo aiuta a costruire una certa connessione tra le lettere.

Disegna una piccola forma in cima alla A e usa il Fronte meno funzione del esploratore per tagliarlo, formando un buco arrotondato. 

Passaggio 6

Continua a usare il Pencil Tool (N) e disegna la prossima lettera. Posiziona la G sopra A e ruotala leggermente verso sinistra, adattandola all'arco di A. 

Aggiungi una lettera semplice I con un puntino swirly su di esso. 

Completare disegnando una C arrotondata, ruotandola verso il lato opposto, verso destra. Modifica le lettere, se necessario, rendendole uniformi.

Passaggio 7

Regola la posizione delle lettere, facendole corrispondere tra loro, posizionandone alcune più in alto e le altre in basso, ruotandole in direzioni opposte per dare alla parola un aspetto giocoso di cartone animato.

Passaggio 8

Utilizzare il Pencil Tool (N) di nuovo, ma questa volta passa il Riempire colore a nessuno e il Ictus colore al blu scuro. Fai delle carezze arrotondate intorno alle lettere. Nel Ictus pannello, impostare il Peso a 1 punto e il Profilo a Profilo di larghezza 1.

Ora la parola sembra dettagliata. Andiamo avanti e combiniamo le parole in una carta romantica!

3. Combina le parole in una cartolina d'amore

Passo 1

Prima di tutto, creiamo un 450 x 450 px rettangolo e riempirlo con un colore blu-violetto molto scuro. Inviare il rettangolo indietro (Shift-Control- [), formando lo sfondo.

Le nostre lettere sembrano piatte in questa fase e possiamo lasciarle così o provare a applicare gradienti delicati per dare maggiore profondità alla nostra immagine e rendere le lettere un po 'complicate. 

Inizia cambiando i colori della lettera L nella parola "amorevole". Seleziona tutti gli elementi gialli e riempili con sfumature lineari da arancione a giallo, dandogli un tocco d'oro. Utilizzare il Strumento sfumatura (G) per posizionare il gradiente verticalmente.

Quindi seleziona gli elementi turchesi e applica un gradiente lineare verticale dal turchese al blu, facendo apparire la lettera luminosa.

Ricolora anche tutte le lettere rimanenti della parola.

Passo 2

Ora lavoriamo sulla parola "tu". Inizia applicando un gradiente lineare dal marrone chiaro al beige chiaro, impostando il gradiente in diagonale.

Passaggio 3

Ora facciamo apparire tridimensionale la lettera Y aggiungendo ombre sottili nei punti in cui le linee si sovrappongono. copia la Y e Incolla davanti (Control-C> Control-F). Riempi la copia con un colore blu a contrasto. 

Ingrandisci il ciclo della lettera e usa il Scissors Tool (C) fare clic sui quattro punti di ancoraggio nella parte sovrapposta della lettera, contrassegnata nello screenshot qui sotto. Ora che la forma è divisa in più parti, tienilo selezionato, prendi il Strumento Gomma (Shift-E), e usarlo come mostrato di seguito.

Passaggio 4

Ora seleziona gli elementi non necessari, lasciando solo alcuni pezzi, che saranno trasformati in ombre.

Passaggio 5

Impostare il Modalità di fusione della forma a Moltiplicare e riempirlo con un gradiente lineare dal marrone chiaro al bianco. Puoi anche impostare il Opacità della punta bianca del gradiente a 0%, rendendolo completamente trasparente. Utilizzare il Strumento sfumatura (G) per posizionare il gradiente nella giusta direzione.

Queste ombre delicate ci aiutano a separare le parti della lettera, facendole sembrare tridimensionali.

Passaggio 6

Fai lo stesso per il resto delle lettere, formando i pezzi che saranno trasformati in ombre. Ho segnato queste forme con il colore nero nello screenshot qui sotto.

Cambia queste forme in Modalità di fusione multipla e applicare gradienti lineari, come abbiamo fatto nel passaggio precedente. Ora la nostra parola sembra piuttosto tridimensionale!

Passaggio 7

Passa alla parte successiva della nostra carta e riempi la frase "è come" con un'elegante sfumatura lineare oro-beige selezionando tutte le lettere e applicando una sfumatura a tutte contemporaneamente. Aggiungi due linee orizzontali sottili da ciascun lato della frase.

Passaggio 8

E, infine, l'ultima parola della nostra carta: "magia". Seleziona tutte le lettere e applica un gradiente lineare dal blu in alto al lilla in basso. 

Colora anche i tratti, rendendoli adatti alla tavolozza della parola. Puoi lasciarli come tratti e applicare i colori manualmente o Oggetto> Espandi Aspetto e colorali insieme alle lettere selezionando l'intera parola e applicando un gradiente verticale.

Passaggio 9

Facciamo le lettere un po 'più dettagliate e complesse. Seleziona la lettera M e applica Offset Path con -Offset 2,5 px valore, creando una forma più piccola all'interno. Fissare la forma interna, se necessario, spostando i punti di ancoraggio e le maniglie con il Strumento di selezione diretta (A).

Riempi la forma creata con un gradiente lineare verticale dal blu scuro al viola scuro e cambia il Modalità di fusione a Schermo, rendendo la forma semitrasparente e luminosa.

Usa la stessa tecnica per aggiungere elementi luminosi a ciascuna lettera.

Passaggio 10

Aggiungiamo un po 'più di magia alla nostra immagine creando stelle scintillanti. Utilizzare il Star Tool (puoi trovarlo nello stesso menu a discesa di altre forme geometriche) per creare un 4 punte stella. Tenere il Controllo chiave mentre si fa la stella per regolare il suo spessore, rendendolo ingombrante.

Crea un gruppo di stelle di diverse dimensioni, riempiendole con sfumature dorate più chiare e più scure e macchiolina le stelle attorno alla parola "magia".

Passaggio 11

Utilizzare il Pencil Tool (N) disegnare una linea swirly nella parte in alto a sinistra della parola "amorevole". Passa a Ictus colorare e applicare un gradiente lineare dal marrone al beige chiaro. Non puoi modificare la direzione del tuo Ictus gradiente con il Strumento sfumatura (G), ma puoi regolarne il suo Angolo dal Pendenza pannello.

Nel Ictus pannello, impostare il Peso a 2 pt e il Profilo a Profilo di larghezza 1.

Passaggio 12

Aggiungi più vortici e piroette intorno alla parola "amorevole", formando una cornice. Aggiungi alcuni turbinii da entrambi i lati della parola "tu" pure.

Passaggio 13

Finisci i turbinii aggiungendo sottili tratti viola chiaro e sottili tratti punteggiati, facendo apparire i vortici ornati.

Bello! La nostra cartolina scritta è finita!

Ottimo lavoro, amici miei! Abbiamo terminato la nostra elegante cartolina "amore", che puoi stampare, mettere in una cornice e presentare con orgoglio alla persona amata. È fatto da te e, come sai, i regali fatti a mano creati con amore sono i migliori.

Spero che ti sia piaciuto il processo di creazione di questa scheda e utilizzeremo questi suggerimenti e trucchi per creare altri biglietti o poster.

A proposito, ho un altro tutorial di lettering per te! È facile e divertente, quindi dai un'occhiata!

  • Disegna un poster retrò pazzesco con scritte stravaganti in Adobe Illustrator