Come realizzare un Woofer Bangin 'Embedded in Wood

In questo tutorial, illustreremo un woofer e creeremo una semplice trama di legno per lo sfondo. Metteremo l'altoparlante in modo che appaia all'interno della trama del legno. Inoltre, creeremo delle viti che sembrano tenerlo in posizione. Metti buona musica e inizia a lavorare!

Anteprima dell'immagine finale

Prima di iniziare, diamo un'occhiata all'immagine che creeremo. Come sempre, il file Photoshop a più livelli è disponibile tramite la nostra iscrizione Psdtuts + Plus. È possibile visualizzare l'anteprima dell'immagine finale qui sotto o visualizzare una versione più grande qui.

Passo 1

Crea un nuovo documento di 800 px di larghezza e 800 px di altezza con una risoluzione di 300 pixel / pollice. Trascina una guida orizzontale e una verticale e inseriscile al centro del documento. Riempi il livello "Sfondo" con il 65% di grigio.

Ottieni lo strumento Selezione ellittica, imposta lo stile su Dimensioni fisse e imposta Larghezza e Altezza su 220 px. Fare clic in qualsiasi punto dell'area di disegno, spostare il cursore all'interno della selezione, quindi spostarsi al centro della pagina e eseguire lo snap alle guide. Crea un nuovo livello e chiamalo "Centro". Riempi la selezione con il colore # 1e2f29. Premi Comando + D per deselezionare.

Passo 2

Applicheremo due stili di livello per dare a questo cerchio un aspetto dell'emisfero. Applica prima una bagliore interno con queste impostazioni: Modalità fusione di Moltiplica, Opacità impostata al 100%, Colore impostato su nero e Dimensione impostata su 25 px. Quindi applica un Sovrapposizione sfumatura usando queste impostazioni: Modalità miscelatura impostata su Moltiplica, Gradiente impostato su nero a bianco, Reverse controllato, con uno stile di Radiale, Angolo impostato su 75 gradi e Scala impostata su 150%.

Passaggio 3

Crea un nuovo livello e chiamalo "Evidenzia al centro". Scegli il bianco come colore di primo piano e ottieni lo strumento pennello. Fai un solo clic sulle aree come nell'immagine sottostante con i pennelli di 55 px, 30 px e 10 px con una durezza del 100%. Comando-clic sulla miniatura del livello "Centro" per caricare la selezione, vai su Filtro> Sfocatura> Sfocatura gaussiana e applica con un raggio di 16 px.

Passaggio 4

Crea un nuovo livello e chiamalo "Anello centrale". Assicurati che la selezione sia ancora attiva, quindi vai a Modifica> Traccia. Imposta il colore su # 2e453d, imposta Posizione su Esterno e tocca OK. Applica uno stile di bagliore esterno con le seguenti impostazioni: Modalità di fusione di Moltiplica, Opacità impostata al 40%, Colore impostato su Nero e Dimensione impostata su 8 px. Quindi applica uno stile Smusso e rilievo e usa queste impostazioni: Stile smusso interno, Direzione impostata su Su, Dimensione impostata su 7 px, Effetto sfumato impostato su 0 px, Angolo e Altitudine impostato su 50 e Evidenziazione dell'opacità su 0%.

Passaggio 5

Crea un nuovo livello sotto il livello "Centro" e chiamalo "Cono". Ottieni lo strumento Selezione ellittica. Questa volta imposta Larghezza e Altezza entrambe a 382 px. Fare clic in qualsiasi punto dell'area di disegno, quindi spostare il cursore all'interno della selezione. Quindi, spostati al centro della pagina e fai uno snap alle guide. Riempi la selezione con il colore # 425d54. Applica uno stile di sovrapposizione sfumatura con queste impostazioni: Modalità fusione impostata su Moltiplica, Opacità impostata su 70%, Sfumatura impostata su nero a bianco, con Stile lineare e Angolo impostato su -90 gradi.

