Hoe maak je een Bangin 'Woofer ingebed in hout

In deze zelfstudie illustreren we een woofer en maken we een eenvoudige houtstructuur voor de achtergrond. We plaatsen de luidspreker zodat deze in de houtstructuur lijkt te zitten. We zullen ook schroeven maken die lijken te houden op zijn plaats. Zet wat goede muziek aan en laat aan de slag gaan!

Final Image Preview

Voordat we aan de slag gaan, laten we eens kijken naar de afbeelding die we gaan maken. Zoals altijd is het gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap. U kunt het uiteindelijke afbeeldingsvoorbeeld hieronder bekijken of een grotere versie hier bekijken.

Stap 1

Maak een nieuw document met een breedte van 800 px en een hoogte van 800 px met een resolutie van 300 pixels / inch. Sleep een horizontale en een verticale gids en knip ze in het midden van het document. Vul de laag "Achtergrond" met 65% grijs.

Verkrijg de Elliptical Marquee Tool, stel style in op Fixed Size en stel Width en Height beide in op 220 px. Klik ergens op het canvas, verplaats de cursor naar de selectie, ga dan naar het midden van de pagina en snijd naar de hulplijnen. Maak een nieuwe laag en noem deze "Midden". Vul de selectie met kleur # 1e2f29. Druk op Command + D om de selectie ongedaan te maken.

Stap 2

We passen twee laagstijlen toe om deze cirkel een halfrond uiterlijk te geven. Breng eerst een binnengloed aan met deze instellingen: mengmodus van vermenigvuldigen, dekking ingesteld op 100%, kleur ingesteld op zwart en formaat ingesteld op 25 px. Pas dan een verloopoverlay toe met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Verloop ingesteld op zwart naar wit, omgekeerd gecontroleerd, met een stijl van radiaal, hoek ingesteld op 75 graden en schaal ingesteld op 150%.

Stap 3

Maak een nieuwe laag en noem deze "Middel Markering". Kies wit als voorgrondkleur en haal het penseel. Klik één keer op de gebieden zoals in de afbeelding hieronder met 55 px, 30 px en 10 px penselen met een hardheid van 100%. Command-klik op de "Centre" Laagminiatuur om de selectie te laden, ga naar Filter> Vervagen> Gaussiaans vervagen en pas het toe met een straal van 16 px.

Stap 4

Maak een nieuwe laag en noem deze "Center Ring." Zorg ervoor dat de selectie nog steeds actief is en ga vervolgens naar Bewerken> Lijn. Stel de kleur in op # 2e453d, plaats Locatie op Buiten en klik op OK. Pas een Outer Glow Layer-stijl toe met de volgende instellingen: Mengmodus van Vermenigvuldigen, Dekking ingesteld op 40%, Kleur ingesteld op Zwart en Grootte ingesteld op 8 px. Breng vervolgens een afschuining- en reliëflaagstijl aan en gebruik deze instellingen: Stijl van Binnenkant afschuining, Richting ingesteld op Boven, Grootte ingesteld op 7 px, Zachter ingesteld op 0 px, Hoek en Hoogte ingesteld op 50 en Markeer Opaciteit ingesteld op 0%.

Stap 5

Maak een nieuwe laag onder de laag "Midden" en noem deze "Kegel". Verkrijg de Elliptical Marquee Tool. Stel deze keer de breedte en hoogte beide in op 382 px. Klik ergens op het canvas en verplaats de cursor vervolgens naar de selectie. Ga vervolgens naar het midden van de pagina en snijd naar de hulplijnen. Vul de selectie met kleur # 425d54. Pas een verloopoverlay-laagstijl toe met deze instellingen: mengmodus ingesteld op vermenigvuldigen, dekking ingesteld op 70%, verloop ingesteld op zwart naar wit, met een stijl van lineair en hoek ingesteld op -90 graden.

Stap 6

