Hur man skapar en punkaffisch i Adobe Photoshop

Vad du ska skapa

I denna handledning kombinerar vi olika Photoshop-verktyg för att skapa en affisch med grunge-punk stil.

Vad du kommer att behöva

Du behöver följande resurser för att slutföra projektet:

  • Stagbagelbild
  • Sats av multietniska händer som håller eller erbjuder något
  • Elrotex borste font

Ladda ner bilderna och installera teckensnittet, och du är redo att starta! 

1. Hur man skapar en ny Photoshop-fil

Steg 1

Photoshop, gå till Fil> Ny. Namnge dokumentet Punk-affisch. Ställ in Bredd till 1270 px och Höjd till 1600 px. Ställ in Upplösning till 72 pixlar / tum. Klick ok.

Steg 2

Skikten panelen, klicka på Skapa ett nytt fyllnads- eller justeringslager> Gradient. I Gradient Fill fönster, ställ in Stil till Radiell ochKlicka på Lutning swatch för att ställa in färgerna. 

Under presets, välj förgrunden till bakgrundsinställningen. Under Gradient Type, ställa in vänster färgstoppsplugg till #d24136 och rätt färg stoppar till #911c13. Klick ok.

2. Hur man skapar skärmtryckseffekten

För att skapa skärmtryckseffekten måste vi öppna ett nytt dokument. 

Steg 1

Photoshop, gå till Fil> Ny. Namnge dokumentet Skärmdump. Ställ in Bredd till 1270 px och Höjd till 1600 px. Ställ in Upplösning till 300 pixlar / tum och den Färg läge till 300 pixlar / tum. De Färgprofil kommer att byta till Arbeta Grå: Dot Gain 20%. Klick ok.

Steg 2

Skikten panelen, klicka på Skapa ett nytt fyllnads- eller justeringslager> Gradient. I Gradient Fill fönster, ställ in Lutning att vara svart och förgrunden till transparent som bakgrund. Ställ in Stil till Radiell ochOm svart är i mitten av lutningen, kolla Omvänd låda. Klick ok.

Skikten panel, Högerklicka på Gradient Fyll 1> Rastrera. Ta bort Layer Mask genom att välja den och klicka på Radera lag på panelens nedre högra sida. 

Steg 3

Gå över till Bild> Läge> Bitmapp. Klick ok i varningsfönstret för att plana skikten. 

Bitmap fönster, ställ in Produktion till 300 pixlar / tum och under Metod> Använd Välj Halvtonskärm. Klick ok.

Steg 4

en Halvtonskärm fönstret öppnas. Ställ in Frekvens till 100 linjer / tum, vilket kommer att ange hur grov du vill att linjerna ska vara. Ställ in Vinkel till 0 grader och Form till Linje. Klick ok.

Steg 5

Resultatet blir gradienten förvandlad till ett fodrad skärmutskrift. För att kunna arbeta med det här stycket måste vi konvertera det till Grayscale. Gå över till Bild> Läge> Gråskala. I Gråskale fönster, ställ in Storleksförhållande till 1. Klick ok.

Steg 6

Låt oss kopiera det här skiktet och placera det i vårt Punk-affisch fil. På Skikten panel, dubbelklickaBakgrund lager för att låsa upp det. en Nytt lager fönstret öppnas. Klick ok.

Välj skiktet och Högerklicka> Duplikatlager. I det nya fönstret, ändra lagets namn till Gradient-screen-print och ställa in Destinationsdokument till Punk-affisch. Klick ok.

Steg 7

Punk-affisch dokument, sätt blandningsläget för det nyligen duplicerade skiktet till Multiplicera. Välj lagret genom att trycka på Kommando-T till Omvandla. Gå över till alternativfältet, aktivera knappen för underhåll av bildskala och ställ in Bredd till 160%.

3. Hur man skapar skärmtryckseffekten på händerbilden

På samma sätt som ovanstående steg måste vi öppna bilderna separat för att lägga till en skärmutskriftseffekt. 

