Så här skapar du en musikaffisch med Bitmap-läge i Photoshop

Vad du ska skapa

I den här handledningen lär du dig hur du använder Bitmap-läget i Photoshop. Vi tittar på ett par olika mönster som du kan använda på ett foto för att skapa en skärmtryckad effekt. 

Vad du kommer att behöva

Du behöver tillgång till Adobe Photoshop. Om du inte har programvaran kan du hämta en test från Adobe-webbplatsen. Vi använder också följande resurser:

  • DJ Vintage Disco Lady
  • Hörlurar isolerade på vit bakgrund
  • US Bill Sans

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

1. Så här ställer du in en ny Photoshop-fil

Steg 1

Photoshop, gå till Fil> Ny. Namnge dokumentet Musikaffisch. 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

Tryck Kommando-R att ta upp reglerna kring dokumentet. Gå över till Visa> Ny guide. Ny guide fönsteralternativ, välj Horisontell och ställ in guiden till 50 px. Klick ok.

Gör detsamma för de andra sidorna av dokumentet genom att subtrahera 50 px från den slutliga storleken. 

Steg 3

För att skapa en intressant layout, kommer vi att skapa en layout som ligger något utanför centrum. Målet är att skapa något oväntat, istället för den vanliga centrerade layouten. 

Hur jag bestämde denna layout var genom att tillämpa tredje parts regler. Denna teknik tillämpas genom att dela posterstorleken i tre rader och kolumner. Guiderna som vi skapade är inte exakt uppdelade i tredjedelar - de är lite borta för att rymma texten och bilderna. Genom att göra detta bryter vi redan bort från den vanliga affischen. Vi skapar fyra mellanslag för att blanda text och bilder.

Gå över till Visa> Ny guide. Ny guide fönsteralternativ, välj Vertikal och ställ in guiden till 800 px. Klick ok. Låt oss göra detsamma för horisontell vägleda, sätt det till 980 px. Klick ok.

För att aktivera och inaktivera guiderna trycker du på Kommando-;. Jag kommer att gömma mina guider för nu tills vi behöver dem.

2. Så här använder du Bitmap-läge

En bitmapp är ett alternativ till vektor där en bild konverteras till svartvita pixlar. Denna teknik används vanligtvis för skärmutskrift eller tidningar.

Vi kan välja mellan en handfull olika mönster och ange hur mycket detaljer vi vill behålla. För att skapa skärmade bilder måste vi öppna dem separat. 

Steg 1

Öppna den isolerade hörlurarbilden.

Skikten panelen, låsa upp huvudskiktet genom att klicka två gånger på låset. Klick ok Nytt lager alternativfönstret.

Steg 2

Gå över till Bild> Läge> Gråskala, följd av Bild> Läge> Bitmapp. Klick ok Platta lager alternativfönstret.

Steg 3

Bitmap alternativfönstret, ställ in Produktion till 72 pixlar / tum. Under Metod, Använd: Halvtonskärm. Klick ok.

Steg 4

Halvtonskärm alternativfönstret, ställ in Frekvens till 2 linjer / tum, de Vinkel till 45 grader och den Form till Linje. Klick ok.

Steg 5

För att kunna använda bilden måste vi vända tillbaka till Grayscale. Gå över till Bild> Läge> Gråskala. I Gråskale alternativfönstret, ställ in Storleksförhållande till 1. Klick ok.

Steg 6

Låt oss kopiera den här bilden till Musikaffisch. Skikten panel, Högerklicka> Duplicate Layer. I Duplicate Layer alternativfönstret, namnge lagret hörlurar. Under Destination, Välj Musikaffisch Photoshop-fil. Klick ok.

Stäng bilden för den isolerade hörlurar. Vi behöver inte spara det eftersom vi redan har duplicerat det i huvud Photoshop-filen.

Steg 7

Öppna DJ-bilden. På Skikten panel, dubbelklicka på skiktet för att låsa upp det. I Nytt lager alternativfönstret, klicka ok.

Steg 8

För den här specifika bilden måste vi ta bort bakgrunden för att ha en isolerad DJ. På Skikten panel, klicka på Lägg till en lagermask knapp. 

