Efekt prikaza mreže u boji s Photoshopom

Napisao Steve Patterson.

U ovom vodiču za foto efekte, naučit ćemo kako prikazati fotografiju u mreži nasumično obojenih kvadrata! Koristit ćemo Photoshopovu ugrađenu značajku rešetke kao vodič za postavljanje početnog razmaka, a zatim ćemo je pretvoriti u mrežu temeljenu na pikselima pomoću nekoliko Photoshopovih alata za odabir koji se rijetko koriste. Vidjet ćemo kako jednostavno odabrati različite kvadrate u rešetki pomoću alata Čarobni štapić, kako ih obojati slojevima za prilagodbu i načinima stapanja, i na kraju, kako prilagoditi izgled same mreže koristeći stilove slojeva!



Ova verzija vodiča je ažurirana za Photoshop CS6 i također je potpuno kompatibilna s Photoshop CC (Creative Cloud). Za CS5 i ranije, htjet ćete provjeriti naš original Dizajn mreže boja tutorial.



Evo slike s kojom ću raditi ( žena sa fotografijom zimske odjeće sa Shutterstocka):

  Slika 86355103 licencirana i korištena uz dopuštenje Shutterstocka Izvorna slika.

A evo kako će dizajn mreže u boji izgledati kada završimo. Naravno, možete koristiti boje koje god želite za svoj učinak. Ovo je samo jedan primjer:

  Obojeni mrežni prikaz fotografija izrađen u Photoshopu. Konačni učinak.

Kako stvoriti fotoefekt mreže u boji

Korak 1: Napravite novi Photoshop dokument

Počnimo stvaranjem novog dokumenta za mrežu. Idi gore do Datoteka izbornik u traci izbornika na vrhu zaslona i odaberite Novi :



  Odabirom naredbe New iz izbornika File. Idite na File > New.

Ovo otvara Photoshop Novi dijaloški okvir. Ovaj efekt najbolje funkcionira s dokumentom kvadratnog oblika, pa ću za ovaj vodič postaviti oba svoja Širina i Visina vrijednosti za 1000 piksela . Naravno, slobodno zamijenite moje vrijednosti dimenzijama koje god trebate, ali opet, za najbolje rezultate trebat ćete kvadratni dokument. Ne planiram ovo ispisati (bit će isključivo za gledanje na ekranu) tako da postoji nema potrebe brinuti o vrijednosti rezolucije (Ostavit ću ga postavljenim na zadanu vrijednost od 72 piksela/inču), ali ako vi su stvarajući ovaj efekt za ispis, najvjerojatnije ćete htjeti izraditi dokument veći od 1000 x 1000 piksela i htjet ćete postaviti razlučivost na oko 240 piksela/inču ili više . Pritisnite OK kada završite da biste zatvorili dijaloški okvir. Novi dokument pojavit će se na vašem ekranu:

  Stvaranje novog Photoshop dokumenta pomoću dijaloškog okvira New. Stvaranje novog Photoshop dokumenta pomoću dijaloškog okvira New.

Korak 2: Uključite Photoshopovu mrežu

Zatim ćemo uključiti Photoshopovu ugrađenu rešetku kako bismo je mogli koristiti kao vodič za stvaranje naše mreže temeljene na pikselima. Da biste uključili mrežu, idite gore do Pogled izbornik na vrhu zaslona, ​​odaberite Pokazati , zatim odaberite Mreža :

  Uključivanje mreže u Photoshopu. Odlazak na Pogled > Prikaži > Mreža.

Mreža će se pojaviti kao sloj na vrhu vašeg dokumenta. Sljedeće ćemo napraviti neke promjene u izgledu rešetke:



  Dokument nakon uključivanja Photoshopa's grid. Dokument nakon uključivanja Photoshopove mreže.

Korak 3: Podesite broj linija mreže

Možemo prilagoditi broj linija i odjeljaka u rešetki koristeći Photoshopove postavke. Ako koristite Photoshop na računalu sa sustavom Windows, idite na Uredi izbornik na vrhu zaslona, ​​odaberite Postavke , zatim odaberite Vodilice, rešetka i kriške . Na Macu idite do Photoshop izbornik, odaberite Postavke , zatim odaberite Vodilice, rešetka i kriške :

  Odabir vodiča, mreže i rezova u postavkama. Odabir postavki Vodilice, Mreža i kriške.

Ovo otvara dijaloški okvir Preferences postavljen na preference Guides, Grid i Slices. U odjeljku Mreža promijenite Gridline Svaki opcija za 10 posto , što će nam dati mrežu 10x10 i promijeniti Podjela vrijednost za 1 kako biste spriječili podjelu mreže na manje dijelove. Pazite na rešetku u dokumentu i vidjet ćete pregled promjena uživo dok ih unosite:

  Opcije mreže u Photoshopu's Preferences. Postavljanje rešetke svake na 10 posto i pododjeljaka na 1.

