Gjør et bilde til et mønster av fargeprikker med Photoshop

Skrevet av Steve Patterson.

I denne opplæringen viser jeg deg hvordan du gjør et bilde til et mønster av fargede prikker med Photoshop! Som vi skal se, er alt som skal til for å lage fargepunkteffekten et av Photoshops filtre, en lagmaske og et enkelt punktmønster vi lager fra bunnen av. Når den første effekten er ferdig, vil vi forbedre formen, metningen og lysstyrken til fargepunktene ytterligere. Det kan ta litt prøving og feiling for å matche størrelsen på prikkene med ditt spesifikke bilde, så for å holde effekten fleksibel og redigerbar, vil vi dra nytte av Photoshops smarte objekter og smarte filtre.



Her er 'fargepunktmønsteret'-effekten vi skal lage:

  Photoshop bilde til farge prikker effekt Det endelige resultatet.

La oss komme i gang!





Last ned denne opplæringen som en utskriftsklar PDF!

Hvordan gjøre et bilde til et fargepunktmønster

For denne opplæringen bruker jeg Photoshop CC men hvert trinn er kompatibelt med Photoshop CS6. Du kan også følge med på min video av denne opplæringen på vår YouTube-kanal. Eller last ned denne opplæringen som en utskriftsklar PDF !



Trinn 1: Åpne bildet ditt

Åpne bildet du vil gjøre om til fargeprikker. Jeg skal bruke dette bildet som jeg lastet ned fra Adobe Stock:

  Bildet som skal brukes i fargepunktmønstereffekten Originalbildet. Bildekreditt: Adobe Stock.

Trinn 2: Konverter bakgrunnslaget til et smart objekt

Hvis vi ser i Lagpanel , ser vi bildet på Bakgrunnslag :



  Photoshop Layers-panelet som viser bildet på bakgrunnslaget Lag-panelet som viser bildet på bakgrunnslaget.

Start med å konvertere bakgrunnslaget til et smart objekt. På den måten vil filteret vi skal bruke for å lage fargeprikkmønsteret brukes som et redigerbart smartfilter. Klikk på menyikonet i øvre høyre hjørne av lagpanelet:

  Åpne lagpanelmenyen i Photoshop Klikk på menyikonet.

Velge Konverter til smart objekt fra menyen:

  Velge Konverter til smart objekt fra Lag-panelmenyen i Photoshop Velg 'Konverter til smart objekt'.

Photoshop konverterer bakgrunnslaget til et smart objekt og kaller det 'Layer 0':



  Bakgrunnslaget konvertert til et smart objekt i Photoshop Bakgrunnslaget er nå et smart objekt.

Dobbeltklikk på navnet 'Layer 0' for å markere det, og gi det nytt navn til 'Foto'. trykk Tast inn (vinn) / Komme tilbake (Mac) på tastaturet for å godta det nye navnet:

  Gi nytt navn til det smarte objektet i Photoshop Å gi det smarte objektet et mer nyttig navn.

Trinn 3: Legg til et fylllag i solid farge

For å legge til en bakgrunnsfarge til fargepunkteffekten, bruker vi et fylllag med ensfarge. Klikk på Nytt fyll- eller justeringslag ikonet nederst i lagpanelet:

  Photoshop Nytt fyll- eller justeringslag-ikon i lagpanelet Klikk på ikonet for nytt fyll eller justeringslag.

Velge Ensfarget fra listen:



  Legge til et ensfarget fylllag i Photoshop Legge til et ensfarget fylllag.

Velg i fargevelgeren svart , og klikk deretter OK. Dokumentet ditt blir midlertidig fylt med svart:

  Velge svart i fargevelgeren som bakgrunn for fargepunkteffekten Velg svart i fargevelgeren.

Trinn 4: Dra fylllaget under bildet

Tilbake i lagpanelet vises fylllaget i ensfarget ('Fargefyll 1') over bildet, og det er grunnen til at det blokkerer bildet fra visningen. Klikk på fylllaget og dra det ned under 'Foto'-laget. Når du ser en hvit uthevingslinje vises under 'Foto'-laget, slipp museknappen for å slippe fylllaget på plass:



  Dra fylllaget i solid farge under lag 0. Dra fylllaget Solid Color under bildet.

Med fylllaget nå under 'Foto'-laget, vil bildet ditt igjen være synlig i dokumentet:

  Fylllaget Solid Color er flyttet under bildelaget. Fylllaget er nå bakgrunnsfargen for effekten.

Trinn 5: Påfør mosaikkfilteret

Før vi lager punktmønsteret for effekten, må vi først gjøre bildet om til fargede firkanter, og det kan vi gjøre ved å bruke Photoshops Mosaic-filter. Klikk på 'Foto'-laget for å velge det:



  Klikk på lag 0 for å velge det. Velge 'Foto' laget.

Gå opp til Filter menyen i menylinjen, velg Pixelate , og velg deretter Mosaikk :

  Velge mosaikkfilteret. Går til Filter > Pixelate > Mosaic.

Dette åpner Mosaikk-dialogboksen. De Cellestørrelse alternativet nederst kontrollerer størrelsen på rutene. Hold øye med bildet ditt mens du drar glidebryteren for å justere verdien. Jo større verdi, jo større ruter. Firkantene vil til slutt bli våre fargeprikker, så velg en verdi basert på størrelsen på prikkene du vil ha for effekten din. I mitt tilfelle setter jeg verdien til 60 men igjen vil det avhenge av bildet ditt. Uansett hvilken verdi du velger, husk den eller skriv den ned fordi du trenger den når vi lager prikkmønsteret. Klikk OK når du er ferdig:

  Velge cellestørrelse i dialogboksen Mosaikkfilter Alternativet Cellestørrelse i dialogboksen Mosaikkfilter.

Her er effekten med mosaikkfilteret brukt, noe som får bildet til å se veldig pikselert ut:

  Bildet etter bruk av Mosaic-filteret i Photoshop Bildet etter bruk av mosaikkfilteret.

Siden vi brukte mosaikkfilteret på et smart objekt, vises det som et smartfilter rett under bildet i lagpanelet. For å prøve en annen cellestørrelsesverdi, dobbeltklikk på filterets navn for å åpne dialogboksen på nytt, foreta endringene og klikk deretter OK:

  Lag-panelet som viser Mosaic Smart Filter Lag-panelet som viser Mosaic Smart Filter.

Trinn 6: Opprett et nytt dokument

La oss lage vårt prikkmønster. Til det trenger vi et nytt Photoshop-dokument. Gå opp til Fil menyen og velg Ny :

  Opprette et nytt Photoshop-dokument. Går til Fil > Ny.

I dialogboksen Nytt dokument angir du Bredde og Høyde til samme verdi som du brukte for cellestørrelsen i mosaikkfilteret. I mitt tilfelle var verdien for cellestørrelse 60, så jeg setter både bredden og høyden til 60 piksler (sørg for at måletypen er satt til piksler). Dette vil lage et dokument som samsvarer med størrelsen på rutene. Ikke bekymre deg for Vedtak verdi, men sørg for Bakgrunnsinnhold er satt til Hvit . Klikk på Opprett (Photoshop CC) eller OK (CS6) for å opprette det nye dokumentet:

  Opprette et nytt Photoshop-dokument som samsvarer med størrelsen på rutene Opprette et nytt dokument som har samme størrelse som rutene.

Det nye firkantede dokumentet åpnes på skjermen. Dokumentet er ganske lite, så bytt til Zoomverktøy midlertidig ved å trykke og holde Ctrl+mellomrom (vinn) / Kommando+mellomrom (Mac) på tastaturet, og klikk deretter noen ganger inne i dokumentet for å zoome inn:

  Det nye kvadratdokumentet vi'll use to create the dot pattern Det nye firkantede dokumentet.

Trinn 7: Velg Elliptical Marquee Tool

Velg Elliptisk markeringsrammeverktøy fra verktøylinjen. Som standard gjemmer det elliptiske markeringsverktøyet seg bak det rektangulære markeringsverktøyet. Høyreklikk (vinn) / Kontroll-klikk (Mac) på Rectangular Marquee Tool, og velg deretter Elliptical Marquee Tool fra uttrekksmenyen:

  Velge Elliptical Marquee Tool i Photoshop Velge Elliptical Marquee Tool.

Trinn 8: Tegn et sirkulært utvalg

For å tegne prikken, klikk i øverste venstre hjørne av dokumentet og, mens museknappen fortsatt holdes nede, dra diagonalt nedover til nedre høyre hjørne. For å tvinge markeringskonturen til en perfekt sirkel, trykk og hold nede Skifte tasten på tastaturet mens du drar. Når du kommer til nederste høyre hjørne, slipper du museknappen, og deretter slipp Shift-tasten. Du bør nå ha et sirkulært utvalg like stort som selve dokumentet:

  Tegner et sirkulært utvalg som skal bli prikkmønsteret Trykk og hold nede Shift mens du tegner markeringen for å tvinge den inn i en sirkel.

Trinn 9: Fyll utvalget med svart

Vi må fylle utvalget med svart. Gå opp til Redigere menyen og velg Fylle :

  Velge Fyll-kommandoen under Rediger-menyen. Går til Rediger > Fyll.

I dialogboksen Fyll angir du Innhold mulighet til Svart , og klikk deretter OK:

  Sette innholdsalternativet til svart i dialogboksen Fyll Sette innholdet til svart.

Photoshop fyller sirkelen med svart. For å fjerne markeringskonturen fra rundt sirkelen, gå opp til Å velge menyen og velg Fjern markeringen , eller trykk Ctrl+D (vinn) / Kommando+D (Mac) på tastaturet:

  Det sirkulære utvalget er nå fylt med svart Det sirkulære utvalget er nå fylt med svart.

Trinn 10: Inverter fargene

Gå opp til Bilde meny, velg Justeringer , og velg deretter Inverter :

  Velge Invert-kommandoen i Photoshop Gå til Bilde > Justeringer > Inverter.

Dette inverterer fargene, og gjør sirkelen hvit og området rundt den svart:

  Dokumentet etter å ha invertert fargene. Dokumentet etter å ha invertert fargene.

Trinn 11: Definer prikken som et mønster

For å gjøre prikken om til et mønster, gå opp til Redigere menyen og velg Definer mønster :

  Velge kommandoen Definer mønster fra Rediger-menyen. Gå til Rediger > Definer mønster.

Gi det nye mønsteret et navn. Siden dokumentet mitt er 60x60 piksler, kaller jeg det 'Sirkel 60x60 piksler'. Du kan ende opp med å lage flere sirkelmønstre, hver med forskjellige størrelser, så det er en god idé å inkludere størrelsen i navnet. Klikk OK for å lukke dialogboksen Mønsternavn:

  Gi navn til punktmønsteret Gi navn til det nye mønsteret.

Trinn 12: Lukk dokumentet

Lukk sirkelens dokument ved å gå opp til Fil meny og valg Lukk . Når Photoshop spør om du vil lagre dokumentet, klikker du Nei (vinn) / Ikke lagre (Mac):

  Velge Lukk-kommandoen i Photoshop Gå til Fil > Lukk.

Trinn 13: Legg til en lagmaske

Tilbake i hovedbildedokumentet, sørg for at 'Foto'-laget er valgt i lagpanelet, og klikk deretter på Lagmaske ikonet nederst:

  Klikk på lagmaskeikonet i lagpanelet Klikk på Layer Mask-ikonet.

EN lagmaske-miniatyrbilde vises på 'Foto'-laget. Legg merke til at miniatyrbildet har en hvit uthevet kant rundt det, og forteller oss at masken, ikke selve laget, er valgt for øyeblikket:

  Lagmaske-miniatyrbildet i lagpanelet. Lagmaskens miniatyrbilde.

Trinn 14: Fyll masken med punktmønsteret

Vi må fylle lagmasken med punktmønsteret vårt. Gå opp til Redigere meny og velg igjen Fylle . Denne gangen setter du inn Innhold mulighet til Mønster , og klikk deretter på miniatyrbildet til høyre for ordene Egendefinert mønster :

  Angi innhold til mønster i dialogboksen Fyll. Angi innhold til mønster og klikk på miniatyrbildet for tilpasset mønster.

Velg prikkmønsteret du nettopp opprettet ved å klikke på miniatyrbildet. Det bør være det siste miniatyrbildet på listen. Klikk OK for å lukke dialogboksen Fyll:

  Velge prikkmønsteret i mønstervelgeren Velge prikkmønsteret.

Photoshop fyller lagmasken med punktmønsteret, og skaper vår første fargeprikkeffekt:

  Den første fargeprikkmønstereffekten i Photoshop Resultatet etter å ha fylt lagmasken med punktmønsteret.

Jeg skal zoome inn litt nærmere bildet slik at vi bedre kan se hva som skjer. Hver prikk i effekten er fylt med en enkelt farge takket være mosaikkfilteret vi brukte tidligere, mens det svarte området rundt hver prikk er fra Solid Color fylllaget som sitter under bildet:

  Photoshop fargepunkteffekt nærbilde Fargepunkteffekten på nært hold.

Prøv prikker i forskjellige størrelser (valgfritt)

Hvis du tror et mindre eller større prikkmønster vil se bedre ut med bildet ditt, er dette hva du gjør. Først, med lagmasken fortsatt valgt, gå tilbake til Redigere meny, velg Fylle , sett Innhold til Hvit og klikk deretter OK. Dette vil fylle masken med hvitt, og fjerne det gjeldende punktmønsteret. Dobbeltklikk på Mosaikk Smart Filter i lagpanelet for å åpne dialogboksen på nytt og øke eller redusere Cellestørrelse verdi etter behov. Husk den nye verdien, og klikk deretter OK.

Gå tilbake til trinn 6 for å lage et nytt dokument med samme størrelse som den nye cellestørrelsen, og gjenta deretter trinn 7 - 12 for å lage et nytt prikkmønster med den nye størrelsen. Hopp over trinn 13 fordi du allerede har lagt til lagmasken. Hopp til høyre til trinn 14 for å fylle masken med det nye mønsteret.

Trinn 15: Legg til et slag rundt prikkene

Den første fargepunkteffekten er nå fullført, men det er noen flere ting vi kan gjøre for å forbedre den ytterligere. Først, for å få frem formene til prikkene, legger vi til et strøk rundt dem. Mens lagmasken fortsatt er valgt, klikker du på Lagstiler ikonet (den f.eks ikon) nederst i lagpanelet:

  Klikk på ikonet for lagstiler. Klikk på ikonet for lagstiler.

Velge Slag fra listen:

  Velge en Stroke layer-effekt. Velge en Stroke layer-effekt.

Dette åpner dialogboksen Lagstil satt til Strek-alternativene i den midterste kolonnen. Forlat farge satt til svart , sett Størrelse til 1 px og Stilling til Innsiden , og klikk deretter OK:

  Legge til et slag til fargepunkteffekten Slag-alternativene.

Hver prikk har nå en tynn svart strek rundt seg, noe som gjør de runde formene mer tydelige:

  Photoshop fargepunktmønster med strek påført Effekten med et slag påført prikkene.

For å sammenligne effekten med og uten streken for å se hvilken versjon du liker best, klikk på synlighetsikon (øyeeplet) til venstre for Stroke-effekten i Lag-panelet for å slå streken av og på:

  Stoke-lagstilsynlighetsikonet. Ved å klikke på ikonet for slagsynlighet.

Trinn 16: Legg til et Vibrance-justeringslag

For å få frem fargene i prikkene, bruker vi et Vibrance-justeringslag. Klikk på Nytt fyll- eller justeringslag ikonet nederst i lagpanelet:

  Klikk på ikonet Nytt fyll eller justeringslag i lagpanelet. Klikk på ikonet for nytt fyll eller justeringslag.

Velge Livskraft fra listen:

  Legge til et Vibrance-justeringslag til fargepunkteffekten Legger til et Vibrance-justeringslag.

Kontrollene for Vibrance-justeringslaget vises i Photoshop Egenskapspanel . Øk Metning verdi til rundt +20 :

  Økende fargemetning av fargeprikkene Øker metningsverdien.

Fargene ser nå rikere og mer levende ut:

  Fargepunktmønstereffekten med økt fargemetning Effekten etter å øke fargemetningen.

Trinn 17: Gjør bildet lysere med et nivåjusteringslag

Til slutt, et potensielt problem med fargeprikker-effekten er at den har en tendens til å gjøre det generelle bildet mørkere, men vi kan enkelt gjøre det lysere opp igjen ved hjelp av en Nivåjusteringslag og en lagblandingsmodus. Klikk igjen på Nytt fyll- eller justeringslag ikonet nederst i lagpanelet, og denne gangen velger du Nivåer :

  Velge et nivåjusteringslag. Legge til et nivåjusteringslag.

Kontrollene for nivåjusteringslaget vises i egenskapspanelet, men vi trenger ikke å endre noen av innstillingene. I stedet endrer du i lagpanelet blandingsmodus av nivåjusteringslaget fra Normal til Skjerm . De Skjerm blandingsmodus vil gjøre bildet for lyst, så senk Opasitet verdi ned til rundt 25 % :

  Endre blandingsmodus og opasiteten til nivåjusteringslaget. Endre blandingsmodus og opasitet for nivåjusteringslaget.

Og med det er vi ferdige! Her, etter å ha lysnet opp bildet, er den endelige 'foto til fargede prikker'-effekten:

  Photoshop bilde til farge punkt mønster effekt Det endelige resultatet.