Pretvorite fotografiju u uzorak točaka u boji pomoću Photoshopa

Napisao Steve Patterson.

U ovom vodiču, pokazat ću vam kako pretvoriti fotografiju u uzorak obojanih točkica pomoću Photoshopa! Kao što ćemo vidjeti, sve što je potrebno za stvaranje efekta točkica u boji je jedan od Photoshopovih filtara, maska ​​sloja i jednostavan točkasti uzorak koji ćemo stvoriti od nule. Nakon što je početni učinak gotov, dodatno ćemo poboljšati oblik, zasićenost i svjetlinu točaka u boji. Može biti potrebno malo pokušaja i pogrešaka da se veličina točaka uskladi s vašom specifičnom slikom, pa ćemo iskoristiti Photoshopove pametne objekte i pametne filtre kako bismo efekt zadržali fleksibilnim i uređivačkim.



Evo efekta 'točkastog uzorka u boji' koji ćemo stvoriti:



  Photoshop fotografija za efekt točkica u boji Konačni rezultat.

Započnimo!

Preuzmite ovaj vodič u PDF-u spremnom za ispis!

Kako pretvoriti fotografiju u uzorak točkica u boji

Za ovaj vodič koristim Photoshop CC ali svaki je korak kompatibilan s Photoshopom CS6. Također možete pratiti zajedno s mojim video ovog vodiča na našem YouTube kanalu. Ili preuzmite ovaj vodič kao PDF spreman za ispis !



1. korak: otvorite svoju sliku

Otvorite sliku koju želite pretvoriti u točkice u boji. Kvarenje ova slika koje sam preuzeo s Adobe Stock-a:

  Slika koja će se koristiti u efektu uzorka točkica u boji Izvorna slika. Autor fotografije: Adobe Stock.

Korak 2: Pretvorite pozadinski sloj u pametni objekt

Ako pogledamo u Ploča slojeva , vidimo sliku na Pozadinski sloj :

  Photoshop ploča slojeva prikazuje sliku na pozadinskom sloju Ploča Slojevi koja prikazuje fotografiju na pozadinskom sloju.

Započnite pretvaranjem pozadinskog sloja u pametni objekt. Na taj će se način filtar koji ćemo koristiti za stvaranje uzorka točkastih boja primijeniti kao pametni filtar koji je moguće uređivati. Klikni na ikona izbornika u gornjem desnom kutu ploče Slojevi:



  Otvaranje izbornika ploče Slojevi u Photoshopu Klikom na ikonu izbornika.

Odaberite Pretvori u pametni objekt iz izbornika:

  Odabir Pretvori u pametni objekt iz izbornika ploče Slojevi u Photoshopu Odabir 'Pretvori u pametni objekt'.

Photoshop pretvara pozadinski sloj u pametni objekt i naziva ga 'Layer 0':

  Pozadinski sloj pretvoren u Smart Object u Photoshopu Pozadinski sloj sada je pametni objekt.

Dvaput kliknite na naziv 'Layer 0' kako biste ga označili, a zatim ga preimenujte u 'Photo'. Pritisnite Unesi (pobjeda) / Povratak (Mac) na tipkovnici za prihvaćanje novog imena:



  Promjena imena pametnog objekta u Photoshopu Davanje korisnijeg naziva pametnom objektu.

Korak 3: Dodajte sloj pune boje

Za dodavanje boje pozadine efektu točkica u boji, koristit ćemo sloj pune boje. Klikni na Nova ispuna ili sloj za prilagodbu ikona na dnu ploče slojeva:

  Ikona Photoshop New Fill ili Adjustment Layer na ploči Slojevi Klikom na ikonu New Fill ili Adjustment Layer.

Odaberite Jednobojna s popisa:



  Dodavanje sloja pune boje u Photoshopu Dodavanje sloja pune boje.

Odaberite u alatu za odabir boja crno , a zatim kliknite U redu. Vaš će dokument privremeno biti ispunjen crnom bojom:

  Odabirom crne u alatu za odabir boja kao pozadine za efekt točkica u boji Odabir crne u alatu za odabir boja.

Korak 4: Povucite sloj ispune ispod slike

Povratak na ploču Slojevi, sloj pune boje ('Color Fill 1') pojavljuje se iznad slike, zbog čega blokira sliku iz pogleda. Pritisnite sloj ispune i povucite ga ispod sloja 'Fotografija'. Kada vidite a bijela istaknuta traka pojavi ispod sloja 'Fotografija', otpustite tipku miša da ispustite sloj ispune na mjesto:

  Povlačenje sloja pune boje ispod sloja 0. Povlačenje sloja pune boje ispod slike.

Sa slojem ispune sada ispod sloja 'Fotografija', vaša će slika opet biti vidljiva u dokumentu:



  Sloj pune boje pomaknut je ispod sloja slike. Sloj ispune sada je boja pozadine za efekt.

