Ranije je rečeno da svi grafički elementi na web stranici trebaju biti samo pravokutni. To je zbog činjenice da se u datoteke mogu spremiti samo slike ovog oblika. Stoga, nakon što pripremite izgled stranice, morat ćete je "izrezati", odnosno podijeliti na zasebne slike, koje će se zatim spremiti u datoteke i postaviti na poslužitelj.
Prikladnije je rezati na zasebne dijelove, koji se ne sastoje od mnogo slojeva, već "ravnu" sliku koja sadrži jedan sloj (u većini slučajeva ovaj sloj je pozadina).
Da biste "lijepili" slojeve, trebali biste koristiti posebne naredbe koje se nalaze u izborniku palete Slojevi(Slojevi) i također u izborniku Sloj(Sloj). Ove naredbe uključuju:
PAŽNJA. Prije spajanja ("ljepljenja") slojeva, napravite sigurnosnu kopiju datoteke. U suprotnom možete, slučajnim spremanjem kombiniranih žlica, izgubiti mogućnost daljnjeg uređivanja elemenata slike.
SAVJET. Izbornik palete možete pozvati pomoću tipke sa strelicom koja se nalazi u gornjem desnom kutu ploče.
Nakon što ste dobili "ravnu" sliku, nastavite s rezanjem. Istodobno, morate jasno zamisliti strukturu buduće stranice, oblik i veličinu njezinih elemenata. Ako namjeravate koristiti nacrtanu pozadinu (teksturu), onda je prikladnije pripremiti je kao zasebnu datoteku. To će olakšati korištenje pozadine na web stranici.
Najprikladniji način odabira elemenata u Adobe PhotoShopu je korištenje alata Pravokutni šator(Pravokutni odabir). Uz njegovu pomoć možete jednostavno odabrati pravokutne fragmente slike i prenijeti ih (putem međuspremnika) u novu datoteku. Ova datoteka se zatim može spremiti u formatu koji je optimalan za nju, odabirom opcija koje pružaju maksimalnu kompresiju.
SAVJET. Ako stvarate novu datoteku i već postoji slika u međuspremniku sustava Windows, datoteci će prema zadanim postavkama biti dodijeljena veličina te slike.
Možete ručno pripremiti sliku za spremanje i prilagoditi parametre kompresije pomoću različitih naredbi. Također možete koristiti naredbu Datoteka> Spremi za web(Datoteka> Spremi za web). Omogućuje vam da optimizirate kompresiju datoteke izravnim promatranjem kako promjene koje napravite utječu na kvalitetu slike i njezinu veličinu na disku. O ovim postupcima detaljnije se govori u sljedećoj lekciji.
Kako bi se olakšao odabir različitih elemenata (kao i njihovo postavljanje na izgled stranice), korisno je stvoriti poseban sloj u datoteci izgleda i obojiti ga, čime se označavaju područja slike. Primjer takve oznake prikazan je na Sl. 7.12.
Riža. 7.12. Primjer oznake izgleda
U budućnosti možete jednostavno odabrati željeno područje, na primjer, pomoću alata čarobni štapić(Čarobni štapić). pojedinačne datoteke - alat Nož(Kriška). Uz njegovu pomoć, slika se "rezuje" na područja koja se zatim mogu zasebno spremiti (pomoću naredbe Spremi za web(Spremi za web)), koristeći različite postavke kompresije za svaku od njih. S alatom Odaberite područje(Odabir kriške) Možete pristupiti području nakon što ga kreirate. To će vam omogućiti, na primjer, pomicanje područja preko platna.
Upute
Ako radite na složenoj slojevitoj kompoziciji, ona će zauzeti dosta prostora na disku. Kada pokušate poslati datoteku u .psd formatu putem mreže, primijetit ćete da će "pojesti" priličnu količinu prometa, a učitavanje će trajati jako dugo. Da biste smanjili veličinu datoteke nakon što je rad na slici u potpunosti dovršen, možete sve slojeve ujediniti. Odaberite Layer i Flatten Image na glavnom izborniku.
Prijeđimo sada na stvarne metode miješanja. Na desnoj strani izbornika slojeva nalazi se okvir u kojem vidite "normalno" ili "normalno". Ovaj prozor sadrži sve načine miješanja slojeva. Odabirom ćemo pronaći željenu opciju. Treba napomenuti da je "normalni" način rada normalan i ništa se ne mijenja u ovom načinu rada. U drugim modovima događa se mnogo zanimljivih stvari. Isprobajte sve načine kako biste vidjeli koji je najbolji za vašu fotografiju. Nemojte zaboraviti podesiti neprozirnost i ispunu sloja; ponekad ih trebate olabaviti da biste dobili najbolji učinak.
U posljednje vrijeme, pri obradi fotografija i stvaranju novih zanimljivih fotografskih slika, sve je više potrebno obratiti se programu Adobe Photoshop. Kada otvarate različite fotografije i slike, važno je zapamtiti da je svaka od njih zaseban sloj. Preklapajući ih jedno na drugo, obrađujući i uređujući na jednom otvorenom listu, svaki stvara svoju jedinstvenu sliku. Da biste stvorili potpunu sliku slike, slojeve je potrebno spojiti.
Upute
Videi sa sličnim sadržajem
Bilješka
Treba imati na umu da se pri spajanju vidljivih slojeva uklanjaju svi nevidljivi, a prozirna mjesta se popunjavaju bijelom bojom. Nakon što spremite takvu sliku, više je nećete moći uređivati. Stoga preporučamo, za svaki slučaj, spremiti kopiju slike prije spajanja slojeva.
Velik broj slojeva koji nastaju u procesu stvaranja složene kompozicije u Adobe Photoshopu ponekad je velika smetnja dizajneru. To dovodi do smanjenja produktivnosti njegovog rada, jer se u njima lako zbuniti. Osim toga, veliki broj slojeva povećava veličinu datoteke, što zahtijeva dodatne računalne resurse, koji s vremena na vrijeme već jako nedostaju. Spas u ovakvim situacijama je operacija spajanja onih slojeva kompozicije na kojima je rad već završen.
Upute
Prije svega, treba imati na umu da kako stvaranje svakog novog sloja proširuje mogućnosti za rad sa slikom, tako vam uništavanje i spajanje nekoliko slojeva nepovratno oduzima određene mogućnosti: neovisno uređivanje fragmenata ili pojedinačnih parametara svakog sloja sada postaje nemoguće. Stoga, svaki put kada izvodi takvu operaciju, dizajner mora biti 100% siguran da je završio svaki od spojenih slojeva, te u budućnosti neće morati ponovno trošiti vrijeme na ponovno cijepanje ili ponovno prikazivanje spojenog slojeva, iako je ponekad tehnički to već na bilo koji način nemoguće izvesti.
Ipak, ako se operacija još treba izvesti, program Photoshop nudi nekoliko načina za njezinu provedbu. Razlike između ovih metoda uglavnom su u tome kako se mogu odabrati slojevi koji se spajaju. U najopćenitijem obliku, operacija se izvodi na sljedeći način: na popisu slojeva istaknuta su dva ili više redaka s nazivima slojeva. . Za odabir se koriste standardni, prihvaćeni u većini sučelja, tipke Ctrl - za dodavanje ili uklanjanje pojedinačnih slojeva iz odabira, ili Shift - za odabir skupa elemenata kada pokazuju na prvi i zadnji u svom retku. Nakon odabira nekoliko redaka sa slojevima, kroz kontekstni izbornik (poziva se klikom na desnu tipku miša) ili kroz glavni izbornik slojeva, odaberite naredbu Spoji slojeve. Kao rezultat toga, umjesto nekoliko slojeva, onih koji su označeni na popisu, pojavit će se jedan - proizvod spajanja izvornih.
Možete namjerno ne odabrati na popisu slojeva, već izravno spojiti ono što je sada u radnom prostoru kompozicije. Odnosno, ako su neki slojevi u kompoziciji isključeni (ikona sa simboličkom slikom oka nasuprot ovih slojeva je isključena, odnosno nisu vidljivi u ovom trenutku), tada će nakon operacije spajanja ostati netaknuti, svaki će i dalje ostati na svom mjestu na popisu slojeva. Ponekad je to zgodno jer dizajner ima vizualnu potvrdu koji će slojevi sada biti spojeni – upravo oni koji su mu neposredno pred očima. U tom slučaju se bilo koji od ovih slojeva može odabrati na popisu slojeva, a može se primijeniti i susjedna naredba iz istog izbornika - Merge Visible.
Ako su slojevi prikupljeni u grupi, tada u ovom slučaju program Photoshop ima prikladnu funkciju - možete pretvoriti cijelu grupu u jedan sloj. Tako će se svi slojevi unutar mape grupe spojiti bez ikakvih dodatnih manipulacija: odaberite potrebnu grupu na popisu slojeva i upotrijebite naredbu Merge Group iz kontekstnog izbornika. Grupa nestaje, a na njenom mjestu na popisu slojeva pojavljuje se novi sloj koji sadrži spojeni sadržaj prethodne grupe.
Postoji i najradikalniji način spajanja slojeva u Photoshopu - ovo je naredba Flatten Image. Korištenje ove naredbe, iskreno, rijetko je opravdano. Eksplicitno uništava sve tehničke faze rada na slici - slojeve, maske, parametre transparentnosti itd. Zašto bi dizajner uništio sve svoje tehničke pomake, na koje su utrošeni sati rada s određenom slikom - ostaje misterij. Osim ako je zadatak bio vrlo jednostavan, operacije su bile elementarne i zapravo se nisu izvodile nikakve tehničke konstrukcije. U svim ostalim slučajevima, operacija Flatten Image je, iskreno, monstruozna. Iz nekog razloga, mnogi dizajneri početnici vjeruju da je to apsolutno neophodno za spremanje konačne datoteke s jednom slikom bez slojeva, ali su u krivu. Program Photoshop ima naredbu Spremi kao, kada je odabran, korisnik ima dodatnu opciju podešavanja, gdje možete odrediti hoće li spremati podatke o slojevima u datoteku ili ne. Dakle, lako je poput ljuštenja krušaka spremiti "laganu" datoteku namijenjenu razmjeni s korisnikom ili prijenosu preko mreže (obično JPEG datoteku), bez posebnog spajanja slojeva izvorne kompozicije. Datoteka sa svim slojevima i postavkama u "nativnom" Photoshop formatu (PSD) mora se posebno spremati, jer, kako iskustvo pokazuje, prije ili kasnije se morate vratiti na uređivanje slike, pogotovo kada je riječ o složenoj kompoziciji. , čak i nakon kako je kupac bio zadovoljan i rad je službeno prihvaćen. Najuvredljivije u takvim situacijama je to što dizajner skupim vremenom plaća za vlastitu aroganciju: da nije kliknuo na nekoć ozloglašenu Flatten Image, a novi popravak bi trajao svega nekoliko minuta, nakon spajanja svih slojeva, opet bi morao raditi teške poslove, računati od nule.
Videi sa sličnim sadržajem
Tijekom rada u Photoshopu može se nakupiti vrlo velik broj slojeva. Neki od njih su već u potpunosti razrađeni i stvaraju samo masu, ometajući rad. Morate se riješiti dodatnih slojeva. Ali kako ih, nakon svega, ne možete izbrisati? Ali možete ih kombinirati ili miješati.
Trebat će vam
- Photoshop, slika, razbijena u slojeve.
Upute
Na ilustraciji možete vidjeti da je razbijen na slojeve koji nisu međusobno spojeni. Svi su imenovani u skladu s elementima koji su na njima prikazani. Svaki od slojeva može se podešavati i pomicati neovisno o ostalima. Oni. desna ruka, na primjer, možete je na drugom mjestu, precrtati, dodati efekt, promijeniti boju. I sve to ni na koji način neće utjecati na ostale dijelove tijela naše "djevojke".
Ali ako ste već završili sve dijelove glave do savršenstva, nema smisla držati ih na zasebnim slojevima. Spojimo slojeve koji su nam potrebni. Rasporedite sve dijelove na njihova mjesta. Držite pritisnutu tipku Ctrl i odaberite sve slojeve koje trebate kombinirati (u našem slučaju to su usta, oči i glava). Sada kliknite na bilo koji od njih desnom tipkom miša. Pojavit će se izbornik u kojem na samom dnu morate odabrati stavku "Spoji slojeve". Sada su se glava i sve što je s njom povezano ujedinilo i postalo jedan element. Preimenujte ovaj sloj i nazovite ga "glava". Ovo je prvi način kombiniranja slojeva.
Sada možete ići drugim putem. Ovaj put trebate kombinirati sarafan, ruke i noge, t.j. stvoriti torzo. Isključite slojeve "glava" i "pozadina" uklanjanjem oka s prozora pored sloja. Kliknite na jedan od vidljivih slojeva desnom tipkom miša i odaberite stavku izbornika "Spoji vidljivo". Oni slojevi koji nisu onemogućeni spojit će se u jedan. Nazovite ovaj sloj "torzo".
Ostaje posljednja metoda, zove se "Miješanje". Koristi se kao posljednji korak u radu sa slikom. Rollup spaja sve slojeve u dokumentu i zamrzava ih. Uključite slojeve "glava" i "pozadina". Desnom tipkom miša kliknite bilo koji sloj i odaberite Flatten iz izbornika koji se pojavi. Svi dijelovi slike sada su povezani. Ovo je za smanjenje težine psd datoteke.
Koristan savjet
Nemojte spajati slojeve ako postoji šansa da će vam zatrebati odvojeno.
Uz pomoć grafičkog uređivača Adobe Photoshopa možete stvoriti najnevjerojatnije vizualne efekte i mijenjati poznate fotografije i slike do neprepoznatljivosti. Konkretno, u Photoshopu možete prekriti jednu sliku na drugu, zbog čega možete postići neobične i originalne efekte na slici. Stapanje dvije slike jedne na drugu pomoću različitih opcija neprozirnosti i miješanja može se obaviti u kratkom vremenu.
Upute
Ako trebate spojiti slojeve koji nisu susjedni, najprije ih sve odaberite - kliknite i kliknite dok držite pritisnutu tipku CTRL. Zatim desnom tipkom miša kliknite bilo koji od odabranih slojeva. U kontekstnom izborniku odaberite naredbu Spajanje slojeva. Pritiskom na prečace CTRL + E izvršit će se ista operacija.
Da biste zadržali samo jedan sloj u dokumentu, uključujući sve vidljive, desnom tipkom miša kliknite bilo koji sloj osim sloja teksta. Odaberite redak "Roll up" u kontekstnom izborniku. Ako dokument sadrži nevidljive slojeve, uređivač će zatražiti potvrdu - prikazat će se dijaloški okvir s pitanjem "Izbrisati skrivene slojeve?". Kliknite "Da" i svi vidljivi slojevi dokumenta bit će spojeni u jedan, a nevidljivi će biti uništeni.
Možete povezati slojeve bez njihovog spajanja u jedan. Nakon takve operacije, sve radnje s bilo kojim od slojeva paketa bit će emitirane na sve ostale. Da biste na ovaj način povezali slojeve, odaberite bilo koji od njih, a lijevom tipkom kliknite ostatak desno od sličice sloja - na ovom mjestu će se pojaviti ikona nekoliko karika lanca. Možete to učiniti drugačije: odaberite sve slojeve koji su vam potrebni tako da ih kliknete mišem dok držite pritisnutu tipku CTRL, a zatim kliknite najlijevu ikonu ("Link layers") u retku na donjem rubu palete slojeva - to prikazuje karike lanca.
Videi sa sličnim sadržajem
Oni koji su upoznati sa programskim paketom Adobe Photoshop iz prve ruke znaju da za stvaranje uistinu zanimljivih umjetničkih djela morate znati rukovati slojevima slike. Sada ćemo se usredotočiti na operaciju miješanja slojeva.
Upute
Počnite jednostavno. Kako biste naučili raditi sa slojevima, nemojte pokušavati obraditi veliki broj njih odjednom - to se lako može zbuniti i izgubiti interes. Za početni nivo bit će dovoljno razmotriti principe rada na temelju dva ili tri sloja. S povećanjem njihovog broja, oni se neće promijeniti.
Koristite istu širinu i visinu za obrađene slike. Na primjer, koristite slike veličine 600 piksela i duljine 800. Tako će se potpuno preklapati - bez praznina i nepotrebnih preklapanja.
Stvorite novu datoteku iz izbornika Adobe Photoshop odabirom Datoteka - Novo. U prozoru koji se pojavi postavite veličinu slike i kliknite gumb "U redu".
U lijevom stupcu alata navedite boje na temelju kojih će raditi filtar "Oblaci". Primjer je prikazan na slici.
Koristite stavke izbornika "Filter" - "Render" - "Oblaci". Ako vam početna verzija ne odgovara, tada možete pritisnuti kombinaciju Ctrl + F nekoliko puta dok ne dobijete željeni rezultat. Kao rezultat, trebali biste dobiti nešto slično onome što je prikazano na slici.
Učitajte bilo koju gotovu sliku odabirom stavki izbornika kao što su "Datoteka" - "Otvori" odabirom željene slike. Kao rezultat toga, obje slike trebale bi biti otvorene u prozoru programa.
Odaberite prozor s prvom slikom (oblaci) i kliknite desnom tipkom miša na njega. U izborniku koji se pojavi upotrijebite stavku "Duplicate layer", stvarajući tako kopiju ove slike kao sloj. Zatim ćete na alatnoj traci s desne strane pronaći novi sloj "Background copy".
Pritisnite tipku "V", aktivirajući alat za pomicanje slojeva (izgleda kao crni kursor na lijevoj alatnoj traci). Zatim zadržite pokazivač miša iznad novog sloja koji se nalazi na desnoj alatnoj traci. Ovo će promijeniti pokazivač miša u shematski prikaz ruke.
Povucite sloj na otvorenu sliku tako da "oblaci" potpuno prekriju izvornu sliku.
Koristite stavku izbornika "Slojevi" (donja desna alatna traka), pozivajući padajući popis svih mogućih opcija za miješanje slojeva.
Pogledajte što ćete dobiti. U navedenoj varijanti korištena je opcija miješanja kao što je "Preklapanje".
Ako je bilo koji element u projektu, na primjer, lijepo dizajniran natpis, zahvaljujući vašim naporima, poprimio željeni oblik, možete kombinirati komponente ovog elementa (slojeve) u jednu cjelinu. Adobe Photoshop ima alate koji su vam potrebni za to.
Upute
Otvorite program i stvorite novi dokument u njemu: kliknite stavku izbornika Datoteka (u ruskoj verziji "Datoteka")> Novo ("Novo") ili upotrijebite prečace Ctrl + N. U prozoru koji se pojavi, u poljima Visina i Širina navedite, na primjer, po 500, u polju Sadržaj pozadine postavite Transparent i kliknite U redu. U radnom prostoru programa pojavit će se novi prozor projekta.
Razmotrili smo glavne značajke PNG formata, sada ćemo ih koristiti za optimizaciju slika.
Počnimo s najjednostavnijim načinom - posteriziranjem slike. Kompliciranim jezikom, posterizacija je promjena u broju razina svjetline u svakom kanalu boje slike, jednostavnim riječima - promjena u broju boja.
Otvorite probnu sliku (PNG, 12 KB) u Photoshopu i pozovite Image → Adjustments → Posterize. Pomaknite klizač da vidite kako se slika mijenja:
| 15 razina (3014 bajtova) |
|
Lako je vidjeti da što je niža razina, to je manje boja na slici i veća su jednobojna područja. I što je slika manja zbog činjenice da su velika jednobojna područja bolje filtrirana i pakirana. Ova je metoda posebno učinkovita na fotografskim slikama gdje posterizirana područja nisu jako uočljiva.
|
|
|
Sljedeća metoda je malo kompliciranija, koristi se na slikama s poluprozirnim područjima. Njegova je bit sljedeća: svi neprozirni pikseli spremaju se u jednu PNG-8 datoteku, a polutransparentni u drugu. Ovu metodu možete vidjeti na djelu u članku Volodje Tokmakova, samo ću vam pokazati kako možete brzo odvojiti prozirne piksele od neprozirnih.
Uzmimo ovu sliku (PNG, 62KB) kao primjer:
Otvaramo ga u Photoshopu. Treba imati na umu da cijela zajednička slika mora biti u jednom sloju, pa ako se vaša slika sastoji od nekoliko slojeva (sjene, refleksije, svjetla itd.), prvo ih morate kombinirati u jedan sloj.
Prvo morate odabrati objekt u sloju, za to kliknemo Ctrl-kliknemo (ili ⌘-kliknemo na Macu) na sliku u paleti slojeva:
Idite na paletu Kanali i kreirajte novi kanal iz odabira klikom na odgovarajuću ikonu:
Poništite odabir (Ctrl-D ili ⌘-D), odaberite novostvoreni kanal i pozovite naredbu Prag (Slika → Prilagodbe → Prag). Povucite klizač u krajnji desni položaj:
Dobili smo masku za odabir potpuno neprozirnih piksela. Ostaje učitati odabir (Ctrl-klik / ⌘-klik na sliku Alpha 1 kanala), idite na paletu Slojevi, odaberite sloj sa slikom i izvršite naredbu Layer → New → Layer via Cut. Pokazalo se dva sloja: jedan s neprozirnim pikselima, drugi s poluprozirnim.
Nedostatak ove metode je što su rezultat 2 slike koje nisu uvijek prikladne za korištenje (na primjer, prilikom izrade kataloga proizvoda). U sljedećem članku razmotrit ću prilično složenu i ne tako univerzalnu metodu optimizacije, ali njena prednost je što će izlaz biti samo jedna datoteka.
Kada radite na slici pomoću Photoshopa, morat ćete stvoriti najmanje dva sloja. Što je crtež složeniji, to će biti više slojeva. Radi lakše obrade, slojevi se mogu spojiti i odvojiti. Adobe Photoshop nudi nekoliko načina za to.
