Dizajn mreže boja u Photoshopu

Napisao Steve Patterson.

U ovom Vodič za Photoshop efekte , naučit ćemo kako stvoriti a dizajn rešetke u boji ! Koristit ćemo Photoshopove vodilice i ravnala za postavljanje početnog razmaka, zatim nekoliko rijetko korištenih alata za odabir kako bismo pretvorili vodilice u stvarnu mrežu. Naučit ćemo kako jednostavno odabrati nasumične kvadrate u mreži i obojati ih slojevima za prilagodbu i načinima stapanja, i konačno, kako obojiti i prilagoditi izgled same mreže!



Tijekom čitavog vodiča koristit ću Photoshop CS5, ali radit će bilo koja novija verzija.



Evo konačnog učinka na kojem ćemo raditi:

  Photoshop efekt obojene mreže. Konačni dizajn mreže u boji.

Kako stvoriti dizajn mreže u boji

Korak 1: Napravite novi Photoshop dokument

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

  Photoshop datoteka > Novo. Idite na File > New.

Ovo otvara Photoshop Novi dokument dijaloški okvir. Napravit ću dokument kvadratnog oblika unosom 1000 piksela za oba Širina i Visina . Naravno, možete unijeti sve potrebne dimenzije, ali učinak će biti najbolji ako se držite kvadratnog oblika. Za ovaj vodič ostavit ću Rezolucija vrijednost postavljena na 72 piksela/inču , što je u redu ako ovaj efekt stvarate za web. Ako planirate ispisati konačni rezultat, trebali biste izraditi veći dokument i postaviti razlučivost na 240 piksela/inču ili više. Pritisnite U redu kada završite da biste zatvorili dijaloški okvir. Novi dokument pojavit će se na vašem ekranu:



  Dijaloški okvir Novi dokument u Photoshopu. Dijaloški okvir Novi dokument.

Korak 2: Prikažite ravnala

Idi gore do Pogled izbornik na vrhu zaslona i odaberite Vladari , ili pritisnite Ctrl+R (pobjeda) / Command+R (Mac) za brzo uključivanje ravnala pomoću tipkovničkog prečaca:

  Uključivanje Photoshopa's Rulers. Idite na Pogled > Ravnala.

Korak 3: Promijenite vrstu mjerenja ravnala u postotak

Ovo prikazuje Photoshopova ravnala duž gornjeg i lijevog ruba dokumenta. Ovisno o vrsti mjerenja na kojoj su postavljena vaša ravnala Photoshopove postavke , vjerojatno prikazuju ili piksele ili inče. Zatim pomaknite pokazivač miša na ravnala, bilo duž gornje ili lijeve strane Desni klik (pobjeda) / Control-klik (Mac) unutar ravnala i odaberite postotak s popisa. Vidjet ćete kako se ravnala mijenjaju u postotke:

  Promjena vrste mjerenja Photoshop ravnala u Postotak. Desnom tipkom miša (Win) / Control-klik (Mac) unutar ravnala i odaberite Postotak s popisa.

Korak 4: Povucite vodoravne i okomite vodilice u koracima od 10 posto

Razlog zbog kojeg smo uključili ravnala bio je kako bismo mogli jednostavno dodati vodilice s jednakim razmakom u naš dokument, koje će zatim postati naše mrežne linije. Prvo dodajmo okomite vodilice. Pritisnite unutar ravnala duž lijeve strane dokumenta i s pritisnutom tipkom miša povucite prvu vodilicu. Koristite gornje ravnalo da postavite vodilicu na oznaku 10% (otpustite tipku miša da postavite vodilicu):



  Postavljanje okomite vodilice u Photoshop dokument. Pritisnite unutar lijevog ravnala i povucite okomitu vodilicu do oznake 10%.