Pritisnite OK kada završite da biste zatvorili dijaloški okvir Preferences. Sada biste trebali vidjeti rešetku široku 10 odjeljaka i visoku 10 odjeljaka. Važno je napomenuti da ova mreža zapravo nije dio dokumenta. To je jednostavno vizualni vodič koji ćemo koristiti kao pomoć pri izradi vlastite mreže temeljene na pikselima, kao što ćemo učiniti za koji trenutak:



  Mreža nakon promjene opcija u postavkama. Mreža nakon promjene opcija u postavkama.

Korak 4: Dodajte novi prazan sloj i nazovite ga 'Grid'

Dodajmo novi prazan sloj za držanje mreže temeljene na pikselima koju ćemo stvoriti. Pritisnite i držite Sve (pobjeda) / Opcija (Mac) tipku na tipkovnici i kliknite Novi sloj ikona na dnu Ploča slojeva :

  Klikom na ikonu Novi sloj na ploči Slojevi. Klikom na ikonu New Layer dok držite Alt (Win) / Option (Mac).

Ovo otvara Novi sloj dijaloški okvir, dajući nam priliku da imenujemo novi sloj prije nego što se doda. Nazovite sloj 'Mreža', zatim kliknite OK da biste zatvorili dijaloški okvir:



  Imenovanje novog sloja u dijaloškom okviru New Layer. Imenovanje novog sloja.

Ništa se neće dogoditi u samom dokumentu, ali možemo vidjeti na ploči Slojevi da je Photoshop dodao novi sloj 'Grid' iznad sloja Pozadine:

  Imenovanje novog sloja u dijaloškom okviru New Layer. Sloj Mreža pojavljuje se na ploči Slojevi.

Korak 5: Odaberite Single Row Marquee Tool

Za izradu naše mreže koristit ćemo dva Photoshopova vrlo osnovna i rijetko korištena alata za odabir - Single Row Marquee Tool i Single Column Marquee Tool. Počet ćemo s Single Row Marquee Tool. Prema zadanim postavkama, oba su ova alata ugniježđena iza Alat za pravokutni okvir , dakle kliknite i držite na alatu Rectangular Marquee Tool pri vrhu ploče Alati dok se ne pojavi padajući izbornik koji vam prikazuje ostale alate dostupne na tom istom mjestu, zatim odaberite Alat za označavanje s jednim redom iz izbornika:

  Odabir alata Single Row Marquee Tool. Pritisnite i držite Rectangular Marquee Tool, a zatim odaberite Single Row Marquee Tool.

Korak 6: Kliknite na svaku vodoravnu mrežnu liniju

Kao što naziv implicira, Single Row Marquee Tool će odabrati jedan horizontalni red piksela u dokumentu. To je to, to je sve što radi. Da bismo ga koristili, samo trebamo kliknuti bilo gdje u dokumentu i Photoshop će automatski odabrati piksel na koji smo kliknuli, plus svaki drugi piksel u tom retku s lijeva na desno. Upotrijebit ćemo alat za pretvaranje vodoravnih linija mreže u niz obrisa odabira. Prvo pomaknite kursor izravno preko gornja vodoravna linija mreže , zatim kliknite mišem. Vidjet ćete da se obris odabira debljine 1 piksela pojavljuje duž linije mreže. Zaokružio sam mjesto gdje sam kliknuo, ali klik bilo gdje na retku dat će vam potpuno isti rezultat. Ako primijetite da vaš klik nije bio izravno iznad linije mreže, samo pritisnite Ctrl+Z (pobjeda) / Command+Z (Mac) na tipkovnici za poništavanje i pokušaj ponovno:



  Klikom na crtu rešetke s alatom Single Row Marquee Tool. Kliknite bilo gdje na prvoj vodoravnoj crti rešetke na vrhu kako biste odabrali cijeli red piksela.

Zatim ćemo našem odabiru dodati ostatak horizontalnih linija mreže. Pritisnite i držite Shift tipku na tipkovnici i kliknite na sljedeću liniju mreže ispod nje. Ovo će odabrati drugi vodoravni red piksela, a budući da smo držali pritisnutu tipku Shift, Photoshop će dodati ovaj drugi odabir prvom. Nastavite držati pritisnutu tipku Shift dok klikate na ostatak vodoravnih crta rešetke dok se duž svake od njih ne pojavi obris odabira. Kada završite, trebali biste vidjeti ukupno devet redaka za odabir. Pazite da držite pritisnutu tipku Shift dok kliknete na svaki od njih, inače ćete samo zamijeniti prethodni odabir novim:

  Klikom na svaku vodoravnu crtu rešetke s alatom Single Row Marquee Tool. Pritisnite i držite Shift i kliknite svaku vodoravnu crtu rešetke da biste je dodali odabiru.

Korak 7: Prebacite se na alat za označavanje jednog stupca

