Crea un dipinto leggero, Effetto bokeh in Illustrator

Cosa starai creando
Questo tutorial è stato originariamente pubblicato nell'agosto 2011 come tutorial Tuts + Premium. Ora è disponibile gratuitamente per la visualizzazione. Sebbene questo tutorial non utilizzi l'ultima versione di Adobe Illustrator, le sue tecniche e processi sono ancora rilevanti.

In questo tutorial imparerai come creare un effetto simile a Light Painting. I dipinti chiari sono creati in fotografia, utilizzando una scena scura (di notte o in una stanza buia), una fotocamera con esposizione lunga e una fonte di luce, come una torcia elettrica. Stai praticamente dipingendo qualcosa con una lampada nell'oscurità.

L'effetto è molto interessante e unico. Qui imparerai come creare un effetto ispirato a quei dipinti di luce. Non è pensato per essere realistico, ma per avere un impatto visivo sullo spettatore. La chiave per questo effetto sono Pennelli vettoriali e Blmodalità finali.

Vuoi creare fantastici effetti di luce in metà tempo? Sfoglia la nostra incredibile selezione di effetti di pittura leggera disponibili tramite GraphicRiver. Oppure avvaliti dell'aiuto di un professionista del design di Envato Studio per tutte le tue esigenze di tipografia.


1. Come creare i pennelli artistici

Passo 1

Inizieremo creando un Nuovo documento 10 x 6 pollici, RGB.



Passo 2

Useremo due tipi di pennelli per creare il dipinto leggero: Pennelli artistici e Pennelli a dispersione. Gli Art Brushes seguiranno il movimento della fonte di luce e i pennelli a dispersione creeranno un effetto Bokeh attorno alla sorgente luminosa.

Iniziamo con Pennelli artistici. Il primo pennello si dissolverà all'inizio e alla fine del percorso. Fai un nero Ellisse di qualsiasi dimensione, non deve essere perfettamente rotondo. Con il Converti strumento punto di ancoraggio (Shift-C) passa il mouse sopra l'angolo destro e sinistro, quindi converti gli angoli regolari in angoli. Avrai una sorta di forma a mandorla ora. Ridurre l'altezza della forma.

Nota: quando si crea il pennello, l'altezza della forma definisce la larghezza del tratto. L'altezza della forma sarà 1 volta in larghezza del tratto.

Quindi, perché vogliamo un pennello piccolo, che rende più facile regolare il Larghezza del tratto più tardi, riduciamo finché non sembra buono. Non devi essere preciso.



Passaggio 3

Duplicare questa forma e rende la nuova forma più piccola - sia in altezza che in lunghezza, ma non deve essere proporzionale. Seleziona la forma più grande e ridurla Opacità a 0%. Con entrambe le forme selezionate vai a Oggetto> Miscela> Crea miscela. A seconda delle impostazioni, ora ottieni un risultato diverso. Vai a Oggetto> Miscela> Opzioni di fusione e scegliere Passi specificati, quindi entra 16.



Passaggio 4

Con il Miscela selezionato, crea un nuovo Pennello artistico. L'unica impostazione che devi cambiare è cambiare il Metodo a tinte. Questo ci permetterà di applicare i colori al Spazzola dopo.



Passaggio 5

Il secondo Spazzola sarà la luce principale, quindi sarà della stessa larghezza a tutte le estremità. Per questo creare a Rettangolo questo è 6 x 0,2 pollici. Vai a Effetto> Stilizzazione> Angoli tondi e impostare il Raggio a 0,1 pollici.

Vai a Oggetto> Espandi Aspetto e Separa l'oggetto. Duplicare la forma e rendere la nuova forma più piccola. Ancora una volta, non deve essere proporzionale, se è un po 'irregolare sarà più bello in seguito. Come con il primo pennello, abbassa la forma più grande Opacità a 0%, seleziona entrambe le forme e crea una miscela.



Passaggio 6

Seleziona il Miscela e creane un altro Pennello artistico, con le stesse impostazioni del primo Spazzola.



Passaggio 7

Il terzo pennello che creeremo sarà più casuale rispetto ai primi due. Crea un'altra forma di mandorla allungata, come hai fatto per la prima volta Spazzola. Cambialo Opacità a 50%. Duplicare la forma e muoverla un po ', mentre si sovrappone ancora alla prima forma. Puoi cambiare la sua lunghezza. Fatelo un altro due volte in modo da avere alcune forme disposte casualmente.



Passaggio 8

Gruppo quelle forme e ne creano un'altra Pennello artistico.



Passaggio 9

Di seguito sono i tre Pennelli artistici abbiamo creato.



2. Come creare pennelli di dispersione

Passo 1

Continuiamo con la creazione di Pennelli a dispersione. Crea una cerchia di circa 0,25 x 0,25 con 100% di opacità. Duplicare questa forma e renderla un po 'più piccola. Riduci il suo Opacità a 75%. Seleziona entrambe le forme e creane un'altra Miscela. Il centro apparirà più luminoso ora.



Passo 2

Ora selezioneremo la fusione e creeremo a Pennello a dispersione.

Vogliamo che il pennello sia piuttosto piccolo, quindi il Taglia sarà sotto 100%. La spaziatura può essere abbastanza varia, quindi trasciniamoli su entrambi i lati. Questo pennello sarà vicino al nostro percorso più tardi, quindi la dispersione sarà una piccola quantità. La rotazione non ha importanza, perché abbiamo forme uniformi e circolari, quindi lasceremo il valore predefinito. Impostato Modalità a tinte ancora.



Passaggio 3

Proverò prima il pennello. Se non mi piace come appare, lo farò Doppio click l'icona del pennello, abilita Anteprima e cambia le impostazioni del pennello fino a quando non è soddisfatto.

Ho cambiato l'impostazione e il mio pennello sembra diverso ora. Ci sono più oggetti e sono più vicini.

Dopo aver cliccato ok, ricevi un messaggio di avviso. Clic Applica ai pennelli per attivare le modifiche sul pennello in uso.



Passaggio 4

Duplicare il Miscela oggetto. Apri il Livelli pannello ed espandere la miscela. Ora seleziona la forma più piccola dei due. Dovrebbe essere quello in cima. Impostare il Opacità di nuovo a 100%. Seleziona la forma più grande e ridurla Opacità a 75%. Questa miscela è la versione invertita della prima miscela.



Passaggio 5

Con la fusione selezionata, crea a New Brush e utilizzare le impostazioni come mostrato.



Passaggio 6

Ho intenzione di regolare anche le impostazioni di questo pennello. È importante testare sempre i pennelli, in particolare il Pennelli a dispersione. Ci sono così tante variabili in loro che è difficile farlo subito.



Passaggio 7

Seleziona i due pennelli che hai appena creato e duplicare facendo clic nell'angolo in alto a destra del pannello, quindi selezionare Pennelli duplicati. Applica il primo al percorso di esempio che hai disegnato. Queste spazzole avranno un bokeh più grande. Perché cambiamo il Taglia, dovremo cambiare il Spaziatura anche. Basta usare le impostazioni come mostrato.



Passaggio 8

Ora applica il secondo pennello che hai copiato nel tuo percorso di esempio. Vogliamo anche che questo sia più grande. Cambia le impostazioni come mostrato.



Passaggio 9

E abbiamo finito con le nostre preparazioni per i pennelli! Ecco una panoramica dei pennelli che abbiamo appena creato.



3. Come creare lo sfondo

I colori della luce saranno prevalentemente arancioni, quindi per ottenere una migliore atmosfera e contrasto useremo uno sfondo viola scuro anziché nero o grigio scuro.

Duplicare quella forma e applica a Gradiente radiale ad esso. Usando il Strumento sfumatura, vai dal centro della forma leggermente fuori dal bordo orizzontale della tela. Imposta la forma Modalità di fusione to Luce soffusa e Opacità a 50%. Ciò conferisce un piacevole effetto vignetta.



4. Come creare il testo

Passo 1

Ho fatto uno schizzo del testo. Ricorda che vogliamo creare un dipinto di luce. Ciò significa che è stato scritto da qualcuno con una lampada, facendo movimenti enormi usando solo un tratto, e specchiato. Quindi, non è necessario essere troppo precisi.

Se non si è sicuri dello schizzo, è possibile utilizzare un font Script e tracciare liberamente il tratto usando il Penna, Matita o Pennello. Se hai un mouse o una penna per tablet, non ha molta importanza.

Inserirò lo schizzo su a Nuovo strato e trasformarlo in un livello di modello. Creane un altro Nuovo strato e chiamalo "Tipo". Abilita la casella di controllo Modello. Questo abbasserà il livello Opacità a 50%. Tieni il file bitmap visibile se stai lavorando Pathview.



Passo 2

Userò il Strumento Penna per tracciare il mio schizzo. Puoi vedere che l'ho fatto piuttosto grosso modo. Ho anche creato un percorso per ogni parola, perché non sono soddisfatto del layout e desidero organizzare le lettere in un modo migliore.



Passaggio 3

Le lettere "Light" saranno la parte più importante, quindi la renderò più grande di "Be my".

Le lettere sembrano ancora un po 'spente. Con la considerazione per tutte le persone che realizzano questi quadri luminosi per davvero, modifico le lettere. Pertanto, disegno alcune linee orizzontali. Con le linee selezionate, vai a Visualizza> Guide> Crea guide e trasformali in Guide e attivali Guide intelligenti.