Maak een nieuwe laag boven de laag "Kegel" en noem deze "Kegelrand". Command-klik op de laag "Cone" en vul de selectie met wit. Zorg ervoor dat het gereedschap Elliptische selectiekader nog steeds is geselecteerd, verplaats de selectie met 1 px naar rechts met de pijl naar rechts op het toetsenbord en klik op Verwijderen om te wissen. Deselecteer door Command + D in te drukken. Zet het Eraser-gereedschap op, stel de hoofddiameter in op 215 px en hardheid op 0%. Wis de bovenste en onderste randen van de laag met één klik, zoals u kunt zien in de onderstaande afbeelding. Zet de laagdekking op "Kegelrand" op 40%.

Stap 7

We doen hetzelfde voor de rechterkant van de kegel. Command-klik op de "Cone" -laag om de selectie te laden. Maak een nieuwe laag boven de laag "Kegelrand" en geef deze dezelfde naam, "Kegelrand". Vul de selectie met wit. Pak het Elliptical Marquee Tool en verplaats de selectie met 1 px naar links met de pijl naar links. Druk op Wissen om te wissen en vervolgens op te heffen. Pak het gummetje en wis de bovenste en onderste randen. Zet als laatste de Laagdekking op 40%.

Stap 8

Nu zullen we de reflecties op de kegel maken. Maak een nieuwe laag boven de laag "Kegel" en noem deze "Reflectie". Pak het gereedschap Rechthoekig selectiekader en maak een selectie, zoals in de onderstaande afbeelding. Vul het met wit en druk op Command + D om de selectie ongedaan te maken.

Ga naar Bewerken> Transformeren> Perspectief, pak de rechterbovenhendel van de Begrenzingsbox en sleep deze naar het midden van de pagina voordat je deze toepast. Ga naar Filter> Vervagen> Gaussiaans vervagen en pas het toe met een straal van 25 px. Command-klik op de "Cone" -laag om de selectie te laden. Ga naar Selecteren> Omkeren en druk op Verwijderen om te wissen en stel Laagdekking in op 50%.

Stap 9

We zullen nog twee nadenken over de kegel. Maak eerst een nieuwe laag boven de laag "Reflectie" en noem deze ook "Reflectie". Pak het rechthoekige selectiekader, selecteer een rechthoekig gebied aan de rechterkant van de kegel, zoals in de afbeelding hieronder, en vul met wit. Merk op dat deze tweede rechthoek groter is dan de eerste. Druk op Command + D om de selectie ongedaan te maken.

Ga naar Bewerken> Transformeren> Perspectief, pak de linkerhandgreep van de Begrenzingsbox en sleep deze naar het midden van de pagina voordat je deze toepast. Ga naar Filter> Vervagen> Gaussiaans vervagen en pas het toe met een straal van 25 px. Command-klik op de "Cone" -laag om de selectie te laden. Ga naar Selecteren> Omgekeerd en druk op Verwijderen om te wissen en stel de laagdekking in op 50%.

Als u de laatste reflectie op de kegel wilt maken, maakt u een rechthoekige selectie in het onderste gedeelte van de kegel en maakt u vervolgens een nieuwe laag met de naam "Reflectie" en vult u de selectie wit in. Deselecteer door Command + D te gebruiken. Ga naar Bewerken> Transformatie> Perspectief, pak deze keer de linker- of rechterbovenhandgreep en verplaats deze naar het midden van de pagina voordat je hem toepast. Ga opnieuw naar Filter> Vervagen> Gaussiaans vervagen en pas het toe met een straal van 25 px. Command-klik op de "Cone" -laag om de selectie te laden. Ga naar Selecteren> Omgekeerd en druk op Verwijderen om te wissen en stel de laagdekking in op 50%.

Stap 10