Učinite istu stvar za dodavanje vodiča na svakih 10% povećanja (20%, 30%, 40% i tako dalje), sve do oznake od 90%. Vaš bi se dokument sada trebao pojaviti podijeljen u 10 vertikalnih stupaca s jednakim razmakom:

  Okomite vodilice postavljene su u Photoshop dokument. Vodilice dijele dokument u 10 okomitih stupaca.

Zatim upotrijebite iste korake za dodavanje vodoravnih vodilica. Kliknite unutar gornjeg ravnala i s pritisnutom tipkom miša povucite vodoravnu vodilicu. Koristite lijevo ravnalo da postavite vodilicu na oznaku 10%. Nastavite povlačiti vodoravne vodilice u koracima od 10% (20%, 30%, 40%, kao i prije) sve do oznake od 90%. Kada završite, trebali biste imati isti broj vodoravnih i okomitih vodilica koje dijele dokument u mrežu kvadrata:

  Dodane vodoravne i okomite Photoshop vodilice. Vodilice dijele dokument u mrežu kvadrata.

Dok su vodilice na mjestu, pritisnite Ctrl+R (pobjeda) / Command+R (Mac) na vašoj tipkovnici kako biste sakrili ravnala jer nam više ne trebaju.



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

Držite svoje Sve (pobjeda) / Opcija (Mac) i kliknite na Novi sloj ikona na dnu ploče slojeva:

  Photoshop ikona novog sloja. Držite Alt (Win) / Option (Mac) i kliknite na ikonu New Layer.

Inače bi Photoshop samo nastavio i dodao novi prazan sloj, ali držanjem Alt (Win) / Option (Mac) kada klikne ikonu New Layer, kažemo mu da prvo otvori iskoči Novi sloj dijaloški okvir, koji nam daje priliku da imenujemo novi sloj prije nego što ga dodamo. Nazovite sloj 'Mreža', zatim kliknite OK:



  Dijaloški okvir Photoshop New Layer. Nazovite novi sloj 'Grid'.

Novi prazni sloj pojavljuje se na ploči Slojevi iznad pozadinskog sloja:

  Novi sloj pod nazivom Grid pojavljuje se na ploči Slojevi u Photoshopu. Photoshop dodaje novi sloj i naziva ga 'Grid'.

Korak 6: Napravite odabir iz vodiča

Podijelili smo naš dokument u mrežu pomoću Photoshopovih vodiča, ali vodiči služe samo za vizualnu referencu. Neće nam biti od prave koristi osim ako ih nekako ne pretvorimo u stvarnu rešetku temeljenu na pikselima, a to možemo lako učiniti pomoću nekoliko Photoshopovih alata za odabir koji se rijetko koriste - alata za označavanje jednog retka i jednog stupca.

Klikni na Alat za pravokutni okvir blizu vrha ploče Alati i držite tipku miša pritisnutu sekundu ili dvije dok se ne pojavi mali padajući izbornik koji vam prikazuje druge alate ugniježđene iza, zatim odaberite Alat za označavanje s jednim redom s popisa:



  Photoshop Alat za označavanje u jednom redu. Pritisnite i držite ikonu Rectangular Marquee Tool, zatim odaberite Single Row Marquee Tool.

Kao što naziv implicira, Single Row Marquee Tool će odabrati jedan horizontalni red piksela u dokumentu. Da bismo koristili alat, 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. Koristit ćemo se alatom za pretvaranje vodoravnih linija mreže u niz obrisa odabira. Prvo pomaknite kursor izravno preko gornje vodoravne crte mreže (one koju ste postavili na oznaku 10%) i kliknite. Vidjet ćete da se duž vodiča pojavljuje obris odabira debljine 1 piksela:

  Odabir horizontalne vodilice pomoću Single Row Marquee Tool u Photoshopu. Kliknite bilo gdje na prvoj vodoravnoj vodilici da dodate obris odabira oko nje.

Držite svoje Shift tipku i kliknite na sljedeću vodoravnu vodilicu ispod nje. To će dokumentu dodati drugi okvir odabira. Nastavite držati pritisnutu tipku Shift i klikati sve vodoravne vodilice dok se duž svake od njih ne pojavi obris odabira. Trebali biste vidjeti ukupno 9 redaka obrisa odabira. Obavezno držite pritisnutu tipku Shift dok klikate na svaku novu vodilicu, inače ćete samo zamijeniti prethodni okvir odabira novim:



  Odabrane su sve vodoravne vodilice. Držite Shift i kliknite na svaku vodoravnu vodilicu da dodate obris odabira oko svake.

Sada trebamo učiniti istu stvar s okomitim vodilicama, što znači da se moramo prebaciti na Single Column Marquee Tool. Klikni na Alat za označavanje s jednim redom na ploči Alati (pojavit će se tamo gdje se ranije pojavila ikona Rectangular Marquee Tool) i držite tipku miša dok se ne pojavi padajući izbornik, a zatim odaberite Alat za označavanje jednog stupca s popisa:

  Photoshop alat za označavanje jednog stupca. Pritisnite i držite ikonu Single Row Marquee Tool, zatim odaberite Single Column Marquee Tool.

Želimo da se naši okomiti obrisi odabira dodaju vodoravnim obrisima odabira koje već imamo, stoga još jednom držite Shift tipku, zatim kliknite na svaku od okomitih vodilica u dokumentu dok sve ne budu odabrane. Kada završite, trebali biste imati obrise odabira duž svake vodilice, vodoravno i okomito:

  Mreža obrisa odabira u Photoshopu. Mreža vodoravnih i okomitih obrisa odabira.

Korak 7: Ispunite odabir crnom bojom

Idi gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite :

  Odabir naredbe Fill u Photoshopu. Idite na Uredi > Ispuni.

Kada se pojavi dijaloški okvir Ispuni, postavite Koristiti opciju na vrhu do Crno , zatim kliknite OK da biste zatvorili dijaloški okvir:

  Dijaloški okvir Photoshop Fill. Promijenite opciju Koristi u Crno, zatim kliknite U redu.

Time se odabiri ispunjavaju crnom bojom, iako je to možda teško vidjeti s vodičima i obrisima odabira na putu, pa prijeđite na Odaberi izbornik na vrhu zaslona i odaberite Poništi odabir , koji će ukloniti obrise odabira:

  Naredba Photoshop Deselect. Idite na Odaberi > Poništi odabir.

Zatim, kako biste isključili vodiče, idite gore do Pogled izbornik, odaberite Pokazati , a zatim odaberite Vodiči . Prvo ćete vidjeti kvačicu lijevo od riječi Vodiči koja nam govori da su vodiči trenutno vidljivi. Klikom na Vodiče uklonite kvačicu i isključite vodiče:

  Isključivanje Photoshop vodiča. Idite na Pogled > Prikaži > Vodilice.

S uklonjenim obrisima odabira i vodilicama, možemo vidjeti našu crnu rešetku na sloju rešetke:

  Mreža izrađena u Photoshopu. Sada se pojavljuju crne rešetke.

Korak 8: Otvorite fotografiju koju želite koristiti s efektom

Otvorite fotografiju koju ćete koristiti s efektom mreže. Evo moje slike:

  Fotografija žene koja se smiješi. Otvorite fotografiju.

Ako koristite Photoshop CS3 ili stariji, fotografija će se automatski otvoriti u vlastitom plutajućem prozoru dokumenta. Ako koristite Photoshop CS4 ili CS5, ovisno o tome kako ste postavili stvari u Photoshopovim postavkama, fotografija se može otvoriti u dokumentu s karticama. Ako je to slučaj, da biste olakšali sljedeći korak, prijeđite na Prozor izbornik na vrhu zaslona, ​​odaberite Dogovoriti , a zatim odaberite Float All u sustavu Windows (samo CS4 i CS5):

  Photoshop CS4 CS5 Float All in Windows naredba. Idite na Window > Arrange > Float All u Windowsima (samo Photoshop CS4 i CS5).