Steg 1

Öppna uppsättningen av multietniska händer som håller eller erbjuder något av bilden från Envato Elements. På verktygsfältet väljer du Skärverktyg (C) och beskär bilden till händerna i bilden nedan. Tryck Stiga på att applicera grödan. 

Steg 2

För att konvertera bilden till bitmapp, måste vi konvertera den till Gråskale först. Gå över till Bild> Läge> Gråskala. Justera kontrasten genom att gå till Bild> Justering> Ljusstyrka / Kontrast. Det är viktigt att leka med dessa inställningar när en bild konverteras till gråskala, eftersom de kan göra det till en utplåst bild och förlora kontrast. Jag satte ljusstyrka till -15 och Kontrast till 100. Klick ok. 

Gå till Bild> Läge> Bitmapp. Klick ok i varningsfönstret för att plana skikten. I Bitmap fönster, ställ in Produktion till 300 pixlar / tum, och under Metod> Använd, Välj Halvtonskärm. Klick ok.

Steg 3

Halvtonskärm, ställa in Frekvens till 50 linjer / tum, vinkel till 45 grader, och Form till Korsa. Klick ok.

Känn dig fri att leka med Frekvens och den Vinkel-Det finns ingen rätt eller fel!

Konvertera bilden till gråskala genom att gå till Bild> Läge> Gråskala. I Gråskale fönster, ställ in Storleksförhållande till 1. Klick ok.

Steg 4

Vi vill också uppnå en collage stil bild för att förmedla en grunge känsla. På Skikten panel, dubbelklicka på skiktet för att låsa upp det. Klick ok. 

Använda Polygonal Lasso Tool (L) från verktygsfältet, skär ut händerna och lämna lite utrymme runt dem. Målet är att det ska se ut som om bilden skars från ett papper. 

Tryck Skift-kommando-I att vända om valet och använda Backspace nyckeln för att radera urvalet.

Steg 5

Välj skiktet och Högerklicka> Duplikatlager. I det nya fönstret, ändra lagets namn till Hands-screen-print och ställa in Destinationsdokument till Punk-affisch. Klick ok.

Steg 6

Punk-affisch, Välj Hands-screen-print lager och Omvandla genom att slå Kommando-T. Gå över till alternativfältet, aktivera knappen för underhåll av bildskala och ställ in Bredd till 85%. Tryck Stiga på. Rikta händerna i botten av affischen.

4. Hur man skapar skärmtryckseffekten på Beetle Image

Steg 1

På samma sätt, låt oss arbeta på skalbaggen. Låt oss upprepa Steg 2 från ovan.

Steg 2

Halvtonskärm, ställa in Frekvens till 10 linjer / tum, vinkel till 45 grader, och Form till Ellips. Klick ok.

Konvertera bilden till gråskala genom att gå till Bild> Läge> Gråskala. I Gråskale fönster, ställ in Storleksförhållande till 1. Klicka ok.

Steg 3

Upprepa Steg 4 till 6. Namnge skiktet Beetle-screen-print. Gå över till Punk-affisch fil och välj Beetle-screen-print lager och Omvandla det genom att slå Kommando-T. Gå över till alternativfältet, aktivera knappen för underhåll av bildskala och ställ in Bredd till 16%. Tryck Stiga på. Placera skalbaggen över händerlagret på affischen. 

Steg 4

Skikten panelen, klicka på Skapa ett nytt justeringslager> Solid Color. För att lägga till kontrast, använd följande färgkod: # 2ed5cb. Klick ok.

Steg 5

Håll över det nya Färg Fyll 1 lager och håll nere Alternativ och klick. Detta gäller endast det färgade skiktet till följande skikt. Ställ in Blandningsläge till Multiplicera

5. Hur man lägger till text

Steg 1

På verktygsfältet väljer du Typverktyg (B), och låt oss lägga tillGrunge Musikfestival. Sätt varje ord på ett separat lager, vilket ger oss frihet att placera dem på något sätt som vi gillar. 