Passaggio 6

Crea un nuovo livello sopra il livello "Cono" e chiamalo "Cono Edge". Fare clic con il tasto Comando sul livello "Cono" e riempire la selezione con il bianco. Assicurati che lo strumento Selezione ellittica sia ancora selezionato, sposta la selezione di 1 px a destra usando il tasto freccia destra sulla tastiera e premi Elimina per cancellare. Deseleziona premendo Comando + D. Ottieni lo strumento Gomma, imposta il Diametro master su 215 px e Durezza su 0%. Cancella i bordi superiore e inferiore del livello con un clic, come puoi vedere nell'immagine qui sotto. Imposta l'opacità del livello "Cono Edge" al 40%.

Passaggio 7

Faremo la stessa cosa per il bordo destro del cono. Comando-clic sul livello "Cono" per caricare la selezione. Crea un nuovo livello sopra il livello "Cone Edge" e assegna lo stesso nome "Cone Edge". Riempi la selezione con il bianco. Ottieni lo strumento Selezione ellittica e sposta la selezione di 1 px a sinistra utilizzando il tasto freccia sinistra. Premi Elimina per cancellare, poi deseleziona. Afferra lo strumento Gomma e cancella i bordi superiore e inferiore. Infine, imposta l'opacità dei livelli al 40%.

Passaggio 8

Ora faremo le riflessioni sul cono. Crea un nuovo livello sopra il livello "Cono" e chiamalo "Riflesso". Ottieni lo strumento Selezione rettangolare e fai una selezione, come nell'immagine qui sotto. Riempi di bianco e premi Comando + D per deselezionare.

Vai a Modifica> Trasforma> Prospettiva, afferra il quadratino in alto a destra del rettangolo di selezione e trascinalo in basso nella parte centrale della pagina prima di applicarlo. Vai a Filtro> Sfocatura> Sfocatura gaussiana e applica con un raggio di 25 px. Comando-clic sul livello "Cono" per caricare la selezione. Vai a Seleziona> Inversa e premi Elimina per cancellare, quindi imposta l'opacità dei livelli al 50%.

Passaggio 9

Faremo altre due riflessioni sul cono. Per prima cosa crea un nuovo livello sopra il livello "Riflessione" e chiamalo anche "Riflesso". Prendi lo strumento Selezione rettangolare, seleziona un'area rettangolare sulla destra del cono, come nell'immagine sottostante, e riempi con il bianco. Si noti che questo secondo rettangolo è più grande del primo. Premi Comando + D per deselezionare.

Vai a Modifica> Trasforma> Prospettica, afferra il manico in alto a sinistra della Bounding Box e trascinalo al centro della pagina prima di applicarlo. Vai a Filtro> Sfocatura> Sfocatura gaussiana e applica con un raggio di 25 px. Comando-clic sul livello "Cono" per caricare la selezione. Vai a Seleziona> Inversa e premi Elimina per cancellare, quindi imposta l'opacità dei livelli al 50%.

Per creare la riflessione finale sul cono, creare una selezione rettangolare nella parte inferiore del cono, quindi creare un nuovo livello denominato "Riflesso" e riempire la selezione con il bianco. Deseleziona premendo Comando + D. Vai a Modifica> Trasforma> Prospettiva, questa volta prendi la maniglia in alto a sinistra o in alto a destra e spostala al centro della pagina prima di applicare. Ancora una volta vai su Filtro> Sfocatura> Sfocatura gaussiana e applica con un raggio di 25 px. Comando-clic sul livello "Cono" per caricare la selezione. Vai a Seleziona> Inversa e premi Elimina per cancellare, quindi imposta l'opacità dei livelli al 50%.

Passaggio 10