Moramo učiniti istu stvar sada s okomitim linijama mreže, što znači da se moramo prebaciti na Single Column Marquee Tool. Pritisnite i držite na Alat za označavanje s jednim redom na ploči Alati (pojavit će se tamo gdje se ranije pojavila ikona Rectangular Marquee Tool) dok se ne pojavi padajući izbornik, zatim odaberite Alat za označavanje jednog stupca iz izbornika:



  Odabir alata Single Column Marquee Tool. Pritisnite i držite na Single Row Marquee Tool, zatim odaberite Single Column Marquee Tool.

Korak 8: Kliknite na svaku okomitu rešetku

Single Column Marquee Alat djeluje na isti način kao i Single Row Marquee Tool, jedina razlika je u tome što odabire stupci piksela (od vrha prema dolje) umjesto redaka, pri čemu je svaki stupac širok 1 piksel. Pritisnite i držite svoj Shift tipku i kliknite na svaku okomitu rešetku slijeva nadesno dok sve ne budu odabrane. Kada završite, trebali biste vidjeti obrise odabira duž svake linije rešetke, vodoravne i okomite:

  Sve vodoravne i okomite crte mreže dodane su odabiru. Sve vodoravne i okomite crte mreže dodane su odabiru.

Korak 9: Ispunite odabir crnom bojom

Napravit ćemo našu rešetku ispunjavanjem horizontalnih i okomitih odabira crnom bojom. Idi gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite :

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

Ovo otvara Photoshop Ispunite dijaloški okvir. Postavi Koristiti opciju na vrhu do Crno , zatim kliknite U redu:

  Promjena Use u Black u dijaloškom okviru Ispuna. Postavljanje opcije Koristi na Crno.

Photoshop ispunjava odabir crnom, iako je to možda teško vidjeti s obrisima odabira i Photoshopovom vlastitom mrežom na putu. Da biste uklonili obrise odabira (budući da nam više ne trebaju), idite gore na Odaberi izbornik na vrhu zaslona i odaberite Poništi odabir :

  Odabir Odaberi iz izbornika Odaberi. Idete na Odaberi > Poništi odabir.

Zatim, da biste isključili Photoshopovu rešetku, idite gore na Pogled izbornik, odaberite Pokazati , zatim još jednom odaberite Mreža . Kvačica lijevo od riječi Grid znači da je trenutno uključen. Ponovnim odabirom uklonit će se kvačica i isključiti rešetku:

  Isključivanje mreže. Odlazak na Pogled > Prikaži > Mreža.

S uklonjenim obrisima odabira i Photoshopovom mrežom, možemo vidjeti našu crnu mrežu u dokumentu:

  Dokument koji prikazuje novostvorenu rešetku. Dokument koji prikazuje novostvorenu rešetku.

Korak 10: Otvorite fotografiju koju želite prikazati u mreži

Otvorite fotografiju koju ćete prikazati unutar mreže. Fotografija će se sama otvoriti dokument s karticama . Evo fotografije koju koristim:

  Fotografija se otvara u zasebnom dokumentu s karticama. Vaša će se fotografija otvoriti u zasebnom dokumentu s karticama.

Korak 11: Odaberite i kopirajte fotografiju

Trenutačno je naša rešetka u jednom dokumentu, a naša fotografija u drugom. Moramo premjestiti fotografiju u isti dokument kao i rešetku. Da biste to učinili, najprije odaberite fotografiju tako što ćete otići do Odaberi izbornik na vrhu zaslona i odabir svi :

  Odabirom naredbe Select All. Idete na Odaberi > Sve.

Obris odabira pojavit će se oko rubova fotografije. Zatim idite gore do Uredi izbornik na vrhu zaslona i odaberite Kopirati :

  Odabirom naredbe Kopiraj iz izbornika Uredi. Odlazak na Uredi > Kopiraj.

Korak 12: Prijeđite na dokument mreže

Prijeđite na mrežni dokument klikom na njega tab odmah ispod trake s opcijama na vrhu. U mom slučaju, dokument se zove jednostavno 'Bez naziva-1':

  Odabirom naredbe Kopiraj iz izbornika Uredi. Prebacivanje s dokumenta fotografije na dokument mreže.

Korak 13: Odaberite pozadinski sloj

S otvorenim dokumentom mreže kliknite na Pozadinski sloj na ploči Slojevi da biste ga odabrali. Na ovaj način, kada zalijepimo fotografiju u dokument, Photoshop će je postaviti na novi sloj izravno između sloja Pozadine i sloja Mreže:

  Odabir pozadinskog sloja na ploči Slojevi. Odabir pozadinskog sloja.

Korak 14: Zalijepite fotografiju

Idi gore do Uredi izbornik, odaberite Posebno zalijepi , zatim odaberite Zalijepi na mjesto :

  Odabir naredbe Zalijepi na mjesto ispod izbornika Uredi. Odlazak na Uredi > Posebno lijepljenje > Zalijepi na mjesto.