Använda Skriv> Panel> Teckenpanel, ställa in teckensnittet till Elrotex eller Elrotex Basic och ställa in Storlek till 180 pt.

Lägg dessutom till ett nytt textlager med orden Tour 2019och ställa in Storlek till 90 pt

Steg 2

Låt oss rotera poster på affischen något för att lägga till dynamik. Markera alla tre textlagren och tryck på Kommando-T till Omvandla. Gå över till alternativfältet och ställ in Rotera alternativ till -13 grader. Tryck Stiga på att ansöka. 

Gärna flytta textlagren runt. Fördelen med att skilja orden är att vi kan flytta varje ord och anpassa dem till olika saker. Till exempel har jag justerat Tour 2019 till höger med kanten av Musikfestival

Steg 3

Låt oss nu lägga till lite mer text till botten. För den här fiktiva affischen består jag av tre olika scener för festivalen tillsammans med tre olika band. Jag lägger till följande text. I parentes kan du se de punktstorlekar jag använde:

  • Haupt Buehne: (45 pt) Beetle December (60 pt)
  • Sonne Buehne: (35 pt) Lokomotivet (45 pt)
  • Mond Buehne: (35 pt) Los Chivos (45 pt)

Jag bestämmer typstorlekarna olika eftersom huvudbandet behöver framträdande och alterneras mellan gult och vitt för att skapa hierarki. 

Steg 4

Du kommer att märka att texten som den för tillfället försvinner. För att skapa kontrast mellan förgrunden och bakgrunden måste vi lägga till några typer av skribbar. 

Låt oss börja med att gruppera textlagren i en mapp. Markera alla textlagren och dra dem till mappknappen på Skikten panel. 

Steg 5

Skapa ett nytt lager på Skikten panelen och placera den under mappen med de textlager vi bara har grupperat. Ställ in förgrundsfärgen till svart och välj Borstverktyg (B). Högerklicka för att ställa in borsten och välj Hård Pastell på Canvas pensel, vilket är en standard i Photoshop. Jag satte min pensel till 250 px. 

Steg 6

Vad vi vill göra är att borsta under de delar där vi har lagt texten. Som jag nämnde tidigare är det här att lägga till prominens, dimension och ett annat lager till vår affisch för att göra det läsbart. 

Ställ in borstens storlek så att den passar den större texten överst och mindre text längst ner. Glöm inte att du kan borsta från sida till sida, upp och ner, och i en vinkel för att få olika slagriktningar. Kom ihåg att det inte finns något rätt eller fel! 

6. Hur man sparar filen för webben

Gå över till Arkiv> Spara och spara filen som du normalt skulle. 

För att spara en JPEG för webben, gå över till Arkiv> Spara för webben eller Skift-Alternativ-kommando-S. Välj den filtyp du vill spara dokumentet i, jag väljer JPEG och ställa in 100 för Kvalitet. Under Bildstorlek, Du kan ändra bildens pixelstorlek om du har några begränsningar i storlek. 

Nedre vänstra sidan kan du se en förhandsgranskning av filens storlek. Detta är användbart när det finns storlekar på en webbplats och du behöver sänka kvaliteten eller storleken på bilden. 

Klicka på Spara… att välja plats i det nya fönstret och klicka på Spara igen.

Grymt bra! Du har slutfört denna handledning! 

I den här handledningen har vi täckt en klassisk trend som vid en tidpunkt gjordes för hand och nu kan produceras digitalt! Idag har vi lärt oss att:

  • Konvertera bilder till bitmapp för att få en skärmtryckseffekt.
  • Arbeta med två PSD-filer och kombinera dem genom att duplicera lager.
  • Uppnå en collageffekt genom att använda Polygonal Lasso Tool.
  • Ange hierarki och gör typografi läsbar genom att använda enkla triks. 

Om du gillade den här handledningen kanske du gillar följande: