Come creare un effetto testo croccante in Adobe Illustrator

Cosa starai creando

Nei seguenti passaggi imparerai come creare un effetto di testo crunchy modificabile in Adobe Illustrator.

Per i principianti, imparerai come creare il tuo pattern partendo da un pattern incorporato. Successivamente, utilizzando una semplice parte di testo e il pannello Aspetto, imparerai come creare l'effetto di testo. Mentre aggiungi le minuscole briciole attorno al tuo testo, imparerai come salvare e usare facilmente gli stili grafici. Infine, imparerai come adattare sottilmente il tuo testo e come aggiungere uno sfondo semplice per il design finale.

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

Di cosa avrai bisogno

Avrai bisogno della seguente risorsa per completare questo progetto:

  • Carattere di Knicknack

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 nella casella di larghezza e 500 nella casella altezza, quindi fare clic su Più configurazioni pulsante. Selezionare RGB per il Modalità colore, impostare il Effetti raster a Schermo (72 ppi), e quindi fare clic Crea documento.

Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità.

2. Come creare e salvare un modello

Passo 1

Aprire il menu a comparsa dal campioni pannello (Finestra> Campioni) e andare a Apri la Libreria campioni> Motivi> Grafica di base> Grafica_Texture di base. Seleziona il USGS 22 Grave Beach pattern e trascinalo semplicemente sulla tua tavola da disegno.

Passo 2

Seleziona una delle cerchie nere che costituiscono il modello importato e vai a Seleziona> Stesso> Colore di riempimento per selezionare tutte le forme con un riempimento nero. Basta sostituire il nero con R = 140 G = 67 B = 23.

Passaggio 3

Seleziona tutte le forme che compongono il tuo modello e trascinalo semplicemente all'interno campioni pannello per salvarli come un nuovo modello.

3. Come creare l'effetto di testo

Passo 1

Scegli il Tipo Strumento (T) e apri il Personaggio pannello (Finestra> Tipo> Carattere). Seleziona il carattere Knicknack e imposta la dimensione su 170 px e il monitoraggio di 50.

Fai clic sulla tavola da disegno e aggiungi la tua parte di testo come mostrato di seguito. Rendilo nero, per ora.

Passo 2

Seleziona il tuo testo, concentrati su campioni pannello (Finestra> Campioni), e fare clic su [Nessuna] campione per rimuovere il colore del testo nero.

Sposta in Aspetto pannello (Finestra> Aspetto) e aggiungere un nuovo riempimento utilizzando il Aggiungi nuovo riempimento pulsante. Seleziona quel nuovo riempimento e imposta il colore su R = 253 G = 243 B = 188.

Passaggio 3

Assicurati che il tuo testo rimanga selezionato, concentrati su Aspetto pannello e aggiungere un secondo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante.

Seleziona questo nuovo riempimento, imposta il colore su R = 255 G = 188 B = 53, e vai a Effetto> Percorso> Percorso offset. Entrare in un -Offset 2 px, clic ok, e vai a Effetto> Distorci e trasforma> Trasforma. Immettere gli attributi mostrati di seguito, fare clic su ok, e vai a Effetto> Distorci e trasforma> Irruvidisci. Inserire le impostazioni mostrate nell'immagine seguente e fare clic ok.

Passaggio 4

Assicurati che il tuo testo sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un terzo riempimento e selezionalo.

Imposta il colore su R = 210 G = 96 B = 12 e vai a Effetto> Percorso> Percorso offset. Entrare in un -Offset 2 px, clic ok, e vai a Effetto> Distorci e trasforma> Trasforma. Immettere gli attributi mostrati di seguito, fare clic su ok, e vai a Effetto> Distorci e trasforma> Irruvidisci. Inserire le impostazioni mostrate nell'immagine seguente e fare clic ok.

Passaggio 5

Assicurati che il tuo testo sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un quarto riempimento e selezionalo.

Imposta il colore su R = 255 G = 188 B = 53 e vai a Effetto> Percorso> Percorso offset. Entrare in un -Offset 2 px, clic ok, e vai a Effetto> Distorci e trasforma> Trasforma. Immettere gli attributi mostrati di seguito, fare clic su ok, e vai a Effetto> Distorci e trasforma> Irruvidisci. Inserire le impostazioni mostrate nell'immagine seguente e fare clic ok.