Photoshop lijepi i centrira fotografiju u mrežni dokument. U mom slučaju (a najvjerojatnije i u vašem) fotografija će morati promijeniti veličinu, ali to ćemo popraviti sljedeće:

  Fotografija je zalijepljena u mrežu. Fotografija je zalijepljena u mrežu.

Ako pogledamo ploču Slojevi, vidjet ćemo da je Photoshop dodao fotografiju na vlastiti sloj između slojeva Pozadine i Mreže, baš kao što smo planirali:

  Ploča Slojevi koja prikazuje fotografiju između slojeva Pozadine i Mreže. Fotografija se pojavljuje između slojeva Background i Grid.

Nažalost, Photoshop je novom sloju dao generički naziv ('Layer 1'), pa prije nego što nastavimo, preimenujmo ga. Dvostruki klik izravno na naziv kako biste ga istaknuli, zatim unesite 'Fotografija' kao novi naziv. Pritisnite Unesi (pobjeda) / Povratak (Mac) na tipkovnici kada završite s prihvaćanjem promjene imena:

  Sloj's name has been changed to Photo. Naziv sloja je promijenjen iz 'Layer 1' u 'Photo'.

Korak 15: Pretvorite sloj fotografije u pametni objekt

Za trenutak ćemo promijeniti veličinu fotografije kako bi bolje pristajala unutar rešetke, ali prije nego što to učinimo, brzo pretvorimo njen sloj u Pametni objekt . Na taj način, ako kasnije ponovno odlučimo promijeniti veličinu, nećemo izgubiti kvalitetu fotografije. S odabranim slojem Photo kliknite na mali ikona izbornika u gornjem desnom kutu ploče Slojevi:

  Klikom na ikonu izbornika. Klikom na ikonu izbornika.

Odaberite Pretvori u pametni objekt iz izbornika koji se pojavi:

  Klikom na ikonu izbornika. Odabirom 'Pretvori u pametni objekt' iz izbornika ploče Slojevi.

Čini se da se u dokumentu ništa nije dogodilo, ali mala Pametni objekt ikona se pojavljuje u donjem desnom kutu sloja sličica pregleda na ploči Slojevi. Ovo nam govori da je sloj sada pametni objekt:

  Sličica pregleda sloja koja prikazuje ikonu Smart Object. Sličica pregleda sloja koja prikazuje ikonu Smart Object.

Korak 16: Promijenite veličinu fotografije pomoću slobodne transformacije

Za promjenu veličine fotografije koristit ćemo Photoshopovu naredbu Free Transform. Idi gore do Uredi izbornik na vrhu zaslona i odaberite Slobodna transformacija :

  Odabirom Slobodne transformacije ispod izbornika Uredi. Idite na Edit > Free Transform.

Ovo mjesto Slobodna transformacija granični okvir i ručke oko slike. Ako ne možete vidjeti ručke jer rubovi vaše fotografije izlaze izvan vidljivog područja u dokumentu, idite gore do Pogled izbornik i odaberite Prilagodi zaslonu :

  Odabir Prilagodi zaslonu iz izbornika Pogled. Odlazak na Pogled > Prilagodi zaslonu.

Photoshop će odmah smanjiti sliku dovoljno daleko da sve, uključujući ručke za slobodnu transformaciju, stane unutar vidljivog područja dokumenta. Za promjenu veličine fotografije pritisnite i držite Shift tipku, zatim kliknite bilo koju od četiri kutne ručke i povucite ih. Držanje tipke Shift dok povlačite zadržat će izvorni omjer slike kako ne biste slučajno izobličili njezin izgled. Ako želite promijeniti veličinu fotografije iz središta, a ne iz kuta, pritisnite i držite Shift+Alt (pobjeda) / Shift+Opcija (Mac) dok povlačite bilo koju kutnu ručku. Ako trebate pomicati sliku unutar dokumenta, kliknite bilo gdje unutar graničnog okvira Slobodne transformacije i povucite je na svoje mjesto. Kada završite, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje transformacije i izlazak iz naredbe Free Transform:

  Povlačenjem kutne ručke za promjenu veličine slike unutar mreže. Povlačenjem kutne ručke za promjenu veličine slike unutar mreže.

Ako ste malo prije umanjili sliku pomoću naredbe Fit on Screen i želite je ponovno povećati sada kada ste završili s promjenom veličine slike, vratite se na Pogled izbornik i odaberite 100% :

  Odabir 100% ispod izbornika Pogled. Odlazak na Prikaz > 100%.

Povezano čitanje: Zumiranje i pomicanje u Photoshopu

Korak 17: Odaberite sloj mreže