Korak 9: Povucite fotografiju u mrežni dokument

Kliknite bilo gdje unutar prozora dokumenta mreže da biste ga učinili aktivnim, zatim kliknite na Pozadinski sloj na ploči Slojevi da biste ga odabrali. Na ovaj način, kada povučemo fotografiju u dokument, kao što ćemo učiniti za koji trenutak, fotografija će se pojaviti na vlastitom sloju između slojeva Pozadine i Mreže:

  Pozadinski sloj na ploči Slojevi u Photoshopu. S odabranim prozorom dokumenta rešetke kliknite na sloj Pozadine na ploči Slojevi.

Sada kliknite bilo gdje unutar prozora dokumenta fotografije kako biste ga učinili aktivnim i odaberite Alat za pomicanje s ploče Alati:

  Photoshop alat za premještanje. Zgrabite Move Tool s vrha ploče Alati.

Držite svoje Shift tipku, zatim kliknite alatom za premještanje unutar prozora dokumenta fotografije i povucite fotografiju u prozor dokumenta mreže:

  Povlačenje fotografije između dva Photoshop dokumenta. Dok je odabran Move Tool, držite Shift i povucite fotografiju u dokument mreže.

Otpustite tipku miša, a zatim otpustite tipku Shift i fotografija će se pojaviti centrirana unutar prozora dokumenta rešetke. U ovom trenutku možete zatvoriti dokument fotografije jer nam više ne treba:

  Fotografija se pojavljuje unutar mrežnog dokumenta u Photoshopu. Držanje tipke Shift ono je što centrira fotografiju unutar dokumenta kada je povučete.

Primijetite da se rešetka pojavljuje ispred fotografije. To je zato što, ako pogledamo ploču Slojevi, vidimo da je fotografija postavljena na vlastiti sloj ispod sloja Mreža, baš kao što smo željeli:

  Panel slojeva u Photoshopu CS5. Photoshop je postavio fotografiju na novi sloj neposredno iznad sloja koji je bio aktivan, zbog čega smo prvo odabrali sloj Pozadine.

Korak 10: Promijenite veličinu fotografije ako je potrebno pomoću slobodne transformacije

Ako trebate promijeniti veličinu svoje fotografije unutar mrežnog dokumenta, idite do Uredi izbornik na vrhu zaslona i odaberite Slobodna transformacija :

  Odabir naredbe Free Transform u Photoshopu. 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 prozoru dokumenta, idite gore do Pogled izbornik i odaberite Prilagodi zaslonu :

  Naredba Photoshop Fit on Screen. Idite na Pogled > Prilagodi zaslonu.

Photoshop će odmah smanjiti sliku dovoljno daleko da sve, uključujući ručke za slobodnu transformaciju, stane u prozor dokumenta. Da biste promijenili veličinu fotografije, držite tipku 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, držite Shift+Alt (pobjeda) / Shift+Opcija (Mac) dok povlačite bilo koju kutnu ručku. Ako trebate pomicati sliku unutar dokumenta, jednostavno 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 promjene i izlazak iz naredbe Free Transform:

  Promjena veličine fotografije pomoću Free Transform u Photoshopu. Povucite bilo koju kutnu ručku da biste promijenili veličinu slike pomoću slobodne transformacije.

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 Stvarni pikseli (pogledajte naš Zumiranje i pomicanje u Photoshopu za više informacija o povećavanju i smanjivanju dokumenata):

  Naredba Photoshop View > Actual Pixels. Idite na Pogled > Stvarni pikseli.

Korak 11: Odaberite sloj mreže

U ovoj je točki sav početni težak posao obavljen. Stvorili smo našu rešetku, povukli smo svoju fotografiju u dokument mreže, promijenili smo veličinu i pomaknuli fotografiju na mjesto. Spremni smo za zabavu bojanjem rešetke! Najprije moramo odabrati sloj Mreža, pa kliknite na njega na ploči Slojevi da biste ga odabrali:

  Odabir sloja Mreža na ploči Slojevi. Kliknite na sloj Mreža da biste ga učinili aktivnim.

