Slik lager du en musikkoppføring ved hjelp av Bitmap-modus i Photoshop

Hva du skal skape

I denne opplæringen lærer du hvordan du bruker Bitmap-modus i Photoshop. Vi ser på et par forskjellige mønstre du kan bruke på et bilde for å skape en skjermutskrevet effekt. 

Hva du trenger

Du trenger tilgang til Adobe Photoshop. Hvis du ikke har programvaren, kan du laste ned en prøveversjon fra Adobe-nettstedet. Vi bruker også følgende ressurser:

  • DJ Vintage Disco Lady
  • Hodetelefoner isolert på hvit bakgrunn
  • US Bill Sans

Last ned bildene og installer skrifttypen, og du er klar til å starte! 

1. Hvordan sette opp en ny Photoshop-fil

Trinn 1

Photoshop, gå til Fil> Ny. Navngi dokumentet Musikk Plakat. Sett Bredde til 1270 px og Høyde til 1600 px. Sett Vedtak til 72 piksler / tommer. Klikk OK.

Steg 2

trykk Kommando-R å hente reglene rundt dokumentet. Gå over til Vis> Ny guide. Ny guide vindu valg, velg Horisontal og sett veilederen til 50 px. Klikk OK.

Gjør det samme for de andre siden av dokumentet ved å trekke fra 50 px fra den endelige størrelsen. 

Trinn 3

For å skape en interessant layout, vil vi opprette et layout som er litt utenfor sentrum. Målet er å skape noe uventet, i stedet for den vanlige sentrale utformingen. 

Måten jeg fastslår dette oppsettet var ved å anvende regelen av tredjedeler. Denne teknikken brukes ved å dele plakatstørrelsen i tre rader og kolonner. Guidene vi opprettet er ikke akkurat delt inn i tredjedeler - de er litt av for å imøtekomme teksten og bildene. Ved å gjøre dette bryter vi allerede fra den vanlige plakaten. Vi vil lage fire mellomrom for å blande tekst og bilder.

Gå over til Vis> Ny guide. Ny guide vindu valg, velg vertikal og sett veilederen til 800 px. Klikk OK. La oss gjøre det samme for horisontal guide, sett den til 980 px. Klikk OK.

For å aktivere og deaktivere støttelinjene trykker du på Kommando-;. Jeg vil gjemme mine guider for nå til vi trenger dem.

2. Slik bruker du Bitmap-modus

En bitmap er et alternativ til vektor der et bilde konverteres til svart og hvitt piksler. Denne teknikken brukes vanligvis til skjerm utskrift eller avis.

Vi kan velge mellom en håndfull forskjellige mønstre og angi mengden detaljer vi ønsker å opprettholde. For å lage skjermede bilder må vi åpne dem separat. 

Trinn 1

Åpne det isolerte hodetelefonbildet.

lag panel, låse opp hovedlaget ved å klikke to ganger på låsen. Klikk OK Nytt lag alternativvinduet.

Steg 2

Gå over til Bilde> Modus> Gråskala, etterfulgt av Bilde> Modus> Bitmap. Klikk OK Flate lag alternativvinduet.

Trinn 3

bitmap alternativvindu, sett inn Produksjon til 72 piksler / tommer. Under Metode, Bruk: Halvtonskjerm. Klikk OK.

Trinn 4

Halvtonskjerm alternativvindu, sett inn Frekvens til 2 linjer / tommer, de Angle til 45 grader og Form til Linje. Klikk OK.

Trinn 5

For å kunne bruke bildet må vi slå det tilbake til Gråskala. Gå over til Bilde> Modus> Gråskala. I gråtoner alternativvindu, sett inn Størrelsesforhold til 1. Klikk OK.

Trinn 6

La oss kopiere dette bildet på Musikk Plakat. lag panel, Høyreklikk> Dupliser Layer. I Dupliseringslag alternativvindu, gi navn på laget hodetelefoner. Under Mål, velg Musikk Plakat Photoshop-fil. Klikk OK.

Lukk det isolerte hodetelefonbildet. Vi trenger ikke å lagre det fordi vi allerede har duplisert det inn i hoved Photoshop-filen.

Trinn 7

Åpne DJ-bildet. På lag panel, dobbeltklikk på laget for å låse opp det. I Nytt lag alternativvindu, klikk OK.

Trinn 8

For dette bestemte bildet må vi slette bakgrunnen for å ha en isolert DJ. På lag panelet, klikk på Legg til en lagmaske knapp. 

