Crea un cavo telefonico a spirale da zero con Photoshop

Con gli strumenti giusti, Photoshop può semplificare qualsiasi attività. Il tutorial di oggi dimostrerà come creare una scena di telefono still life da zero usando lo strumento sfumino. Iniziamo!


Passo 1

Crea un nuovo documento (2100 px x 1300 px) e aggiungi un gradiente come mostrato. Successivamente, crea un nuovo livello chiamato "Schizzo" e disegna una semplice scena del telefono. È importante sgrossare il percorso per il cavo elastico, poiché lo utilizzeremo come guida nel passaggio successivo.


Passo 2

La prima cosa che creeremo è il cavo a molla per il telefono. Useremo una tecnica che coinvolge lo strumento sfumino per farlo. Per iniziare, utilizzare lo strumento Penna (P) per creare un percorso a spirale, utilizzando lo schizzo come guida. Dato che stiamo solo creando un percorso, non importa quale layer è selezionato. Come puoi immaginare, disegnando un percorso così complesso senza alcuna guida puoi facilmente ottenere risultati irrealistici. Nota: se il percorso non viene visualizzato, potrebbe rovinare l'effetto. È preferibile creare un percorso completamente all'interno dell'area di disegno, quindi spostarlo nella posizione desiderata dopo il passaggio 5.


Passaggio 3

Affinché questo effetto successivo funzioni correttamente, dobbiamo spostare il percorso in modo che sia completamente all'interno dell'area di disegno.

Ora, prima di creare il cavo effettivo, creeremo un cavo di prova in modo da poter vedere come funziona questa tecnica: crea un nuovo gruppo chiamato "Cordoncino" con all'interno uno strato chiamato "Test colore". Su questo livello, crea una scatola e colorala come mostrato. Ruota e posiziona la scatola in modo che si trovi sopra il punto finale, perpendicolare al percorso.


Passaggio 4

Crea un nuovo livello chiamato "Test cord" e seleziona lo strumento sfumino con l'impostazione mostrata sotto. Ora, vai al pannello Paths e seleziona il percorso che abbiamo creato nel passaggio 2. Fai clic destro e seleziona Traccia percorso usando lo strumento sfumino. Come puoi vedere, i colori della scatola sembrano essere "estrusi" lungo il percorso. Ora possiamo utilizzare questo test del colore per aiutarci a creare il cavo effettivo.


Passaggio 5

Su un nuovo livello chiamato "Shade Box", crea una nuova scatola (proprio come abbiamo fatto con il test dei colori) e riempila con un grigio chiaro. Ora che sappiamo come i colori sulla scatola sono tradotti lungo il percorso, possiamo usare gli strumenti scherma e brucia per aggiungere un po 'di ombreggiatura alla scatola grigia (sentitevi liberi di sperimentare con diverse sfumature). Ora, crea un nuovo livello chiamato "Cord" e, usando il pannello dei percorsi, aggiungi un tracciato del tratto proprio come abbiamo fatto nel passaggio 4. Il risultato è simile a un effetto di estrusione del binario visto nel software 3D.

Ora, rimetti questo cavo in posizione secondo il nostro schizzo.


Passaggio 6

Ora abbiamo il cavo a molla per il nostro telefono, ma sembra un po 'piatto. Per risolvere questo problema, crea una copia (Cmd / Ctrl + J) di questo livello e applica il filtro Filtro> Artistico> Filtro a capo di plastica. Il filtro può produrre alcune aree con risultati indesiderati; usa semplicemente lo strumento Gomma (E) per farli sparire. Quando hai finito, unisci questi due livelli.


Passaggio 7

Con il livello "Cord" unito selezionato, aggiungi un nuovo livello di regolazione Tonalità / saturazione e apporta le modifiche come mostrato. Aggancia (Alt + Click) questo livello al livello "Cord".


Passaggio 8

Su un nuovo livello, usa un piccolo pennello bianco per aggiungere punti nella parte superiore di ogni bobina. Usa lo strumento sfumino con le impostazioni mostrate per sfumare ogni punto per assomigliare alle alte luci. Abbiamo finito con il cavo. Questa tecnica può essere utilizzata per molte cose, specialmente per la tipografia creativa.


Passaggio 9