Con il Strumento di selezione diretta, Ora sposterò i punti di ancoraggio del percorso sulle guide appena create. Guide intelligenti ti aiuterà a posizionare i punti esattamente sulle guide. Alcuni punti sono sotto o sopra la loro linea, questo per rompere leggermente l'unità.



5. Come creare l'effetto di illuminazione

Passo 1

Ora possiamo iniziare a creare l'effetto finale. Accendere il livello di sfondo di nuovo. E dare al tipo un colore giallo-arancio.



Passo 2

Ora trasformeremo le nostre lettere in un'unica forma. La fine del "mio" e l'inizio della "Luce" saranno collegati, quindi avremo bisogno di più spazio tra le due righe di testo. Seleziona "Sii mio" e spostalo un po '.

Con il Strumento di selezione diretta, seleziona l'ultimo punto di "mia" e il primo punto di "Luce" e premi Comando-J. I due percorsi ora si uniranno in un unico percorso.

Con il Strumento Penna e alt premuto, accendi questi due punti Angoli lisci. Ho anche aggiunto un punto di ancoraggio nel mezzo del percorso, che dà più controllo sulla curva.



Passaggio 3

Fai lo stesso con gli ultimi punti di "Be" e il primo punto di "my".



Passaggio 4

Ora hai un percorso in corso. Tranne il titolo sopra la "i" e la croce del testo "t". Ma possiamo trascurare quelli per ora.



Passaggio 5

Seleziona tutti e tre i percorsi e apri il Aspetto pannello. Ora applica uno dei nostri pennelli artistici. Userò il secondo Pennello artistico abbiamo creato. Apri il Aspetto e Trasparenza pannellie selezionare il Pennellata. Cambiare il Modalità di fusione a Schermo. "I" e "T" non sembrano ancora buoni, quindi cambieremo il Larghezza del tratto a 0,5 pt. Questo ci darà punti finali più belli.



Passaggio 6

Ecco come appare il lettering, ora che abbiamo applicato il primo Pennello artistico.



Passaggio 7

Duplicare il Ictus nel Aspetto pannello e applicare un secondo pennello.

Con i percorsi e pennello in Aspetto pannello ancora selezionato, vai a Effetti> Distorsione e Trasforma> Trasforma e cambia i percorsi Orizzontale e Scala verticale a 97%. Questo darà al secondo Pennello una posizione diversa.



Passaggio 8

Duplicare questo colpo e applica l'ultimo dei nostri Pennelli artistici. Double-click sul Trasformare Effetto In ciò Aspetto pannello e modificare le impostazioni come mostrato. Questo aggiungerà un'altra posizione per il nostro percorso.



Passaggio 9

La luce nel mezzo del percorso è molto intensa ora. Questo perché tutti i tratti sono i più larghi nel mezzo.



Passaggio 10

Al fine di correggere la luce intensa, regoleremo il Ictus larghezze di ogni pennello che abbiamo applicato.



Questo sembra molto più piacevole ora. Ma avrà ancora bisogno di qualche aggiustamento.



Passaggio 11

Lo faremo anche rompendo di nuovo il nostro cammino. Per mantenere l'aspetto di un solo tratto, lo separeremo in luoghi in cui molti percorsi si sovrappongono l'un l'altro. Utilizzare il Scissor Tool e Taglio il percorso a pezzi.



Passaggio 12

Ora apri il Stili grafici finestra. Assicurati di non averne nessuno Tratti di pennello selezionato nel Aspetto pannello e creane uno nuovo Stile grafico.



Passaggio 13

Possiamo aggiungere un po 'più "splendore" alle nostre lettere creando percorsi più piccoli, che vanno all'incirca lungo le nostre lettere. Seleziona i nuovi percorsi, Gruppo loro e applicare il Stile grafico a loro (quello che abbiamo appena creato).



Passaggio 14

Noterai alcuni punti più luminosi in cui i percorsi si sovrappongono l'un l'altro. Possiamo aumentare questo effetto aggiungendo miscele ad esso. Creare un Cerchio pieno di bianco e un Opacità di 0%. Duplicare quella forma, ridurre la sua dimensione e cambia il Opacità pure 100%. Creare un Miscela con le impostazioni per la spaziatura con Passi specificati impostato 32.



Passaggio 15

Accendere il livello con il tipo di nuovo e cambia il Modalità di fusione a Schermo e 80% Opacità. Rendi l'oggetto più piccolo e posizionalo dove i percorsi si sovrappongono l'un l'altro. Fatelo più volte.



6. Come aggiungere bagliore e scintille

Passo 1

Possiamo rendere ancora più ovvio questo effetto aggiungendo una forma a stella bling alle lettere. Crea un cerchio bianco. Vai a Effetto> Distorci e trasforma> Pucker e Bloat.

Avrai una forma a stella a quattro punte. Se desideri ulteriori suggerimenti, puoi aggiungere manualmente punti di ancoraggio o andare a Oggetto> Percorso> Aggiungi punti di ancoraggio. Questo creerà un punto di ancoraggio tra ogni 2 punti di ancoraggio della tua forma. Ciò significa che avrai una stella con 8 punte, invece di 4 ora.



Passo 2

Usando Pucker e Bloat ogni punto di ancoraggio creerà un suggerimento. Sotto puoi vedere come vengono creati i suggerimenti aggiungendo manualmente i punti di ancoraggio usando il Strumento Penna su un cerchio.



Passaggio 3

Ho creato due diversi tipi di stelle. Cambia loro Modalità di fusione a copertura e il Opacità a 50%.



Passaggio 4

Ora posiziona le tue stelle sulle miscele che hai creato e posizionato in precedenza.



Accendere il tipo di nuovo.



7. Come aggiungere il bokeh

Passo 1

Ora stiamo per aggiungere l'effetto Bokeh. Seleziona uno dei primi due Pennelli a dispersione abbiamo creato prima e usiamo il Pennello disegnare lungo le lettere. Usa lo stesso Ictus Colore, come hai fatto per le lettere. Cambierò la larghezza in 0,5 pt e il Modalità di fusione a Schermo.



Passo 2

Seleziona il secondo piccolo Pennello a dispersione e disegna lungo le lettere, questa volta usando il bianco. Ora cambia il Colpo to 0,75 pt e il Modalità di fusione a copertura.



Passaggio 3

Ora aggiungeremo un bokeh più grande Pennelli a dispersione. Seleziona il terzo Pennello a dispersione e disegna a caso. Usa ancora lo stesso colore come hai fatto per le lettere. Impostare il Larghezza del tratto a 2 pt, e nel Trasparenza pannello il Modalità di fusione a Dodge Color, e il Opacità a 50%.



Passaggio 4

Fai lo stesso con un secondo percorso che crei usando l'ultimo bokeh Pennello a dispersione. Impostare il Larghezza del tratto a 4 pt, e nel Trasparenza pannello il Modalità di fusione a Dodge Color, e il Opacità a 20%.



8. Come aggiungere i dettagli finali

Passo 1

Se non sei soddisfatto dei colori, puoi facilmente modificarli (se hai Illustrator CS3 o più recente) selezionando tutti gli oggetti e andando a Modifica> Modifica colori> Ricolora grafica.

È possibile selezionare tutti i colori utilizzati nel disegno e cambiarlo in un nuovo colore. Cliccando Ricolora l'arte puoi vedere la modifica applicata. È piuttosto facile da fare, perché abbiamo usato solo 1 colore (diverso dal bianco) per l'effetto di luce.



Passo 2

Come tocco finale, aggiungeremo un semplice bagliore dietro le lettere. Creare un Nuovo strato sotto il tipo e sopra lo sfondo.

Disegna due forme ruvide usando il Matita o Strumento Penna: una forma grande che supera i bordi della tavola da disegno e una forma più piccola che segue in modo approssimativo il lettering.



Passaggio 3

Cambia loro Riempire a partire dal Ictus a Solido. La forma più grande avrà un Opacità di 0%.



Passaggio 4

Seleziona entrambe le forme e crea un Miscela con Passi specificati, impostato 256. Imposta l'intera miscela su Schermo e 20% di opacità.



Immagine finale

La cosa grandiosa della creazione di questo effetto con il vettore è che puoi sempre modificare l'aspetto del tuo risultato in seguito. Nel pannello Aspetto puoi modificare ogni tratto separatamente e modificare facilmente l'aspetto del tuo lavoro. Ti suggerisco di giocare con le impostazioni e vedere come ti piace di più.

Se vuoi essere sicuro, puoi sempre salvare l'aspetto corrente nel pannello Stili grafica e scambiare gli stili con un clic di un pulsante. Puoi aggiungere ed eliminare pennelli o creare nuovi pennelli e provare diverse impostazioni.

Effetti di luce da GraphicRiver

Vuoi creare meravigliosi dipinti di luce in modo facile e veloce? Quindi dai un'occhiata alla nostra fantastica selezione di effetti di luce che ti offriamo tramite GraphicRiver. Applica queste azioni ai tuoi progetti e dai un'occhiata a uno dei nostri preferiti qui sotto!

Azione di luce magica

Trasforma la tua arte in splendidi dipinti di luce con questa divertente azione. Questa azione leggera con un clic consente di modificare qualsiasi testo o forma in un'opera d'arte ardente. Scarica questa azione per approfittare di questo incredibile effetto oggi!