I denne Photoshop-tutorial lærer vi, hvordan man omdanner et foto til et mønster med farvede prikker ved hjælp af et af Photoshop-filtre, en lagmaske og et simpelt gentagende mønster, vi opretter fra bunden. Jeg bruger Photoshop CS5 her, men enhver nyere version fungerer. Photoshop CS6 og CC (Creative Cloud) -brugere vil dog gerne tjekke den fuldt opdaterede Drej et foto til et mønster af farveprøver-tutorial.

Her er det billede, jeg starter med:

Det originale foto.

Og her er hvordan det vil se ud, når vi er færdige:

Det endelige resultat.

Sådan opretter du et farvet prikmønster fra et foto

Trin 1: Duplicerer baggrundslaget

Med det nyligt åbne foto i Photoshop ser vi, at vi i øjeblikket har et lag - baggrundslaget - som er det lag, som vores billede sidder på:

Det originale billede sidder på baggrundslaget i panelet Lag.

Klik på baggrundslaget, og med museknappen nede, træk laget ned på ikonet Nyt lag i bunden af ​​lagpanelet (det er ikonet direkte til venstre for papirkurven):

Klik og træk baggrundslaget ned på ikonet Nyt lag.

Slip museknappen, når håndmarkøren er over ikonet Nyt lag. Dette fremstiller en kopi af det baggrundslag, som Photoshop placerer over originalen:

En kopi af baggrundslaget vises over originalen.

Trin 2: Tilføj et nyt tomt lag mellem de to eksisterende lag

Hold Ctrl (Win) / Command (Mac) -tasten nede, og klik på ikonet Nyt lag i bunden af ​​lagpanelet (det samme ikon, vi brugte i det forrige trin):

Hold Ctrl (Win) / Command (Mac) nede, og klik på ikonet New Layer.

Dette tilføjer et nyt tomt lag til dokumentet. Normalt placerer Photoshop nye lag over det lag, der i øjeblikket er valgt (som i vores tilfælde var baggrundskopielaget), men ved at holde Ctrl (Win) / Command (Mac) -tasten nede, mens vi klikker på ikonet Nyt lag, fortalte vi Photoshop at placere det nye lag under det i stedet. Vi kan se i panelet Lag, at vi nu har et nyt tomt lag med navnet Lag 1, der sidder mellem lagene Baggrund og Baggrund:

Det nye lag vises mellem de to foregående lag.

Trin 3: Fyld det nye lag med sort

Lad os fylde det nye lag med sort, som bliver baggrundens farve for effekten. Gå op til menuen Rediger i menulinjen øverst på skærmen og vælg Fyld :

Gå til Rediger> Udfyld.

Dette åbner Photoshop's Fill-dialogboks. Skift indstillingen Brug øverst i dialogboksen til Sort :

Skift indstillingen Brug til sort.

Klik på OK, når du er færdig for at lukke dialogboksen. Der ser ikke ud til, at der er sket noget i dokumentvinduet, fordi billedet i baggrundskopielaget i øjeblikket blokerer lag 1 fra visningen, men vi kan se i lag 1's preview-miniaturebillede i panelet Lag, at vi har udfyldt laget med sort sort:

Lag 1's preview-miniature viser, at laget nu er fyldt med sort.

Trin 4: Vælg baggrundskopielaget

Klik på baggrundskopielaget i panelet Lag for at vælge det og gøre det til det aktive lag:

Vælg baggrundskopielag.

Trin 5: Anvend det Mosaiske filter

Gå op til menuen Filter øverst på skærmen, vælg Pixelate og vælg derefter Mosaic :

Gå til Filter> Pixelate> Mosaic.

Mosaikfilteret pixelerer et billede ved at omdanne det til en række ensfarvede firkanter. Vi kan indstille størrelsen på firkanterne ved hjælp af indstillingen Cell Size i bunden af ​​filterets dialogboks. Større værdier skaber større firkanter. Mindre værdier, mindre firkanter. Disse firkanter bliver til sidst vores farvede prikker, så du ønsker at indstille din cellestørrelsesværdi baseret på antallet og størrelsen af ​​de farvede prikker, du ønsker, i din endelige effekt. Dette kan tage lidt prøve og fejl for at få tingene rigtige. Jeg vil indstille min cellestørrelsesværdi til 20 . Sørg for at huske den nøjagtige værdi, du brugte, fordi vi har brug for den igen om et øjeblik:

Husk den værdi, du indtastede for indstillingen Cellestørrelse.

Klik på OK for at lukke dialogboksen. Dit billede skal nu se pixeleret ud:

Billedet efter påføring af det Mosaiske filter.