Verktyg panel, välj Magic Wand Tool (W). Klicka för att välja bakgrunden och håll nere Flytta på ditt tangentbord för att lägga till i urvalet. Det behöver inte vara perfekt, men vi måste ta bort så mycket av bakgrunden som möjligt.

Steg 9

När du har valt bakgrunden trycker du på Kommando-I på ditt tangentbord för att invertera masken. Se till att du gör det här på Layer Mask vi lagde till huvudskiktet.

För att avmarkera trycker du på Kommando-D.

Steg 10

För att kunna fortsätta måste vi tillämpa Layer Mask till huvudskiktet. Välj Layer Mask (Högerklicka> Applicera lagmask).

Steg 11

Gå över till Bild> Läge> Gråskala, följd av Bild> Läge> Bitmapp. Klick OK jagn den Platta lager alternativfönstret.

I Bitmap alternativfönstret, ställ in Produktion till 240 pixlar / tum. Under Metod, Använd: Halvtonskärm. Klick ok.

I Halvtonskärm alternativfönstret, ställ in Frekvens till 25 linjer / tum, de Vinkel till 45 grader, och den Form till Runda. Klick ok.

Vänd filen tillbaka till gråskala. Gå över till Bild> Läge> Gråskala. I Gråskale alternativfönstret, ställ in Storleksförhållande till 1. Klick ok.

Steg 12

Låt oss kopiera den här bilden till Musikaffisch. Pålager, Högerklicka> Duplicate Layer. I Duplicate Layer alternativfönstret, namnge lagret DJ. Under Destination, Välj Musikaffisch Photoshop-fil. Klick ok.

Stäng bilden. Vi behöver inte spara det eftersom vi redan har duplicerat det i huvud Photoshop-filen.

Steg 13

Låt oss gå tillbaka till huvudet Musikaffisch fil för att ändra storlek på de skärmade bilderna. 

För att visa guiderna, tryck på Kommando-;.

Med hjälp av de guider som vi skapade i början av denna handledning, kommer vi att ändra storlek på bilderna så att de passar in i utrymmena. Låt oss börja med DJ lager. Tryck Kommando-T att transformera. Gå över till alternativ bar och aktivera Behåll bildformat knapp. Ställ in Bredd eller Height till 85%, och tryck Stiga på. Placera bilden på höger sida av affischen.  

Steg 14

Vi kan lägga till en Layer Mask för att radera delar av skiktet som vi inte använder. Klicka på Lägg till lagmask knapp. Använda Rektangulärt markeringsverktyg (M), välj den vänstra sidan av affischen. Tryck Kommando-I att invertera masken. Tryck Kommando-D att avmarkera. 

Steg 15

Låt oss arbeta på hörlurar lager. Tryck Kommando-T att transformera. Gå över till alternativ bar och aktivera Behåll bildformat knapp. Ställ in Bredd eller Height till 22%, och tryck Stiga på. Placera bilden i affischens nedre vänstra kvadrant.

Som i steget ovan kan vi lägga till en Layer Mask och ta bort de delar vi inte ska använda. Klicka på Lägg till lagmask knapp. Använda Rektangulärt markeringsverktyg (M), välj den övre sidan av bilden. Tryck Kommando-I att invertera masken. Tryck Kommando-D att avmarkera. 

3. Hur man skapar en digital skärmseffekt

Steg 1

Skikten panel, skapa ett nytt lager genom att trycka på Skift-kommando-N. namn skiktet Skärm. Klick ok.

Välj Borstverktyg (B) från Verktyg panel. Högerklicka för att ändra inställningarna. Ställ in Storlek till 400 px och den Hårdhet till 0%. Använda färgkoderna nedan, borsta över sidan för att täcka den. 

  • Gul: # ffb20e
  • Rosa: # ff12de
  • Blå: # 0078ff

Steg 2