Korak 12: Odaberite alat Čarobni štapić

Da bismo obojili mrežu, trebamo način odabira pojedinačnih kvadrata, a to možemo učiniti koristeći Photoshop Alat za čarobni štapić . Odaberite ga na ploči Alati. Ako koristite Photoshop CS2 ili stariji, možete jednostavno kliknuti na ikonu čarobnog štapića. Za Photoshop CS3 i novije, kliknite na Alat za brzi odabir , zatim držite tipku miša dok se ne pojavi padajući izbornik i odaberite Čarobni štapić iz izbornika:

  Photoshop CS5 alat za čarobni štapić. U Photoshopu CS3 i novijim, Čarobni štapić krije se iza alata za brzi odabir.

Korak 13: Odaberite kvadrate vanjskog ruba

Da biste odabrali kvadrat u rešetki, provjerite jeste li na ploči Slojevi odabrali sloj Mreža, zatim jednostavno kliknite unutar kvadrata čarobnim štapićem. Oko vanjskih rubova kvadrata pojavit će se obris odabira. Da biste zatim dodali dodatne kvadratiće odabiru, držite pritisnutim Shift tipku i kliknite unutar kvadratića koje želite. Svaki novi kvadrat unutar kojeg kliknete postat će odabran i dodan prethodno odabranim kvadratima. Počnimo odabirom svih kvadrata oko vanjskog ruba mreže. Prvo kliknite unutar kvadrata u gornjem lijevom kutu mreže. Oko njega će se pojaviti obris odabira:

  Odabir gornjeg lijevog kvadrata u rešetki. Kliknite unutar gornjeg lijevog kvadrata u rešetki s alatom Čarobni štapić kako biste ga odabrali.

Držite svoje Shift tipku i nastavite klikati unutar svakog od kvadratića oko vanjskih rubova mreže kako biste ih sve dodali u odabir:

  Svi vanjski kvadrati u mreži su odabrani. Svi kvadrati vanjskog ruba sada imaju obrise odabira oko sebe.

Dodat ću još nekoliko kvadrata svom odabiru tako što ću ponovo držati pritisnutu tipku Shift i kliknuti unutar njih da ih dodam prethodno odabranim kvadratima. Kako bih lakše vidio koje sam kvadrate odabrao, obojio sam ih u žuto (ovo nije dio efekta, već samo da bih lakše vidio kvadrate koje sam odabrao na snimci zaslona):

  Odabrani kvadratići označeni su žutom bojom. Moji prvobitno odabrani kvadrati.

Korak 14: Dodajte novi sloj ispod sloja mreže

Ispunit ćemo ove početne kvadrate bijelom bojom, što će stvoriti obrub za efekt. Držite svoje Ctrl (pobjeda) / Naredba (Mac) i kliknite na Novi sloj ikona na dnu ploče slojeva:

  Ikona Novi sloj na ploči Slojevi u Photoshopu CS5. Držite Ctrl (Win) / Command (Mac) i kliknite ikonu New Layer.

Uobičajeno, Photoshop dodaje nove slojeve izravno iznad trenutno odabranog sloja, ali držanjem tipke Ctrl (Win) / Command (Mac) kada kliknete ikonu New Layer, sloj se dodaje ispod trenutno odabrani sloj. Na ploči slojeva možemo vidjeti da sada imamo novi prazan sloj između fotografije na sloju 1 i sloja mreže:

  Novi sloj se dodaje ispod sloja Mreža. Novi sloj se pojavljuje ispod, ne iznad sloja Mreža.

Korak 15: Ispunite odabrane kvadrate 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 . Kliknite OK kada završite:

  Postavljanje opcije Use na White u dijaloškom okviru Ispuna u Photoshopu. Postavite opciju Koristi na Bijelo.

Photoshop ispunjava odabrane kvadrate bijelom bojom. Poništite odabir kvadrata tako što ćete otići do Odaberi jelovnik i biranje Poništi odabir , ili jednostavno pritisnite Ctrl+D (pobjeda) / Command+D (Mac) da ih poništite odabirom tipkovnim prečacem:

  Odabrani kvadratići ispunjeni su bijelom bojom. Oko slike se pojavljuje obrub bijelih kvadrata.

Korak 16: Odaberite sloj mreže

Odaberimo nekoliko različitih kvadrata za bojanje. Prvo, trebamo imati Mrežni 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. Kliknite na sloj Mreža da biste ga odabrali.

Korak 17: Odaberite različite kvadrate

Dok je sloj Mreža sada aktivan, kliknite unutar početnog kvadrata da biste ga odabrali, a zatim držite pritisnuto Shift tipku i kliknite unutar drugih kvadrata kako biste ih dodali prethodno odabranim kvadratima. Ako se predomislite i želite ukloniti kvadratić iz odabira, držite tipku Sve (pobjeda) / Opcija (Mac) tipku i kliknite unutar kvadrata da poništite odabir. Ovdje sam još jednom označio kvadrate koje sam odabrao žutom bojom samo kako bih ih lakše vidio na snimci zaslona:

  Odabran je drugi skup kvadrata. Držite Shift i kliknite unutar nekoliko različitih kvadrata kako biste ih odabrali.

Korak 18: Odaberite sloj fotografije

Klikni na sloj fotografije (Sloj 1) na ploči Slojevi da biste ga odabrali:

  Odabir sloja fotografije na ploči Slojevi u Photoshopu. Odaberite sloj fotografije na ploči Slojevi.

Korak 19: Obojite kvadrate pomoću sloja za podešavanje nijanse/zasićenosti

Klikni na Novi sloj za prilagodbu ikona na dnu ploče slojeva:

  Photoshop Nova ikona sloja za prilagodbu. Kliknite na ikonu New Adjustment Layer.

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

  Odabir sloja za prilagodbu Hue/Saturation u Photoshopu. Odaberite Hue/Saturation s popisa.

Ako koristite Photoshop CS4 ili CS5, kontrole i opcije za sloj za podešavanje nijanse/zasićenja pojavit će se unutar Ploča za prilagodbe . U CS3 i ranijim verzijama otvorit će se zasebni dijaloški okvir Nijansa/zasićenost. Najprije odaberite Obojite opciju klikom unutar njezinog potvrdnog okvira. Zatim odaberite boju kojom želite obojiti odabrane kvadrate povlačenjem Nijansa klizač. Za ove kvadrate ostavit ću klizač Hue postavljen skroz ulijevo (njegov zadani položaj) koji odabire Crvena . Naravno, možete odabrati koju god boju želite. Za povećanje zasićenosti boje, povucite Zasićenost klizač prema desno. Postavit ću svoju vrijednost zasićenja na 55 . Držite dokument na oku dok povlačite klizače za pregled rezultata. Za Photoshop CS3 i starije korisnike kliknite OK kada završite da biste zatvorili dijaloški okvir:

  Photoshop podešavanje nijanse/zasićenosti. Pritisnite opciju Colorize, zatim odaberite boju pomoću klizača Hue i Saturation.

Korak 20: Promijenite način miješanja za sloj za podešavanje u boju

Ako pogledamo ploču Slojevi, vidimo sloj za prilagodbu koji se nalazi neposredno iznad sloja fotografije. 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 . Ovo osigurava da mijenjamo samo boje na slici, ne i vrijednosti svjetline:

  Promjena načina stapanja slojeva u Boja. Promijenite način stapanja sloja za podešavanje Hue/Saturation u Color.

Evo mog dokumenta nakon što sam obojio neke kvadrate u crveno:

  Neki od kvadrata obojeni su crvenom bojom. Efektu je dodano nekoliko crvenih kvadrata.

