Creare insegne al neon realistiche e digitali con Photoshop


Con questo tutorial vedremo come è possibile creare un insegna al neon digitale. Ingredienti principali? Fantasia e Photoshop.

Risultato finale (click sull’immagine per ingrandirla)

tutorial_neon

1. Preparazione dell’immagine.

La prima cosa da fare è procurarsi un’immagine raffigurante un muro. Potete fare una rapida ricerca con Google Images, io ho utilizzato questa immagine . Apritela con photoshop andate su Immagine->Regolazioni-> Livelli Automatici. Eseguite lo stesso passo e cliccate su Contrasto Automatico e Colori Automatico. Per dare maggior profondità all’immagine andate su Immagine->Curve e modificate la curva in modo simile alla seconda immagine sotto. Seguendo questi semplici passi dovreste ottenere un risultato simile alla terza immagine.

muro_notte1 screen1 muro_pronto

2. Realizzazione delle insegne

Per realizzare le insegne potete utilizzare qualsiasi font. Personalmente, per una resa ottimale, vi consiglio dei font larghi e poco elaborati. Un giro su dafont sicuramente vi faciliterà la scelta. Create un nuovo documento, di grandezza simile a quella dell’immagine del muro e impostate un sfondo scuro e chiamatelo “Sfondo”. Dopo aver scritto ciò che più vi piace, con lo strumento bacchetta magica (W) selezionate l’intera scritta. Con lo strumento selezione attivo (M) click con il destro e scegliete “crea tracciato di lavoro” usando una tolleranza di 0,5 pixel.

screen11 screen2

Nascondete il livello testo, selezionate lo strumento pennello(B) e la relativa palette Pennelli. Dopo aver cliccato su “Forma punta del pennello”, personalizzate il pennello scegliendolo piccolo,  5px e con un angolo di circa 40°. Create un nuovo livello (sopra a tutti gli altri) e con lo strumento Pennello (P) attivo cliccate con il destro al centro del tracciato e scegliete “Traccia tracciato”, selezionate pennello e date l’Ok. Schiacciando ESC verrà nascosto il tracciato. Doppio click sul livello e scegliete “sovrapposizione colore”, io ho utilizzato questo #ff00d2. Dallo stesso pannello scegliete “bagliore esterno” impostando un colore leggermente più chiaro (#fc4aed nell’esempio). Impostate l’opacità al 60%, estensione 2px e dimensione 10px. Ora è il momento di creare le lampadine!  Riabilitate il tracciato precedentemente creato e selezionate nuovamente lo strumento pennello. La grandezza deve essere leggermente inferiore a quella impostata per la scritta (3px possono andare), impostate una spaziatura ampia, può variare a seconda di quante “lucine” volete fare. Nell’esempio ho impostato 300%. Create un nuovo livello, potete chiamarlo “Luci”, riabilitate il tracciato precedente, con lo strumento pennello attivo fate click con il destro nel centro del tracciato e scegliete “Traccia tracciato”. Doppio click sul livello, “Sovrapposizione colore”, scegliete un giallo pallido. Sempre dal pannello impostate “Bagliore esterno”, opacità 75%, dimensione 5px e estensione 0px. Fatto questo dovreste già vedere i primi risultati.  Dopo aver nascosto  il livello “Sfondo” con lo strumento selezione rettangolare selezionate la scritta e andate su Modifica->Copia elementi uniti.

screen3 screen4 screen5

Tornate sul file con il muro che abbiamo preparato prima e con Ctrl+V copiate gli elementi. Selezionate il nuovo livello e aprite lo strumento “Trasforma” (Ctrl+Alt+t), click con il destro e scegliete distorci. Per adattare la scritta al muro dovrete trascinare l’angolo superiore destro in alto e a sinistra e l’angolo inferiore sinistro in basso a sinistra. Distorcete e trasformate a piacimento fino ad ottenere l’impostazione desiderata. Duplicate il livello con la scritta, spostate il nuovo livello sotto a quello “padre”. Doppio click e scegliete “Sovrapposizione colore”, se avete seguito i colori del tutorial potete impostare #e108bb. Settate l’opacità del livello al 50% e scostatelo verso sinistra di circa 10px. Se avete seguito tutto correttamente, un nuova scritta al neon sta splendendo sul muro!

screen6 screen7 screen8

La tecnica utilizzata per la scritta “all about design”   è del tutto simile. Non sono state create le “lampadine” ma e’ stata applicata una sfumatura sul testo creando un effetto “tubo catodico”. Provateci, buon divertimento!


Ti è piaciuto l’articolo? Iscriviti alla newsletter! Tua e-mail:

By FeedBurner

Ti è piaciuto questo articolo? Iscriviti agli RSS del sito oppure alla newsletter

Leave a Reply