U ovom trenutku, težak posao je obavljen. Stvorili smo našu rešetku, kopirali i zalijepili našu fotografiju u dokument mreže, promijenili smo veličinu i pomaknuli fotografiju na mjesto. Spremni smo za zabavu bojanjem mreže! Najprije kliknite na Mreža sloj na ploči Slojevi da biste ga odabrali:

  Odabir sloja Mreža na ploči Slojevi. Odabir sloja Grid.

Korak 18: Odaberite alat Čarobni štapić

Da bismo obojili mrežu, trebamo način da odaberemo pojedinačne kvadrate, a to možemo lako učiniti koristeći Photoshop Alat za čarobni štapić . Prema zadanim postavkama, alat Čarobni štapić ugniježđen je iza Alat za brzi odabir na ploči Alati, pa kliknite i držite Alat za brzi odabir dok se ne pojavi padajući izbornik, a zatim odaberite Alat Čarobni štapić iz izbornika:

  Odabir alata Čarobni štapić na ploči Alati. Pritisnite i držite alat za brzo odabiranje, zatim odaberite alat za čarobni štapić.

Korak 19: Odaberite kvadrate vanjskog ruba

Da biste odabrali kvadrat u rešetki, provjerite jeste li na ploči Slojevi odabrali sloj Mreža (vrlo važno!), zatim jednostavno kliknite unutar kvadrata s alatom Čarobni štapić. Oko vanjskih rubova kvadrata pojavit će se obris odabira. Za dodavanje dodatnih kvadrata odabiru pritisnite i držite Shift tipku i kliknite unutar više kvadrata. Odabrat ćete svaki novi kvadrat unutar kojeg kliknete, a odabir će se dodati prethodno odabranim kvadratima. Počnimo odabirom svih kvadrata oko vanjskog ruba mreže. Prvo kliknite unutar kvadrata u gornji lijevi kut mreže. Oko njega će se pojaviti obris odabira. Da biste lakše vidjeli koji sam kvadrat odabrao, obojio sam ga žutom bojom na snimci zaslona. Ovo nije dio učinka; samo da biste lakše vidjeli koji je kvadratić odabran:

  Odabran je kvadrat u gornjem lijevom kutu mreže. Odabran je kvadrat u gornjem lijevom kutu mreže.

Zatim pritisnite i držite svoj Shift tipku i nastavite klikati alatom Čarobni štapić unutar svakog od kvadrata oko vanjski rubovi mreže da biste ih sve dodali u odabir. Opet sam obojio odabrane kvadrate u žuto ovdje samo kako bih stvari lakše vidio na snimci zaslona. Žuto nije dio stvarnog efekta pa ne brinite da ga ne vidite u svom dokumentu:

  Svi kvadrati oko vanjskih rubova mreže sada su odabrani. Svi kvadrati oko vanjskih rubova mreže sada su odabrani.

Dodat ću još nekoliko kvadrata svom odabiru ponovnim pritiskom i držanjem tipke Shift i klikanjem unutar njih da ih dodam prethodno odabranim kvadratima:

  Svi kvadrati oko vanjskih rubova mreže sada su odabrani. Moji prvobitno odabrani kvadrati.

Korak 20: Dodajte novi sloj ispod sloja mreže

Ispunit ćemo ove početne kvadrate bijelom bojom, što će stvoriti obrub za učinak. pritisnite i držite Ctrl+Alt (pobjeda) / Command+Option (Mac) na tipkovnici i kliknite na Novi sloj ikona na dnu ploče slojeva:

  Klikom na ikonu Novi sloj na ploči Slojevi. Klikom na ikonu New Layer dok držite Ctrl (Win) / Command (Mac).

Otvara se dijaloški okvir Novi sloj. Nazovite ovaj novi sloj 'Bijeli', zatim kliknite OK:

  Imenovanje novog sloja u dijaloškom okviru New Layer. Imenujte novi sloj 'Bijelo'.

Photoshop dodaje novi prazan sloj pod nazivom 'White' između slojeva Grid i Photo:

  Ploča Slojevi prikazuje novi bijeli sloj. Ploča Slojevi prikazuje novi bijeli sloj.

Korak 21: Ispunite odabir bijelom bojom

Idi gore do Uredi izbornik na vrhu zaslona i još jednom odaberite Ispunite naredba. Ovaj put, kada se pojavi dijaloški okvir Ispuni, promijenite Koristiti opcija za Bijela , zatim kliknite U redu:

  Postavljanje opcije Koristi na Bijelo u dijaloškom okviru Ispuna. Postavljanje opcije Koristi na bijelo.

Photoshop ispunjava odabrane kvadrate bijelom bojom. Za uklanjanje obrisa odabira oko kvadratića, idite gore do Odaberi izbornik i odaberite Poništi odabir ili samo pritisnite Ctrl+D (pobjeda) / Command+D (Mac) na vašoj tipkovnici:

  Sada se oko fotografije pojavljuje obrub bijelih kvadrata. Sada se oko slike pojavljuje obrub bijelih kvadrata.

