Come creare un effetto di testo grassetto e animato in Adobe Illustrator

Cosa starai creando

Nei seguenti passaggi imparerai come creare un effetto di testo grassetto e animato in Adobe Illustrator. 

Per i principianti imparerai come impostare una griglia semplice e come creare uno sfondo piuttosto semplice per il tuo effetto di testo. Usando lo Strumento testo e un font piacevole e gratuito, imparerai come iniziare il testo. Sfruttando appieno il pannello Aspetto, imparerai come creare l'effettivo effetto di testo. Infine, imparerai come aggiungere alcuni tocchi finali per il tuo effetto di testo usando una serie di semplici cerchi.

Per ulteriori informazioni su come regolare o migliorare l'effetto del testo finale, puoi trovare molte risorse su GraphicRiver.

1. Come creare un nuovo documento e impostare una griglia

Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 850 nelle caselle larghezza e altezza, quindi fare clic su Avanzate pulsante. Selezionare RGB per il Modalità colore, impostare il Effetti raster a Schermo (72 ppi), e quindi fare clic su quello Crea documento pulsante.

Abilita il Griglia (Visualizza> Mostra griglia) e il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 5 px, quindi semplicemente vai Modifica> Preferenze> Guide> Griglia, ed entra 5 nel Gridline ogni scatola e 1 nel suddivisioni scatola. Cerca di non scoraggiarti da tutta questa griglia: renderà più facile il tuo lavoro e tieni presente che puoi facilmente abilitarlo o disabilitarlo usando il Controllo-" scorciatoia da tastiera.

Puoi imparare di più sul sistema di griglia di Illustrator in questo breve tutorial di Andrei Stefan: Capire il Grid System di Adobe Illustrator.