Verktøy panel, velg Magic Wand Tool (W). Klikk for å velge bakgrunnen, og hold nede Skifte på tastaturet for å legge til i valget. Det trenger ikke å være perfekt, men vi må slette så mye av bakgrunnen som mulig.

Trinn 9

Når du har valgt bakgrunnen, trykker du på Kommando-I på tastaturet for å invertere masken. Pass på at du gjør dette på Lagsmaske Vi la til hovedlaget.

For å avvelge, trykk Kommando-D.

Trinn 10

For å fortsette, må vi søke på Lagsmaske til hovedlaget. Velg Lagsmaske (Høyreklikk> Bruk lagmask).

Trinn 11

Gå over til Bilde> Modus> Gråskala, etterfulgt av Bilde> Modus> Bitmap. Klikk OK jegn den Flate lag alternativvinduet.

I bitmap alternativvindu, sett inn Produksjon til 240 piksler / tommer. Under Metode, Bruk: Halvtonskjerm. Klikk OK.

I Halvtonskjerm alternativvindu, sett inn Frekvens til 25 linjer / tommer, de Angle til 45 grader, og Form til Rund. Klikk OK.

Snu filen tilbake til gråtoner. Gå over til Bilde> Modus> Gråskala. I gråtoner alternativvindu, sett inn Størrelsesforhold til 1. Klikk OK.

Trinn 12

La oss kopiere dette bildet på Musikk Plakat. Pålag, Høyreklikk> Dupliser Layer. I Dupliseringslag alternativvindu, gi navn på laget DJ. Under Mål, velg Musikk Plakat Photoshop-fil. Klikk OK.

Lukk bildet. Vi trenger ikke å lagre det fordi vi allerede har duplisert det inn i hoved Photoshop-filen.

Trinn 13

La oss gå tilbake til hovedmenyen Musikk Plakat fil for å endre størrelsen på de skjermede bildene. 

For å vise guidene, trykk Kommando-;.

Ved hjelp av veiledningene vi opprettet i begynnelsen av denne opplæringen, vil vi endre størrelsen på bildene slik at de passer til mellomrom. La oss begynne med DJ lag. trykk Kommando-T å forvandle. Gå over til alternativer bar, og aktiver Opprettholder aspektforhold knapp. Sett Bredde eller haut til 85%, og trykk Tast inn. Legg bildet på høyre side av plakaten.  

Trinn 14

Vi kan legge til en Lagsmaske å slette deler av laget vi ikke bruker. Klikk på Legg til lagmaske knapp. Bruker Rektangulært markeringsverktøy (M), velg venstre side av plakaten. trykk Kommando-I å invertere masken. trykk Kommando-D å avvelge. 

Trinn 15

La oss jobbe på hodetelefoner lag. trykk Kommando-T å forvandle. Gå over til alternativer bar, og aktiver Opprettholder aspektforhold knapp. Sett Bredde eller haut til 22%, og trykk Tast inn. Legg bildet i nedre venstre kvadrant av plakaten.

Som i trinnet ovenfor kan vi legge til en Lagsmaske og slett delene vi ikke skal bruke. Klikk på Legg til lagmaske knapp. Bruker Rektangulært markeringsverktøy (M), velg toppsiden av bildet. trykk Kommando-I å invertere masken. trykk Kommando-D å avvelge. 

3. Hvordan lage en digital skjermeffekt

Trinn 1

lag panel, opprett et nytt lag ved å trykke Skift-Kommando-N. Navn laget Skjerm. Klikk OK.

Velg Penselverktøy (B) fra Verktøy panel. Høyreklikk for å endre innstillingene. Sett Størrelse til 400 px og hardhet til 0%. Bruk fargekodene under, børst over siden for å dekke den. 

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

Steg 2

Gå over til Filter> Forvreng> Bølge. I Bølge alternativvindu, bruk følgende innstillinger:

  • Antall generatorer: 1
  • Type: Sine
  • Bølgelengde: Min. 1 og Maks. 2
  • Amplitude: Min. 295 og Maks. 375
  • Skala: Horiz. 100% og Vert. 100%.
  • Udefinerte områder: Gjenta kantpiksler

Klikk OK. 

Trinn 3

For å opprette cardioid stil mønsteret, må vi kjøre dette bildet gjennom en annen prosess. Mens du er på samme lag, gå over til Filter> Forvreng> Polar Koordinater. 

I Polar Koordinater alternativvinduet, velg Polar rektangulær alternativ. Klikk OK.

Hvis fargene ikke er som du håpet, kan vi justere dem senere. Vær oppmerksom på at resultatet vil variere, og det er den morsomme delen! 