Korak 22: Još jednom odaberite sloj mreže

Odaberimo nekoliko različitih kvadrata za bojanje. Prvo, trebamo imati Mreža sloj aktivan na ploči Slojevi, pa kliknite na njega da biste ga odabrali. Upamtite, uvijek trebate odabrati sloj rešetke prije nego što možete odabrati bilo koji kvadrat:

  Odabir sloja Mreža na ploči Slojevi. Provjerite jeste li odabrali sloj Mreža prije nego što pokušate odabrati bilo koji kvadrat.

Korak 23: Odaberite različite kvadrate

Dok je sloj Mreža ponovno aktivan, pritisnite i držite Shift tipku i kliknite unutar drugih nasumičnih kvadrata s alatom Čarobni štapić kako biste ih odabrali. Ako se predomislite i želite ukloniti kvadratić iz odabira, otpustite tipku Shift i pritisnite i držite svoju Sve (pobjeda) / Opcija (Mac), a zatim kliknite unutar kvadrata da poništite odabir. Ovdje sam odabrao još nekoliko kvadrata (i obojio ih žuto da možemo vidjeti koje sam odabrao):

  Odabir ostalih kvadrata u mreži. Pritisnite i držite Shift i kliknite unutar nekoliko različitih kvadrata kako biste ih odabrali.

Korak 24: Odaberite sloj fotografije

S odabranim kvadratima kliknite na Fotografija sloj (Pametni objekt) na ploči Slojevi da biste ga odabrali:

  Odabir sloja Photo na ploči Slojevi. Odabir sloja Photo.

Korak 25: Obojite kvadrate slojem Hue/Adjustment

Obojit ćemo ove kvadrate pomoću sloja za podešavanje Hue/Saturation. Klikni na Novi sloj za prilagodbu ikona na dnu ploče slojeva:

  Klikom na ikonu New Adjustment Layer. Klikom na ikonu New Adjustment Layer.

Odaberite Nijansa/zasićenost s popisa koji se pojavi:

  Odabir sloja za podešavanje nijanse/zasićenja. Odabir sloja za podešavanje nijanse/zasićenja.

Kontrole i opcije za sloj za podešavanje Hue/Saturation pojavit će se u Photoshopu Ploča svojstava . Najprije odaberite Obojite opciju klikom unutar njezinog potvrdnog okvira. Zatim odaberite boju kojom želite obojiti odabrane kvadrate povlačenjem Nijansa klizač. Za ove kvadrate, zapravo ću ostaviti klizač Hue postavljen skroz ulijevo (njegov zadani položaj) što mi daje Crvena . Naravno, možete odabrati koju god boju želite. Nakon što ste odabrali boju pomoću klizača Nijansa, možete podesiti njenu zasićenost prema svojim željama povlačenjem Zasićenost klizač lijevo ili desno. Za moju crvenu boju, postavit ću svoju vrijednost zasićenja na oko pedeset . Pazite na svoj dokument dok povlačite klizače za pregled rezultata:

  Opcije nijanse/zasićenja na ploči Svojstva. Pritisnite opciju Colorize, zatim odaberite boju pomoću klizača Hue i Saturation.

Korak 26: Promijenite način miješanja sloja za podešavanje u boju

Ako pogledamo ploču Slojevi, vidimo sloj za prilagodbu koji se nalazi neposredno iznad sloja Fotografija. Provjerite je li odabrano (označeno plavom bojom), a zatim idite do Način miješanja opciju na vrhu ploče Slojevi i promijenite način stapanja iz Normal (zadani način) u Boja . To nam omogućuje promjenu samo boja na slici, ne i vrijednosti svjetline:

  Promjena načina stapanja sloja za prilagodbu u Boja. Promjena načina stapanja sloja za prilagodbu u Boja.

Evo mog dokumenta nakon bojanja kvadrata crvenom bojom:

  Prvi od obojenih kvadrata. Prvi od obojenih kvadrata.

Korak 27: Preimenujte sloj za prilagodbu

Budući da ćemo koristiti više slojeva za prilagodbu Hue/Saturation za bojanje rešetke, pratimo koji se koristi za koju boju tako što ćemo ih preimenovati. Budući da sam koristio ovaj prvi Hue/Saturation sloj za crvenu, hoću dvostruki klik na njegovo ime na ploči Slojevi i promijenite mu naziv iz generičkog 'Hue/Saturation 1' u 'Red'. Pritisnite Unesi (pobjeda) / Povratak (Mac) na tipkovnici za prihvaćanje promjene imena:

  Promjena naziva sloja za prilagodbu Hue/Saturation na temelju boje. Promjena naziva sloja za prilagodbu Hue/Saturation na temelju boje.

Korak 28: Odaberite i obojite više kvadrata

