#Comunicazione

  • Campagne pubblicitarie offline: perché continuare a farle è ancora molto utile
  • Allestimento inaugurazione negozio: 4 consigli per farlo al meglio
  • Gadget natalizi, quali scegliere per promuovere la propria attività: ecco alcune idee
  • Accessori e gadget personalizzati: dai classici intramontabili a quelli più moderni, garanzia di successo per la tua attività

#Tutorial

  • Stampa pdf online in pochi click: facile, veloce ed economico
  • Foto di famiglia: quando il piccolo formato non basta
  • Tutorial: come utilizzare i livelli di Photoshop
  • Tutorial: come fare l’Effetto Glitch su Gimp

#Fuoridalcoro

  • Simona Mirto: una food blogger fantasiosa nel solco della tradizione
  • Sheila & Angelica: la passione per il mondo fashion di madre in figlia
  • Elisa Perillo: le ricette sane e creative di una mamma ai fornelli
  • Gina Beltrami: la moda è una passione che non conosce età

Stampaprint Blog
Stampa online
BIGLIETTI DA VISITA
VOLANTINI
PIEGHEVOLI
MANIFESTI
creativityblog
Home  /  Blog  /  Tutorial  /  Tutorial: creare un effetto neon con Adobe Illustrator
27 maggio 2016

Tutorial: creare un effetto neon con Adobe Illustrator

Scritto da Emanuele Salvato 27 Maggio 2016
Tutorial Lascia un commento Ultimo aggiornamento: 21 Febbraio 2023

Ti sei mai chiesto come si può creare un effetto di questo tipo? Un “neon” da poter applicare a un qualsiasi elemento da te creato tramite il programma Illustrator?

Oggi ti spiegherò come fare! Vedrai che in pochi e semplici passaggi potrai ottenere un risultato unico e davvero particolare. Iniziamo quindi:

Creare la base in vettoriale

La prima cosa da fare è realizzare un elemento vettoriale, non raster! Cosa significa? Il primo caso comprende immagini fatte da linee, punti e forme in tracciato; ciò significa che questi elementi non avranno mai problemi di risoluzione. Mentre nel secondo caso l’immagine è creata da pixel, ossia piccoli quadrati che come un mosaico compongono quello che è il disegno nella sia interezza. Quindi ingrandendo quest’immagine la qualità andrebbe man mano a scalare, fino a diventare sgranata e di bassa risoluzione.

Per ulteriori informazioni ti consiglio di leggere l’articolo scritto da Fabio, che spiega nel dettaglio la differenza tra immagini raster e vettoriali e che ti consiglia alcuni siti dove poterle trovare.

Ma torniamo a noi: per lavorare questo elemento vettoriale è necessario che abbia solo il tracciato e sia privo di sfondo. Come nell’immagine che vedi qui:

sole-con-raggi-semplice-bianco-nero

Quindi riempimento vuoto e una sola traccia che faccia da contorno al nostro disegno.

A questo punto ci sono diverse strade che si possono prendere: noi te mostriamo tre!

Neon tramite l’effetto fusione

Questo metodo è quello più lungo al livello di lavorazione, in quanto si tratta di andare a creare delle traccie una sull’altra che andranno poi a comporre, grazie alla fusione, l’effetto desiderato.

Ma procediamo con calma: prima di tutto taglia il tuo tracciato e incollalo nella stessa posizione. Questo passaggio è fondamentale perchè dovrà essere ripetuto diverse volte e il poter incollare l’oggetto nella spessa posizione aiuterà molto l’elaborazione. Se vuoi velocizzare questo passaggio puoi provare a fare il tutto con la combinazione tasti: incolla nella stessa posizione viene fatto con ctrl + maiusc + V per Windows, mentre Comando + Maiusc + V per Mac Os.