Maak een nieuwe laag onder de laag "Kegel" en noem deze "Plaat". Verkrijg de Elliptical Marquee Tool. Stel deze keer de breedte en hoogte beide in op 423 px. Klik ergens op het canvas en verplaats de cursor vervolgens in de selectie naar het midden van de pagina en klik op de hulplijnen. Vul de selectie met kleur # 48685d. Ga naar Filter> Ruis> Ruis toevoegen, Zet Hoeveelheid op 2%, zet Distributie op Gaussiaans, met Monochroom aangevinkt, druk op OK en vervolgens op Negeren.

Pas een verloopoverlay-laagstijl toe met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Laagdekking op 60%, Verloop ingesteld op zwart-wit, met een stijl van lineair, hoek ingesteld op -90 graden en schaal ingesteld op 150%. Breng een innerlijke gloed aan en gebruik de volgende instellingen: mengmodus van vermenigvuldigen, dekking ingesteld op 25%, kleur ingesteld op zwart en grootte ingesteld op 13 px.

Stap 11

Maak een nieuwe laag boven de laag "Achtergrond" en noem deze "Terug" Verkrijg de Elliptical Marquee Tool. Stel deze keer de breedte en hoogte beide in op 534 px. Klik ergens op het canvas en verplaats de cursor vervolgens binnen de selectie en in het midden van de pagina naar de hulplijnen. Vul de selectie met kleur # 13221d en vervolgens op Negeren.

Stap 12

Laten we nu ons lagenpalet een klein beetje opruimen. Er zijn lagen met dezelfde naam en we gaan ze samenvoegen. Selecteer alle lagen "Kegelrand" en ga naar Laag> Lagen samenvoegen. Selecteer alle lagen "Reflectie" en voeg ze ook samen.

Stap 13

Maak een nieuwe laag boven in de lagenstapel en noem deze "Big Ring". Verkrijg de Elliptical Marquee Tool. Stel deze keer de breedte en hoogte beide in op 474 px. Klik ergens op het canvas en verplaats de cursor vervolgens binnen de selectie naar het midden van de pagina en klik op de hulplijnen. Vul de selectie met kleur # 445852. Druk op Command + D om de selectie ongedaan te maken.

Grijp het elliptische selectiegereedschap, stel de breedte en hoogte beide in op 418 px. Klik ergens in het canvas en verplaats de cursor vervolgens binnen de selectie naar het midden van de pagina en klik op de hulplijnen. Nu zullen we het geselecteerde gebied wissen door op Verwijderen te drukken. Druk op Command + D om de selectie ongedaan te maken.

Stap 14

Pas Bevel en reliëf de laagstijl toe op de "Big Ring" -laag met deze instellingen: Stijl ingesteld op Inner Bevel, Depth op 365%, Richting ingesteld op Up, Formaat ingesteld op 30 px en Verzachten ingesteld op 7 px. Stel in de arceringsknoppen ook de hoek en hoogte in op 50 graden, stel vervolgens de glanscontour in op Cove - Deep, zet Dekking op 30% en stel de dekking in op 65%. We passen ook een binnengloed toe met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Laagdekking op 90%, Kleur ingesteld op zwart en Grootte ingesteld op 7 px.

Stap 15

Maak een nieuwe laag boven de laag "Terug" en noem deze "Donker". Grijp het elliptische selectiegereedschap en stel in de gereedschapsopties de breedte en hoogte beide in op 490 px. Klik ergens in het canvas en verplaats de cursor vervolgens binnen de selectie naar het midden van de pagina en klik op de hulplijnen. Vul de selectie met zwart en deselecteer.

Stap 16

Maak een nieuwe laag boven de laag "Terug" en noem deze "Gat". Download het gereedschap Afgeronde rechthoek, stel het in op Pixels vullen en stel de straal in op 10 px. Teken vervolgens een afgeronde rechthoek, zoals in de onderstaande afbeelding. Zorg ervoor dat het gecentreerd is op de verticale gids en dat het een paar pixels boven de "donkere" laag is geplaatst.

