Tutorial illustrator: effetto 3d ed effetto stikers per i tuoi testi

Adobe Illustrator è uno di quei programmi da amare ad uso e consumo di tutti noi grafici: sicuramente non semplice, ma estremamente versatile,tant’è che le possibili realizzazioni a cui puoi dare vita attraverso il programma variano dai banner per il web, alle infografiche, all’impaginazione di volantini e brochure… insomma, ma che te lo dico a fare: Illustrator è come il prezzemolo, sta dappertutto!

Mettiamo il caso che tu voglia creare un logo che, oltre ad un segno iconico o che, abbia anche un testo sicuramente non piatto (e quindi non un semplice font) che colpisca e che sia d’impatto ma non sai da dove partire, e non sai quante volte mi sono trovata al tuo posto cercando degli spunti creativi differenti. E così mi è nata l’idea di scrivere un bel tutorial su due effetti testuali creati con AI.

Seguendomi, ne verrà fuori che sarai in grado di creare un logo diverso e, magari creare testi per realizzare dei bellissimi mockup grafici.

Io utilizzerò la versione CS6 ima quanto andrò a spiegarti varrà anche per le versioni precedenti e successive del programma. Are you ready?

Effetto 3D

Avvia Illustrator e crea un nuovo documento; io ho creato un file formato A4 orizzontale.

Applica una sfumatura come sfondo per dare maggiore carattere al tuo testo.

Ora digita il testo che vuoi rendere 3D e conseguentemente scegli un font dalla lista da quelli disponibili che possa rendere la tua idea grafica.

Ora per procedere ad applicare gli effetti desiderati al tuo testo dobbiamo convertirlo in tracciati. Per farlo vai su Testo > Crea contorno o Type > Crea Contorno o Create Outlines

Iniziamo quindi a rendere il tutto in 3D.

Seleziona il testo e dal menù vai su Effetti o Effect > 3D > Estrusione e smusso o Extrude & Bevel.

Dal pannello che si apre vai a settare le seguenti impostazioni (per renderti conto delle modifiche che avvengono di volta in volta, modificando i parametri, metti la spunta sul quadratino Anteprima o Preview.
1-EFFETTO-3D-TESTO-ILLUSTRATOR

Ora duplica il livello del testo ottenuto e dal menù seleziona Oggetto o Object > Espandi aspetto o expande appearance.

Del testo appena copiato seleziona solo la parte senza effetti 3D e sovrapponilo all’altro dandogli una tonalità più chiara.

2--OGGETTO-ESPANDI-ILLUSTRATOR

Ora non ci resta che creare un po’ di ombra per il nostro testo.

Per farlo prima selezioniamo tutti i livelli e dal menù selezioniamo Oggetto o Object > Raggruppa o Group: otterremo così un unico livello. Cancelliamo quello sottostante oramai vuoto e duplichiamo invece quello con la grafica.

Ora lavoriamo sul livello inferiore; seleziona il tutto e dal manù vai su Effetti > Sfocatura > Controllo sfumatura (in inglese Effect > Blur > Gaussian Blur) e clicca su Ok.

Coloriamo la sfumatura di un colore scuro e spostiamola un pochino più giù rispetto al testo 3D. Eccoti il risultato.

3-ADOBE-ILLUSTRATPOR-EFFETTO-3D

Testo effetto Stickers

Dopo avere creato il tuo nuovo documento, come prima, digita il tuo testo e seleziona il font che più ti piace.

Duplica il livello del testo creato e blocca il livello di origine sottostante.

Ora trasforma il testo in tracciati: per farlo vai su Type > Crea Contorno o Create Outlines.

Questa operazione ci serve per applicare una sfumatura al testo: io ho deciso di creare un gradiente bianco ed azzurro con una sfumatura di tipo lineare.

Per applicare la tua sfumatura seleziona il testo e dal menù seleziona

Finestra o Window > Sfumatura o Gradient

1a-sfumatura-lineare-illustrator

Dal pannello che si apre seleziona i colori della tua sfumatura e dopodiché clicca su ok.

Ora blocca questo livello e seleziona il livello senza effetti (quello sottostante).

Dalla finestra degli effetti seleziona Tracciati o Path > Scostamento tracciato o Offset path

Definisci i tuoi parametri e clicca su ok.

Questa fase ci serve per creare una sbordatura al testo, come un contorno che ci darà, elaborandolo, l’effetto stickers.

Coloriamo in grigio chiaro il testo appena modificato.

Duplica il livello contenente il testo appena modificato e posizionalo al di sotto.

Coloriamo il testo di questo livello di grigio scuro: questo ci servirà per creare un ombra. Come nel precedente effetto vai su su Effetti > Sfocatura > Controllo sfumatura (in inglese Effect > Blur > Gaussian Blur) e clicca su Ok.

Ecco qui il tuo bellissimo testo Stickers.

3a-testo-effetto-stickers-illustrator

In conclusione

In questo tutorial abbiamo visto come modificare i testi con Illustrator per dare un tocco creativo ai tuoi elaborati grafici. Le funzioni spiegate sono estremamente versatili e potrai utilizzarle per creare altri strepitosi effetti sia su testi che su oggetti creati con Illustrator. Fanne buon uso!


One Comments

  • Samuele Valerio

    29 giugno 2016

    Ciao Giuliana,
    bel tutorial complimenti! chiaro ed esaustivo…
    Grazie per aver condiviso

    Reply

Lasciaci un tuo commento!

This site uses Akismet to reduce spam. Learn how your comment data is processed.