Trinn 4

Bruker Rektangulært markeringsverktøy (M), Velg den øverste venstre kvadranten på plakaten. trykk Skifte å legge til i valget og velg en liten del av nederste høyre side. Vi bruker dette senere når vi legger til informasjon. Når du har disse to valgene, klikker du på Lagsmaske knapp. Dette vil skape en maske rundt valget.

Trinn 5

For å endre fargen på Skjerm lag, klikk på Lag et nytt fyllings- eller justeringslag> Hue / Saturation. De Eiendommer panelet åpnes automatisk. Hvis motsatt, dobbeltklikk på Fargetone metning lag miniatyrbilde. Jeg justerer Hue til -25. Du er velkommen til å eksperimentere! 

Vi ønsker å bruke dette justeringslaget kun til Skjerm lag. Høyreklikk> Opprett Clipping Mask.

Trinn 6

På dette punktet ser plakaten seg litt flatt ut. Målet er å skape spenning som fører seeren fra hovedkopien til resten av informasjonen.

Spenning er viktig i en plakat fordi den gir fokus og kontrast fra de andre elementene. Det skaper også en sti hvor øynene skal gå. Noe så lite som et rektangel kan gjøre den største forskjellen. 

Fra Verktøy panel, velg Rektangelverktøy (U). Klikk på siden, og sett inn Bredde til 30 px og Høyde til 1600 px. Klikk OK. Hodet til alternativer bar, og sett Fylle til svart. Sett rektangelet vertikalt mellom Skjerm bilde og DJ.

4. Hvordan legge til tekst

For å kunne bruke en større skriftstørrelse deler jeg ordet Introspektive på to linjer. I tillegg brukte jeg en lettere vekt på Musik som det kommer sekundært til hovedordet. Siden det skjer mye visuelt, valgte jeg å holde resten av informasjonen i en enkelt vekt og størrelse.

Verktøy panel, velg Tekstverktøy (T). Jeg brukte hvit tekst til å kontrast med bakgrunnen. Typefeltet jeg brukte er US Bill Sans av Formatika, fra Envato Elements. Ta opp Verktøy panel ved å gå til Skriv> Paneler> Tegnpanel. Nedenfor er detaljene jeg la til; hvert punktpunkt er et eget lag. Bruk veiledningene vi opprettet i begynnelsen av opplæringen for å justere teksten. 

  • INTROS-
    PEKTIVE
    MUSIKK
    (US Bill i ExtraBold og Light, Størrelse: 120 pt, Ledende: 100 pt, Sporing: 200 pt)
  • 10.-23. JULI 2019
    FRANKFURT AM MAIN
    02.-17. OKT 2019
    BERLIN
    06.-19. JÄN 2020
    MUNCHEN
    (Amerikansk bill i fet, størrelse: 30 pt, ledende: 40 pt, sporing: 200 pt)
  • MWM.DE
    (Amerikansk bill i fet, størrelse: 30 pt, ledende: 40 pt, sporing: 200 pt)

5. Hvordan lagre filen for web

Gå over til Fil> Lagre og lagre filen som du normalt ville. 

For å lagre en JPEG-fil for Internett, gå over til Fil> Lagre for web eller Skift-Tilvalg-Kommando-S. Velg filtypen du vil lagre dokumentet i, jeg velger JPEG-og sett 100 til Kvalitet. Under Bildestørrelse, Du kan endre pikselstørrelsen på bildet hvis du har noen størrelsesbegrensninger. 

På den nederste venstre side kan du se en forhåndsvisning av filstørrelsen. Dette er nyttig når det er størrelsesbegrensninger på et nettsted, og du må senke kvaliteten eller størrelsen på bildet. 

Klikk på Lagre… å velge plasseringen i det nye vinduet, og klikk på Lagre en gang til.

Rått! Du har fullført denne opplæringen!

I denne opplæringen har vi dekket et par kule effekter som gir forskjellige resultater for alle. Pass på å legge inn dine kommentarer i kommentarene nedenfor! I dag har vi lært å:

  • Konverter bilder til Bitmap-modus for å skape en skjermutskrevet effekt.
  • Bruk Layer Masks og Clipping Masks for å endre farger på ett enkelt lag.
  • Bruk Wave og Polar Coordinate filtre for å lage en digital skjerm effekt.
  • Påfør noen designteori, som grids, typografi, hierarki og visuell spenning. 

Hvis du likte denne opplæringen, kan du kanskje liker disse: