- Tutorial Details
- Difficulty: Advanced
- Estimated Time: 45 - 2 Hours
Eccoci oggi alle prese con alcuni degli effetti di luce più utilizzati nella grafica e nel compositing; stiamo parlando di Sparkles, Light Streaks, Gradient realizzati con Adobe Photoshop. Questo tutorial vuole essere un punto di partenza per vedere alcune semplici tecniche per realizzare vari effetti di luce, riproducibili però con altrettante tecniche presenti in rete; partiamo dall’immagine di partenza e quella finale per capire il nostro goal:
Riflesso Lente
Apriamo la nostra immagine, duplichiamola e creaiamo un nuovo livello chiamato Render; con una maschera ellittica creaiamo un solido Nero nel punto che ci interessa;
Dunque applichiamo allo stesso un Riflesso Lente, con le impostazioni mostrate di seguito o settate il tutto in base alle esigenze del vostro riflesso preferito; successivamente impostate la fusione del livello su Scolora:
A questo punto avremo un Riflesso posizionato nel punto del solido Nero; doniamo all’immagine e allo stesso Riflesso una colorazione in linea con la colorazione dell’immagine in questione; applicate sopra il Livello della Modella un Riempimento Sfumatura, settando il gradiente come di seguito; successivamente impostate la modalità dello stesso su Scolora:
Infine regolate i Livelli per ottenere maggiore contrasto sulle Luci, Ombre e punti di Bianco:
Light Streaks
Vediamo ora come ottenere l’effetto Light Streaks, ovvero le linee di Luce. Questa non è l’unica tecnica, ma sicuramente una delle più corrette e precise che vi permette di creare linee in base all’immagine campione; utilizzando la Penna avrete maggiore controllo sul disegno delle stesse Linee.
Prima di iniziare a disegnare la nostra Linea dobbiamo settare il Pennello che verrà utilizzato per riempire il tracciato creato con la Penna; questo è infatti il passaggio fondamentale per riempire i tracciati con sfumature e luci morbide che si vedono tanto nella grafica compositing; di seguito il mio settaggio per il Pennello e il Tracciato per il livello Light Streaks:
A questo punto, con il Tracciato completato fate Click con il tasto destro e selezionate Traccia Tracciato; il Tracciato si riempirà con il Pennello settato prima e anche il Colore sarà quello da voi scelto prima, anche se poi lo potrete cambiare:
A questo punto dobbiamo donare alla Linea una sua corposità; per ottenere questo aggiugiamo al livello Light Streaks un Bagliore Esterno e un Bagliore Interno; qui con la selezione del Colore e dei vari settaggi potrete ottenere il massimo della luminosità e della corposità dell’effetto; di seguito i miei settaggi:
A questo punto applicate un Controllo Sfocatura alla Linea settando a piacere i parametri; iniziate a moltiplicare il Livello e ad applicare delle trasformazioni, rotazioni e inclinazioni a piacere al fine di avvolgere la Modella o il vostro soggetto con le Linee:
Sparkles
I Sparkles non sono altro che la traduzione in Inglese di Particelle; punti luminosi che danno la sensazione, specie nella 3D Graphic Art del pulviscolo stellare o roba del genere; sicuramente di grande suggestione e impatto; la realizzazione è davvero semplice, anche se per ottenere Sparkles di effetto dovrete settare più volte i vostri Pennelli.
Iniaziate ad aprire il pannello Pennelli e create un nuovo Livello chiamato dunque Sparkles; vi consiglio di inserire questo Livello dentro una Cartella, visto che alla fine dovrete duplicare più volte il Livello o magari crearne altri magari con pennellate diverse. Setate i parametri come da immagine e sperimentate; qui non posso dirvi come fare esattamente poichè solo sperimentando otterrete l’effetto dovuto e desiderato; resta il fatto che il Colore e i settaggi riportati sono obbligati come base di partenza:
Applicate un Effetto Bagliore Esterno come prima per donare luce e corposità alle vostre Particelle:
Ci siamo, duplicate, cambiate il Colore e vari Bagliori alle vostre Particelle al fine di avere la polvere che desiderate. A questo punto aggiungiamo un nuovo livello subito sotto quello Sparkles; applicate un Riempimento Sfumatura con i parametri dell’immagine che segue; cercheremo di donare al tutto un Bagliore di luce che si disperda proprio dalle Particelle e dalle Linee di Luce:
A questo punto mascherate il Livello creato e cancellate con la Gomma le parti di luce che non vi interessano; nel mio caso ho eliminato la luce dalla Modella, lasciando la stessa solo sul punto focale che mi interessava. Regolate i Livelli e il Contrasto totale del Lavoro e aggiungete il mio Filtro preferito, ovvero Filtro Fotografico al livello che preferite:
Ecco a voi il lavoro completato; il bello di questo tipo di Postproduzione sono le molteplici variazioni che si possono ottenere; la fantasia e un po di tecnica fanno il tutto. Buon lavoro.









