Ga naar het lagenpalet en dupliceer de laag "gat". Raak Command + T voor de modus Vrije transformatie. Verplaats de transformatieherkomst naar het midden van de pagina. Als je de oorsprong niet kunt pakken, probeer hem dan te pakken met de ingedrukte Alt-toets. Draai de laag 180 graden.

Selecteer nu beide gatenlagen en ga naar Laag> Lagen samenvoegen (Command + E.) Dupliceer de gatenlaag opnieuw. Raak Command + T en draai de laag 90 graden. Selecteer beide gatenlagen en voeg ze opnieuw samen. Dupliceer de laag nog een keer. Raak Command + T en roteer de laag deze keer 45 graden. Selecteer de lagen met twee gaten en voeg ze samen. Geef de samengevoegde laag 'Gaten' een naam.

Stap 17

Maak een nieuwe laag boven de laag "Terug" en noem deze "Buitenste ring". Command-klik op de "Back" Laagminiatuur om de selectie te laden. Vul de selectie met kleur # 2a3732. Nu Command-klik op de "Gaten" Laagminiatuur om de selectie te laden. Verberg de laag "Gaten". Zorg ervoor dat de laag "Buitenste ring" is geselecteerd in het lagenpalet. Druk op Wissen om het geselecteerde gebied te wissen. Maak de selectie ongedaan door op Command + D te drukken en vervolgens de laag 'Gaten' te verwijderen.

Stap 18

Pas een afschuining- en reliëflaagstijl toe op de laag "Buitenring" met behulp van deze instellingen: Stijl ingesteld op Afschuinen binnenkant, Diepte ingesteld op 1%, Richtingsrichting ingesteld op Omhoog, Grootte ingesteld op 1 px, Hoek en hoogte ingesteld op 50 graden. Breng ook een afschuining en reliëf aan op de "donkere" laag, met deze instellingen: Stijl ingesteld op Afschuining binnen, Diepte ingesteld op 32%, Richting ingesteld op Omlaag, Grootte ingesteld op 2 px en Hoek en hoogte ingesteld op 50 graden. Pas ook een verloopoverlay toe met de volgende instellingen: Mengmodus ingesteld op Normaal, dekking op 30%, verloop ingesteld op zwart op wit, stijl van lineair en hoek ingesteld op 50 graden.

Stap 19

Maak een nieuwe laag bovenop de lagenstapel. Noem het "Schroef". Grijp het elliptische selectiekader en stel de stijl in op Normaal. Maak een selectie, zoals in de onderstaande afbeelding, en vull de selectie met 10% grijs. Pas deze Laagstijlen vervolgens toe op de laag "Schroef":

  • Overlapping met verloop met deze instellingen: Mengmodus ingesteld op Normaal, Laagdekking op 80, Gradiënt ingesteld op Zwart-wit, Omgekeerd aangevinkt, met een stijl van Radiaal, Hoek ingesteld op 90 graden en Schaal ingesteld op 115%. Sleep ook het midden van het verloop naar boven en naar rechts.
  • Innerlijke gloed met behulp van deze instellingen: mengmodus van vermenigvuldigen, dekking ingesteld op 15%, kleur ingesteld op zwart en formaat ingesteld op 5 px.
  • Slagschaduw met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Dekking op 100%, Kleur ingesteld op zwart, Hoek ingesteld op 50 graden, Afstand ingesteld op 0 en Grootte ingesteld op 2 px.

Maak een nieuwe laag boven de "Schroef" en noem deze "Schroef Markeren". Command-klik op de "Screw" -laag Thumbnail om de selectie te laden en vul de selectie met White. Zorg ervoor dat het gereedschap Elliptische selectiekader is geselecteerd en verplaats vervolgens de selectie met 1 px naar rechts en 1 px naar boven met de pijltoetsen. Druk op Wissen om te wissen en vervolgens op Selectie ongedaan te maken. Stel ook de laagdekking in op 40%.

