Crea una fiamma per accendisigari realistica vettoriale in Photoshop

Sappiamo tutti e adoriamo Adobe Photoshop per la sua manipolazione basata su pixel. In questo tutorial, ho deciso di esaminare le funzionalità vettoriali di Photoshop, combinate con gradienti, modalità di livello e stili di livello per produrre un accendino per sigarette dall'aspetto fantastico, quasi fotorealistico.

La conoscenza dello strumento Penna è necessaria per tutti i passaggi iniziali. Qui puoi trovare modelli molto utili per esercitarti con le tecniche di Pen Tool, che ti faranno andare molto bene.
Questo è il mio primo tentativo di esercitazione e ho cercato di condensare i passaggi il più possibile. Questo è per un giorno di pioggia (o due)!

1. Inizia da Photoshop

Strumenti e immagini di riferimento

Invece dello sfondo, prima costruiremo tutte le forme vettoriali di base usando lo strumento Penna (P). Tutte le forme vettoriali risiedono sui propri livelli.

Abbiamo bisogno di inserire un'immagine di riferimento che può essere scaricata gratuitamente da StockXchange qui. Fare così renderà più facile seguire ogni passo che descrivo.

In Adobe Photoshop, inizia con la configurazione di base, che nel mio caso era destinata all'output litografico.

Passaggio 1: crea il tuo documento di Photoshop

Apri Adobe Photoshop e crea un nuovo documento trasparente con le impostazioni seguenti di 99 mm x 200 mm a 300 dpi. Posiziona l'immagine di riferimento nel mezzo del nuovo documento e assegna un nome al livello. Infatti, mentre segui questi passaggi, assicurati di dare un nome a tutti i tuoi livelli. Sopra il tuo livello di riferimento crea un set di livelli e chiamalo "base più chiara". Questo set di livelli sarà dove manterrai le forme principali del tuo vettore.

2. Crea le forme base

Passaggio 1: utilizzare lo strumento Penna per creare forme vettoriali

Utilizzando lo strumento Penna (P), nella modalità a livello di forma, iniziare a costruire l'accendino in sezioni (otto in totale), utilizzando l'immagine di riferimento per una guida approssimativa. Non deve essere esatta la prima volta perché i livelli di forma sono ulteriormente modificabili utilizzando lo strumento Penna e gli strumenti associati. L'immagine a colori qui sotto indica l'ordine dei livelli, che è importante. La custodia principale in plastica è in basso. Il top ha un livello di testo per un po 'di personalizzazione. Ho scelto il mio nickname "apepp" usando il font Helvetica Neue Condensed Bold.

Per ora, colora ciascun livello di forma vettoriale di Photoshop con sfumature dal nero al bianco per distinguerli facilmente. Per fare ciò, fare doppio clic sulla miniatura del livello nella palette dei livelli per accedere al selettore di colori. Una volta create tutte le otto forme, ricorda di mantenere le cose in ordine premendo il tasto Maiusc e selezionando ciascun livello vettoriale, quindi trascinale nel set di livelli ("accendino base") creato nel passaggio 1.

Suggerimento per il set di livelli: la creazione di un set di livelli può essere ottenuta anche premendo il tasto Maiusc e facendo clic sull'icona del set di livelli. Tutti i livelli selezionati in precedenza cadranno automaticamente in un nuovo set di livelli e verranno mantenuti nel loro ordine di impilamento originale. L'altro modo è usare "Command / Apple + G".

Passaggio 2: crea la testa accendisigari

Per il livello "Wheel" di selce, utilizzare lo strumento Poligono (Shift + U) nella modalità a livello di forma e impostare il numero di lati su circa 35. Fare clic e trascinare fino alla dimensione appropriata. Mentre il pulsante del mouse è ancora premuto, tieni la barra spaziatrice e spostalo in posizione. Quindi rilasciare la barra spaziatrice e, se necessario, regolare ulteriormente le dimensioni. Quando rilasci il mouse, il livello verrà creato. Questo strato deve essere da qualche parte sotto la custodia di metallo.

 Passaggio 3: utilizzare lo strumento Penna per creare le sezioni interne

Una volta creato quanto sopra, nascondi il set di livelli "Accendino base". Quindi inizia (più o meno come sopra) per creare le sezioni interne (cinque in totale) come indicato nell'immagine sottostante con lo strumento Penna. Ancora una volta, posiziona questi elementi in un livello impostato da Maiusc, selezionando ciascun livello e premendo l'icona del set di livelli in combinazione con il tasto Maiusc. Non dimenticare di nominare questo set di livelli "Inners".

Passaggio 4: traccia una forma etichetta

Dobbiamo aggiungere un livello "Etichetta" sotto il livello "Divider". Questa etichetta è bloccata sull'altro lato dell'involucro di plastica principale. Usa lo strumento Rettangolo arrotondato (Shift + U) nella modalità a livello di forma, inserisci un raggio di 10 px, trascina la forma e posizionala approssimativamente al centro. Premi Comando / Apple + T per trasformare leggermente la rotazione verso destra trascinando appena fuori dalla maniglia di controllo in alto a destra.

2. Usa le modalità Effetti e Livello di Photoshop per aggiungere dettagli

Passaggio 1: crea il liquido più leggero con una modalità di livello

L'ultima parte per la sezione interna è il livello "Fluido". Crea questo usando lo strumento Penna (P) nella modalità a livello di forma (un tocco corto dei bordi della custodia in plastica) e spostalo sopra il livello "Tubo". Colora il livello vettoriale "Fluido" con qualcosa come # 282828 e cambia la modalità livello in "Luce soffusa". Cambiare i metodi di fusione dei livelli può anche essere fatto premendo "Shift" e usando i tasti + o â € ".

Passaggio 2: crea l'effetto sfondo cloud

Ora per l'effetto di sfondo. Per prima cosa nascondi sia i set di livelli "base lighter" che "Inners". Crea un altro set di livelli chiamato "BGround" o qualcosa di simile. Aggiungi un nuovo livello a questo set di livelli, quindi scegli Filtro> Rendering> Nuvole. Premi "Comando / Apple + T", modifica il punto di ancoraggio nella riga superiore tramite l'immagine proxy nella barra degli strumenti. Quindi digitare nel campo altezza "140mm" e premere il tasto Invio per confermare questa regolazione. Cambia la modalità di livello in "Luce soffusa" e l'Opacità al 35%. Se digiti velocemente 35 sulla tastiera, l'opacità cambierà. Assegna un nome a questo livello "Fumo".

Passaggio 3: aggiungi uno stile di bagliore esterno

Sempre sul livello "Fumo", fai doppio clic sul lato destro dello spazio della miniatura del livello per visualizzare la finestra di dialogo degli effetti di livello per applicare un "Bagliore esterno". Questo per simulare un bordo del tavolo con la luce che viene diffusa dalla superficie. Cambia il colore giallo predefinito in bianco facendo clic sul quadrato giallo sotto l'impostazione del rumore. Le altre impostazioni sono le seguenti:

Passaggio 4: utilizzare lo strumento sfumatura 

Sotto il livello "Fumo", crea un nuovo livello chiamato "Luce". Seleziona lo strumento sfumatura, imposta una nuova sfumatura facendo clic sull'anteprima della sfumatura nella barra degli strumenti superiore, imposta il cursore inferiore sinistro su nero # 000000 e il cursore inferiore destro su un blu / grigio # 78828c e il cursore centrale su 80 %.

Trascina nella direzione della freccia verde identificata sull'immagine sottostante, dall'angolo in alto a sinistra all'angolo in basso a destra del livello "Fumo" creato in precedenza.

Step 4: Colora il tuo accendino

Ora che abbiamo tutti gli elementi essenziali costruiti, possiamo iniziare a dare profondità all'accendino di base usando gli stili di livello. Attiva il set di livelli "Accendino base" e dall'alto verso il basso aggiungeremo gli effetti di livello richiesti. Prima di ciò, coloreremo ciascun oggetto vettoriale come segue facendo doppio clic sulla miniatura del livello vettoriale come evidenziato di seguito. Controlla anche che il metodo di fusione "Red Casing" sia impostato su "Hard Light" e assicurati che tutte le altre modalità di livello siano "Normal".

Colorate ognuna come segue nel campo numerico nella parte inferiore della finestra di selezione del colore:

  • Strato "Metal Hole" = # 0a0b0a
  • Strato "Metal Groove" = #ffffff
  • Livello "Top nero" = # 0a0b0a
  • Layer "Metal Case" = # 969696
  • Strato "Controllo gas" = # 0a0b0a
  • Strato "Ruota" = # c8c8c8
  • Strato "Gas Button 1" = # 0a0b0a
  • Strato "Gas Button 2" = # 0a0b0a
  • Livello "Casing rosso" = # a00000

Passaggio 5: utilizzare Opzioni di fusione, tratti e gradienti

Per aggiungere effetti di livello, fai doppio clic sull'area a destra del nome dei livelli e applica le impostazioni come segue:

  • strato "apepp" (o proprio incisione personalizzata)

Nota: imposta Opacità di riempimento di questo livello su 0% nella tavolozza dei livelli. Puoi anche farlo nella finestra di dialogo dello stile del livello facendo clic su "Opzioni di fusione", in cima alla lista nel pannello di sinistra.

  • strato "Colpo di metallo"

Per modificare il gradiente attuale, fare clic sull'anteprima della sfumatura come mostrato sull'immagine sottostante per rivelare l'editor dei gradienti.

  •  sovrapposizione gradiente "Metal Groove"
  •  strato "Metal Groove"
  •  Sovrapposizione sfumatura "Top nero" di livello
  •  Sovrapposizione gradiente "Metal Case"
  •  strato "Metal Case" corsa
  •  strato "Gas Control" corsa
  • Sovrapposizione gradiente "Ruota" livello. Nota anche per impostare la modalità di fusione su "Moltiplica".
  • strato "Corsa"
  • strato "Gas Button 1" colpo
  •  strato sovrapposto gradiente "Gas Button 2"
  •  Sovrapposizione sfumatura "Casing rosso" di livello. Nota anche per impostare la modalità di fusione su "Sovrapponi".

Passaggio 6: aggiunta di colori agli strati interni

Ok, sei arrivato così lontano, così ben fatto.

Ora siamo nel tratto di casa e, per lanciarci ancora più in là, riveliamo il set di livelli "Inners". Verifica che il livello "Fluido" abbia impostato la modalità di fusione su "Luce soffusa".

Ora, proprio come all'inizio del passaggio 10, coloreremo ogni forma vettoriale come segue:

  • Livello "Black Slot" = # 000000
  • Strato "Connettore 1" = # 000000
  • Strato "Connettore 2" = # 1e1e1e
  • Strato "Fluido" = # 282828
  • Strato "Tubo" = # 1e1e1e
  • Livello "Divider" = # 000000
  • Livello "Etichetta" = # 2d2d2d

Passaggio 7: utilizzare le opzioni di fusione, sfumature e tratti

Per quanto riguarda gli stili di livello, ne servono solo tre e sono:

  • strato "Connettore 2" sovrapposizione gradiente ...
  •  strato sovrapposizione "fluido". Nota anche per impostare la modalità di fusione su "Sovrapponi" ...
  •  strato "Fluido" ictus
  •  sovrapposizione gradiente "Tubo" di livello

3. Creare una fiamma vettoriale realistica con forme semplici

Sta davvero arrivando insieme ora, e speriamo lo stesso anche per te. Ma cos'è un accendino senza fiamma?