Dovresti anche aprire il Informazioni pannello (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.

2. Come creare lo sfondo

Passo 1

Scegli il Strumento rettangolo (M) e concentrati sulla tua barra degli strumenti. Rimuovi il colore dal tratto e quindi seleziona il riempimento e imposta il suo colore su R = 137 G = 147 B = 150.

Crea semplicemente un 860 px piazza e assicurati che copra tutta la tua tavola da disegno. La griglia e il Aggancia alla griglia funzionalità dovrebbe aiutare.

Passo 2

Assicurati che il tuo quadrato sia ancora selezionato, apri il Aspetto pannello (Finestra> Aspetto) e aggiungere un secondo riempimento utilizzando il Aggiungi nuovo riempimento pulsante.

Seleziona il nuovo riempimento, abbassalo Opacità a 60%, e quindi sostituire il colore esistente con il gradiente radiale mostrato di seguito. Tieni presente che lo zero giallo dal Pendenza Immagine (Finestra> Gradiente) sta per Opacità percentuale e utilizzare il Strumento sfumatura (G) per allungare il gradiente come mostrato nell'immagine seguente.

3. Come creare i pezzi di testo principale

Passo 1

Scegli il Tipo Strumento (T) e apri il Personaggio pannello (Finestra> Tipo> Carattere). Seleziona il carattere Comical Cartoon e imposta la dimensione su 40 px e il principale a 150 px. Basta fare clic sulla tua tavola da disegno, aggiungere la colonna di testo e renderla bianca.

Passo 2

Utilizzando lo stesso strumento e gli stessi attributi, aggiungi nuovamente la prima riga del tuo testo. Rendilo rosso e posizionalo sopra a quello bianco. Fai lo stesso per le altre tre righe di testo, come mostrato nelle immagini seguenti. Una volta che hai finito, puoi rimuovere quel testo bianco dal tuo documento.

4. Come creare il lato frontale del tuo effetto di testo

Passo 1

Seleziona una delle tue parti di testo, concentrati su Aspetto pannello e aggiungi un nuovo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante. Imposta il suo colore su R = 247 G = 139 B = 30 e assicurati che si trovi al di sopra di quello "Personaggi"pezzo di testo. Posizionandolo sopra il"Personaggi"il testo coprirà semplicemente quello rosso.

Passo 2

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un secondo riempimento e trascinalo sotto quello esistente.

Assicurati che il nuovo riempimento sia selezionato, sostituisci il colore esistente con il gradiente lineare mostrato sotto, quindi vai a Effetto> Percorso> Percorso offset. Entrare in un Offset 2 px, impostare il Si unisce a Il giro, e quindi fare clic su quello ok pulsante.

Passaggio 3

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Riselezionare il riempimento in basso e andare a Effetto> Distorci e trasforma> Trasforma. Inserisci gli attributi mostrati nell'immagine seguente e poi fai clic su di esso ok pulsante.

Passaggio 4

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Riselezionare il riempimento in basso e andare a Effetto> Stilizzazione> Bagliore interno. Inserisci gli attributi mostrati nell'immagine seguente e poi fai clic su di esso ok pulsante.

Passaggio 5

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Seleziona quel riempimento in alto e vai a Effetto> Percorso> Percorso offset. Entrare in un Offset 2 px, impostare il Si unisce a Il giro, e quindi fare clic su quello ok pulsante.

Passaggio 6

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un terzo riempimento e posizionalo sopra quelli esistenti.

Seleziona questo nuovo riempimento, imposta il suo colore su R = 254 G = 183 B = 21, e vai a Effetto> Percorso> Percorso offset. Entrare in un -Offset 4 px, impostare il Si unisce a Il giro, clicca qui ok pulsante, quindi vai a Effetto> Distorci e trasforma> Trasforma. Inserisci gli attributi mostrati nell'immagine seguente e poi fai clic su di esso ok pulsante.

Passaggio 7

Per questo passaggio avrai bisogno di quei pattern incorporati da Illustrator. Aprire il menu a comparsa dal campioni pannello (Finestra> Campioni) e andare a Apri la Libreria campioni> Motivi> Grafica di base> Grafici di base. Tieni questa finestra aperta, assicurati che il testo arancione sia selezionato e ritorni a Aspetto pannello.

Seleziona il riempimento in alto e duplica usando il Duplica elemento selezionato pulsante. Seleziona il riempimento appena aggiunto e sostituisci semplicemente il colore esistente con "10 pli 50%"modello da quel set.

Passaggio 8

Assicurati che il riempimento con motivo sia ancora selezionato, abbassalo Opacità a 75%, cambiare il Modalità di fusione a Luce soffusa, e poi andare a Effetti> Distorci e Trasforma> Trasforma. Immettere gli attributi mostrati di seguito, quindi fare clic su ok pulsante.

Passaggio 9

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello.

Seleziona quel tratto, imposta il colore su R = 255 G = 200 B = 28 e la dimensione a 4 px, e poi andare a Effetto> Percorso> Percorso offset. Entrare in un -Offset 2 px, impostare il Si unisce a Il giro, e quindi fare clic su quello ok pulsante.

5. Come creare il retro del tuo effetto di testo

Passo 1

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un quinto riempimento e posizionalo al di sotto di quelli esistenti.

Seleziona questo nuovo riempimento e imposta il suo colore su nero (R = 0 G = 0 B = 0). Abbassare la sua Opacità a 50% e cambia il Modalità di fusione a Luce soffusa, e poi andare a Effetto> Percorso> Percorso offset. Entrare in un Offset 2 px, impostare il Si unisce a Il giro, clicca qui ok pulsante, quindi vai a Effetto> Distorci e trasforma> Trasforma. Immettere gli attributi visualizzati nella finestra di sinistra (nell'immagine seguente), fare clic su ok pulsante, quindi vai di nuovo su Effetto> Distorci e trasforma> Trasforma. Questa volta, inserisci gli attributi mostrati nella finestra di destra e poi fai clic su di esso ok pulsante.

Passo 2

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello.

Seleziona il riempimento nero inferiore e duplicalo usando lo stesso Duplica elemento selezionato pulsante. Concentrati sul tuo riempimento nero inferiore e apri il secondo Trasformare effetto. Basta aumentare il copie a partire dal 20 a 50 e quindi fare clic su quello ok pulsante.

Passaggio 3

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un nuovo riempimento e posizionalo sotto a quelli esistenti.

Seleziona questo nuovo riempimento, imposta il suo colore su R = 190 G = 31 B = 46, e poi andare a Effetto> Percorso> Percorso offset. Entrare in un Offset 20 px, impostare il Si unisce a Il giro, clicca qui ok pulsante, quindi vai a Effetto> Distorci e trasforma> Trasforma. Inserisci gli attributi mostrati nell'immagine seguente e poi fai clic su di esso ok pulsante.

Passaggio 4

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un nuovo riempimento e posizionalo sopra a quello inferiore.

Seleziona questo nuovo riempimento, imposta il suo colore su R = 160 G = 1 B = 16, e poi andare a Effetto> Percorso> Percorso offset. Entrare in un Offset 5 px, impostare il Si unisce a Il giro, clicca qui ok pulsante, quindi vai a Effetto> Distorci e trasforma> Trasforma. Inserisci gli attributi mostrati nell'immagine seguente e poi fai clic su di esso ok pulsante.

Passaggio 5

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un nuovo riempimento e posizionalo sotto a quelli esistenti.

Seleziona questo nuovo riempimento, imposta il suo colore su R = 160 G = 1 B = 16, e poi andare a Effetto> Percorso> Percorso offset. Entrare in un Offset 20 px, impostare il Si unisce a Il giro, clicca qui ok pulsante, quindi vai a Effetto> Distorci e trasforma> Trasforma. Immettere gli attributi mostrati nella finestra di sinistra, fare clic su quello ok pulsante, quindi vai di nuovo su Effetto> Distorci e trasforma> Trasforma. Questa volta inserisci gli attributi mostrati nella finestra di destra e poi fai clic su di esso ok pulsante.

Passaggio 6

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Riselezionare il riempimento in basso e andare a Effetto> Stilizzazione> Sfalsa ombra. Immettere gli attributi mostrati di seguito, quindi fare clic su ok pulsante.

Passaggio 7

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Usando il Aggiungi nuovo tratto pulsante, aggiungi un secondo tratto per il testo e posizionalo sotto tutti i riempimenti.

Seleziona questo nuovo tratto, imposta il suo colore su R = 190 G = 31 B = 46 e poi andare a Effetto> Percorso> Percorso offset. Entrare in un Offset 20 px, impostare il Si unisce a Il giro, clicca qui ok pulsante, quindi vai a Effetto> Pathfinder> Aggiungi. Ritorna al Aspetto pannello e fai clic su "Ictus"pezzo di testo per aprire il Ictus pannello a scomparsa. Impostare il Peso a 8 px, controlla il Tappo rotondo e Round Join pulsanti, quindi verificarlo Linea tratteggiata scatola. accedere 0 px nel primo trattino scatola e 8 px nel primo divario box, e il tuo tratto dovrebbe apparire come mostrato nell'immagine seguente.

Passaggio 8

Assicurati che il testo arancione sia ancora selezionato e continua a concentrarti su Aspetto pannello. Riselezionare il riempimento in basso e andare a Effetto> Distorci e trasforma> Trasforma. Inserisci gli attributi mostrati nell'immagine seguente e poi fai clic su di esso ok pulsante.

6. Come copiare e regolare gli attributi di aspetto

Passo 1

Ora, è necessario copiare il Aspetto attributi da un pezzo di testo all'altro. Concentrarsi sul Livelli pannello (Finestra> Livelli) e noterai che tutti gli oggetti hanno un piccolo cerchio sul lato destro, un'icona bersaglio.

Tenere il alt dalla tastiera, fai clic sull'icona di destinazione che rappresenta la porzione di testo arancione e trascinala sopra l'icona di destinazione che rappresenta uno di quei pezzi di testo rossi.

Passo 2

Ripeti la tecnica menzionata nel passaggio precedente per copiare il file Aspetto attributi. Una volta che hai finito, seleziona uno o più di quei pezzi di testo, concentrati su Aspetto pannello e sostituire i colori esistenti con quelli indicati nell'immagine seguente.

7. Come aggiungere diversi cerchi / stelle e allargarli attorno al testo

Passo 1

Usando il Strumento ellisse (L), creare un 20 px cerchio. Assicurati che non ci sia alcun colore di riempimento impostato per questa forma e imposta il colore del tratto su R = 190 G = 31 B = 46. Apri il Ictus pannello a scomparsa, aumentare il Peso a 6 px, e controlla quello Allinea a Inside pulsante.

Usando lo stesso strumento, crea a 15 px cerchio. Aggiungere lo stesso tratto rosso, allinearlo all'interno, ma diminuirlo Peso a 4 px. Crea un terzo cerchio, fallo 10 px largo, aggiungi lo stesso tratto rosso, non dimenticare di allinearlo all'interno, e imposta il Peso a 3 px.

Duplica questi tre cerchi (Control-C> Control-V), selezionare le copie e sostituire semplicemente il rosso con R = 159 G = 31 B = 99.

Passo 2

Basta moltiplicare i cerchi rossi e viola (Control-C> Control-V) e quindi distribuire le copie come mostrato nell'immagine seguente.

In alternativa, puoi sostituire quelle cerchie con semplici forme a stella che possono essere facilmente realizzate usando il Star Tool.

Congratulazioni! Hai finito!

Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri.

Sentiti libero di adattare il design finale e renderlo tuo. Puoi trovare alcune grandi fonti di ispirazione in GraphicRiver con soluzioni interessanti per migliorare il tuo design.