Gå över till Filtrera> Förvränga> Wave. I Våg alternativfönstret, använd följande inställningar:

  • Antal generatorer: 1
  • Typ: Sine
  • Våglängd: Min. 1 och Max. 2
  • Amplitude: Min. 295 och Max. 375
  • Skala: Horiz. 100% och Vert. 100%.
  • Odefinierade områden: Repeat Edge Pixels

Klick ok. 

Steg 3

För att skapa kardioidstilmönstret måste vi köra den här bilden genom en andra process. Medan du är på samma lager, gå över till Filtrera> Förvränga> Polära koordinater. 

I Polära koordinater alternativfönstret, välj Polar Rektangulär alternativ. Klick ok.

Om färgerna inte är som du hoppas kan vi tweak dem senare. Observera att resultatet kommer att variera, och det är den roliga delen! 

Steg 4

Använda Rektangulärt markeringsverktyg (M), välj posterens övre vänstra kvadrant. Tryck Flytta att lägga till i urvalet och välj ett litet avsnitt längst ner till höger. Vi kommer att använda det senare när vi lägger till information. När du har dessa två val, klicka på Layer Mask knapp. Detta skapar en mask runt valet.

Steg 5

För att ändra färgen på Skärm lager, klicka på Skapa ett nytt fyllnings- eller justeringslager> Färgton / Mättnad. De Egenskaper panelen öppnas automatiskt. Om motsatt dubbelklickar du på Nyans / mättnad lager miniatyrbild. Jag justerar Nyans till -25. Känn dig fri att experimentera! 

Vi vill bara tillämpa justeringsskiktet på Skärm lager. Högerklicka> Skapa klippmask.

Steg 6

Vid denna tidpunkt ser affischen något platt ut. Syftet är att skapa spänning som leder tittaren från huvudkopian till resten av informationen.

Spänning är viktig i en affisch eftersom den ger fokus och kontrast från de andra elementen. Det skapar också en väg där ögonen ska gå. Något så litet som en rektangel kan göra den största skillnaden. 

Från Verktyg panel, välj Rektangelverktyg (U). Klicka på sidan och ställ in Bredd till 30 px och den Höjd till 1600 px. Klick ok. Gå till alternativ bar och ställ in Fylla till svart. Placera rektangeln vertikalt mellan Skärm bild och DJ.

4. Hur man lägger till text

För att kunna använda en större teckenstorlek delar jag ordet Introspektive på två linjer. Dessutom använde jag en lättare vikt Musik som det kommer sekundärt till huvudordet. Eftersom det händer mycket visuellt, valde jag att hålla resten av informationen i en enda vikt och storlek.

Verktyg panel, välj Textverktyg (T). Jag använde vit text i kontrast med bakgrunden. Typsnittet jag använde är US Bill Sans av Formatika, från Envato Elements. Ta upp Verktyg panelen genom att gå till Typ> Paneler> Teckenpanel. Nedan finns de detaljer jag lagt till; varje punktpunkt är ett separat lager. Använd guiderna som vi skapade i början av handledningen för att anpassa texten. 

  • intron-
    PEKTIVE
    MUSIK
    (US Bill i ExtraBold och Light, Storlek: 120 pt, Ledande: 100 pt, Spårning: 200 pt)
  • 10.-23. JULI 2019
    FRANKFURT AM MAIN
    02.-17. OKT 2019
    BERLIN
    06.-19. JÄN 2020
    MUNCHEN
    (US Bill i fet, Storlek: 30 pt, Ledande: 40 pt, Spårning: 200 pt)
  • MWM.DE
    (US Bill i fet, Storlek: 30 pt, Ledande: 40 pt, Spårning: 200 pt)

5. 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-fil 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 filstorleken. 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 några fina effekter som ger olika resultat för alla. Var noga med att lägga in dina i kommentarerna nedan! Idag har vi lärt oss att:

  • Konvertera bilder till Bitmap-läge för att skapa en skärmtryckad effekt.
  • Använd Layer Masks och Clipping Masks för att ändra färger på ett enda lager.
  • Använd Wave och Polar Coordinate-filteren för att skapa en digital skärmseffekt.
  • Tillämpa lite designteori, såsom galler, typografi, hierarki och visuell spänning. 

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