Step 1: Usa lo strumento Ellisse per disegnare la tua forma di fiamma

La fiamma è semplicemente composta da due strati di forma vettoriale. Afferra lo strumento Ellisse (in modalità livello forma) e disegna per primo il più grande "Fiamma esterna". Assicurati che sia pure bianco. La fiamma deve anche essere al di sotto dello strato di "Base Lighter" in modo che si trovi sotto l'involucro metallico.

Step 2: aggiungi lo strato interno della fiamma

Duplica il livello "Fiamma esterna" (premi Comando / Mela + J) e ridimensionalo premendo Comando / Mela + T e trascinando le maniglie di controllo intorno fino a quando non sei felice. Premere il tasto Invio per confermare questa modifica e denominare questo livello "Fiamma interna". Imposta l'opacità di questo livello al 50%.

Nell'immagine sottostante, vedrai entrambi gli elementi. Ho ombreggiato la "Fiamma Interna" in grigio in modo da poter vedere le due forme separate più chiare, ma entrambe devono essere bianche per quando le coloriamo.

Passaggio 3. Usa gli stili di livello per creare l'effetto fiamma

Fare doppio clic sul livello "Flame Inner" per visualizzare la finestra di dialogo degli stili di livello e impostarli come segue:

  • Strato "Flame Inner" satinato. Nota: imposta anche la modalità di fusione su "Color Burn" e il contorno su "Gaussian".
  • Sovrapposizione gradiente "Flame Inner". Imposta anche il cursore dell'opacità dell'estrema destra su 0% come nell'immagine sotto sul gradiente:

Step 4: Dai al tuo fuoco realistico alcuni tocchi finali

Fai doppio clic sul livello "Fiamma esterna" per visualizzare la finestra di dialogo degli stili di livello e impostali come segue:

  • bagliore esterno "Flame esterno". Nota anche di impostare il cursore dell'opacità all'estrema destra su 0% come nell'immagine sotto sul gradiente.
  • Sovrapposizione gradiente "Flame esterno". Imposta anche il cursore dell'opacità all'estrema destra su 0% come nell'immagine sotto sul gradiente.

4. Tocchi finali

Passaggio 1: utilizzare le maschere di livello Photoshop per creare una riflessione

OK, ora è praticamente lì e, per il tocco finale, abbiamo bisogno di quella riflessione fedele sul tavolo. Useremo una tecnica semplice che molti usano spesso come ombre esterne.

Seleziona entrambi i set di livelli "Accendino base" e "Inners" con Comando / Mela-clic. Trascina questi insiemi nella nuova icona del livello in fondo alla palette dei livelli. Ciò creerà le copie degli insiemi completamente intatti, preservando tutti gli ordini di impilamento dei livelli all'interno dei set. Anche le copie rimarranno selezionate, così come sono, premete Comando / Apple + G e questi gruppi verranno raggruppati.

Sempre con questo nuovo gruppo selezionato, aggiungi una maschera di livello tramite il pulsante Aggiungi maschera di livello ai piedi della palette dei livelli, quindi dai il nome a questo nuovo gruppo a "Riflessione".

Infine premi Comando / Apple + T e fai clic con il pulsante destro del mouse nell'area trasformata per selezionare il punto di ancoraggio centrale nell'anteprima del proxy.

Quindi selezionare "Capovolgi verticalmente" come nell'immagine sottostante e premere Invio per confermare la modifica.

Passaggio 2: Abbassa l'opacità della tua riflessione

Ora seleziona la maschera di livello creata nel passaggio 17. Con lo strumento Sfumatura, imposta una sfumatura da bianco a nero e trascina dal basso verso il punto in cui la freccia termina nell'immagine sottostante. Imposta l'opacità del set di livelli all'80%.

Conclusione

Ecco la composizione finale. Se lo si desidera, è possibile continuare a creare un effetto fiamma animato in Photoshop CS3 tramite la finestra Animazione.