Stap 20

Pak het Rechthoekige selectiekader en maak een selectie zoals hieronder wordt weergegeven. Maak een nieuwe laag bovenaan en noem deze "Screw Dent." Vul de selectie met 10% grijs. Maak nog een rechthoekige selectie en vul deze opnieuw met 10% grijs. Deselecteer door op Command + D te drukken.

Pas een Inner Shadow Layer Style op deze laag toe en gebruik deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Dekking ingesteld op 100%, Hoek ingesteld op 50 graden, Afstand ingesteld op 1 px en Grootte ingesteld op 2 px. Zet de mengmodus van de "Screw Dent" -laag op Verschil. Selecteer de lagen "Screw", "Screw Highlight" en "Screw Dent" in het lagenpalet en voeg ze samen door te gaan naar Layer> Lagen samenvoegen (Command + E). Noem de samengevoegde laag "Schroef".

Stap 21

Dupliceer nu de "Schroef" -laag en plaats een schroef bij elk schroefgat. U kunt ze verslepen om te kopiëren terwijl u de Alt-toets ingedrukt houdt. Nu gaan we alle lagen samenvoegen, behalve de laag 'Achtergrond'. Maak de laag "Achtergrond" onzichtbaar. Zorg ervoor dat een van de zichtbare lagen is geselecteerd, ga naar Laag> Zichtbaar samenvoegen. Nu kunnen we beginnen met het maken van de houtstructuur.

Stap 22

Maak een nieuwe laag boven de laag 'Achtergrond' en noem deze 'Hout'. Kies # bb9966 als je Voorgrond en # 885533 als je Achtergrondkleur. Vul de laag met de voorgrondkleur en ga naar Filter> Renderen> Vezels. Zet Variantie op 16 en sterkte op 42 en druk op OK. Pas dan een verloopoverlay-laagstijl toe met deze instellingen: mengmodus ingesteld op zacht licht, dekking op 45%, verloop ingesteld op zwart-wit, omgekeerd gecontroleerd, stijl ingesteld op radiaal, hoek ingesteld op 75 graden en schaal ingesteld op 150% . Terwijl het dialoogvenster Verloop Overlay is geopend, verplaatst u het midden van het verloop naar de rechterbovenhoek door op de pagina te klikken en te slepen.

Stap 23

Klik nu met de rechtermuisknop op het Psdtuts + -logo bovenaan deze pagina en klik op Kopiëren. Plak in Photoshop en plaats het zoals getoond. Hernoem de laag als "PSDtuts." Zorg dat de laag "Hout" is geselecteerd in het lagenpalet. Druk op Command + A om alles te selecteren en Command + C om te kopiëren. Ga naar het kanalenpalet, maak dan een nieuw kanaal en druk op Command + V om de houtstructuur in dit kanaal te plakken. Ga naar Afbeelding> Aanpassen> Niveaus en pas de niveaus aan zoals hieronder wordt getoond.

Stap 24

Klik met de rechtermuisknop op de kanaalminiatuur om een ​​selectie uit de witte vlakken te maken en ga vervolgens terug naar het lagenpalet. Ga naar de laag "PSDtuts" en klik op Wissen om de geselecteerde gebieden te wissen en vervolgens de selectie op te heffen.

Conclusie

Ga naar de laag "Luidspreker" en pas een stijl Slagschaduwlaag toe met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Dekking op 100%, Hoek ingesteld op 50 graden, Afstand ingesteld op 10 px, Spread ingesteld op 3 px en Formaat instellen tot 27 px.

Dat Slagschaduw de laatste stap was van onze tutorial. Ik hoop dat je iets nieuws hebt geleerd en plezier hebt gehad. U kunt de uiteindelijke afbeelding hieronder bekijken of een grotere versie hier bekijken.

Abonneer u op de Psdtuts + RSS-feed voor de beste Photoshop-tuts en -artikelen op internet.