Crea un nuovo livello sotto il livello "Cono" e chiamalo "Piatto". Ottieni lo strumento Selezione ellittica. Questa volta imposta Larghezza e Altezza entrambe a 423 px. Fare clic in un punto qualsiasi dell'area di disegno, quindi spostare il cursore all'interno della selezione e verso il centro della pagina e fare uno snap alle guide. Riempi la selezione con il colore # 48685d. Vai a Filtro> Disturbo> Aggiungi disturbo, imposta Quantità al 2%, imposta Distribuzione su Gaussiana, con Monocromatico selezionato, quindi seleziona OK, quindi deseleziona.

Applica uno stile di sovrapposizione sfumatura con queste impostazioni: Modalità fusione impostata su Moltiplica, Opacità al 60%, Sfumatura impostata su nero a bianco, con Stile lineare, Angolo impostato su -90 gradi e Scala impostata su 150%. Applicare un bagliore interno e utilizzare le seguenti impostazioni: Modalità di fusione di Moltiplica, Opacità impostata su 25%, Colore impostato su nero e Dimensione impostata su 13 px.

Passaggio 11

Crea un nuovo livello sopra il livello "Sfondo" e nominalo "Indietro" Ottieni lo strumento Selezione ellittica. Questa volta imposta Larghezza e Altezza entrambe a 534 px. Fare clic in qualsiasi punto dell'area di disegno, quindi spostare il cursore all'interno della selezione e al centro della pagina eseguire lo snap alle guide. Riempi la selezione con il colore # 13221d e poi Deseleziona.

Passaggio 12

Ora riordina un po 'la palette dei livelli. Ci sono livelli con lo stesso nome e li uniremo. Seleziona tutti i livelli "Cono Edge" e vai a Livello> Unisci livelli. Seleziona tutti i livelli "Riflessione" e uniscili pure.

Passaggio 13

Crea un nuovo livello nella parte superiore della pila di livelli e chiamalo "Big Ring". Ottieni lo strumento Selezione ellittica. Questa volta imposta Larghezza e Altezza entrambe a 474 px. Fare clic in qualsiasi punto dell'area di disegno, quindi spostare il cursore all'interno della selezione e verso il centro dello snap alle guide. Riempi la selezione con il colore # 445852. Premi Comando + D per deselezionare.

Afferra lo strumento Selezione ellittica, imposta Larghezza e Altezza su 418 px. Fare clic in un punto qualsiasi nell'area di disegno, quindi spostare il cursore all'interno della selezione e verso il centro dello snap alle guide. Ora cancelleremo l'area selezionata premendo Delete. Premi Comando + D per deselezionare.

Passaggio 14

Applica Smusso ed Effetto rilievo al livello "Grande squillo" con queste impostazioni: Stile impostato su Smusso interno, Profondità al 365%, Direzione impostata su Su, Dimensione impostata su 30 px e Sfumatura impostata su 7 px. Inoltre, nei controlli di Shading impostare Angle e Altitude su 50 gradi, quindi impostare Gloss Contour su Cove - Deep, impostare Highlight Opacity al 30% e impostare Shadow Opacity su 65%. Applicheremo anche una Bagliore interno usando queste impostazioni: Modalità fusione impostata su Moltiplica, Opacità al 90%, Colore impostato su nero e Dimensione impostata su 7 px.

Passaggio 15

Crea un nuovo livello sopra il livello "Indietro" e chiamalo "Scuro". Afferra lo strumento Selezione ellittica e, nelle Opzioni strumento, imposta Larghezza e Altezza entrambi a 490 px. Fare clic in un punto qualsiasi nell'area di disegno, quindi spostare il cursore all'interno della selezione e verso il centro dello snap alle guide. Riempi la selezione con il nero e deseleziona.

Passaggio 16

Crea un nuovo livello sopra il livello "Indietro" e chiamalo "Foro". Ottieni lo strumento Rettangolo arrotondato, impostalo su Riempi pixel e imposta Raggio su 10 px. Quindi, disegna un rettangolo arrotondato, come nell'immagine sottostante. Assicurati che sia centrato rispetto alla guida verticale e che sia posizionato a pochi pixel sopra il livello "Scuro".