Passaggio 6

Assicurati che il tuo testo sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un quinto riempimento e selezionalo.

Applica il tuo modello dal campioni pannello e poi andare a Effetto> Distorci e trasforma> Trasforma. Immettere gli attributi mostrati di seguito e fare clic ok.

Passaggio 7

Assicurati che il tuo testo sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un sesto riempimento e selezionalo.

Applicare il USGS 21 Intricate Surface modello dal Basic Graphics_Textures pannello, cambia il Modalità di fusione a Luce soffusa, e vai a Effetto> Distorci e trasforma> Trasforma. Immettere gli attributi mostrati di seguito e fare clic ok.

Passaggio 8

Assicurati che il tuo testo sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un settimo riempimento e selezionalo.

Imposta il colore su R = 140 G = 67 B = 23, cambiala Modalità di fusione a Luce soffusa, e vai a Effetto> Percorso> Percorso offset. Entrare in un -Offset 3 px, clic ok, e vai a Effetto> Distorci e trasforma> Irruvidisci. Immettere le impostazioni mostrate nell'immagine seguente, fare clic su ok, e vai a Effetto> Artistico> Grana del film. Immettere gli attributi mostrati di seguito e fare clic ok.

Passaggio 9

Assicurati che il tuo testo sia ancora selezionato, continua a concentrarti su Aspetto pannello e selezionare il tratto.

Imposta il colore su R = 210 G = 96 B = 12, aumentare il Peso a 3 px, e vai a Effetto> Distorci e trasforma> Irruvidisci. Inserire le impostazioni mostrate nell'immagine seguente e fare clic ok.

Passaggio 10

Assicurati che il tuo testo sia ancora selezionato e continua a concentrarti su Aspetto pannello. Aggiungi un secondo tratto usando il Aggiungi nuovo tratto pulsante e selezionalo.

Imposta il colore su R = 103 G = 22 B = 1, abbassare il Peso a 1 px, e vai a Effetto> Distorci e trasforma> Irruvidisci. Inserire le impostazioni mostrate nell'immagine seguente e fare clic ok.

Passaggio 11

Assicurati che il tuo testo sia ancora selezionato e continua a concentrarti su Aspetto pannello. Seleziona l'intero testo (clicca il 'Genere' sezione dalla parte superiore del pannello) e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere gli attributi visualizzati nella finestra in alto a sinistra (nell'immagine seguente), fare clic su ok, e quindi applicare gli altri quattro Ombra esterna effetti mostrati di seguito.

4. Come salvare uno stile e aggiungere alcune briciole

Passo 1

Assicurati che il tuo testo sia ancora selezionato, apri il Stili grafici pannello e fare clic su Nuovo stile grafico pulsante.

Passo 2

Assicurati che il tuo testo sia ancora selezionato e scegli il Touch Type Tool (Shift-T). Clicca sul primo carattere del tuo testo e usa la maniglia rotonda che si trova sopra il personaggio selezionato per ruotarlo come mostrato nell'immagine seguente.

Passaggio 3

Usa lo stesso Touch Type Tool (Shift-T) ruotare approssimativamente gli altri sei caratteri come mostrato nelle immagini seguenti.

Passaggio 4

Usando il Strumento penna (P) o il Pennello (B), Disegna alcune piccole forme attorno al tuo testo, all'incirca come mostrato nella prima immagine. Queste nuove forme saranno le briciole. Seleziona tutte queste forme e applica semplicemente il tuo stile dal Stili grafici pannello.

5. Come creare uno sfondo

Passo 1

Scegli il Strumento rettangolo (M) e creare un 860 x 510 px forma. Riempi questo rettangolo con R = 253 G = 243 B = 188, inviarlo di nuovo (Shift-Control-[) e assicurarsi che copra l'intera tavola da disegno.

Passo 2

Assicurati che il tuo rettangolo sia ancora selezionato, concentrati su Aspetto pannello e aggiungere un secondo riempimento. Selezionalo e applica il gradiente radiale mostrato di seguito. Utilizzare il Strumento sfumatura (G) per allungare la sfumatura come mostrato nell'immagine seguente.

Congratulazioni! Hai finito!

Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri. Non esitare a condividere il tuo risultato finale nella sezione commenti.

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.