57 Commenti a “Sparkles, Light Streaks, Gradient con Photoshop”
grande Patrick ci voleva; questo anno mi sembra davvero la sintesi per questo tipo di effetti a partire dalla Apple al nuovo lancio della CS4; con questo tutorial ti confermi ancora una volta generoso e al passo con i tempi…..GRAZIE!!!
ciao Patrick avrei una domanda: ma nella sezione Light Streaks si deve per forza utilizzare la penna per avere questo tracciato o magari posso ottenere lo stesso effetto usando altro? comunque da panico, semplice e chiaro tutto come sempre. grazie
Ciao Simona e grazie per i complimenti a te come ad Alex; per la tua domanda ti dico che puoi creare i tuoi tracciati in Adobe Illustrator come vuoi e poi senza salvare nulla fai un bel seleziona tutto e incolli dentro Adobe Photoshop; a quel punto ti chiede se vuoi incollare il tutto come oggetti avanzati e tu digli di si; questo ti permetterà di avere i tracciati sempre aggiornabili essendo degli Smart Clip. A quel punto procedi con gli effetti del tutorial e il gioco è fatto.
Complimenti, veramente un bel tutorial.
Sicuramente ne creerò uno per il mio sito/blog di grafica(utilizzo Camtasia).
Anzi se vuoi passare e darmi qualche idea, parere, consiglio.
Un saluto
Mara
Complimenti, molto interessante e ben fatto :)
salve amici splendido tutorial solo che a tratti è poco dettagliato e non si capisce dove trovare alcune cose….tipo il gradiente di questo tutorial dove si trova?
poi non ho capito come faccio a trovare riempimento sfumatura?
Grazie
Ciao Mike e grazie per l’intervento; in questo mio tutorial ho citato il Gradiente per quanto concerne la sfumatura e il riempimento Viola dato all’insieme; puoi nelle tue composizioni applicare un Gradiente di Livello sia premendo il tasto G due volte, dunque passando dal Secchiello al Gradiente nelle palette dei strumenti e sia applicarne uno, come in questo tutorial dal pulsante nella paletta dei Livelli. Alcuni tutorial forse sono brevi e non perfettamente dettagliati, ma il tempo è sempre tiranno…Grazie e non esitare a chiedere ulteriori chiarimaneti.
Molto bello !!
io sto usando il CS2 ma quando uso la penna(che tipo di penna?) per creare il tracciato non mi è possibile selezionare “TRACCIA TRACCIATO” non non riesco a capire il perchè…se qualquno può aiutarmi grazie mille
Ciao e grazie per i complimenti; nel tutorial parlando della penna mi riferisco allo strumento con il quale crei il tracciato; comando da tastiera P. Prima devi prepararti il tipo di pennello che vuoi utilizzare per riempire il tratto e una volta tracciate le linee applichi il comando Traccia tracciato.
Innanzitutto grazie per la risposta!
Si ieri ho provato e cercherò di spiegarti un pò la difficoltà che ho incontrato:
Ho impostato il pennello(9px Metodo:normale eccecc,),tracciate le linee(anche a mano libera)ad esempio facendo zig zag gli estremi si uniscono e il tutto mi si colora con il colore impostato di primo piano e la voce traccia tracciato che si trova facendo click con il tasto destro non è attiva…
Non so perchè eppure ho seguito il tutorial passo passo …
Le risposte sono dovute altrimenti cosa scriverei a fare:) dunque come finisci di disegnare il tracciato fai click con il tasto destro per accedere al menu contestuale e troverai i vari comandi che ti servono; nel caso non ci fossero, assicurati di aver ancora impostata la penna come comando attivo. fammi sapere e buona domenica.
Ciao, belissimo tutorial, ma non capisco un punto. ALl’inizio quando dici “Infine regolate i Livelli per ottenere maggiore contrasto sulle Luci, Ombre e punti di Bianco:”, come apro la finestra per la regolazione livelli che trovo nell’immagine da te postata?
grazie per i complimenti; le regolazioni le puoi ottenere andando su Immagine, regolazione, livelli. semplice.
Ti ringrazio per la risposta ^^
Ciao
forse la questione del pennello era dovuta al settaggio di Tracciati quando si seleziona lo strumento(in alto)
invece per quanto riguarda il “Riempimento sfumatura” intendi quello nella paletta strumenti (G sulla tastiera) o “Sovrapposizione sfumatura ” da cui si accede da “Aggiunge uno stile di livello”.Grazie ma avendo il CS2 forse c’è qualche differenza con le versioni successive.Ciao e grazie
ciao enzo, nel caso specifico mi riferisco alla sfumatura ottenibile dal pannello dei livelli; ricorda però che la potenza e bellezza di photoshop è proprio la varietà con cui ogni artista può creare gli stessi effetti con tecniche differenti; il mio tutorial è uno dei tanti modi con cui puoi ottenere effetti luce. Continua a seguirci. Ciao.
Ciao
sono praticamente disperato, milioni di persone in rete ogni secondo ma una disposta a spiegarmi una cosa di photoshop non la trovo, è più di un mese che sto lanciando messaggi in rete a presunti professionisti di photoshop, ma non ho ricevuto nessuna risposta, mi sono rivolto anche a Yahoo Answers… Io uso Photoshop CS3 ma nella colonna Filtri non c’è Rendering ed Effetto lente,appaiono solo contrasta; disturbo; effetto pixel; sfocatura; stilizzazione ed altro… spero che qualcuno mi aiuti…
Buongiorno Mattia; allora apparte la versione Inglese o Italiano che hai, il comando è localizzato in: Filter->Reneder->Lens Flare.
Spero tu abbia finito di cercare in rete. Ciao
Ciao Patrick sei stato molto gentile, ma l’unica cosa da pensare è che la mia versione di Photoshop (italiano) non abbia queste funzionalità, perchè nella colonna filtro ci sono solo quelle modalità di scelta… tu cosa mi consigli di fare? questa mancanza di varie funzionalità può dipendere dal fatto che è scaricato dalla rete?… purtroppo non posso permettermi la versione oreginale!!! Grazie per l’aiuto
Ciao Mattia, sono contento di averti illuminato sulla mancanza di alcune features sulla tua versione anche se mi sembra strano. Che dirti sul dafarsi? Personalmente ho fatto l’upgrade alla versione CS4 proprio questa settimana, ma per me è lavoro e dunque le spese sono contemplate nel gioco. Prova magari con altre versioni; anche un Photoshop 7 va bene. Ciao e continua a seguirci.
ciao a me è sembrato di capire che l’effetto luce si crei con photoshop illustrator, (che io ovviamente non ho :D) si può fare anche con photoshop classico? io ho la versione cs4!
Ciao Marco, scusami ma Photoshop Illustrator mi manca davvero:) cosa intendi? Gli effetti descritti sono realizzati solo e soltanto in Photoshop e vanno bene tutte le release, dunque anche la CS4. Prova e vedrai. Se hai bisogno di aiuto scrivi pure. Buon lavoro.
Ciao il tutorial è bellissimo, vorrei farti una domanda per l’effetto Light Streaks. Una volta cliccato su “Traccia tracciato” la linea ha uno spessore regolare, mentre nel tuo, a tratti è più sottile e in altri è più corposa, e lo stesso succede al punto di inizio e di fine, si interrompe bruscamente mentre i lati della tua linea diventano incidenti.
Ciao Giuditta e grazie per i complimenti e la lettura del tutorial; se ho ben capito vuoi sapere come si ottiene la forma del mio pennello? prima di definire traccia tracciato devi definire lo spessore e i vari parametri del pennello che poi userai per tracciare; per ottenere i settaggi, clicca sull’icona Pannello Pennelli nella toolbar di Photoshop, è un’icona a forma di libretto o giu di li; il pannello serve per influire sui vari parametri di un pennello e con lo stesso puoi ottenere varie forme, spaziature ed altro; sperimentalo. Spero di aver risposto alla tua domanda. ciao.
Perdonami la mancata dimestichezza con il programma, ovviamente ho definito il pennello prima di Tracciare ma lo spessore e i vari parametri del pennello non riesco a trovarli.
Buongiorno Giuditta, al 5 ultima slide del tutorial trovi l’immagine dei settaggi utilizzati nel tutorial; prova e vedrai che otterrai il risultato; la bellezza di Photoshop sta anche nello sperimentare.
Quello che penso di te: sei un bravo esecutore del programma e credo che le tue idee siano molto creative, ma essere bravo esecutore non è sinonimo di bravo insegnante altrimenti non avresti questa sfilza di commenti in cerca di un aiuto. Io il programma lo conosco molto bene e nei tuoi insegnamenti mancano i particolari, che indubbiamente fanno la differenza… I bravi tendono a tenere per sé i piccoli segreti del mestiere, Beh anche io sono così, ma la differenza fra me e te è che io mi limito a vivere per questo e lo faccio anche come mestiere, ora non so quello che ci fai tu ma ti consiglio di non scrivere tutorial… Nonostante tutto, complimenti.
Ciao Giorgio e grazie mille per il tempo dedicato alla stesura del commento; vedi, questo blog nasce dall’esigenza di elargire alcune nozioni, esperienze e magari desideri di far conoscere altro dello studio Beat Fly; per questo, e spesso è stato ribadito nei vari tutorial, non si cerca di fare scuola o lezioni a distanza a nessuno, ma semplicemente di elargire alcune tecniche spesso utilizzate da me o dai miei colleghi per lavori reali, esistenti e non semplici esempi di bravura; ora i tuoi complimenti sono accettati come sempre, ma se davvero fai questo per vivere e vivi per lo stesso, allora saprai bene quanto sia poco il tempo che ci resta per insegnare:) inoltre il bello della rete è proprio la varietà di notizie e tutorials da leggere e studiare, come anche quello di trovare insegnanti migliori; buon lavoro!
Ciao! inanzitutto bei lavori soproprattutto tanta pazienza hehehehe, io ho il cs2 e non trovo il pannello pennelli, mi puoi dire dove si trova?
Ciao Paolo, i pennelli li trovi sempre nei stessi posti ovvero nelle palette hai il comando Pennello, in alto a sinistra scegli quale Pennello utilizzare e i vari settaggi e sempre in alto, ma a destra il pulsante fatto a forma di libretto o quasi dove settare i vari parametri spiegati nel tutorial; per ogni chiarimento, ti consiglio cmq di fare sempre riferimento alla guida in linea del programma, dove inoltre puoi trovare anche scorciatoie.
grazie per aver risposto ho trovato ^^
Ciao Patrick bel tutorial. Ho un inghippo sulla parte dove dici di usare i livelli per regolare i punti luce bianchi dopo il riempimento sfumatura perchè a me non visualizza il canale RGB la Maschera come faccio?
Grazie ancora e sempre belli i tuoi tutorial
Ciao Andrea e grazie per i complimenti; quando ho scritto “…Regolate i Livelli e il Contrasto totale del Lavoro…” intendevo di aggiungere una regolazione generale di Livelli, Contrasto e Curve in cima a tutti i layer, o magari dove vuoi; questo passaggio di solito sono solito effettuarlo a lavoro finito al fine di accentuare alcuni punti di colore, ombre o magari luci, ma è assolutamente opzionale. Spero di aver risposto al tuo quesito.
Grazie tanto Paolo io uso Photoshop CS3 ma quando faccio rimpimento sfumatura mi esce nel pannello livelli la foto sopra la scritta “Infine regolate i Livelli per ottenere maggiore contrasto sulle Luci, Ombre e punti di Bianco” e la miniatura la vedo come la foto sotto. Come devo fare a far si che mi appare il livello cosi?
E poi mi consigli un buon manuale per saper padroneggiare PS da realizzare questi effetti come te? Grazie ancora.
Buongiorno Andrea, magari intendevi Patrizio e non Paolo; comunque per la tua richiesta non ho ben capito cosa non riesci a fare, ma ti consiglio per imparare o di cercare su Google “photoshop basic tutorial” oppure di comprare un manuale che rimane sempre la via migliore per fissare le basi del software.
Giorno Patrick e complimentissimi per il tutorial =).
Purtroppo nono sono molto bravo nell’usare photoshop anche se dai, qualcosa ci capisco. Volevo chiederti una spiegazione più dettagliata sul “creare un solido nero utilizzando una maschera ellittica”. Ti ringrazio in anticipo e ancora comoplimenti =).
Per solido si intende una forma, che puoi creare o con lo strumento Penna, o con lo strumento Forme o semplicemente selezionando il comando Maschera (Mela/M) e scegliendo quale utilizzare se ellittica, cubica o il Lazzo; esegui la selezione e riempila con il colore che preferisci utilizzando o il Secchiello o una sfumatura.
Scusa patrick se ti ho chiamato Paolo ti volevo semplicemente chiedere come fare tu dai riempimento sfumatura la poi le miniature del livello del riempimento sfumature restano come quando hai dato viola e giallo non cambiano cosi quando dici poi Infine regolate i Livelli per ottenere maggiore contrasto sulle Luci, Ombre e punti di Bianco non mi esce nei livelli in canale RGB ma il Canale maschera e basta come devo fare?
ciao ^_^ comoplimenti per il tutorial è veramente fantastico! ho dei problemi nel momenti del tracciare il tracciato: il pennello è impostato esattamente come il tuo, cioè col px 9 e tutte le impostazioni sono uguali a quelle immagini. però la linea è regolare e termina in maniera rotonda.. inoltre nel momento in cui applico i bagliori, non mi permette di cambiare il colore ne il disturbo.. mancano come opzioni nell’immagine. che cosa sbaglio?
ok come non detto ho risolto tutto ed ho finito la mia immagine ed è stupenda e devo TUTTO a te! vorrei solo applicare il filtro fotografico ma.. non so dov’è 8(
Ciao Sergio e grazie per i complimenti; il Filtro Fotografico lo trovi in Immagine->Regolazioni->Filtro Fotografico
Continua a seguirci.
Ciao! Bellissimo tutorial!Ecco il mio problema: quando traccio il tracciato , invece di una linea continua mi ritrovo con vari puntini colorati. Anche se uso la penna a mano libera, senza punti di ancoraggio, mi ritroco dei puntini al posto della linea. Che devo fare? Grazie infinite per la possibile risposta.
Ciao Patrizia e grazie per il commento positivo; ti rispondo riportandoti la parte di testo che descrive il procedimento “Prima di iniziare a disegnare la nostra Linea dobbiamo settare il Pennello che verrà utilizzato per riempire il tracciato creato con la Penna; questo è infatti il passaggio fondamentale per riempire i tracciati con sfumature e luci morbide che si vedono tanto nella grafica compositing; di seguito il mio settaggio per il Pennello e il Tracciato per il livello Light Streaks”.
Dunque prima setti il formato e la forma del pennello, poi usi la penna. Spero di esserti stato di aiuto. Sono qui per qualunque chiarimento.
Grazie Patrick! Alla fine ho trovato il problema: facevo tutto bene e alla lettera e non riuscivo a capire il perchè dei punti . Così ho controllato le impostazioni del pennello….e il problema era nella spaziatura! Che scema!!!!!!!!
Sei stato comunque gentilissimo. Adesso mi appresto a fare qualche lavoretto seguendo il tuo tutorial….FINALMENTE!!!
Ciao, scusa la ripetizione, ma ho lo stesso problema di Enzo, solo che non riesco a risolverlo. Gomma, ho scelto le impostazioni del pennello dal menù in alto a dx, poi ho selezionato la penna ed ho disegnato il tracciato, ma col tasto dx non si evidenzia la scritta Traccia Tracciato. Non so proprio dove sbaglio. Grazie del tuo aiuto.
Ciao Lisa, per il tuo problema devi evidenziare il Livello sul quale vuoi applicare il tracciato e poi seleziona il Tracciato con il tasto destro e ti appare; non so la versione del tuo PS, ad esempio la versione CS non ha questa funzione; spero di aver risposto al tuo quesito; comunque a breve verrà pubblicato un secondo tutorial su effetti luce e 3d in photoshop. Sono qui per ulteriori chiarimenti.
Una domanda semplice.. Come si usa la penna? Mi potresti anche dire come hai settato il tratto principale per questo tutorial?
Non riesco proprio a capire come tracciare le curve senza che esse si riempiano del colore di primo piano e non riesco a farle congiungere e farle sembrare quasi naturali come i tratti nella tua immagine..
Sono riuscita a tracciare le curve! :D Beh ma il problema è che le anse mi si riempiono del colore di primo piano, ancora! Mi si intrecciano gli occhi, non so come muovermi :(
Ecco come viene: http://i51.tinypic.com/ekp8vo.jpg
Ciao Alessia, sono felice che passo passo tu abbia realizzato parte del lavoro; quando selezioni lo strumento Penna, in alto nella toolbar trovi alcuni pulsanti per il settaggio dello stesso strumento; assicurati che sia selezionato il tracciato e non il riempimento, vedrai che non avrai più l’effetto sbagliato come da tuo screenshot.
Ciao bel tutorial… ho solo un problema non riesco a fare la maschera ellittica nera. Come si fa?
Ciao Gioele, per la maschera ellittica puoi prima fare un solido nero e poi cancelli la parte che desideri con la maschera ellittica (la trovi nel pulsante maschera degli strumenti) oppure fai prima la maschera nel modo di prima, poi la riempi con il colore nero.
Grande tutorial e grande effetto…ma come faccio la maschera ellittica nera? Posso fare un semplice ellisse nero?!
Grazie per i complimenti; si una maschera è sempre una maschera; puoi farla come vuoi.
Ciao, tutorial, bellissimo, era proprio quello che cercavo, e che mi sono dannata per cercare, e infine eccolo qui, l’unica cosa, non riesco a capire questo passaggio “(A questo punto avremo un Riflesso posizionato nel punto del solido Nero; doniamo all’immagine e allo stesso Riflesso una colorazione in linea con la colorazione dell’immagine in questione; applicate sopra il Livello della Modella un Riempimento Sfumatura, settando il gradiente come di seguito; successivamente impostate la modalità dello stesso su Scolora)” per favore, puoi spiegarmelo meglio?? spero di avere delle risposte, ciao ciao e ancora, bravissimo..
Scusami ma davvero non capisco dove non hai capito; riportandomi l’intero paragrafo da me scritto, devo supporre che non riesci a sviluppare i passaggi spiegati? quando si parla di solido nero, si intendo un quadrato fatto ad esempio con una maschera e poi riempito di colore nero; a quel punto su di esso puoi applicare il Rendering di luce. Fammi sapere come va.
ciao a tutti!! bellissima idea questo tutorial!
non sono una grande esperta di PS lo uso solo da pochi mesi e raramente! in questo tutorial mi sono trovata in difficoltà non conoscendo alcuni passaggi, che (rivolgendoti probabilmente a persone un po’ più esperte) davi forse per scontato.
una cosa in particolare però non mi esce bene: dopo aver tracciato il disegno con la Penna, faccio crea tracciato non mi succede assolutamente niente, ho anche applicato i bagliori interni ed esterni, ma rimane tracciato solo cn la penna! non capiscop roprio come mai!! sono un po in ritardo, visto che il tutorial è del 2009, ma se potessi darmi un aiuto:)
A presto!! complimenti di nuovo!!!
Ciao a te e grazie per i complimenti; se rivedi il tutorial troverai il punto dove si dice di settare prima il Pennello che vorrai utilizzare e poi di tracciare il tracciato; questo passaggio è fondamentale per l’esecuzione del tutto. Sper di averti indirizzata. Grazie e rimango a disposizione.
Trackbacks per il Post