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:
Det endelige resultatet.La oss komme i gang!
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:
Originalbildet. Bildekreditt: Adobe Stock.Trinn 2: Konverter bakgrunnslaget til et smart objekt
Hvis vi ser i Lagpanel , ser vi bildet på Bakgrunnslag :
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:
Klikk på menyikonet.Velge Konverter til smart objekt fra menyen:
Velg 'Konverter til smart objekt'.Photoshop konverterer bakgrunnslaget til et smart objekt og kaller det 'Layer 0':
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 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:
Klikk på ikonet for nytt fyll eller justeringslag.Velge Ensfarget fra listen:
Legge til et ensfarget fylllag.Velg i fargevelgeren svart , og klikk deretter OK. Dokumentet ditt blir midlertidig fylt med svart:
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 Solid Color under bildet.Med fylllaget nå under 'Foto'-laget, vil bildet ditt igjen være synlig i dokumentet:
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:
Velge 'Foto' laget.Gå opp til Filter menyen i menylinjen, velg Pixelate , og velg deretter Mosaikk :
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:
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 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.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 :
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 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 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.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:
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 :
Går til Rediger > Fyll.I dialogboksen Fyll angir du Innhold mulighet til Svart , og klikk deretter OK:
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.Trinn 10: Inverter fargene
Gå opp til Bilde meny, velg Justeringer , og velg deretter Inverter :
Gå til Bilde > Justeringer > Inverter.Dette inverterer fargene, og gjør sirkelen hvit og området rundt den svart:
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 :
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 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):
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å 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:
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 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.Photoshop fyller lagmasken med punktmønsteret, og skaper vår første fargeprikkeffekt:
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:
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.Velge Slag fra listen:
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:
Slag-alternativene.Hver prikk har nå en tynn svart strek rundt seg, noe som gjør de runde formene mer tydelige:
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å:
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 for nytt fyll eller justeringslag.Velge Livskraft fra listen:
Legger til et Vibrance-justeringslag.Kontrollene for Vibrance-justeringslaget vises i Photoshop Egenskapspanel . Øk Metning verdi til rundt +20 :
Øker metningsverdien.Fargene ser nå rikere og mer levende ut:
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 :
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 opasitet for nivåjusteringslaget.Og med det er vi ferdige! Her, etter å ha lysnet opp bildet, er den endelige 'foto til fargede prikker'-effekten:
Det endelige resultatet.
