I denne Photoshop-opplæringen lærer vi hvordan du kan gjøre et bilde om til et mønster med fargede prikker ved å bruke et av Photoshop-filtre, en lagmaske og et enkelt repeterende mønster vi lager fra bunnen av. Jeg bruker Photoshop CS5 her, men alle nyere versjoner vil fungere. Imidlertid vil Photoshop CS6 og CC (Creative Cloud) brukere ønsker å sjekke ut den fullstendig oppdaterte Slå et bilde til et mønster av opplæringen med fargede punkter.

Her er bildet jeg skal begynne med:

Det originale bildet.

Og her vil det se ut når vi er ferdige:

Det endelige resultatet.

Hvordan lage et farget prikkmønster fra et bilde

Trinn 1: Dupliser bakgrunnslaget

Med bildet som nylig er åpnet i Photoshop, ser vi i lag-panelet, ser vi at vi for øyeblikket har ett lag - bakgrunnslaget - som er laget vårt bilde sitter på:

Det originale bildet ligger på bakgrunnslaget i lagpanelet.

Klikk på bakgrunnslaget, og med museknappen nede, dra laget ned på ikonet for nytt lag nederst i lagpanelet (det er ikonet direkte til venstre i papirkurven):

Klikk og dra bakgrunnslaget ned på ikonet for nytt lag.

Slipp museknappen når håndmarkøren er over ikonet for nytt lag. Dette lager en kopi av bakgrunnsjiktet som Photoshop plasserer over originalen:

En kopi av bakgrunnsjiktet vises over originalen.

Trinn 2: Legg til et nytt tomt lag mellom de to eksisterende lagene

Hold Ctrl (Win) / Command (Mac) -tasten nede, og klikk på ikonet for nytt lag nederst i lag-panelet (det samme ikonet vi brukte i forrige trinn):

Hold Ctrl (Win) / Command (Mac) nede og klikk på ikonet for nytt lag.

Dette legger til et nytt tomt lag til dokumentet. Normalt plasserer Photoshop nye lag over laget som for øyeblikket er valgt (som i vårt tilfelle var bakgrunnskopielaget), men ved å holde Ctrl (Win) / Command (Mac) -tasten nede mens du klikket på ikonet New Layer, ba vi Photoshop til legg det nye laget under det i stedet. Vi kan se i lag-panelet at vi nå har et nytt tomt lag med navnet Lag 1 som sitter mellom lagene Bakgrunn og bakgrunn:

Det nye laget vises mellom de to foregående lagene.

Trinn 3: Fyll det nye laget med svart

La oss fylle det nye laget med svart som blir bakgrunnsfargen for effekten. Gå opp til Rediger- menyen på menylinjen øverst på skjermen og velg Fyll :

Gå til Rediger> Fyll.

Dette åpner Photoshops Fyll-dialogboks. Endre alternativet Bruk øverst i dialogboksen til Svart :

Endre alternativet Bruk til Svart.

Klikk OK når du er ferdig for å lukke dialogboksen. Ingenting ser ut til å ha skjedd i dokumentvinduet fordi bildet i bakgrunnskopielaget for øyeblikket blokkerer lag 1 fra visning, men vi kan se i lag 1s forhåndsvisningsminiatyrbilde i lagpanelet som vi har fylt laget med helt svart:

Forhåndsvise miniatyrbilde av Layer 1 viser at laget nå er fylt med svart.

Trinn 4: Velg bakgrunnskopielag

Klikk på bakgrunnskopielaget i lagpanelet for å velge det og gjøre det til det aktive laget:

Velg bakgrunnslag.

Trinn 5: Bruk mosaikkfilteret

Gå opp til Filter- menyen øverst på skjermen, velg Pixelate, og velg deretter Mosaikk :

Gå til Filter> Pixelate> Mosaikk.

Mosaikkfilteret pixelerer et bilde ved å gjøre det om til en serie med fargede firkanter. Vi kan angi størrelse på rutene ved å bruke alternativet Cell Size nederst i filterets dialogboks. Større verdier vil skape større firkanter. Mindre verdier, mindre firkanter. Disse rutene vil til slutt bli våre fargede prikker, så du vil angi cellestørrelsesverdien basert på antall og størrelse på de fargede prikkene du ønsker i den endelige effekten. Dette kan ta litt prøving og feiling for å få ting til. Jeg skal angi verdien for cellestørrelse til 20 . Forsikre deg om at du husker den nøyaktige verdien du brukte, fordi vi trenger den igjen om et øyeblikk:

Husk verdien du oppga for alternativet Cell Size.

Klikk OK for å lukke dialogboksen. Bildet ditt skal nå se pikselert ut:

Bildet etter påføring av Mosaic-filteret.

Trinn 6: Lag et nytt dokument

La oss sette bildet vårt til side for et øyeblikk og lage vårt repeterende prikkmønster. For det trenger vi et nytt Photoshop-dokument, så gå opp til Fil- menyen øverst på skjermen og velg Ny :

Gå til Fil> Ny.

Dette åpner dialogboksen Nytt dokument. Angi både bredde og høyde på dokumentet til samme verdi som du oppga for cellestørrelsesalternativet i dialogboksen Mosaikkfilter. I mitt tilfelle setter jeg cellestørrelsen min til 20, så jeg vil stille inn bredde- og høydealternativene til 20 piksler hver. Dette vil lage et nytt dokument som har nøyaktig samme størrelse som rutene i bildet. Ikke bekymre deg for oppløsningsverdien, men sørg for at bakgrunnsinnholdet er satt til Hvitt :

Angi bredde og høyde til samme verdi som du oppga for cellestørrelse. Forsikre deg om at målingstypen er satt til piksler.

Klikk OK når du er ferdig for å lukke dialogboksen. Det nye dokumentet ditt vises på skjermen. Siden dokumentet ditt sannsynligvis er veldig lite, holder du nede Ctrl + mellomromstasten (Win) / Kommando + mellomromstasten (Mac) på tastaturet for å midlertidig bytte til Photoshops zoomverktøy (musepekeren vil endre seg til et forstørrelsesglass med et pluss-tegn i midten), og klikk deretter noen ganger inne i dokumentet for å zoome inn på det. Her har jeg zoomet inn til 1600%:

Zoom inn på det nye dokumentet for å gjøre de neste trinnene enklere.

Trinn 7: Velg verktøyet Elliptical Marquee

Velg Elliptical Marquee Tool fra Verktøy-panelet. Som standard gjemmer det seg bak det rektangulære markeringsverktøyet, så klikk på det rektangulære markeringsverktøyet og hold museknappen nede i et sekund eller to til en utrullingsmeny vises, og velg deretter det Elliptiske markeringsverktøyet fra listen:

Klikk og hold på det rektangulære markeringsverktøyet, og velg deretter det Elliptiske markeringsverktøyet fra fly-out-menyen.

Trinn 8: Tegn et sirkulært utvalg

Med Elliptical Marquee Tool i hånden holder du nede Skift- tasten, klikker i øvre venstre hjørne av dokumentet, og med museknappen nede, drar du diagonalt ned til nedre høyre hjørne av dokumentet for å tegne en sirkulær markering . Når du holder Shift-tasten nede mens du drar, vil du tvinge markeringsoversikten til en perfekt sirkel. Hvis du trenger å plassere markeringsoversikten mens du tegner den, holder du mellomromstasten, drar konturen på plass med musen, slipper deretter mellomromstasten og fortsetter. Når du er ferdig, bør kantene på markeringsoversikten berøre kantene på dokumentet, slik at det er samme bredde og høyde som selve dokumentet:

Dra ut et sirkulært utvalg i dokumentet.

Trinn 9: Fyll utvalget med svart

Gå tilbake til Rediger- menyen øverst på skjermen, og velg nok en gang Fyll, akkurat som vi gjorde i trinn 3. Alternativet Bruk bør allerede være satt til Svart, siden det var det vi endret til sist, så bare klikk OK for å lukke dialogboksen Fyll. Photoshop fyller markeringsoversikten i dokumentet med svart. Trykk Ctrl + D (Win) / Command + D (Mac) på tastaturet for raskt å fjerne markeringen av området og fjerne markeringsoversikten.

Hvis du bruker Photoshop CS4 eller CS5 og har zoomet langt inn i dokumentet slik jeg har, vil du se et rutenett (kjent som pikselnettet ) som vises gjennom den sorte sirkelen. Pikselnettet er en ny funksjon i CS4 og er ganske enkelt et visuelt hjelpemiddel når du har zoomet inn i dokumentet. Det er ikke en del av selve bildet og vil forsvinne når du ser på bildet i den faktiske størrelsen, så bare ignorere det. Rutenettet vil ikke vises hvis du bruker Photoshop CS3 eller tidligere:

Dokumentet (fremdeles zoomet inn til 1600%) etter å ha fylt ut omrisset med svart.

Trinn 10: Inverter fargene i dokumentet

Gå opp til Bilde- menyen øverst på skjermen, velg Justeringer og velg deretter Inverter :

Gå til Bilde> Justeringer> Inverter.

Dette omgjør fargene i dokumentet, og gjør de svarte områdene hvite og de hvite områdene svarte:

Selve sirkelen er nå hvit, mens hjørnearealene blir svarte.

Trinn 11: Definer sirkelen som et mønster

Gå opp til Rediger- menyen øverst på skjermen og velg Definer mønster :

Gå til Rediger> Definer mønster.

Photoshop åpner en dialogboks som ber oss om å navngi det nye mønsteret. Gi mønsteret et beskrivende navn. Jeg vil kalle min "Circle 20x20" siden størrelsen på dokumentet mitt er 20 px med 20 px. Du kan ende opp med å lage flere sirkelmønstre, alle i forskjellige størrelser, så det er en god idé å ta med dokumentets størrelse i navnet:

Gi mønsteret et navn.

Klikk OK når du er ferdig for å lukke dialogboksen. Det virker ikke som om det skjedde noe, men Photoshop har nå lagret dokumentet som et mønster. Du kan lukke kretsdokumentet ditt på dette tidspunktet siden vi ikke lenger trenger det. Det er ikke nødvendig å lagre det, så velg Ikke Lagre når Photoshop spør om du vil lagre dokumentet før du lukker det.

Trinn 12: Legg til et lagmaske i bakgrunnskopielaget

Bytt tilbake til hoveddokumentet og sørg for at bakgrunnskopielaget er valgt i lagpanelet. Klikk på ikonet Legg til lagmaske nederst i lagpanelet:

Når bakgrunnskopielaget er valgt, klikker du på ikonet Legg til lagmaske.

Igjen ser det ikke ut til at noe har skjedd i dokumentet, men et hvitfylt lagmaske-miniatyrbilde vises på bakgrunnen for lag i panelet Lag, og forteller oss at vi har lagt til lagmasken. Legg merke til at miniatyrbildet har en tynn høydepunktkant rundt seg. Dette forteller oss at selve lagmasken er valgt:

Et lagmaske-miniatyrbilde vises i bakgrunnskopielaget.

Trinn 13: Fyll lagmasken med sirkelmønsteret

Gå igjen opp til Rediger- menyen øverst på skjermen og velg Fyll . Denne gangen kan du endre alternativet Bruk fra svart til mønster :

Endre alternativet Bruk til Mønster.

Klikk på miniatyrbildet med forhåndsvisning av tilpasset mønster for å velge mønsteret du vil bruke:

Klikk på miniatyrbildet med tilpasset mønster.

Dette åpner Pattern Picker . Velg sirkelmønsteret vi nettopp opprettet ved å klikke på miniatyrbildet. Det skal være det siste miniatyrbildet på listen. Hvis du har verktøystips aktivert i Photoshop sine preferanser, vises navnet på mønsteret når du holder musepekeren over miniatyrbildet:

Klikk på sirkelmønsterets miniatyrbilde for å velge det.

Klikk OK når du har valgt mønsteret ditt for å lukke dialogboksen Fyll. Photoshop fyller lagmasken med sirkelmønsteret, og bildet vårt består nå av et mønster med fargede prikker:

Bildet etter å ha fylt lagmasken med det repeterende sirkelmønsteret.

Jeg zoomer inn nærmere bildet slik at vi kan se effekten lettere. Hver prikk i bildet består av en ensfarget farge takket være det Mosaiske filteret vi brukte tidligere. Det svarte området rundt sirklene er fra lag 1 under bildet (som vi fylte med svart tilbake i trinn 3):

Et nærmere syn på effekten.

Trinn 14: Legg til et justeringslag for fargetone / metning (valgfritt)

Som et valgfritt slutttrinn, kan vi forbedre effekten litt ved å øke fargemetningen i bildet. Klikk på ikonet for nytt justeringslag nederst i lag-panelet:

Klikk på ikonet for nytt justeringslag.

Velg et justeringslag for fargetone / metning fra listen som vises:

Velg fargetone / metning fra listen over justeringslag.

Hvis du bruker Photoshop CS3 eller tidligere, vises en fargetone / metning dialogboks på skjermen. For Photoshop CS4- og CS5-brukere vises kontrollene for justeringsjustering av farge / metning i Justerings-panelet. I begge tilfeller må du øke fargemetningen i bildet ved å klikke på glidebryteren Saturation og dra den mot høyre. Jo lenger du drar til høyre, jo mer mettede blir fargene. Jeg kommer til å øke metningen til +20 :

Dra glidebryteren Saturation mot høyre for å øke fargemetningen i bildet.

For Photoshop CS3 og tidligere brukere, klikker du OK for å lukke dialogboksen Fargetone / metning. Photoshop CS4 og CS5 brukere kan la justeringspanelet være åpent. Og med det er vi ferdige! Her, etter å ha økt fargemetningen, er det endelige resultatet "foto til fargede prikker":

Det endelige resultatet.