Successivamente, passeremo al ricevitore del telefono, per iniziare, creare una gerarchia di gruppo / livello come mostrato. Usa lo strumento Penna per disegnare a forma di bocchino, con il tuo schizzo come guida.


Passaggio 10

Sul livello "Bocca pezzo", seleziona il percorso del bocchino (dal pannello Tracciati) e riempi con un grigio scuro. Ora, potremmo schivare e bruciare questo livello per aggiungere qualche prospettiva 3D, ma, invece, useremo un altro metodo. Inizia aggiungendo un Bisello e rilievo a questo livello. Quindi, crea una copia (Cmd / Ctrl + J) del livello "Mouth Piece" e diminuisci la quantità di Bevel and Emboss. Quando hai finito, sposta il livello per sfalsarlo leggermente.


Passaggio 11

Ora, vogliamo unire gli stili di livello ai rispettivi livelli. Per fare ciò, fare clic con il tasto destro su "Effetti" di ogni livello e selezionare "Crea livelli" dal menu a discesa per convertire gli stili di livello nei propri livelli. Ora unisci gli effetti separati con i loro livelli originali.


Passaggio 12

Ora possiamo agganciare (Alt + Click) il livello "Copia pezzo a bocca" a quello sottostante. Aggiungi una maschera di livello per mascherare i bordi visibili creati dai due livelli sovrapposti in modo che appaia come un unico pezzo solido.


Passaggio 13

Crea un nuovo livello e aggiungi una sfumatura da nero a bianco. Imposta il metodo di fusione su Sovrapposizione e Opacità su 20%. Aggancia questo livello al livello "Mouth Piece".


Passaggio 14

Crea un nuovo livello chiamato "Rumore" e riempi con il bianco. Vai a Filtro> Disturbo> Aggiungi disturbo, e usa le seguenti impostazioni. Imposta il metodo di fusione su Sovrapposizione e Opacità su 5%. Aggancia questo livello al livello "Mouth Piece".


Passaggio 15

Crea un nuovo livello chiamato "Rientro". Usa lo strumento Selezione ellittica per creare un cerchio e riempirlo con un grigio scuro. Trasforma (Cmd / Ctrl + T) questo livello per adattarlo alla prospettiva del bocchino. Per creare l'effetto di indentazione per il bocchino, aggiungi i seguenti stili di livello al livello "Rientro".


Passaggio 16

Su un nuovo livello chiamato "Evidenzia", ​​utilizza lo strumento Selezione rettangolare per creare una forma simile a quella mostrata di seguito e riempire con il bianco. Modifica> Trasforma> Modifica questo livello per seguire l'effetto di indentazione. Agganciatelo al livello "Indent" e date a questo strato un Gaussian Blur di 9.0 px e impostate la sua Opacità al 4%. Aggiungi un livello di rumore come abbiamo fatto nel passaggio 14.


Passaggio 17

Per creare i fori per il ricevitore, aggiungi un nuovo livello chiamato "Fori" e usa un pennello nero per aggiungere punti di dimensioni diverse in uno schema a griglia. Potrebbe essere utile creare una griglia di modelli per guidarti. Disegna i punti proprio come abbiamo fatto con il livello "In evidenza" e aggiungi i seguenti stili di livello per dare profondità ai fori.


Passaggio 18

Ora è il momento di passare al resto del telefono. Creare un livello chiamato "Corpo" all'interno del gruppo "Corpo" e utilizzare lo strumento Penna (P) per disegnare la forma del resto del telefono. Riempi questa forma con un grigio scuro.


Passaggio 19

Poiché la maggior parte di questo telefono sarà sfocata (che aggiungeremo in seguito), non impiegheremo troppo tempo ad aggiungere dettagli. Per iniziare, crea un nuovo livello chiamato "Ombreggiatura" e usa lo strumento Pennello (B) per dipingere alcune ombre e punti salienti campionando i colori dal bocchino. Rendi questo un livello di ritaglio.


Passaggio 20

Crea un nuovo livello chiamato "Highlights". Con un pennello bianco, disegna le alte luci sui bordi del telefono. Aggiungi una sfocatura gaussiana del 9,5%. Cambia il metodo di fusione del livello sullo schermo e la sua opacità al 56%. Rendi questo strato di ritaglio e aggiungi un livello di rumore (fai riferimento al punto 14).


Passaggio 21

