Crea un effetto di testo ispirato al baseball in Adobe Illustrator

Cosa starai creando

Per tutti voi appassionati di sport là fuori, questo tutorial vi insegnerà come creare un effetto testo ispirato al baseball. Inizierai preparando il testo, quindi con l'aiuto dell'effetto Bas Relief e l'effetto Bagliore interno potrai aggiungere facilmente alcune dimensioni ad esso. Successivamente, creerai una texture vettoriale e un Pattern Brush con cui potrai aggiungere i caratteristici punti a baseball. Avanti sulla lista delle cose da fare è l'aspetto logoro e sporco, per il quale utilizzerai un pennello artistico incorporato. Finirai con lo sfondo di erba e i ciuffi d'erba aggiuntivi intorno alle lettere. Saltiamo dentro! 

1. Inizia un nuovo progetto 

Avvia Adobe Illustrator e vai a File> Nuovo per aprire un documento vuoto. Digita un nome per il file e imposta le dimensioni, quindi seleziona pixel come unità e RGB come Modalità colore. Avanti, vai a Modifica> Preferenze> Generale e impostare il Incremento della tastiera a 1 px e mentre là, vai a Unità e prestazioni di visualizzazione per assicurarsi che il unità sono come nell'immagine seguente. Di solito lavoro con queste impostazioni e ti aiuteranno durante il processo di disegno. 

2. Prepara il testo

Passo 1

Prendi il Tipo Strumento (T) e digita "SPORT"Sulla tua tavola da disegno usando Cooper Black, Regolare, taglia di 120 pt. Imposta il tracciamento su 50, quindi selezionare Espandere dal Oggetto menu e Separa (Shift-Control-G)

Passo 2

Seleziona tutte le lettere e aggiungi a Colpo da 4,5 pt usando il colore che preferisci. Ora, seleziona Espandere dal Oggetto menu e Separa (Shift-Control-G) per trasformare i tratti in riempimenti. 

Concentrarsi sulla lettera "S". A questo punto la lettera dovrebbe essere composta dalla forma nera e dalla forma verde (il bordo riempito con il colore scelto). Seleziona entrambe le forme e premi Inserisci nel esploratore pannello per unirli in un'unica forma. Ripeti la stessa cosa per le altre quattro lettere. 

Passaggio 3

Seleziona la lettera "O" e vai a Oggetto> Percorso composto> Rilascio, quindi elimina l'ellisse più piccola dal centro.  

Passaggio 4

Riempi la lettera "O" con il gradiente radiale mostrato, e usa il colore beige indicato per il resto.

Passaggio 5 

Quindi, seleziona tutte le lettere e vai a Effetto> Stilizzazione> Bagliore interno, applica le impostazioni mostrate e premi ok. Mi riferirò a queste lettere da ora in poi come: "S originale", "P originale", "O originale", "R originale" e "T originale".

3. Aggiungi dimensione al testo

Passo 1 

Seleziona tutte le lettere originali, quindi copia e Incolla sul retro (Control-B). Rimuovi tutte le apparenze esistenti premendo il tasto Chiara apparenza icona nella parte inferiore del Aspetto pannello. Ora, riempire queste copie con il nero, e poi andare a Effetto> Schizzo> Bassorilievo, applica le impostazioni dal basso e premi ok. A questo punto non riesci a vedere il risultato, ma vai al prossimo passaggio.  

Passo 2

Se si rendono invisibili le lettere originali (premendo l'icona a forma di occhio accanto a ciascuna lettera in Aspetto pannello), sarete in grado di vedere le copie delle lettere con il Bas Relief effetto applicato a loro. Per un aspetto più sottile, ridurre il Opacità a 65% per ogni lettera. 

Passaggio 3

Riattivare la visibilità per le lettere originali e impostarle tutte Sovrapposizione modalità di fusione

Passaggio 4

Se si ingrandisce una delle lettere, si noterà che il Bas Relief effetto, anche se è grandioso, ci dà i bordi pixelati. Non ti preoccupare: possiamo sistemarlo con una semplice maschera. Innanzitutto, seleziona tutte le lettere originali e poi copia e Incolla sul retro (Control-B). Impostare le copie ottenute per il tratto: nessuna, nessuna nessuna, premendo il tasto Chiara apparenza icona nella parte inferiore del Aspetto pannello. 

Successivamente, concentrati sulla prima lettera. Seleziona la copia della "S originale" che hai appena creato, insieme alla lettera "S" che ha il Bas Relief effetto applicato ad esso, e andare a Oggetto> Maschera di ritaglio> Rendi (Control-7). Nel Livelli pannello dovresti vedere il nuovo gruppo, che ho chiamato "Bas Relief", e la "S originale" che rimane sempre in primo piano. 

4. Crea la Texture

Passo 1

Prendi il Strumento rettangolo (M) e disegna un grande rettangolo sopra le lettere. Come riferimento, il mio è circa 550 x 200 px. Seleziona bianco come colore di riempimento, quindi vai a Effetto> Texture> Vetro colorato, applica le impostazioni dal basso e premi ok.

Passo 2

Con il rettangolo selezionato, scegliere Espandi Aspetto, e poi andare a Oggetto> Traccia live> Opzioni di traccia. Apporta le modifiche evidenziate sotto e premi Traccia, quindi selezionare Espandere dal Oggetto menu. Ora, la tua texture è vettoriale. 

Passaggio 3

Con la texture ancora selezionata, dai un'occhiata alle dimensioni in Trasformare pannello. Invece delle dimensioni esistenti (qualunque esse siano), digita 480 px nel Larghezza campo e 120 px nel Altezza campo. Questo non solo renderà la trama più piccola, ma anche le celle diventeranno più piccole, e questo è ciò che vogliamo. 

Passaggio 4

Imposta la trama su Sovrapposizione modalità di fusione e 20% di opacità (1). Quindi, selezionare "S originale", "P originale", ..., "T originale", quindi copia e Incolla davanti (Control-F) tutti loro. Rimuovi tutte le apparenze esistenti e portale davanti a tutto andando a Oggetto> Disponi> Porta in primo piano (Shift-Control-]). Con queste cinque copie ancora selezionate, vai a Oggetto> Percorso composto> Crea (Control-8) (2). Ora, seleziona il nuovo tracciato composto (tratto-nessuno, riempimento-nessuno) insieme alla trama e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7) (3). 

Passaggio 5

Vai al Livelli pannello e individuare la texture sotto la maschera appena creata. copia e Incolla di fronte (Control-F), cambia il colore di riempimento da nero a bianco, quindi spostalo 1 px su e 1 px a sinistra premendo il tasto Freccia su/Tasto freccia sinistra sulla tastiera una volta. Impostare il Modalità di fusione di nuovo a Normale ma mantieni il Opacità a 20%

5. Creare il pennello per il modello dei punti di baseball

Passo 1

Prendi il Strumento penna (P) e disegna una forma a forma di petalo, ma piatta nella parte inferiore. Come riferimento, la mia forma è circa 12 x 33 px, così piccolo (1). Utilizzare il Ruotare opzione nel Trasformare pannello per ruotare questa forma -15 gradi (2), quindi vai a Oggetto> Trasforma> Rifletti, dai un'occhiata Orizzontale,e colpisci copia. Disporre le due forme come nell'immagine, con i due angoli interni che si sovrappongono leggermente (3). Spostare alcuni punti interni per ottenere una linea relativamente rettilinea al centro, come indicato dalla linea guida (4). Infine, disegna due ellissi e spediscile sul retro (5).

Passo 2

Prima di continuare, assicurati che le due forme a forma di petalo siano riempite con lo stesso colore (viola) e che anche le due ellissi siano riempite con lo stesso colore (verde). Ora seleziona tutto e trascinalo nel Spazzole pannello per salvare a Nuovo pennello pattern. Nella finestra che si apre, digita un nome per il pennello e lascia le impostazioni come sono. 

6. Creare i punti sul testo

Passo 1 

Utilizzare il Strumento penna (P) o il Pencil Tool (N) disegnare due percorsi leggermente curvi su ogni lettera, come nell'immagine. Usa il colore indicato come colore del tratto e imposta il Peso del colpo a 0,5 pt

Passo 2

Con i dieci percorsi ancora selezionati, scegliere Aggiungi nuovo tratto dal menu a comparsa di Aspetto pannello. Questo aggiungerà un secondo colpo sopra il primo, e ora puoi usare il Baseball Stitch Pattern Brush salvato in precedenza. Impostare il Peso del colpo a 1 punto, e quindi fare doppio clic sul pennello applicato nel Aspetto pannello per aprire il Opzioni del tratto finestra. genere 20% nel Scala campo e colpisci ok

Passaggio 3

Ora, coloriamo i punti da baseball. Ma prima, seleziona tutti i percorsi tracciati e scegli Espandi Aspetto dal Oggetto menu. Ingrandisci la lettera "S", quindi seleziona usando Strumento di selezione diretta (A) solo una delle forme viola e vai a Seleziona> Stesso> Colore di riempimento. Di conseguenza, verranno selezionate tutte le forme viola e sarà possibile riempirle tutte insieme con il gradiente radiale mostrato.

Passaggio 4

Quindi, seleziona solo una delle ellissi verdi, quindi vai a Seleziona> Stesso> Colore di riempimento. Di conseguenza, verranno selezionate tutte le ellissi verdi e sarà possibile riempirle con il gradiente radiale mostrato. 

Passaggio 5

È ora di aggiungere alcune ombre. Prendi il Strumento penna (P) o il Pencil Tool (N) e ancora disegnare due percorsi su ogni lettera. Si noti che uno dei percorsi segue il lato interno del punto e l'altro segue il lato esterno del secondo punto (1). Tienilo a mente quando disegni i percorsi.

Seleziona un Colpo nero di 1 pt per questi dieci percorsi, poi vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio di 1,5 px (2). Metti tutti a 40% di opacità per un'ombra più sottile (3).

Passaggio 6

Successivamente, creeremo alcune maschere e userò la lettera "S" come esempio. Seleziona "S originale", quindi copia e Incolla davanti (Control-F). Rimuovi tutte le apparenze esistenti e portalo davanti a tutto andando a Oggetto> Disponi> Porta in primo piano (Shift-Control-]) (1). Ora seleziona questa copia della lettera, insieme ai due punti e ai due percorsi ombra (2) e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7) (3). Puoi nominare il gruppo risultante "Punti" S "" nel Livelli pannello. 

Passaggio 7

Ripeti il ​​passaggio precedente per il resto delle lettere e a questo punto il tuo testo dovrebbe avere bordi puliti. 

7. Crea l'aspetto logoro / sporco

Passo 1 

Prendi il Strumento penna (P) o il Strumento Segmento di linea (\) e traccia un percorso rettilineo su ogni lettera, come nell'immagine successiva. Seleziona il nero come colore di riempimento, quindi vai a Menu Librerie di pennelli> Artistico> Artistic_ChalkCharcoalPencil e trova Chalk Art Brush. Usalo per accarezzare questi cinque percorsi e aumentare il Peso del colpo2 pt

Passo 2

Selezionare "S originale", "P originale", ..., "T originale", quindi copia e Incolla davanti (Control-F). Rimuovi tutte le apparenze esistenti e portale davanti a tutto andando a object> Disponi> Porta in primo piano (Shift-Control-]). Ora concentrati sulla lettera "S". Seleziona la copia della lettera appena creata con il percorso tracciato e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7). Puoi nominare il gruppo risultante "Dirt" S "nel Livelli pannello. 

Ripeti la stessa cosa per il resto delle lettere per ottenere bordi puliti. 

Passaggio 3

Selezionare il percorso tracciato sopra la lettera "S" e impostare il Modalità di fusione a copertura. Fai lo stesso per le altre quattro lettere. Puoi anche ridurre il Opacità un po 'se necessario. 

8. Aggiungi l'ombra

Passo 1 

Seleziona le lettere originali e poi copia e Incolla sul retro (Control-B). Rimuovi tutte le apparenze esistenti e inviale dietro a tutto andando a Oggetto> Disponi> Porta in secondo piano (Shift-Control- [). Usa il colore indicato come colore di riempimento, quindi vai a Effetto> Stilizzazione e applicare il Ombra esterna effetto quattro volte. 

Passo 2

Queste sono le impostazioni per i quattro Ombra esterna effetti: 

9. Crea lo sfondo dell'erba

Passo 1

Innanzitutto, creane uno nuovo Strato chiamato "BG" sotto il livello con l'effetto testo. Prendi il Strumento rettangolo (M) e disegna un rettangolo delle dimensioni della tua tavola da disegno, che nel mio caso è 600 x 400 px. Seleziona il colore indicato come colore di riempimento.

Passo 2

copia e Incolla davanti (Control-F) lo stesso rettangolo e cambia il colore di riempimento in nero. Quindi vai a Effetto> Schizzo e applicare il Carta per appunti effetto. Questo è solo l'inizio, ma puoi vedere il resto dei dettagli nel mio tutorial Creare un Effetto Testo Grass Grass, dal momento che questo sfondo è ispirato da lì. In pratica, segui le spiegazioni e le impostazioni dal passaggio 2 al passaggio 6 e otterrai lo sfondo dell'erba.  

Passaggio 3

Alla fine del passaggio 6 lo sfondo dovrebbe apparire come questo:

Passaggio 4

Disegna un altro rettangolo con le stesse dimensioni e riempilo con un gradiente radiale dal bianco al nero. Impostalo su La modalità di fusione si moltiplica e 40% di opacità e lo sfondo è pronto. 

10. Aggiungi semi di erba aggiuntivi

Passo 1

Ritorna al livello con l'effetto testo. Vai al simboli pannello, apri il Menu Librerie simboli,e nel Natura categoria, trova Erba 1, Erba 2 e Erba 3. Trascinali nella tua tavola da disegno, quindi premi il tasto Interrompi collegamento al simbolo icona nella parte inferiore del simboli pannello per espanderli. 

Moltiplicare questi ciuffi d'erba, ridimensionarli, ruotarli e disporli attorno alla lettera "S". Puoi seguire il mio esempio o farlo come vuoi (1). Ho deciso di mascherare l'erba dall'alto e da sinistra perché non sembrava naturale, e per questo ho usato una copia della "S originale", proprio come prima (2). Seleziona la copia della lettera insieme ai ciuffetti d'erba che vuoi mascherare e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7) (3).  

Passo 2 

Ecco il resto delle lettere. Nella colonna 1 puoi vedere i ciuffi d'erba che ho sistemato attorno alle lettere, nella colonna 2 puoi vedere i ciuffi d'erba che ho deciso di mascherare, e nella colonna 3 è il risultato finale. 

Congratulazioni! Hai finito. 

L'effetto testo ispirato al baseball è pronto. Spero che tu abbia imparato alcune cose nuove che puoi applicare nei progetti futuri. Lasciami un feedback o condividi la tua ri-creazione di questo effetto, perché mi piacerebbe vederlo.