Korak 21: Odaberite i obojite više kvadrata

Ponovite korake 16-20 za odabir i bojanje više kvadrata. Prvo odaberite Mrežni sloj na ploči Slojevi, zatim kliknite unutar kvadrata kako biste ga odabrali čarobnim štapićem. Stani Shift i kliknite unutar više kvadrata da biste ih dodali u odabir. Klikni na foto sloj na ploči Slojevi da biste ga odabrali, zatim kliknite na Novi sloj za prilagodbu ikonu i odaberite Nijansa/zasićenost . Odaberite Obojite opciju, a zatim odaberite boju pomoću Nijansa klizač i razinu zasićenosti pomoću Zasićenost klizač. Pritisnite U redu da biste zatvorili dijaloški okvir (CS3 i ranije). Na kraju, promijenite način miješanja novog sloja za prilagodbu Boja .

Također možete koristiti sloj za podešavanje Hue/Saturation za potpuno desaturirati neke od kvadrata, ostavljajući ih crno-bijelim. 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, što će ukloniti svu boju (nema potrebe odabrati ni opciju Colorize):

  Desaturacija boje pomoću klizača Saturation. Uklonite svu boju s nekih kvadrata povlačenjem klizača Zasićenost skroz ulijevo.

Evo mog dosadašnjeg učinka nakon bojanja više kvadrata s dodatnim slojevima za prilagodbu nijanse/zasićenja. U slučaju da želite koristiti iste boje kao ja, za plavu sam postavio Hue na 200, Saturation na 30. Za zelenu, Hue je postavljen na 120, Saturation 25. Za ljubičastu, Hue je bio 289, Saturation 35. I kao što sam upravo spomenuto, za crne i bijele kvadrate, zasićenje je postavljeno na -100 povlačenjem klizača skroz ulijevo:

  Efekt obojene mreže do sada. Efekt obojene mreže do sada.

Korak 22: Isprobajte drugačiji način boja za neke od slojeva za prilagodbu

Jedini problem koji imam sa svojim dosadašnjim rezultatom je taj da zapravo ne izgleda tako svijetlo i šareno kako sam se nadala. Jedan od načina da se to promijeni je promjena način miješanja za neke od slojeva za podešavanje. Ako pogledamo ploču Slojevi, možemo vidjeti sve slojeve za prilagodbu koje sam koristio za bojanje kvadrata. Ukupno ih je pet, uključujući onaj koji sam koristio za crno-bijeli efekt:

  Panel slojeva Photoshopa koji prikazuje slojeve za prilagodbu. Za učinak je korišteno pet slojeva za podešavanje.

Kako biste dodali više interesa slici, pokušajte promijeniti način stapanja za neke od slojeva za prilagodbu na nešto drugo osim u boji. Da biste to učinili, samo kliknite na sloj za prilagodbu na ploči Slojevi da biste ga odabrali, zatim promijenite način stapanja na vrhu ploče Slojevi. Na primjer, mislim da crvena boja na mojoj slici izgleda malo dosadno, pa ću kliknuti na gornji sloj za prilagodbu Hue/Saturation na ploči Slojevi da je odaberem (budući da je to ona koju sam koristio za dodavanje crvene), a zatim Promijenit ću njegov način stapanja iz Boja u Zaslon :

  Promjena načina stapanja sloja za podešavanje u Zaslon. Odabirom crvenog sloja za prilagodbu Hue/Saturation, zatim mijenjanjem načina stapanja u Screen.

