I denna handledning illustrerar vi en woofer och gör en enkel trästruktur för bakgrunden. Vi placerar högtalaren så att den verkar vara inuti trästrukturen. Vi ska också skapa skruvar som verkar hålla den på plats. Sätt lite bra musik och låt oss arbeta!
Innan vi börjar, låt oss ta en titt på bilden vi ska skapa. Som alltid är den lagrade Photoshop-filen tillgänglig via vårt Psdtuts + Plus-medlemskap. Du kan se den sista bilden förhandsvisning nedan eller se en större version här.
Skapa ett nytt dokument som är 800 px bred och 800 px högt med en upplösning på 300 pixlar / tum. Dra en horisontell och en vertikal guide och snäpp dem i mitten av dokumentet. Fyll "Bakgrundsskiktet" med 65% grått.
Få det elliptiska markeringsverktyget, sätt stilen till Fast storlek och ställ in Bredd och Höjd både till 220 px. Klicka var som helst på duken, flytta markören inuti urvalet, flytta sedan till mitten av sidan och snäppa till guiderna. Skapa ett nytt lager och namnge det "Center". Fyll markeringen med färg # 1e2f29. Hit kommandot + D för att avmarkera.
Vi tillämpar två lagerformat för att ge denna cirkel ett hemisfär. Använd först ett inre glöd med följande inställningar: Blandningsläge för Multiplicera, Opacitet inställd till 100%, Färg inställd till svart och Storlek inställd till 25 px. Lägg sedan till ett övertoningsöverlägg med hjälp av dessa inställningar: Blandningsläge inställt på Multiplicera, Gradient inställt på svart till vitt, Omvändt kontrollerat, Radiell stil, Vinkel inställd till 75 grader och Skala inställd till 150%.
Skapa ett nytt lager och namnge det "Center Highlight." Välj vit som din förgrundsfärg och få borstverktyget. Enkeltklick på områdena som i bilden nedan med 55 px, 30 px och 10 px borstar med en hårdhet på 100%. Kommandoklicka på miniatyren "Center" -lagret för att ladda valet, gå till Filter> Blur> Gaussian Blur och tillämpa med en radius av 16 px.
Skapa ett nytt lager och namnge det "Center Ring". Se till att valet fortfarande är aktivt och gå till Redigera> Stroke. Ställ in färgen till # 2e453d, sätt Plats till Outside och tryck OK. Applicera en yttre Glow Layer-stil med följande inställningar: Blandningsläge Multiplicera, Opacitet inställd till 40%, Färg Ställ in Svart och Storlek inställd till 8 px. Applicera sedan en Stil och Emboss Layer Style och använd dessa inställningar: Stil av Inre Ställ, Riktning inställd på Upp, Storlek inställd till 7 px, Sänk inställd till 0 px, Vinkel och Höjd inställd till 50 och Ställ upp Opacitet sat till 0%.
Skapa ett nytt lager under "Center" -laget och namnge det "Cone." Få det elliptiska markeringsverktyget. Denna gång ställde Bredden och Höjden båda till 382 px. Klicka var som helst på duken och flytta sedan markören inuti urvalet. Fortsätt sedan till mitten av sidan och snäpp till guiderna. Fyll markeringen med färg # 425d54. Tillämpa ett överlagringslagstyp med övertoningslagret med följande inställningar: Blandningsläge inställt på Multiplicera, Opacitet inställd till 70%, Gradient inställd på svart till vitt, Linjär stil och Vinkel inställd på -90 grader.
Skapa ett nytt lager ovanför "Cone" -laget och namnge det "Cone Edge." Kommando-klicka på "Cone" -lagret och fyll i valet med vit. Se till att elliptisk markeringsverktyg fortfarande är markerat, vrid valet 1 px höger med högerpil på tangentbordet och tryck på Radera för att radera. Avmarkera genom att slå Command + D. Hämta Eraser-verktyget, ställ in masterdiameteren till 215 px och hårdhet till 0%. Radera lagrets övre och nedre kanter med ett klick, vilket du kan se i bilden nedan. Ställ upp "Cone Edge" Layer Opacity till 40%.
Vi gör samma sak för den högra kanten av konen. Kommando-klicka på "Cone" -laget för att ladda valet. Skapa ett nytt lager ovanför "Cone Edge" -laget och ge det samma namn, "Cone Edge". Fyll markeringen med vit. Hämta det elliptiska markeringsverktyget och flytta valet 1 px kvar med vänsterpil. Tryck på Radera för att radera och avmarkera sedan. Ta tag i Eraser Tool och radera övre och nedre kanterna. Slutligen sätta lagens opacitet till 40%.
Nu ska vi göra reflektionerna på konen. Skapa ett nytt lager ovanför "Cone" -laget och namnge det "Reflektion". Få det rektangulära markeringsverktyget och gör ett urval, som i bilden nedan. Fyll den med vit och tryck på Command + D för att avmarkera.
Gå till Redigera> Transformera> Perspektiv, ta det övre högra handtaget i gränslådan och dra det ner till mitten av sidan innan du applicerar det. Gå till Filter> Blur> Gaussian Blur och tillämpa med en Radius på 25 px. Kommando-klicka på "Cone" -laget för att ladda valet. Gå till Välj> Inverse och klicka på Radera för att rensa, sätt sedan lagets opacitet på 50%.
Vi ska göra två mer reflektion på konen. Skapa först ett nytt lager ovanför "Reflection" -laget och namnge det "Reflection" också. Få det rektangulära markeringsverktyget, välj ett rektangulärt område till höger om konen, som i bilden nedan och fyll i med vit. Observera att den andra rektangeln är större än den första. Hit kommandot + D för att avmarkera.
Gå till Redigera> Transformera> Perspektiv, ta det övre vänstra handtaget i den bifogade rutan och dra det till mitten av sidan innan du applicerar det. Gå till Filter> Blur> Gaussian Blur och tillämpa med en Radius på 25 px. Kommando-klicka på "Cone" -laget för att ladda valet. Gå till Välj> Inverse och klicka på Ta bort för att rensa, sätt sedan lagets opacitet på 50%.
För att skapa den slutliga reflektionen på konen, gör ett rektangulärt urval i den nedre delen av konen och skapa sedan ett nytt lager med namnet "Reflektion" och fyll i urvalet med vit. Avmarkera genom att trycka på Kommando + D. Gå till Redigera> Transformera> Perspektiv, ta den här gången det övre vänstra eller högra höger handtaget och flytta det till mitten av sidan innan du applicerar. Återgå till Filter> Blur> Gaussian Blur och applicera med en radius av 25 px. Kommando-klicka på "Cone" -laget för att ladda valet. Gå till Välj> Inverse och klicka på Ta bort för att rensa, sätt sedan lagets opacitet på 50%.
Skapa ett nytt lager under "Cone" -laget och namnge det "Plate." Få det elliptiska markeringsverktyget. Denna gång ställde Bredden och Höjden båda till 423 px. Klicka var som helst på duken, flytta sedan markören inuti urvalet och mot mitten av sidan och snäppa till guiderna. Fyll markeringen med färg # 48685d. Gå till Filter> Buller> Lägg till Buller, ställ in Belopp vid 2%, sätt Distribution till Gauss, med Monochromatic markerat och tryck OK, Avmarkera sedan.
Applicera en övertoningslagsstil med övertoner med följande inställningar: Blandningsläge som är inställt på Multiplicera, Opacitet på 60%, Gradient inställd på svart till vitt, Linjär stil, Vinkel inställd på -90 grader och Skala inställd till 150%. Applicera ett inre glöd och använd följande inställningar: Blandningsläge för Multiplicera, Opacitet inställd till 25%, Färg inställd till svart och Storlek inställd till 13 px.
Skapa ett nytt lager ovanför "Bakgrundsskiktet" och namnge det "Back" Få det elliptiska markeringsverktyget. Denna gång ställde Bredden och Höjden båda till 534 px. Klicka någonstans på duken, flytta sedan markören inuti urvalet och i mitten av sidan snäppa till guiderna. Fyll markeringen med färg # 13221d och sedan Avmarkera.
Nu kan vi städa upp vår lagerpalett lite. Det finns lager med samma namn och vi kommer att slå samman dem. Välj alla "Cone Edge" -lagren och gå till Lager> Sammanlagda lager. Välj alla "Reflection" -lager och slå samman dem också.
Skapa ett nytt lager överst på lagerstacken och namnge det "Big Ring." Få det elliptiska markeringsverktyget. Denna gång ställde Bredden och Höjden båda till 474 px. Klicka någonstans på duken, flytta sedan markören inuti urvalet och mot mitten av sidan snäppa till guiderna. Fyll markeringen med färg # 445852. Hit kommandot + D för att avmarkera.
Ta tag i elliptiska markeringsverktyget, sätt bredden och höjden till 418 px. Klicka var som helst i duken, flytta sedan markören inuti urvalet och mot mitten av sidan snäppa till guiderna. Nu tar vi bort det markerade området genom att trycka på Ta bort. Hit kommandot + D för att avmarkera.
Applicera Stil och Emboss Layer Style till "Big Ring" -lagret med dessa inställningar: Stil inställd på Inner-nivå, Djup vid 365%, Riktning inställd på Upp, Storlek inställd till 30 px och Sänk inställd till 7 px. I Shading kontrollerna ställer du in Angle and Altitude till 50 grader och ställer sedan in Gloss Contour till Cove - Deep, ställer in Highlight Opacity på 30% och ställer in Skugg Opacity till 65%. Vi applicerar också ett inre glöd med dessa inställningar: Blandningsläge inställt på Multiplicera, Opacitet på 90%, Färg inställd till svart och Storlek inställd till 7 px.
Skapa ett nytt lager ovanför "Back" -laget och namnge det "Dark." Ta tag i elliptiska markeringsverktyget och i verktygsalternativen ställer du in Bredd och Höjd både till 490 px. Klicka var som helst i duken, flytta sedan markören inuti urvalet och mot mitten av sidan snäppa till guiderna. Fyll markeringen med svart och Avmarkera.
Skapa ett nytt lager ovanför lagret "Back" och namnge det "Hole". Hämta det runda rektangelverktyget, sätt det till Fyll pixlar och sätt Radius till 10 px. Dra sedan en rundad rektangel, som i bilden nedan. Se till att den är centrerad mot den vertikala styrningen och den placeras några pixlar ovanför "Dark" -laget.
Gå till Layoutpalet och duplicera "Hole" -laget. Hit kommandot + T för fri omvandlingsläge. Flytta Transformation Origin till mitten av sidan. Om du inte kan ta tag i ursprunget, försök ta det med Alt-tangenten. Rotera lagret 180 grader.
Välj nu båda hålslagren och gå till Lag> Sammanlagda lager (Kommando + E.) Kopiera hålskiktet igen. Hit Command + T och rotera lagret 90 grader. Välj båda hålslagren och slå dem samman igen. Duplicera skiktet en gång till. Hit kommandot + T och rotera lagret 45 grader denna gång. Välj de två hålslagren och slå ihop dem. Nämn det sammanslagna lagret "Hål".
Skapa ett nytt lager ovanför "Back" -laget och namnge det "Outer Ring". Kommando-klicka på miniatyrbilden "Back" -lagret för att ladda valet. Fyll markeringen med färg # 2a3732. Kommandot-klicka på "Hål" Layer Miniatyrbild för att ladda valet. Dölj lagret "Hål". Se till att lagret "Outer Ring" är valt i lagerpaletten. Tryck på Radera för att rensa det valda området. Avmarkera genom att slå Kommando + D, och sedan Ta bort "Hål" -lagret.
Applicera en Stil och Emboss Layer-stil till "Ytterring" -lagret med följande inställningar: Stil inställd på Innerhöjd, Djup inställd på 1%, Riktning inställd på Upp, Storlek inställd på 1 px, Vinkel och Höjd inställd till 50 grader. Applicera en Bevel och Emboss till "Dark" -laget också med dessa inställningar: Stil inställd på Inner Bevel, Djup inställd på 32%, Riktning inställd på Ner, Storlek inställd till 2 px och Vinkel och Höjd inställd till 50 grader. Applicera också ett övertoningsöverdrag med följande inställningar: Blandningsläge inställt på Normal, Opacitet på 30%, Gradient inställd på svart till vitt, Stil av linjär och Vinkel inställd till 50 grader.
Skapa ett nytt lager överst på lagerstacken. Namnge det "Skruv". Ta tag i elliptiska markeringsverktyget och ställ Style till Normal. Gör ett urval, som i bilden nedan, och fyll sedan ur valet med 10% grå. Använd sedan dessa lagstilar till "Skruv" -laget:
Skapa ett nytt lager ovanför "Skruv" och namnge det "Skruvhöjd". Kommando-klicka på "Skruv" -lagret Miniatyrbild för att ladda valet och fyll i valet med Vit. Se till att Elliptical Marquee Tool är valt, flytta sedan valet 1 px höger och 1 px uppåt med piltangenterna. Ta bort radera till Rensa och avmarkera sedan. Ställ också upp lagens opacitet till 40%.
Ta tag i det rektangulära markeringsverktyget och gör sedan ett urval enligt nedan. Skapa ett nytt lager överst och namnge det "Skruv Dent." Fyll markeringen med 10% grå. Gör ett annat rektangulärt urval och fyll det igen med 10% grå. Avmarkera genom att slå Command + D.
Applicera en inre skuggslagstil till det här lagret och använd följande inställningar: Blandningsläge inställt på Multiplicera, Opacitet inställd till 100%, Vinkel inställd till 50 grader, Avstånd inställd till 1 px och Storlek inställd till 2 px. Ställ in "Skruvdens" -lagrets blandningsläge till skillnad. Välj "Skruv", "Skruvhöjningsljus" och "Skruvdent" -lagren i Layoutpalet och slå sedan samman dem genom att gå till Lag> Sammanfoga lager (Kommando + E). Nämn det sammanslagna lagret "Skruv".
Kopiera "Skruv" skiktet och placera en skruv vid varje skruvhål. Du kan dra dem för att kopiera samtidigt som Alt-tangenten hålls nere. Nu ska vi slå samman alla lager utom för "Bakgrund" -lagret. Gör lagret "Bakgrund" osynligt. Se till att ett av de synliga skikten är markerat, gå till Lag> Sammanfoga Synligt. Nu kan vi börja göra trästrukturen.
Skapa ett nytt lager ovanför "Bakgrund" -lagret och namnge det "Wood". Välj # bb9966 som din Forgrund och # 885533 som din bakgrundsfärg. Fyll skiktet med Förgrundsfärgen och gå till Filter> Render> Fibers. Ställ in Varians till 16 och Styrka till 42 och tryck OK. Lägg sedan till en övertoningslagsstil med följande inställningar: Blandningsläge inställt på Mjukt ljus, Opacitet på 45%, Gradient inställt på svart till vitt, Omvändt kontrollerat, Stil inställt vid Radial, Vinkel inställd till 75 grader och Ställinställd till 150% . Medan dialogrutan Gradient Overlay är öppen flyttar du mitten av gradienten till övre högra hörnet genom att klicka och dra på sidan.
Högerklicka på Psdtuts + -logotypen högst upp på den här sidan och klicka på Kopiera. Klistra in i Photoshop och placera det som visas. Byt namn på skiktet som "PSDtuts." Se till att "Wood" -laget är valt i lagerpaletten. Hit kommando + A för att välja allt och kommando + C för att kopiera. Gå till kanalpaletten, skapa sedan en ny kanal och klicka på Command + V för att klistra in trätexturen i den här kanalen. Gå till Bild> Justera> Nivåer och justera nivåerna enligt nedan.
Kommandoklicka på kanalens miniatyrbild för att göra ett urval av de vita områdena, och gå sedan tillbaka till lagpaletten. Gå till "PSDtuts" -lagret och klicka på Ta bort för att Rensa de markerade områdena och Avmarkera sedan.
Gå till "Speaker" -lagret och använd en Drop Shadow Layer Style med följande inställningar: Blandningsläge inställt på Multiplicera, Opacitet på 100%, Vinkel inställd till 50 grader, Avstånd inställd till 10 px, Sprid inställd till 3 px och Storleksuppsättning till 27 px.
Den Drop Shadow var det sista steget i vår handledning. Hoppas du lärde dig något nytt och hade kul. Du kan se den slutliga bilden nedan eller se en större version här.
Prenumerera på Psdtuts + RSS-flödet för de bästa Photoshop-verktygen och artiklarna på webben.