Vai alla tavolozza dei livelli e duplica il livello "Foro". Premi Comando + T per la modalità Trasformazione libera. Sposta l'Origine della trasformazione al centro della pagina. Se non riesci ad afferrare l'origine, prova ad afferrarla con il tasto Alt premuto. Ruota il livello di 180 gradi.

Ora seleziona entrambi i livelli del buco e vai a Livello> Unisci livelli (Comando + E.) Duplica nuovamente il livello dei fori. Premi Comando + T e ruota il livello di 90 gradi. Seleziona entrambi i livelli buco e uniscili di nuovo. Duplica il livello ancora una volta. Premi Comando + T e ruota il livello di 45 gradi questa volta. Seleziona i due livelli buco e uniscili. Assegna un nome al livello unito "Fori".

Passaggio 17

Crea un nuovo livello sopra il livello "Indietro" e chiamalo "Anello esterno". Fare clic con il tasto Comando sull'anteprima del livello "Indietro" per caricare la selezione. Riempi la selezione con il colore # 2a3732. Ora fai Command-click sulla miniatura del layer "Holes" per caricare la selezione. Nascondi il livello "Fori". Assicurati che il livello "Anello esterno" sia selezionato nella tavolozza dei livelli. Hit Delete per cancellare l'area selezionata. Deseleziona premendo Comando + D, quindi Elimina il livello "Fori".

Passaggio 18

Applicare uno stile di smusso e rilievo al livello "Anello esterno" utilizzando queste impostazioni: Stile impostato su Smusso interno, Profondità impostata su 1%, Direzione impostata su Su, Dimensione impostata su 1 px, Angolo e Altezza impostata su 50 gradi. Applica anche Smusso e rilievo al livello "Scuro" con queste impostazioni: Stile impostato su Smusso interno, Profondità impostata su 32%, Direzione impostata su Giù, Dimensione impostata su 2 px e Angolo e Altitudine impostati su 50 gradi. Inoltre, applica una sovrapposizione sfumatura con le seguenti impostazioni: Modalità fusione impostata su Normale, Opacità al 30%, Sfumatura impostata su nero a bianco, Stile lineare e Angolo impostato su 50 gradi.

Passaggio 19

Crea un nuovo livello nella parte superiore della pila di livelli. Chiamalo "Vite". Afferra lo strumento Selezione ellittica e imposta lo stile su Normale. Fai una selezione, come nell'immagine qui sotto, quindi riempi la selezione con il 10% di grigio. Successivamente, applica questi stili di livello al livello "Vite":

  • Sovrapposizione sfumatura con queste impostazioni: Modalità miscelatura impostata su Normale, Opacità su 80, Gradiente impostato su Nero su bianco, Reverse controllato, con Stile di radiale, Angolo impostato su 90 gradi e Scala impostata su 115%. Inoltre, trascina il centro del gradiente verso l'alto e verso destra.
  • Bagliore interno usando queste impostazioni: Modalità fusione di Moltiplica, Opacità impostata al 15%, Colore impostato su Nero e Dimensione impostata su 5 px.
  • Rilascia ombra con queste impostazioni: Modalità fusione impostata su Moltiplica, Opacità al 100%, Colore impostato su nero, Angolo impostato su 50 gradi, Distanza impostata su 0 e Dimensione impostata su 2 px.

Crea un nuovo livello sopra la "Vite" e nominalo "Vite evidenziata". Comando-clic sul livello "Vite" Anteprima per caricare la selezione e riempire la selezione con Bianco. Assicurati che lo strumento Selezione ellittica sia selezionato, quindi sposta la selezione 1 px a destra e 1 px in alto usando i tasti freccia. Premi Elimina per Cancella e poi Deseleziona. Inoltre, imposta l'opacità dei livelli al 40%.