Način stapanja zaslona čini stvari svjetlijim, ali također ima tendenciju smanjenja zasićenosti boja, pa ću se za kompenzaciju, s odabranim slojem za prilagodbu crvene nijanse/zasićenja, vratiti na ploču s prilagodbama i povećati Zasićenost vrijednost za crveno do 70 (za Photoshop CS3 i starije korisnike, kliknite minijaturu sloja za prilagodbu na ploči Slojevi kako biste ponovno otvorili dijaloški okvir Nijansa/zasićenost kako biste izvršili bilo kakve promjene, zatim kliknite U redu da biste zatvorili dijaloški okvir):

  Povećanje razine zasićenja za crvenu na 70. Promjena načina stapanja može zahtijevati prilagodbe razine zasićenosti boje.

Evo moje slike nakon promjene načina stapanja za crvenu u Zaslon i povećanja zasićenosti boje. Primijetite da crveni kvadrati sada izgledaju svjetlije:

  Slika s crvenim slojem za prilagodbu postavljenim na Zaslon. Zaslon je popularan način stapanja koji se obično koristi za brzo posvjetljivanje slika.

Napravit ću istu stvar s ljubičastim slojem za prilagodbu Hue/Saturation, prvo kliknuvši na njega da ga odaberem na ploči Slojevi, zatim promijenim način stapanja u Screen i povećam zasićenost boje na 55 na ploči za prilagodbe (ili dijaloškom okviru u CS3 i ranije). Ostali načini stapanja koji vam mogu dati dobre rezultate uključuju Multiply (za tamniju boju), kao i Overlay koji će vam dati efekt većeg kontrasta, ali također može promijeniti izgled same boje. Evo sada mog učinka s crvenim i ljubičastim kvadratima postavljenim na način stapanja zaslona:

  Crveni i ljubičasti slojevi za podešavanje postavljeni su na način stapanja zaslona. Različiti načini stapanja dat će vam različite efekte. Zaslon, Množenje i Preklapanje dobro je isprobati.

Korak 23: Promijenite boju linija rešetke u bijelu

Kao posljednji korak za učinak, promijenimo izgled samih linija mreže, prvo promjenom njihove boje iz crne u bijelu. Kliknite na sloj Mreža na ploči Slojevi da biste ga odabrali, zatim kliknite na Zaključaj prozirne piksele ikona odmah ispod opcije načina stapanja (to je prva od četiri ikone u nizu):

  Ikona Lock Transparency na ploči Slojevi u Photoshopu. Kliknite na ikonu Lock Transparent Pixels.

Korak 24: Ispunite linije mreže bijelom bojom

S odabranom opcijom Lock Transparent Pixels na sloju Grid, sve što radimo na sloju utjecat će samo na same piksele. Neće utjecati na prozirna područja. 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 na sloju 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, pa samo kliknite OK da zatvorite dijaloški okvir. Photoshop će ispuniti linije mreže bijelom bojom:

  Linije mreže na sloju sada su bijele. Photoshop ispunjava sloj bijelom bojom, ali to utječe samo na linije mreže.

Korak 25: Dodajte stil sloja poteza

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

  Ikona stilova slojeva u Photoshopu. Kliknite na ikonu Layer Styles.

Odaberite Moždani udar s popisa stilova slojeva koji se pojavi:

  Photoshop Stroke stil sloja. Odaberite Stroke s popisa.

Ovo otvara Photoshop Stil sloja dijaloški okvir postavljen na opcije poteza u srednjem stupcu. Klikni na uzorak boje pored riječi Boja , koji otvara Birač boja . Odaberite bijelu iz alata za odabir boja, zatim kliknite OK da biste je zatvorili. S bijelom sada kao bojom poteza, ostavite Položaj postavljen Vani i prilagodite širinu poteza povlačenjem Veličina klizač dok promatrate dokument kako biste procijenili rezultat. Postavit ću veličinu poteza na dva px (piksela):

  Opcije stila sloja Photoshop Stroke. Promijenite boju poteza u bijelu, a zatim prilagodite njegovu širinu pomoću klizača Veličina.

Pritisnite OK da zatvorite dijaloški okvir Stil sloja i gotovi smo! Evo mog konačnog efekta mreže u boji:

  Photoshop efekt obojene mreže. Konačni rezultat.