Korak 5: Primijenite filtar Mosaic

Prije nego što stvorimo točkasti uzorak za efekt, prvo moramo našu sliku pretvoriti u kvadrate u boji, a to možemo učiniti pomoću Photoshopovog mozaičnog filtra. Kliknite na sloj 'Fotografija' da biste ga odabrali:

  Kliknite na sloj 0 da biste ga odabrali. Odabir sloja 'Fotografija'.

Idi gore do filtar izbornik u traci izbornika odaberite Pikselizirati , a zatim odaberite Mozaik :



  Odabir filtra Mosaic. Idite na Filter > Pixelate > Mosaic.

Ovo otvara dijaloški okvir Mosaic. The Veličina ćelije opcija na dnu kontrolira veličinu kvadrata. Pazite na svoju sliku dok povlačite klizač za podešavanje vrijednosti. Što je veća vrijednost, veći su kvadrati. Kvadrati će s vremenom postati naše točkice u boji pa odaberite vrijednost na temelju veličine točaka koje želite za svoj učinak. U mom slučaju, postavit ću vrijednost na 60 ali opet će ovisiti o vašem imidžu. Koju god vrijednost odabrali, zapamtite je ili zapišite jer će vam trebati kada budemo stvarali točkasti uzorak. Kliknite OK kada završite:

  Odabir veličine ćelije u dijaloškom okviru Mosaic filter Opcija Veličina ćelije u dijaloškom okviru Mosaic filter.

Evo efekta s primijenjenim filtrom Mosaic, zbog čega slika izgleda vrlo pikselizirano:

  Slika nakon primjene filtra Mosaic u Photoshopu Slika nakon primjene filtra Mosaic.

Budući da smo filtar Mosaic primijenili na pametni objekt, on se pojavljuje kao pametni filtar neposredno ispod slike na ploči Slojevi. Da biste isprobali drugu vrijednost veličine ćelije, dvaput kliknite na naziv filtra da biste ponovno otvorili dijaloški okvir, unesite promjene, a zatim kliknite U redu:

  Ploča Slojevi koja prikazuje Mosaic Smart Filter Ploča Slojevi koja prikazuje Mosaic Smart Filter.

Korak 6: Izradite novi dokument

Kreirajmo naš točkasti uzorak. Za to će nam trebati novi Photoshop dokument. Idi gore do Datoteka izbornik i odaberite Novi :

  Izrada novog Photoshop dokumenta. Idite na File > New.

U dijaloškom okviru Novi dokument postavite Širina i Visina na istu vrijednost koju ste koristili za Veličinu ćelije u filtru Mosaic. U mom slučaju, moja vrijednost veličine ćelije bila je 60 pa ću postaviti i širinu i visinu na 60 piksela (provjerite je li vrsta mjerenja postavljena na piksele). Ovo će stvoriti dokument koji odgovara veličini kvadrata. Ne brinite o rezolucija vrijednost, ali se uvjerite Pozadinski sadržaj postavljeno je na Bijela . Kliknite Stvori (Photoshop CC) ili U redu (CS6) za izradu novog dokumenta:

  Izrada novog Photoshop dokumenta koji odgovara veličini kvadrata Stvaranje novog dokumenta koji je iste veličine kao i kvadrati.

Na ekranu se otvara novi kvadratni dokument. Dokument je prilično malen, pa prijeđite na Alat za zumiranje privremeno pritiskom i držanjem Ctrl+razmaknica (pobjeda) / Naredba + razmaknica (Mac) na tipkovnici, a zatim kliknite nekoliko puta unutar dokumenta za povećanje:

  Novi kvadratni dokument mi'll use to create the dot pattern Novi kvadratni dokument.

Korak 7: Odaberite Elliptical Marquee Tool

Odaberite Elliptical Marquee Alat iz alatne trake. Prema zadanim postavkama, Elliptical Marquee Tool skriva se iza Rectangular Marquee Tool. Desni klik (pobjeda) / Control-klik (Mac) na Rectangular Marquee Tool, a zatim odaberite Elliptical Marquee Tool iz padajućeg izbornika:

  Odabir alata Elliptical Marquee Tool u Photoshopu Odabir alata Elliptical Marquee Tool.

Korak 8: Nacrtajte kružni odabir

Da biste nacrtali točku, kliknite u gornjem lijevom kutu dokumenta i dok držite tipku miša pritisnutom, povucite dijagonalno prema dolje do donjeg desnog kuta. Za forsiranje obrisa odabira u savršen krug, pritisnite i držite Shift tipku na tipkovnici dok povlačite. Kada dođete do donjeg desnog kuta, otpustite tipku miša, a zatim otpustite tipku Shift. Sada biste trebali imati kružni odabir veličine samog dokumenta:

  Crtanje kružnog odabira koji će postati točkasti uzorak Pritisnite i držite Shift dok crtate odabir kako biste ga prisilili u krug.

Korak 9: Ispunite odabir crnom bojom

Odabir moramo ispuniti crnom bojom. Idi gore do Uredi izbornik i odaberite Ispunite :

  Odabir naredbe Fill iz izbornika Edit. Odlazak na Uredi > Ispuni.

U dijaloškom okviru Ispuna postavite Sadržaj opcija za Crno , a zatim kliknite U redu:

  Postavljanje opcije Contents na Black u dijaloškom okviru Ispuna Postavljanje sadržaja na crno.

Photoshop ispunjava krug crnom bojom. Za uklanjanje obrisa odabira oko kruga, idite gore do Odaberi izbornik i odaberite Poništi odabir , ili pritisnite Ctrl+D (pobjeda) / Command+D (Mac) na vašoj tipkovnici:

  Kružni odabir sada je ispunjen crnom bojom Kružni odabir sada je ispunjen crnom bojom.

Korak 10: Invertirajte boje

Idi gore do Slika izbornik, odaberite Prilagodbe , a zatim odaberite Preokrenuti :

  Odabir naredbe Invert u Photoshopu Idite na Image > Adjustments > Invert.

Ovo invertira boje, čineći krug bijelim, a područje oko njega crnim:

  Dokument nakon invertiranja boja. Dokument nakon invertiranja boja.

Korak 11: Definirajte točku kao uzorak

Da biste točku pretvorili u uzorak, idite gore do Uredi izbornik i odaberite Definirajte uzorak :

  Odabirom naredbe Define Pattern iz izbornika Edit. Idite na Edit > Define Pattern.

Dodijelite naziv novom uzorku. Budući da je moj dokument 60x60 piksela, nazvat ću ga 'Krug 60x60 px'. Možda ćete na kraju stvoriti više kružnih uzoraka, svaki s različitim veličinama, stoga je dobra ideja uključiti veličinu u naziv. Pritisnite OK da biste zatvorili dijaloški okvir Naziv uzorka:

  Imenovanje točkastog uzorka Imenovanje novog uzorka.

Korak 12: Zatvorite dokument

Zatvorite dokument kruga tako što ćete otići do Datoteka jelovnik i biranje Zatvoriti . Kada vas Photoshop pita želite li spremiti dokument, kliknite Ne (pobjeda) / Ne štedi (Mac):

  Odabir naredbe Close u Photoshopu Idite na Datoteka > Zatvori.

Korak 13: Dodajte masku sloja

Vratite se u glavni slikovni dokument, provjerite je li odabran sloj 'Fotografija' na ploči Slojevi, a zatim kliknite Maska sloja ikona na dnu:

  Klikom na ikonu Layer Mask na ploči Slojevi Klikom na ikonu Layer Mask.

A sličica maske sloja pojavljuje se na sloju 'Fotografija'. Primijetite da sličica ima a bijeli isticani rub oko njega, govoreći nam da je trenutno odabrana maska, a ne sam sloj:

  Sličica maske sloja na ploči Slojevi. Sličica maske sloja.

Korak 14: Ispunite masku točkastim uzorkom

Moramo ispuniti masku sloja našim točkastim uzorkom. Idi gore do Uredi izbornik i još jednom odaberite Ispunite . Ovaj put postavite Sadržaj opcija za Uzorak , a zatim kliknite sličicu s desne strane riječi Prilagođeni uzorak :

  Postavljanje sadržaja na uzorak u dijaloškom okviru Ispuna. Postavljanje sadržaja na uzorak i klik na minijaturu prilagođenog uzorka.

Odaberite točkasti uzorak koji ste upravo izradili klikom na njegovu sličicu. To bi trebala biti posljednja sličica na popisu. Pritisnite U redu da zatvorite dijaloški okvir Ispuni:

  Odabir točkastog uzorka u alatu za odabir uzorka Odabir točkastog uzorka.

Photoshop ispunjava masku sloja s uzorkom točkica, stvarajući naš početni efekt točkica u boji:

  Početni efekt uzorka točkica u boji u Photoshopu Rezultat nakon ispunjavanja maske sloja točkastim uzorkom.

Zumirati ću malo bliže slici da bolje vidimo što se događa. Svaka točka u efektu ispunjena je jednom bojom zahvaljujući filtru Mosaic koji smo ranije primijenili, dok je crno područje koje okružuje svaku točku iz sloja pune boje koji se nalazi ispod slike:

  Photoshop efekt točkica u boji izbliza Efekt točkica u boji izbliza.

Isprobavanje točaka različitih veličina (nije obavezno)

Ako mislite da bi manji ili veći točkasti uzorak izgledao bolje s vašom slikom, evo što trebate učiniti. Prvo, dok je maska ​​sloja još uvijek odabrana, vratite se na Uredi izbornik, odaberite Ispunite , set Sadržaj do Bijela a zatim kliknite OK. Ovo će ispuniti masku bijelom bojom, uklanjajući trenutni točkasti uzorak. Dvaput kliknite na Mozaik Pametni filtar na ploči Slojevi za ponovno otvaranje dijaloškog okvira i povećanje ili smanjenje Veličina ćelije vrijednost kao potreba. Zapamtite novu vrijednost, a zatim kliknite OK.

Vratite se na korak 6 da biste izradili novi dokument iste veličine kao vaša nova vrijednost veličine ćelije, a zatim ponovite korake 7 - 12 da biste izradili novi točkasti uzorak u novoj veličini. Preskočite korak 13 jer ste već dodali masku sloja. Prijeđite desno na korak 14 da ispunite masku novim uzorkom.

Korak 15: Dodajte crtu oko točaka

Početni efekt točkica u boji sada je dovršen, ali postoji još nekoliko stvari koje možemo učiniti da ga dodatno poboljšamo. Prvo, kako bismo istakli oblike točaka, oko njih ćemo dodati potez. Dok je maska ​​sloja još uvijek odabrana, kliknite na Stilovi slojeva ikona ( fx ikona) na dnu ploče Slojevi:

  Klikom na ikonu stilova slojeva. Klikom na ikonu stilova slojeva.

Odaberite Moždani udar s popisa:

  Odabir efekta sloja Stroke. Odabir efekta sloja Stroke.

Ovo otvara dijaloški okvir Stil sloja postavljen na opcije Potez u srednjem stupcu. Ostavi boja postavljen crno , Postavi Veličina do 1 px i Položaj do Unutra , a zatim kliknite U redu:

  Dodavanje poteza efektu točkica u boji Opcije moždanog udara.

Svaka točka sada ima tanki crni potez oko sebe, čineći okrugle oblike uočljivijima:

  Photoshop točkasti uzorak u boji s primijenjenim potezom Efekt s potezom primijenjenim na točkice.

Da biste usporedili učinak sa i bez poteza i vidjeli koja vam se verzija više sviđa, kliknite ikona vidljivosti (očna jabučica) lijevo od efekta poteza na ploči slojeva za uključivanje i isključivanje poteza:

  Ikona vidljivosti stila sloja Stoke. Klikom na ikonu vidljivosti poteza.

Korak 16: Dodajte sloj za podešavanje Vibrance

Kako bismo istaknuli boje u točkama, koristit ćemo sloj za podešavanje Vibrance. Kliknite na Nova ispuna ili sloj za prilagodbu ikona na dnu ploče slojeva:

  Klikom na ikonu New Fill ili Adjustment Layer na ploči Slojevi. Klikom na ikonu New Fill ili Adjustment Layer.

Odaberite Živahnost s popisa:

  Dodavanje sloja za prilagodbu Vibrance efektu točkica u boji Dodavanje sloja za podešavanje Vibrance.

Kontrole za sloj za podešavanje Vibrance pojavljuju se u Photoshopu Ploča svojstava . Povećajte Zasićenost vrijednost za oko +20 :

  Povećanje zasićenosti boja točaka u boji Povećanje vrijednosti zasićenja.

Boje sada izgledaju bogatije i življe:

  Efekt uzorka točkastih boja s povećanom zasićenošću boja Učinak nakon povećanja zasićenosti boje.

Korak 17: Posvijetlite sliku slojem za prilagodbu razina

Naposljetku, jedan potencijalni problem s efektom točkica u boji je taj što potamnjuje cjelokupnu sliku, ali je lako možemo posvijetliti pomoću Sloj za podešavanje razina i način stapanja slojeva. Ponovno kliknite na Nova ispuna ili sloj za prilagodbu ikonu na dnu ploče Slojevi i ovaj put odaberite Razine :

  Odabir sloja za prilagodbu razina. Dodavanje sloja za prilagodbu razina.

Kontrole za sloj za prilagodbu razina pojavljuju se na ploči Svojstva, ali ne moramo mijenjati nijednu postavku. Umjesto toga, na ploči Slojevi promijenite način miješanja sloja za prilagodbu razina s Normalno na Zaslon . The Zaslon način stapanja učinit će sliku presvijetlom, stoga smanjite Neprozirnost vrijednost do oko 25% :

  Promjena načina stapanja i neprozirnosti sloja za prilagodbu razina. Promjena načina stapanja i neprozirnosti sloja za prilagodbu razina.

I s tim smo gotovi! Evo, nakon posvjetljivanja slike, konačni efekt 'fotografije u točkice u boji':

  Photoshop fotografija u efekt uzorka točka u boji Konačni rezultat.