Una volta incollato colora la traccia di nero e dagli uno spessore di 30 punti. Ripeti questo passaggio riducendo ogni volta la traccia di 5 punti fino ad arrivare a una grandezza di 5. Ogni linea dovrà avere colori diversi e nel mio caso la successione di colori dovrà essere così impostata:

  • 1° traccia: nero 30 pt.
  • 2° traccia: rosso 25 pt.
  • 3° traccia: nero 20 pt.
  • 4° traccia: rosso più scuro 15 pt.
  • 5° traccia: rosso più chiaro 10 pt.
  • 6° traccia: giallo 5 pt.

passaggi-illustrator-dal-nero-al-neon

Nel mio caso i colori che ho utilizzato sono sul rosso e sul giallo, ma se il tuo elemento deve essere composto da altri colori puoi procedere anche con altre tonalità. L’importante è che la gradazione segua il mio esempio.

Infine seleziona tutti questi tratti e crea una fusione! Quindi vai nella finestra “oggetto”, “fusione”, “opzione di fusione”. Qui controlla che i “passaggi specificati” siano almeno 20, per poter creare una buona sfumatura. Infine clicca su “crea”.

Per concludere questa lavorazione dovrai semplicemente creare uno sfondo scuro, preferibilmente nero, ma può andare bene anche un altro colore. L’importante è che sia su tonalità scuri, che riprendano i colori della notte. Quindi crea un rettangolo che riempia tutta la pagina, riempila del colore prescelto e infine procedi con il disporre questo sfondo sotto tutto.

Ecco qua il risultato finale!

neon-tramite-effetto-fusione-adobe-illustrator

Neon tramite controllo sfocatura e sovrapposizione

Partiamo sempre da un tracciato che sarà su un’unico livello. Questo livello dovrà essere duplicato due volte. Per farlo entra nella finestra livello, apri i dettagli che trovi nell’angolo a destra in alto e clicca su duplica livello. In questo modo avrai praticamente tre elementi uguali identici e uno sopra l’altro, ma su tre livelli distinti.

A questo punto blocca e nascondi quest’ultimi e mantieni attivo solo il primo elemento, a cui dovrai applicare l’effetto “sfocatura”.

Per applicare questo effetto vai nel menu orizzontale e clicca su “effetto”, “sfocatura”, “controllo sfocatura”, dove dovrai modificare il raggio a seconda della tua necessità, così da ottenere il risultato più idoneo alle tue aspettative.

controllo-sfocatura-effetto-adobe-illustrator

Ora sblocca il secondo livello e vedrai che il tratto andrà a sovrapporsi a quello che hai appena “sfocato”. A questo elemento dovrai solamente cambiare il colore della traccia, rendendo il tono leggermente più chiaro. Come vedi dall’immagine.

imposta-colore-arancione-adobe-illustrator

Sblocca poi il terzo livello e schiarisci ancora di più il colore del tratto. In più in questo caso dovrai anche rimpicciolire la traccia di qualche punto, giusto per essere appena percettibile e dare un senso di profondità e di luce.

modifica-traccia-rossa-adobe-illustrator

Anche in questo caso è necessario applicare un’immagine scura sullo sfondo per dare più forza all’effetto neon appena creato.

neon-controllo-sfocatura- adobe-illustrator

Neon tramite stile grafico neon

Infine ecco il metodo più facile e veloce, che gli amanti del “vincere facile” adoreranno. In due passaggi potrai creare questo effetto senza troppe complicazione, come?!

Seleziona il tuo oggetto vettoriale e applica lo “stile grafico neon”, che puoi trovare nella finestra “stile grafico”. Apri la “biblioteca stile grafico” e clicca su “neon” in cui troverai diverse possibilità di diversi colori e spessori.

applicare-effetto-neon-con-adobe-illustrator

Ed ecco qua il neon che, con uno sfondo nero sarà ancora più evidente. Se vuoi puoi anche personalizzare questo effetto, che sebbene possa sembrare standard, in realtà può essere modificato. Per farlo ti basterà aprire la finestra e vedrai che ti sarà possibile modificare traccia per traccia, cambiando colore, spessore o opacità.

Anche in questo aggiungo uno sfondo nero e il gioco è fatto!

effetto-neon-stile-grafica-adobe-illustrator

Come hai potuto leggere i passaggi che ti ho indicato sono tutti abbastanza semplici e attuabili. Ora non ti resta che provarli e scoprire quale fa al caso tuo!

 

Emanuele Salvato

Senior copywriter per StampaPrint. Conseguita la Laurea in Scienze Politiche presso l’Università degli Studi di Bologna nel 1998, Emanuele ha iniziato ad arricchire le sue competenze in media e comunicazione lavorando per numerose testate locali, arrivando al titolo di giornalista professionista. Abile nella ricerca, nel servizio clienti, nella gestione, nella pubblicità e nell'editing, Emanuele vanta oggi una collaborazione pluriennale con StampaPrint. Esperto di stampa online, Emanuele si occupa infatti della stesura e della pubblicazione di numerosi contenuti testuali che popolano il sito di Stampaprint.net.

 Articolo precedente Come editare foto dal tuo I-Phone ? Ecco due App che devi avere
Articolo successivo   Anna Venere: così trovo il look perfetto per ogni donna

Articoli correlati

  • Stampa pdf online in pochi click: facile, veloce ed economico

    27 Giugno 2022
  • Foto di famiglia: quando il piccolo formato non basta

    3 Febbraio 2020
  • Tutorial: come utilizzare i livelli di Photoshop

    13 Settembre 2019

Lascia un commento

Annulla risposta

Stampa online ora

  • Stampa online
  • Striscioni
  • Adesivi personalizzati
  • Etichette
  • Biglietti da visita

#Comunicazione

  • Campagne pubblicitarie offline: perché continuare a farle è ancora molto utile 27 aprile 2023
  • Allestimento inaugurazione negozio: 4 consigli per farlo al meglio 28 dicembre 2022
  • Gadget natalizi, quali scegliere per promuovere la propria attività: ecco alcune idee 05 settembre 2022
  • Accessori e gadget personalizzati: dai classici intramontabili a quelli più moderni, garanzia di successo per la tua attività 25 luglio 2022

#Tutorial

  • Stampa pdf online in pochi click: facile, veloce ed economico 27 giugno 2022
  • Foto di famiglia: quando il piccolo formato non basta 03 febbraio 2020
  • Tutorial: come utilizzare i livelli di Photoshop 13 settembre 2019
  • Tutorial: come fare l'Effetto Glitch su Gimp 25 giugno 2019

#Fuori dal coro

  • Simona Mirto food blogger intervista
    Simona Mirto: una food blogger fantasiosa nel solco della tradizione 06 settembre 2017
  • sheila
    Sheila & Angelica: la passione per il mondo fashion di madre in figlia 06 giugno 2017
  • ritratto Elisa Perillo kids food blogger
    Elisa Perillo: le ricette sane e creative di una mamma ai fornelli 30 maggio 2017
  • Gina Beltrami fashion blogger
    Gina Beltrami: la moda è una passione che non conosce età 22 maggio 2017

#Web to print

  • Stampare un catalogo prodotti: ecco perché è una buona idea 10 maggio 2023
  • Come fare uno striscione pubblicitario perfetto per la tua attività 14 febbraio 2023
  • Stampa QR code: come si fa e come sfruttarlo al meglio 26 gennaio 2023
  • Gadget personalizzati ed economici, su Stampaprint più stampi e più risparmi 22 agosto 2022

Scopri come risparmiare sulla prossima stampa

Stampa online ora

  • Stampa online
  • Striscioni
  • Adesivi personalizzati
  • Etichette
© 2023 Stampaprint - Tutti i diritti riservati. Stampaprint srl via Bachelet 97 46047 - Porto Mantovano (MN) - Italy P.iva C.F IT02383950207 +39 0376 689593
Sei un creativo? Un designer? ...Scopri come risparmiare sulla prossima stampa!