Trin 6: Opret et nyt dokument

Lad os sætte vores billede til side et øjeblik og skabe vores gentagne prikmønster. Til dette har vi brug for et nyt Photoshop-dokument, så gå op til menuen File øverst på skærmen og vælg Ny :

Gå til Fil> Ny.

Dette åbner dialogboksen Nyt dokument. Indstil både bredde og højde på dokumentet til den samme værdi, som du indtastede for indstillingen Cellestørrelse i dialogboksen Mosaikfilter. I mit tilfælde indstiller jeg min cellestørrelse til 20, så jeg indstiller mine bredde- og højdeindstillinger til 20 pixels hver. Dette vil oprette et nyt dokument, der er nøjagtigt den samme størrelse som firkanterne i vores billede. Må ikke bekymre dig om opløsningsværdien, men sørg for, at baggrundsindholdet er indstillet til hvidt :

Indstil din bredde og højde til den samme værdi, som du indtastede for cellestørrelsen. Sørg for, at målingstypen er indstillet til pixels.

Klik på OK, når du er færdig for at lukke dialogboksen. Dit nye dokument vises på din skærm. Da dit dokument sandsynligvis er meget lille, skal du holde Ctrl + mellemrumstasten (Win) / Kommando + mellemrumstasten (Mac) på dit tastatur nede for at midlertidigt skifte til Photoshop's Zoomværktøj (din musemarkør ændres til et forstørrelsesglas med et plustegn i midt), og klik derefter et par gange inde i dokumentet for at zoome ind på det. Her har jeg zoomet ind til 1600%:

Zoom ind på dit nye dokument for at gøre de næste trin lettere.

Trin 7: Vælg det Elliptiske markeringsværktøj

Vælg Elliptical Marquee Tool fra værktøjspanelet. Som standard gemmer det sig bag det rektangulære markeringsværktøj, så klik på det rektangulære markeringsværktøj og hold museknappen nede i et sekund eller to, indtil der vises en udflyvningsmenu, vælg derefter det Elliptiske markeringsværktøj fra listen:

Klik og hold på det rektangulære markeringsværktøj, og vælg derefter det Elliptiske markeringsværktøj fra flyveud-menuen.

Trin 8: Tegn et cirkulært valg

Med det elliptiske markeringsværktøj i hånden skal du holde Skift- tasten nede, klikke i øverste venstre hjørne af dokumentet og med museknappen nede, trække diagonalt ned til nederste højre hjørne af dokumentet for at tegne en cirkulær markeringskontur . Når du holder Shift-tasten nede, mens du trækker, vil den tvinge markeringsoversigten ind i en perfekt cirkel. Hvis du har brug for at flytte markeringskonturen, mens du tegner den, skal du holde din mellemrumslinje nede, trække konturen på plads med din mus, derefter frigøre din mellemrumslinje og fortsætte. Når du er færdig, skal kanterne på markeringsoversigten røre ved kanterne på dokumentet, så det er den samme bredde og højde som selve dokumentet:

Træk et cirkulært valg inde i dokumentet.

Trin 9: Udfyld markeringen med sort

Gå tilbage til menuen Rediger øverst på skærmen og vælg endnu en gang Udfyld, ligesom vi gjorde tilbage i trin 3. Funktionen Brug skal allerede være indstillet til Sort, da det er det, vi ændrede det til sidste gang, så klik blot OK for at lukke dialogboksen Udfyld. Photoshop udfylder markeringsoversigten i dokumentet med sort. Tryk på Ctrl + D (Win) / Command + D (Mac) på dit tastatur for hurtigt at fjerne markeringen af ​​området og fjerne markeringsoversigten.

Hvis du bruger Photoshop CS4 eller CS5, og du har zoomet langt ind i dit dokument som jeg har, vil du se et gitterkontur (kendt som pixelgitteret ) vises gennem den sorte cirkel. Pixel-gitteret er en ny funktion i CS4 og er simpelthen et visuelt hjælpemiddel, når du har zoomet ind i dit dokument. Det er ikke en del af selve billedet og forsvinder, når du ser billedet i dets faktiske størrelse, så bare ignorere det. Risten vises ikke, hvis du bruger Photoshop CS3 eller tidligere:

Dokumentet (stadig zoomet ind til 1600%) efter udfyldning af markeringsoversigten med sort.

Trin 10: Inverter farverne i dokumentet

Gå op til menuen Billede øverst på skærmen, vælg Justeringer, og vælg derefter Inverter :

Gå til Billede> Justeringer> Inverter.

Dette inverterer farverne i dokumentet, hvilket gør de sorte områder hvide og de hvide områder sorte:

Selve cirklen er nu hvid, mens hjørnearealerne bliver sorte.

Trin 11: Definer cirklen som et mønster

Gå op til menuen Rediger øverst på skærmen og vælg Definer mønster :

Gå til Rediger> Definer mønster.

Photoshop åbner en dialogboks, der beder os om at navngive det nye mønster. Giv mønsteret et beskrivende navn. Jeg vil navngive min "Circle 20x20", da størrelsen på mit dokument er 20 px med 20 px. Du kan ende med at oprette flere cirkelmønstre, alle i forskellige størrelser, så det er en god ide at inkludere dokumentets størrelse i navnet:

Giv mønsteret et navn.

Klik på OK, når du er færdig for at lukke dialogboksen. Det ser ikke ud til, at der er sket noget, men Photoshop har nu gemt dokumentet som et mønster. Du kan lukke dit cirkeldokument på dette tidspunkt, da vi ikke længere har brug for det. Det er ikke nødvendigt at gemme det, så vælg Gem ikke, når Photoshop spørger, om du vil gemme dokumentet, før du lukker det.

Trin 12: Føj et lagmaske til baggrundskopielaget

Skift tilbage til dit hoveddokument, og sørg for, at baggrundskopielaget er valgt i panelet Lag. Klik på ikonet Tilføj lagmaske nederst i panelet Lag:

Når baggrundskopielaget er valgt, skal du klikke på ikonet Tilføj lagmaske.

Igen ser der ikke ud til, at der er sket noget i dokumentet, men en hvidfyldt lagmaske-miniature vises på baggrundskopielaget i panelet Lag, der fortæller os, at vi har tilføjet lagmasken. Bemærk, at miniaturebilledet har en tynd højdepunktkant omkring sig. Dette fortæller os, at selve lagmasken er valgt:

En lagmaske-miniature vises på baggrundskopielaget.

Trin 13: Fyld lagmasken med cirkelmønsteret

Gå igen op til Rediger- menuen øverst på skærmen og vælg Udfyld . Denne gang skal du ændre indstillingen Brug fra sort til mønster :

Skift indstillingen Brug til Mønster.

Klik på miniatureeksemplet med tilpasset mønster for at vælge det mønster, du vil bruge:

Klik på det tilpassede mønster-miniature.

Dette åbner mønstervælgeren . Vælg det cirkelmønster, vi lige har oprettet, ved at klikke på dets miniaturebillede. Det skal være den sidste miniature på listen. Hvis du har værktøjstip aktiveret i Photoshop's indstillinger, vises navnet på mønsteret, når du holder musemarkøren hen over miniaturebilledet:

Klik på cirkelmønsterets miniature for at vælge det.

Klik på OK, når du har valgt dit mønster for at lukke ud af dialogboksen Udfyld. Photoshop fylder lagmasken med cirkelmønsteret, og vores billede består nu af et mønster med farvede prikker:

Billedet efter udfyldning af lagmasken med det gentagne cirkelmønster.

Jeg zoomer tættere på billedet, så vi lettere kan se effekten. Hver prik på billedet består af en ensfarvet farve takket være det Mosaiske filter, vi anvendte tidligere. Det sorte område, der omgiver cirklerne, er fra lag 1 under billedet (som vi fyldte med sort tilbage i trin 3):

Et nærmere billede af effekten.

Trin 14: Tilføj et justeringslag for farvetone / mætning (valgfrit)

Som et valgfrit sidste trin kan vi forbedre effekten lidt ved at øge farvemætning i billedet. Klik på ikonet Nyt justeringslag nederst i panelet Lag:

Klik på ikonet Nyt justeringslag.

Vælg et farvetone / mætning justeringslag på listen, der vises:

Vælg Nuance / Mætning fra listen over justeringslag.

Hvis du bruger Photoshop CS3 eller ældre, åbnes en dialogbue / mætning dialog åbnes på skærmen. For Photoshop CS4- og CS5-brugere vises kontrollerne for justeringslaget Hue / Saturation i panelet Justeringer. I begge tilfælde skal du øge farvemætningen i billedet ved at klikke på glidemærket Mætning og trække det mod højre. Jo længere du trækker til højre, jo mere mættede farver bliver. Jeg vil øge min mætning til +20 :

Træk skyderen Saturation mod højre for at øge farvemætning i billedet.

For Photoshop CS3 og tidligere brugere skal du klikke på OK for at lukke dialogboksen Hue / Saturation. Photoshop CS4- og CS5-brugere kan lade panelet Justeringer stå åbent. Og med det er vi færdige! Her, efter at have øget farvemætning, er mit endelige "foto til farvede prikker" resultat:

Det endelige resultat.