Sparkles, Light Streaks, Gradient con Photoshop
Di Patrick // 8, ottobre 2008 // Pubblicato in Photoshop // Letto 19416 CommentaEccoci 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.
8, ottobre 2008 alle 11:12
[...] E allora buone Photoshoppate con I tutorial Beat Fly Salva e Condividi [...]
8, ottobre 2008 alle 11:33
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!!!
8, ottobre 2008 alle 11:35
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
8, ottobre 2008 alle 11:39
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.
1, novembre 2008 alle 12:53
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
10, dicembre 2008 alle 13:11
Complimenti, molto interessante e ben fatto :)
14, gennaio 2009 alle 23:45
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
15, gennaio 2009 alle 09:09
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.
7, febbraio 2009 alle 16:33
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
8, febbraio 2009 alle 12:22
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.
8, febbraio 2009 alle 13:02
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 …
8, febbraio 2009 alle 18:37
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.
9, febbraio 2009 alle 17:43
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?
9, febbraio 2009 alle 18:03
grazie per i complimenti; le regolazioni le puoi ottenere andando su Immagine, regolazione, livelli. semplice.
9, febbraio 2009 alle 19:25
Ti ringrazio per la risposta ^^
9, febbraio 2009 alle 21:01
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
10, febbraio 2009 alle 12:22
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.
12, marzo 2009 alle 22:17
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…
13, marzo 2009 alle 11:54
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
15, marzo 2009 alle 02:41
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
15, marzo 2009 alle 13:42
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.
28, marzo 2009 alle 20:40
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!
29, marzo 2009 alle 16:50
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.
29, marzo 2009 alle 19:30
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.
29, marzo 2009 alle 19:39
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.
30, marzo 2009 alle 00:42
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.
30, marzo 2009 alle 10:47
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.
1, aprile 2009 alle 23:12
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.
2, aprile 2009 alle 10:04
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!
20, aprile 2009 alle 18:30
Ciao! inanzitutto bei lavori soproprattutto tanta pazienza hehehehe, io ho il cs2 e non trovo il pannello pennelli, mi puoi dire dove si trova?
21, aprile 2009 alle 08:53
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.
22, aprile 2009 alle 00:29
grazie per aver risposto ho trovato ^^
6, maggio 2009 alle 21:29
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
7, maggio 2009 alle 11:59
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.
8, maggio 2009 alle 22:02
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.
11, maggio 2009 alle 10:40
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.
11, maggio 2009 alle 14:38
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 =).
11, maggio 2009 alle 14:54
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.
11, maggio 2009 alle 19:45
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?
26, luglio 2009 alle 03:16
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?
26, luglio 2009 alle 04:49
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(
26, luglio 2009 alle 13:11
Ciao Sergio e grazie per i complimenti; il Filtro Fotografico lo trovi in Immagine->Regolazioni->Filtro Fotografico
Continua a seguirci.
15, agosto 2009 alle 19:00
[...] Ciao Ochisar. prova con questo tutorial Effetti luce con photoshop | Beat Fly Blog [...]
25, agosto 2009 alle 00:37
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.
25, agosto 2009 alle 11:18
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.
25, agosto 2009 alle 15:24
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!!!
28, agosto 2009 alle 23:49
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.
30, agosto 2009 alle 11:32
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.
6, settembre 2009 alle 18:21
[...] Originalmente inviato da moukadesign ci puoi linkare questo tutorial ??? certamente: Effetti luce con photoshop | Beat Fly Blog [...]