Per far apparire il cavo nel telefono, crea un nuovo livello chiamato "Foro" tra i gruppi "Telefono" e "Cavo di primavera" (assicurati di spostare il gruppo "Cordoncino" davanti al gruppo "Telefono" ). Usa lo strumento selezione ellittica per creare un ovale e riempirlo con il nero. Aggiungi il seguente stile di livello. Aggiungi una maschera di livello al gruppo "Cordoncino" per mascherare la fine del cavo in modo che sembri entrare nel telefono.


Passaggio 22

Guardando di nuovo il telefono, noto che il bocchino ha bisogno di un po 'di lavoro sui bordi dove incontra il corpo del telefono. Torna al gruppo "Mouth Piece" e trova il livello "Mouth Piece" e duplicalo premendo Cmd / Ctrl + J (questo dovrebbe conservare tutti i nostri livelli di ritaglio). Ora, seleziona il livello originale "Mouth Piece" e aggiungi i seguenti stili di livello. Spingi questo livello verso l'alto e verso sinistra finché non sembra buono.


Passaggio 23

Ora che il telefono e il cavo sono completi, dobbiamo aggiungere alcune ombre. La prima ombra sarà sul cavo dove entra nel telefono. Torna al gruppo "Spring Cord" e crea un nuovo livello chiamato "Shadow" sopra il livello di regolazione. Utilizzare un pennello nero per dipingere in un'ombra che il ricevitore del telefono avrebbe lanciato sul cavo. Rendi questo strato di ritaglio e regola l'opacità secondo necessità.


Passaggio 24

Crea un nuovo livello chiamato "Ambient Shadows" come mostrato. Utilizzando una spazzola nera, dipingere le aree in cui il cavo a spirale e il ricevitore del telefono potrebbero essere in contatto con il terreno. Aggiungi un filtro> Sfocatura> Sfocatura movimento con una distanza di 35 px a 90 gradi e quindi aggiungi una sfocatura gaussiana di 8,5 px. Imposta il metodo di fusione di questo livello per moltiplicare e la sua opacità al 62%.


Passaggio 25

Crea un nuovo livello chiamato "Ombre dirette" e dipingi nelle ombre che potrebbero essere gettate sul piano terra. Dare a questo strato un sottile sfocatura gaussiana (1.0 px o meno) e regolare il metodo di fusione su Moltiplica e l'opacità al 63%.


Passaggio 26

Per finire l'immagine, voglio aggiungere un effetto di profondità di campo. Per fare questo, userò il filtro Lens Blur ma, prima di aprirlo, dobbiamo fare un po 'di setup. Vai avanti e unisci l'intera scena a un nuovo livello e posizionalo in cima allo stack e chiamalo "Lens Blur". Questo strato sarà il livello a cui applichiamo l'effetto sfocatura dell'obiettivo.


Passo 27

Vogliamo utilizzare la capacità del filtro Sfocatura obiettivo di utilizzare una mappa alfa personalizzata. Per iniziare la nostra mappa alpha, unisci i gruppi "Phone" e "Spring Cord" su un nuovo livello chiamato "Phone and Cord" e posizionali nella parte superiore della pila di livelli. Usa i livelli (Cmd / Ctrl + L) per regolare questo nuovo livello su un grigio medio.


Passaggio 28

Crea un nuovo livello sopra il livello "Sfocatura obiettivo" e aggiungi un gradiente riflesso come mostrato. La banda più chiara sarà il punto focale per l'effetto Sfocatura obiettivo. Pertanto, più scuro è il colore, più sfocato. Usando questa teoria, applicheremo aree più bianche e più scure al livello "Telefono e cavo" con gli strumenti Scherma e brucia.


Passaggio 29

Unisci i due livelli su cui abbiamo lavorato e copia e incolla questo livello in un nuovo canale nel pannello Canali. Questo dovrebbe essere automaticamente chiamato "Alpha 1."


Passaggio 30

Nascondi il livello su cui stavamo lavorando e, con il livello "Sfocatura obiettivo" selezionato, aggiungi Filtro> Sfocatura> Sfocatura obiettivo con le seguenti impostazioni. Questo è dove aggiungeremo la nostra mappa alfa per influenzare la sfocatura.


Conclusione

Apporta qualche modifica se necessario. Ho dato all'immagine una tinta blu molto sottile.