Passaggio 20

Afferrare lo strumento Selezione rettangolare, quindi effettuare una selezione come mostrato di seguito. Crea un nuovo livello nella parte superiore e chiamalo "Screw Dent". Riempi la selezione con il 10% di grigio. Crea un'altra selezione rettangolare e riempila di nuovo con il 10% di grigio. Deseleziona premendo Comando + D.

Applica uno stile di livello ombra interno a questo livello e utilizza queste impostazioni: Modalità fusione impostata su Moltiplica, Opacità impostata su 100%, Angolo impostato su 50 gradi, Distanza impostata su 1 px e Dimensioni impostata su 2 px. Imposta il metodo di fusione del livello "Screw Dent" su Differenza. Seleziona i livelli "Vite", "Vite evidenziata" e "Vite ammaccatura" nella palette Livelli, quindi uniscili passando a Livello> Unisci livelli (Comando + E). Assegna un nome allo strato unito "Vite".

Passaggio 21

Ora duplica lo strato "Vite" e posiziona una vite su ciascun foro della vite. Puoi trascinarli per copiare tenendo premuto il tasto Alt. Ora uniamo tutti i livelli tranne il livello "Sfondo". Rendi il livello "Sfondo" invisibile. Assicurati che uno dei livelli visibili sia selezionato, vai su Livello> Unisci visibili. Ora possiamo iniziare a fare la trama del legno.

Passaggio 22

Crea un nuovo livello sopra il livello "Sfondo" e chiamalo "Legno". Scegli # bb9966 come primo piano e # 885533 come colore di sfondo. Riempi il livello con il Colore di primo piano e vai a Filtro> Rendering> Fibre. Impostare Varianza su 16 e Forza su 42 e premere OK. Quindi applica uno stile di sovrapposizione sfumatura con queste impostazioni: Modalità miscelatura impostata su Luce soffusa, Opacità al 45%, Sfumatura impostata su nero a bianco, Contrassegno invertito, Stile impostato su Radiale, Angolo impostato su 75 gradi e scala impostata su 150% . Mentre la finestra di dialogo Sovrapposizione sfumatura è aperta, sposta il centro della sfumatura nell'angolo in alto a destra facendo clic e trascinando sulla pagina.

Passaggio 23

Ora fai clic con il pulsante destro del mouse sul logo di Psdtuts + nella parte superiore di questa pagina e fai clic su Copia. Incolla in Photoshop e posizionalo come mostrato. Rinominare il livello come "PSDtuts". Assicurati che il livello "Legno" sia selezionato nella tavolozza dei livelli. Premi Comando + A per selezionare Tutto e Comando + C per copiare. Vai alla palette dei canali, quindi crea un nuovo canale e premi Comando + V per incollare la trama del legno in questo canale. Vai a Immagine> Regola> Livelli e modifica i livelli come mostrato di seguito.

Passaggio 24

Comando-clic sulla miniatura del canale per effettuare una selezione fuori dalle aree bianche, quindi tornare alla tavolozza dei livelli. Vai al livello "PSDtuts" e premi Cancella per cancellare le aree selezionate, quindi deseleziona.

Conclusione

Vai al livello "Altoparlante" e applica uno stile di livello Ombra esterna con queste impostazioni: Modalità di fusione impostata su Moltiplica, Opacità al 100%, Angolo impostato su 50 gradi, Distanza impostata su 10 px, Diffusione impostata su 3 px e Set di dimensioni a 27 px.

Quel Drop Shadow era l'ultimo passo del nostro tutorial. Spero che tu abbia imparato qualcosa di nuovo e ti sia divertito. È possibile visualizzare l'immagine finale qui sotto o visualizzare una versione più grande qui.

Abbonati a Psdtuts + Feed RSS per i migliori tutorial e articoli di Photoshop sul Web.