Effetto testo fumetto (tutorial per Adobe Illustrator)

Esercitazione sugli effetti di testo a fumetti

Prima di tutto, chiarisci che questo lezione È stato realizzato con Adobe Illustrator CS5 (in inglese), quindi le immagini passo passo mostrano l'interfaccia di quella versione. Anche così, puoi provarlo in qualsiasi versione tu abbia, tenendo conto che è probabile che ti costerà un po 'di più per seguire il tutorial.

Questo effetto può essere utile quando si esegue un file design informale in cui lo stile comico accompagna ciò che vuoi comunicare. Successivamente ti offriamo un tutorial passo passo in modo da poter ottenere un effetto di testo comico con Adobe Illustrator.

Effetto di testo comico

Apriamo Adobe Illustrator e andiamo a creare un nuovo documento (Mac: Cmd + N Windows: Ctrl + N). Possiamo nominarlo come vogliamo e scegliere la dimensione del file. Nel mio caso ho scelto 570 x 300 px, il formato che utilizziamo in Creativos Online per caricare le immagini.

È molto importante che, nella parte inferiore della finestra di dialogo (Avanzate), ti assicuri di aver contrassegnato come Modalità colore il file RGB, Effetti raster attivati Schermo (72 ppi) y Modalità di anteprima predefinita. Dopo aver selezionato le opzioni, fare clic su OK.

Tutorial passo passo di Illustrator

BACKGROUND

Creeremo lo sfondo colorato che indosserà il nostro testo. Selezioniamo lo strumento rettangolo (Strumento rettangolo, tasto M) e facciamo clic in un punto qualsiasi del nostro documento. Quindi si aprirà una piccola finestra che ci permetterà di inserire le misure del rettangolo: dovrai inserire le misure del tuo documento. Nel mio caso, 570 x 300 px. Fare clic su OK e il rettangolo che abbiamo appena creato apparirà sullo schermo.

Tutorial passo passo di Illustrator

Ora dovremo posizionarlo bene. Per fare ciò selezioneremo la freccia nera che si trova nella barra degli strumenti, (Strumento di selezione, Tasto V). Con esso faremo clic sul bordo del rettangolo e, SENZA RILASCIARE, trascineremo il bordo fino a farlo coincidere con i bordi del documento. Tutorial passo passo di Illustrator Tutorial passo passo di Illustrator

PRIORITÀ BASSA DI COLORAZIONE

Lo sfondo è già fatto, ma per impostazione predefinita lo vedremo bianco con un bordo nero. È ora di cambiare questo! Con la freccia nera selezionata come strumento (Strumento di selezione, tasto V), facciamo clic sul rettangolo. Andiamo alle due caselle colorate in fondo alla barra degli strumenti: quella davanti corrisponde al file colore di riempimento della nostra figura e, quello dietro, si riferisce al TRAZO. Per impostazione predefinita avremo il riempimento di colore bianco e il colore del bordo nero. Facciamo clic sulla casella di riempimento e sul file color Picker (Color Picker). Ora puoi selezionare il colore che desideri per lo sfondo. Nel mio caso era un blu. Una volta scelto, fai clic su OK e avrai il tuo rettangolo colorato.  Tutorial passo passo di Illustrator

Ora ci sarà togliere il filo. Fare clic sulla casella sul bordo della nostra barra degli strumenti. Ora, appena sotto quel quadrato, c'è un piccolo quadrato bianco con una diagonale rossa. Facciamo clic su di esso ... E il gioco è fatto! Questo quadrato dice a Illustrator che vogliamo il tratto senza colore. Se volessimo che il riempimento del rettangolo sia anche senza colore, dovremmo selezionare la casella corrispondente e fare nuovamente clic sulla casella vuota.  Tutorial passo passo di Illustrator

DEGRADATO

Il prossimo passo è creare un gradiente circolare sul nostro sfondo. Per fare questo, dobbiamo andare alla finestra Aspetto (se non la vedi sul lato destro dello schermo, come mostro nell'immagine, vai al menu in alto della tua finestra di Illustrator e vai a Finestra> Apparenza). Qui, per impostazione predefinita, vedremo l'opzione Riempi con il colore che abbiamo inserito nel rettangolo e l'opzione Tratto (tratto o contorno), che sarà con l'opzione Vuoto. Un'ultima opzione è Opacity (opacity). In fondo a quella finestra ci sono due piccoli quadrati. Uno con un bordo nero molto ampio e l'altro con un bordo sottile. Selezioniamo quello buono, a creare un nuovo riempimento (Fill). Ora, nel quadrato del colore del nuovo riempimento che abbiamo creato, facciamo clic. Apparirà una freccia sul lato destro e selezioneremo, tra tutti i campioni di colore che compaiono, quello corrispondente al gradiente nero circolare.

Tutorial passo passo di Illustrator

Finestra Aspetto

 

Tutorial passo passo di Illustrator

Creiamo un nuovo riempimento (Fill)

Tutorial passo passo di Illustrator

Selezione del campione del gradiente circolare

Ora apriamo una nuova sezione facendo clic sulla freccia a sinistra di Riempi e facendo clic sulla parola Opacità, per cambiare il modo in cui verrà applicato il nostro livello di riempimento. Una volta lì, selezioniamo l'opzione Copertura (Sovrapposizione). Tutorial passo passo di Illustrator

CERCHIO

Creeremo un cerchio bianco al centro del nostro documento. Per fare ciò, selezioniamo lo strumento Strumento ellisse, che sarà "dentro" il Strumento Rettangolo Per poterlo scegliere dobbiamo fare un lungo click, senza rilasciare, in attesa che vengano visualizzate le opzioni. Una volta che appaiono, SENZA RILASCIARE, spostiamo il cursore sullo strumento Ellisse e lo rilasciamo. Tutorial passo passo di Illustrator

Creiamo una circonferenza perfetta (per questo, facciamo clic e trasciniamo tenendo premuto il tasto Maiusc sulla nostra tastiera). La cosa normale è che la circonferenza esce con gli stessi parametri del gradiente precedente che abbiamo fatto, quindi dovremo modificare il valore del riempimento. Tutorial passo passo di Illustrator

Ora lo centreremo. Vai a Finestra> Allinea e, CON IL CERCHIO SELEZIONATO, cliccare sulle opzioni mostrate nelle immagini.  Tutorial passo passo di Illustrator

TESTO

Selezioniamo lo strumento Testo (Strumento di testo, tasto T) e digitiamo il testo che vogliamo. Nel nostro caso abbiamo scelto il font BadaBoom BB, che puoi scaricare da DaFont Tutorial passo passo di Illustrator

Ora giriamolo un po '. Fare clic con il tasto destro sul testo> Trasforma> cesoia. Introduciamo il valore -8º in Verticale e facciamo clic su OK.

Tutorial passo passo di Illustrator

Centriamo il testo nello stesso modo in cui abbiamo centrato in precedenza il cerchio bianco.

AGGIUNGERE LO STILE

Tutorial passo passo di Illustrator

Oggetto> Espandi

Con il testo selezionato, andiamo all'opzione Oggetto nel menu in alto e seleziona Espandere e, nella finestra visualizzata, Ok. Quindi fa tasto destro sul testo e seleziona Separa (Separa).

Tutorial passo passo di Illustrator

Torniamo a Pannello Aspetto. Seleziona il riempimento nero e fai clic sull'icona 'fx' scegliere Percorso> Percorso offset. Inserisci, in Offset, 8px. In Joins, Round. E nel limite di Mitre, 4.

Tutorial passo passo di Illustrator

Ora fai di nuovo clic sull'icona "fx" e scegli Distorca e trasforma> Trasforma e inserisci:
In scala: orizzontale> 100% verticale> 100%
In Move: orizzontale> 7px verticale> 12px

 

Tutorial passo passo di Illustrator Tutorial passo passo di Illustrator

Ora ci sarà aggiungi un altro ripieno. Tocca l'icona quadrata sul bordo sottile e seleziona un colore chiaro. Ad esempio, bianco.

Tutorial passo passo di Illustrator

Aggiungiamo un altro ripieno. Nel nostro caso, di arancione. Aggiungeremo un effetto di trasformazione ad esso. Fare nuovamente clic sull'icona 'fx' e scegli Distor & Transform> Transform e inserisci:
In Move: orizzontale> 2px verticale> 2px

Metteremo il contorno nero su di esso. Selezioniamo il file colore nero nel tratto e gli diamo 3px. Pronto! Ora per salvare il file> salva. Per salvarlo in .jpg, file> esporta (e lì selezioni il formato)

Tutorial passo passo di Illustrator


Il contenuto dell'articolo aderisce ai nostri principi di etica editoriale. Per segnalare un errore fare clic su qui.

Puoi essere il primo a lasciare un commento

Lascia un tuo commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

*

*

  1. Responsabile dei dati: Miguel Ángel Gatón
  2. Scopo dei dati: controllo SPAM, gestione commenti.
  3. Legittimazione: il tuo consenso
  4. Comunicazione dei dati: I dati non saranno oggetto di comunicazione a terzi se non per obbligo di legge.
  5. Archiviazione dati: database ospitato da Occentus Networks (UE)
  6. Diritti: in qualsiasi momento puoi limitare, recuperare ed eliminare le tue informazioni.