Ponoviti koraci 22-27 odabrati i obojati više kvadrata. Prvo odaberite Mreža sloj na ploči Slojevi, zatim pritisnite i držite Shift tipku i kliknite unutar nekoliko kvadrata s alatom Čarobni štapić kako biste ih odabrali. Klikni na Fotografija sloj na ploči Slojevi da biste ga odabrali, zatim kliknite na Novi sloj za prilagodbu ikonu i odaberite Nijansa/zasićenost . Na ploči Svojstva označite Obojite opciju, zatim odaberite boju pomoću Nijansa klizač i razinu zasićenosti pomoću Zasićenost klizač. Promijeni način miješanja novog sloja za prilagodbu Boja , zatim preimenujte sloj za prilagodbu na temelju boje koju ste odabrali.

Također možete upotrijebiti sloj za prilagodbu Hue/Saturation kako biste potpuno smanjili zasićenost nekih kvadrata, ostavljajući ih crno-bijelima. Da biste to učinili, odaberite neke kvadratiće, zatim dodajte sloj za prilagodbu Hue/Saturation kao i inače, ali umjesto da odaberete boju klizačem Hue, jednostavno povucite Zasićenost klizač skroz ulijevo (do vrijednosti -100), što će ukloniti svu boju:

  Povucite klizač Zasićenost ulijevo da biste uklonili boju s kvadrata. Povlačenjem klizača Zasićenost skroz ulijevo odabrane će kvadrate pretvoriti u crno-bijele.

Ovo je moj rezultat nakon odabira i bojanja više kvadrata. Upotrijebio sam ukupno šest slojeva za prilagodbu nijanse/zasićenosti — jedan za Crvena (boja:0, zasićenost:50), žuta boja (boja:40, zasićenost:50), zelena (ton:120, zasićenje:20), plava (ton: 200, zasićenje: 20), i ljubičasta (hue:300, saturation:20), plus jedan za crno i bijelo (zasićenost: -100):

  Učinak nakon bojanja većeg broja kvadrata. Učinak nakon bojanja većeg broja kvadrata.

I ovdje možemo vidjeti svih šest mojih slojeva za prilagodbu Hue/Saturation na ploči Slojevi, svaki od njih nazvan prema svojoj boji:

  Učinak nakon bojanja većeg broja kvadrata. Ploča Slojevi koja prikazuje slojeve za prilagodbu.

Korak 29: Promijenite boju linija rešetke u bijelu

Sada kada smo obojili naše kvadrate, promijenimo izgled samih linija mreže, prvo promjenom njihove boje iz crne u bijelu. Klikni na Mreža sloj na ploči Slojevi da biste ga odabrali:

  Klikom na sloj Mreža da biste ga odabrali. Klikom na sloj Mreža da biste ga odabrali.

Zatim kliknite na Zaključaj prozirne piksele ikona odmah ispod opcije Blend Mode na vrhu ploče Slojevi:

  Klikom na ikonu Lock Transparent Pixels. Klikom na ikonu Lock Transparent Pixels.

Uz omogućenu opciju Lock Transparent Pixels, sve što radimo na sloju utjecat će samo na same linije mreže. Neće imati nikakav učinak na prozirna područja sloja. Na ovaj način, ako ispunimo sloj, recimo, bijelom bojom (kao što ćemo upravo učiniti), samo će linije mreže biti ispunjene bijelom bojom. Prozirna područja ostat će prozirna.

Idi gore do Uredi izbornik i još jednom odaberite Ispunite . Kada se pojavi dijaloški okvir Ispuni, Koristiti opcija bi već trebala biti postavljena na Bijela budući da smo to postavili prošli put, samo kliknite OK da zatvorite dijaloški okvir:

  Postavljanje opcije Koristi na Bijelo u dijaloškom okviru Ispuna. Ostavite opciju Koristi postavljenu na bijelo i kliknite U redu.

Photoshop ispunjava crte mreže bijelom bojom:

  Učinak nakon promjene boje linija mreže u bijelu. Učinak nakon promjene boje linija rešetke u bijelu.

Korak 30: Dodajte stil sloja poteza

Ako želite povećati debljinu linija mreže, kliknite na Stilovi slojeva ikona (ikona 'fx') na dnu ploče Slojevi:

  Klikom na ikonu stilova slojeva na ploči slojeva. Klikom na ikonu stilova slojeva.

Odaberite Moždani udar s popisa koji se pojavi:

  Odabir stila sloja Stroke. Odabir stila sloja Stroke.

Ovo otvara Photoshop Stil sloja dijaloški okvir postavljen na opcije poteza u srednjem stupcu. Prvo, promijenimo boju poteza u bijelu. Klikni na uzorak boje desno od riječi Boja :

  Klikom na uzorak boje u opcijama poteza. Klikom na uzorak boje u opcijama poteza.

Ovo otvara Birač boja . Odaberite bijela kao novu boju za potez, a zatim kliknite OK da biste je zatvorili:

  Odabir bijele boje u alatu za odabir boja. Odabir bijele boje u alatu za odabir boja.

S bijelom sada kao bojom poteza, postavite Položaj opcija za Vani , zatim prilagodite širinu poteza povlačenjem klizača Veličina. Vjerojatno nećete htjeti jako povećati veličinu. Ja ću svoj postaviti na 2 px :

  Opcije položaja i veličine za potez. Postavite Position na Outside i Size na 2 px.

Pritisnite OK kada završite da biste zatvorili dijaloški okvir Stil sloja. Evo mog učinka s bijelim i nešto širim linijama mreže:

  Učinak nakon primjene stila sloja Stroke. Slika nakon primjene stila sloja Stroke.

Korak 31: Ponovno pomaknite i promijenite veličinu fotografije ako je potrebno

U ovom trenutku, sada kada je dizajn mreže dovršen, možete odlučiti da trebate promijeniti veličinu i/ili položaj fotografije. U mom slučaju, mislim da sam prilično zadovoljan kako stvari izgledaju, ali ako trebate premjestiti ili promijeniti veličinu fotografije, kliknite na Fotografija sloj na ploči Slojevi da biste ga odabrali:

  Ponovni odabir sloja Photo na ploči Slojevi. Ponovni odabir sloja Photo.

Zatim jednostavno upotrijebite iste korake koje smo opisali u 16. koraku za promjenu veličine i/ili premještanje slike. Prvo idite gore do Uredi izbornik i odaberite Slobodna transformacija (ili pritisnite Ctrl+T (pobjeda) / Command+T (Mac) na vašoj tipkovnici) da biste otvorili okvir za slobodnu transformaciju i ručke oko fotografije. Ako ne možete vidjeti ručke jer se vaša fotografija proteže izvan vidljivog područja dokumenta, idite gore do Pogled izbornik i odaberite Prilagodi zaslonu (ili pritisnite Ctrl+0 (pobjeda) / Command+0 (Mac) na vašoj tipkovnici). pritisnite i držite Shift dok klikate i povlačite bilo koji od kutne ručke za promjenu veličine fotografije ili pritisnite i držite Shift+Alt (pobjeda) / Shift+Opcija (Mac) kako biste promijenili veličinu fotografije iz središta, a ne iz kuta. Za premještanje fotografije jednostavno kliknite i povucite bilo gdje unutar okvira Free Transform. Povući ću svoju fotografiju malo prema dolje, ali ću ostaviti istu veličinu kao prije:

  Ponovno podešavanje veličine i položaja fotografije unutar mreže. Ponovno prilagodite veličinu i položaj fotografije (ako je potrebno) pomoću Free Transform.

Imajte na umu da budući da smo fotografiju pretvorili u pametni objekt još u Koraku 15, možemo joj ponovno sigurno promijeniti veličinu bez gubitka kvalitete slike. Kada ste zadovoljni konačnom veličinom i položajem svoje slike, pritisnite Unesi (pobjeda) / Povratak (Mac) da biste je prihvatili i zatvorili naredbu Free Transform. Zatim, kako biste ponovno povećali sliku, idite gore do Pogled izbornik i odaberite 100% (ili pritisnite Ctrl+1 (pobjeda) / Naredba+1 (Mac) na tipkovnici):

  Konačna veličina i položaj fotografije. Konačna veličina i položaj fotografije.

Korak 32: Izrežite sliku (nije obavezno)

Ovaj posljednji korak nije obavezan, ali ako želite izrezati dio bijelog ruba oko rešetke, odaberite Photoshop Alat za izrezivanje s ploče Alati:

  Odabir alata za obrezivanje na ploči Alati. Odabir alata za izrezivanje.

Uz odabrani Crop Tool, postavite Omjer slike opciju na lijevoj strani trake s opcijama za Izvorni omjer :

  Odabir alata za obrezivanje na ploči Alati. Postavljanje opcije Aspect Ratio na Izvorni omjer.

Vidjet ćete kako se obrub za obrezivanje pojavljuje oko rubova dokumenta, s oznake usjeva na sve četiri strane i u kutovima. Pritisnite i držite Sve (pobjeda) / Opcija (Mac) tipku na tipkovnici dok kliknete i povučete bilo koju od četiri kutne oznake obrezivanja prema unutra kako biste izrezali dio bijelog ruba:

  Obrezivanje slike alatom za izrezivanje. Pritisnite Alt (Win) / Option (Mac) i povucite kutnu oznaku izrezivanja.

Pritisnite Unesi (pobjeda) / Povratak (Mac) na tipkovnici za izrezivanje slike i gotovi smo! Evo, nakon što sam izrezao dio obruba, moj je konačni rezultat:

  Obojeni mrežni prikaz fotografija izrađen u Photoshopu. Konačni učinak.

Kamo dalje...