Ranije je rečeno da svi grafički elementi na web stranici trebaju biti samo pravokutni. To je zbog činjenice da se samo slike ovog oblika mogu pohraniti u datoteke. Stoga, nakon što pripremite izgled stranice, morat ćete ga "izrezati", odnosno podijeliti na zasebne slike, koje će se zatim pohraniti u datoteke i postaviti na server.
Pogodnije je izrezati 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 "zalijepili" slojeve, trebali biste koristiti posebne komande koje se nalaze u meniju palete Slojevi(Slojevi) kao iu meniju Layer(sloj). Ove naredbe uključuju:
PAŽNJA. Prije nego što spojite (“zalijepite”) slojeve, napravite rezervnu kopiju datoteke. U suprotnom, možete nehotice sačuvati spojene spoys i izgubiti mogućnost daljeg uređivanja elemenata slike.
SAVJET. Meni palete možete pozvati pomoću dugmeta sa strelicom koja se nalazi u gornjem desnom uglu palete.
Nakon što ste dobili "ravnu" sliku, počnite je rezati. Istovremeno, morate jasno zamisliti strukturu buduće stranice, oblik i veličinu njenih elemenata. Ako namjeravate koristiti nacrtanu pozadinu (teksturu), onda je prikladnije pripremiti je kao zasebnu datoteku. Ovo će olakšati održavanje pozadine upotrebljivom na web stranici.
Za odabir elemenata u Adobe PhotoShop-u najprikladnije je koristiti alat Rectangular Marquee(Pravougaoni izbor). Pomoću njega možete jednostavno odabrati pravokutne fragmente slike i prenijeti ih (putem međuspremnika) u novu datoteku. Ova datoteka se zatim može sačuvati u optimalnom formatu za nju, birajući postavke koje pružaju maksimalnu kompresiju.
SAVJET. Ako kreirate novu datoteku i već postoji slika u Windows međuspremniku, datoteka će zadana veličina te slike.
Možete ručno pripremiti sliku za spremanje i prilagoditi postavke kompresije pomoću različitih naredbi. Također možete koristiti naredbu Datoteka > Sačuvaj za Web(Datoteka > Sačuvaj za Web). Omogućava vam da optimizirate kompresiju datoteke direktnim promatranjem kako promjene koje napravite utječu na kvalitet slike i njenu veličinu na disku. Ove procedure će biti detaljnije obrađene u sljedećoj lekciji.
Kako bi se olakšalo odabir različitih elemenata (kao i njihovo postavljanje na izgled stranice), korisno je kreirati poseban sloj u datoteci izgleda i obojiti ga kako bi se označila područja slike. Primjer takve oznake prikazan je na Sl. 7.12.
Rice. 7.12. Primjer označavanja rasporeda
U budućnosti možete jednostavno odabrati željeno područje, na primjer, pomoću alata čarobni štapić(Čarobni štapić). pojedinačni fajlovi - alat Nož(Slice). Uz njegovu pomoć, slika se "siječe" na područja koja se zatim mogu zasebno sačuvati (pomoću komande Sačuvaj za Web(Sačuvaj za Web)) koristeći različite postavke kompresije za svaku od njih. Sa alatom Odaberite područje(Odabir preseka) možete pristupiti regionu nakon što je kreiran. To će vam omogućiti da, na primjer, pomjerite područje oko platna.
Uputstvo
Ako radite na složenoj slojevitoj kompoziciji, ona će zauzeti dosta prostora na disku. Kada pokušate da pošaljete .psd datoteku preko mreže, primijetit ćete da će "pojesti" priličnu količinu saobraćaja i da će trebati jako dugo da se učita. Da biste smanjili veličinu datoteke nakon što je rad na slici u potpunosti završen, možete staviti sve slojeve u jedan. U glavnom meniju izaberite Layer i Flatten Image.
Sada se pozabavimo stvarnim metodama preklapanja. Na desnoj strani menija "slojevi" nalazi se prozor u kojem vidite "normalno" ili "normalno". Ovaj prozor sadrži sve načine miješanja slojeva. Odabirom ćemo pronaći pravu opciju. Treba napomenuti da je "normalan" način rada normalan, ništa se ne mijenja u ovom režimu. U drugim modovima se dešava mnogo zanimljivih stvari. Isprobajte sve modove da vidite koji najbolje odgovara vašoj fotografiji. Ne zaboravite podesiti neprozirnost sloja i popunu: ponekad ih morate olabaviti da biste dobili najbolji efekat.
U posljednje vrijeme, prilikom obrade fotografija i kreiranja novih zanimljivih foto slika, sve je više potrebno obratiti se Adobe Photoshopu. Kada otvarate različite fotografije i slike, važno je zapamtiti da je svaka od njih zaseban sloj. Preklapanjem jedne na drugu, obradom i uređivanjem na jednom otvorenom listu, svaki stvara svoju jedinstvenu sliku. Da biste stvorili potpunu sliku, slojeve je potrebno kombinirati.
Uputstvo
Povezani video zapisi
Bilješka
Treba imati na umu da se spajanjem vidljivih slojeva uklanjaju svi nevidljivi, a prozirna mjesta popunjavaju bijelim. Kada sačuvate ovu sliku, više je nećete moći uređivati. Stoga preporučujemo, za svaki slučaj, da sačuvate kopiju slike prije spajanja slojeva.
Veliki broj slojeva koji nastaju u procesu stvaranja složene kompozicije u Adobe Photoshopu ponekad predstavlja veliku smetnju za dizajnera. To dovodi do smanjenja produktivnosti njegovog rada, jer se u njima lako jednostavno zbuniti. Osim toga, veliki broj slojeva povećava volumen datoteke, što zahtijeva dodatne računarske resurse, koji, s vremena na vrijeme, već izuzetno nedostaju. Spas u takvim situacijama je operacija spajanja onih slojeva kompozicije na kojima je rad već završen.
Uputstvo
Prije svega, treba imati na umu da kao što stvaranje svakog novog sloja proširuje mogućnosti za rad sa slikom, tako i uništavanje i spajanje nekoliko slojeva vas nepovratno lišava određenih mogućnosti: samostalno uređivanje fragmenata ili pojedinačnih parametara svakog od njih. sloj više nije moguć. Stoga, svaki put, izvodeći takvu operaciju, dizajner mora biti potpuno siguran da je svaki od spojenih slojeva gotov, te u budućnosti neće morati ponovo gubiti vrijeme na ponovno odvajanje ili ponovno prikazivanje spojenih slojeva, uprkos činjenici da ponekad tehnički više nije moguće implementirati.
Međutim, ako se operacija i dalje mora izvršiti, Photoshop nudi nekoliko načina da je implementirate. Razlike između ovih metoda leže uglavnom u tome kako se mogu odabrati slojevi koji se spajaju.U najopštijem obliku, operacija se izvodi na sljedeći način: dvije ili više linija s nazivima slojeva se biraju na listi slojeva. Za selekciju se koriste standardni tasteri, prihvaćeni u većini interfejsa, tasteri Ctrl - za dodavanje ili uklanjanje pojedinačnih slojeva iz selekcije, ili Shift - za selektovanje više elemenata kada pokazuju na prvi i poslednji u svom redu. Odabravši nekoliko linija sa slojevima, kroz kontekstni meni (poziva se pritiskom na desnu tipku miša) ili kroz glavni meni slojeva, odaberite naredbu Spoji slojeve (Spoji slojeve). Kao rezultat, umjesto nekoliko slojeva, onih koji su označeni na listi, pojavit će se jedan - proizvod spajanja originalnih.
Ne možete posebno odabrati na listi slojeva, već direktno 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 ne svijetli, odnosno trenutno nisu vidljivi), tada će nakon operacije spajanja ostati netaknuti, svaki će i dalje ostati na svom mjestu u listi slojeva. Ponekad je ovo zgodno, jer. dizajner ima vizuelnu potvrdu koji će slojevi sada biti spojeni – upravo oni koji su mu direktno pred očima. U ovom slučaju, bilo koji od ovih slojeva se može odabrati na listi slojeva, a primjenjuje se susjedna komanda iz istog menija - Merge Visible (Spoji vidljivo)
Ako su slojevi prikupljeni u grupi, onda u ovom slučaju program Photoshop ima zgodnu funkciju - možete pretvoriti cijelu grupu u jedan sloj. Tako će svi slojevi unutar foldera grupe biti spojeni bez ikakvih dodatnih manipulacija: odaberite potrebnu grupu na listi slojeva i koristite naredbu Merge Group kroz kontekstni meni. Grupa će nestati i na njenom mjestu će se pojaviti novi sloj u listi slojeva koji sadrži rezultat spajanja sadržaja prethodne grupe.
Postoji i najradikalniji način spajanja slojeva u Photoshopu - ovo je naredba Flatten Image (Spoji sliku). Iskreno govoreći, upotreba ove naredbe rijetko je opravdana. Eksplicitno uništava sve tehničke faze rada na slici - slojeve, maske, postavke transparentnosti itd. Zašto bi dizajner želio uništiti svu svoju tehničku stručnost koju su proveli satima radeći na određenoj slici ostaje misterija. Osim ako zadatak nije bio vrlo jednostavan, operacije su bile elementarne i, zapravo, nisu izvedene nikakve tehničke konstrukcije. U svim ostalim slučajevima, operacija Flatten Image je, iskreno, monstruozna. Mnogi dizajneri početnici iz nekog razloga vjeruju da je to potrebno kako bi se konačna datoteka sačuvala s jednom slikom bez slojeva, ali su u krivu. Program Photoshop ima komandu Sačuvaj kao (Save As), kada se izabere, korisniku je dostupna dodatna opcija podešavanja, gde možete odrediti da li želite da sačuvate informacije o slojevima u datoteku ili ne. Stoga je lakše nego ikad sačuvati "laki" fajl namijenjen razmjeni sa korisnikom ili prijenosu preko mreže (obično JPEG fajl), bez posebnog spajanja slojeva originalne kompozicije. Datoteka sa svim slojevima i postavkama u "nativnom" Photoshop formatu (PSD) mora se posebno čuvati, jer, kako iskustvo pokazuje, prije ili kasnije morate se vratiti uređivanju slike, pogotovo kada je u pitanju složena kompozicija, čak i nakon , pošto je kupac zadovoljan i rad se zvanično smatra prihvaćenim. Najneugodnije u takvim situacijama je to što dizajner skupim vremenom plaća za vlastitu aroganciju: da nije jednom pritisnuo ozloglašenu Flatten Image, a nova popravka bi trajala samo nekoliko minuta, nakon spajanja svih slojeva, ponovo će biti primoran na teške poslove, računajte od nule.
Povezani video zapisi
Dok radite u Photoshopu, može se nakupiti veoma veliki broj slojeva. Neki od njih su već u potpunosti razvijeni i samo stvaraju masu, ometajući rad. Riješite se dodatnih slojeva. Ali kako ih ne izbrisati? Ali možete ih kombinirati ili izvoditi miješanje.
Trebaće ti
- Photoshop, slika, razbijena na slojeve.
Uputstvo
Na ilustraciji možete vidjeti da je podijeljen na slojeve koji nisu spojeni jedan s drugim. Svi su imenovani u skladu sa elementima koji su na njima prikazani. Svaki od slojeva se može podešavati i pomerati nezavisno od ostalih. One. desnom rukom, na primjer, možete premjestiti na drugo mjesto, precrtati ga, dodati efekat, promijeniti boju. I sve to neće utjecati na druge dijelove tijela naše "djevojke".
Ali ako ste već završili sve dijelove glave do savršenstva, nema smisla držati ih na odvojenim slojevima. Spojite slojeve koji su nam potrebni. Stavite sve delove na svoje mesto. Držite pritisnut tipku Ctrl i odaberite sve slojeve koje trebate spojiti (u našem slučaju to su usta, oči i glava). Sada kliknite desnim tasterom miša na bilo koju od njih. Pojavit će se meni 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 spajanja slojeva.
Sada možete ići drugim putem. Ovaj put je potrebno kombinirati sarafan, ruke i noge, tj. stvoriti tijelo. Isključite slojeve "glava" i "pozadina" tako što ćete ukloniti oko sa prozora pored sloja. Kliknite desnim tasterom miša na jedan od vidljivih slojeva i izaberite stavku menija "Merge Visible". Oni slojevi koji nisu onemogućeni spojit će se u jedan. Nazovite ovaj sloj "tijelo".
Ostaje posljednja metoda, zove se "Mješanje". Koristi se kao posljednji korak u radu sa slikom. Poravnanje spaja sve slojeve u dokumentu i zamrzava ih. Uključite slojeve "glava" i "pozadina". Kliknite desnim tasterom miša na bilo koji sloj i izaberite Flatten iz menija koji se pojavi. Sada su svi dijelovi slike povezani. Ovo je neophodno kako bi se smanjila težina psd datoteke.
Koristan savjet
Nemojte spajati slojeve ako postoji šansa da će vam i dalje trebati odvojeno.
Uz pomoć grafičkog uređivača Adobe Photoshop, možete kreirati najnevjerovatnije vizualne efekte i mijenjati poznate fotografije i slike do neprepoznatljivosti. Konkretno, u Photoshopu možete preklopiti jednu sliku na drugu, zbog čega možete postići neobične i originalne efekte na slici. Možete postaviti dva crteža jedan na drugi koristeći različite postavke transparentnosti i slojeve za preklapanje u kratkom vremenu.
Uputstvo
Ako želite spojiti slojeve koji nisu susjedni, onda ih prvo odaberite sve - kliknite sa pritisnutim tipkom CTRL. Zatim desnom tipkom miša kliknite bilo koji od odabranih slojeva. Iz kontekstnog menija izaberite komandu Spajanje slojeva. Pritiskom na prečice CTRL + E izvršit će se ista operacija.
Da biste ostavili samo jedan sloj u dokumentu, uključujući sve vidljive, kliknite desnim tasterom miša na bilo koji sloj osim tekstualnog. Odaberite "Run Flatten" iz kontekstnog izbornika. Ako dokument sadrži nevidljive slojeve, uređivač će zatražiti potvrdu - prikazaće dijaloški okvir sa pitanjem "Izbrisati skrivene slojeve?". Kliknite "Da" i svi vidljivi slojevi dokumenta će biti 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 povezali slojeve na ovaj način, odaberite bilo koji od njih i kliknite lijevom tipkom miša desno od sličice sloja - na ovom mjestu će se pojaviti ikona nekoliko karika lanca. Isto se može učiniti drugačije: odaberite sve željene slojeve tako što ćete kliknuti na njih mišem dok držite pritisnutu tipku CTRL, a zatim kliknite na krajnju lijevu ikonu (“Link layers”) u redu na donjem rubu palete slojeva - to prikazuje karike lanca.
Povezani video zapisi
Oni koji su upoznati sa softverskim paketom Adobe Photoshop iz prve ruke znaju da za stvaranje zaista zanimljivih radova morate biti u stanju da rukujete slojevima slike. Sada ćemo se fokusirati na operaciju miješanja slojeva.
Uputstvo
Počni jednostavno. Da biste naučili kako raditi sa slojevima, nemojte pokušavati obraditi veliki broj njih odjednom - lako se možete zbuniti i izgubiti interes. Za početni nivo biće dovoljno razmotriti principe rada zasnovane na dva ili tri sloja. Sa povećanjem njihovog broja neće se promijeniti.
Koristite iste vrijednosti širine i visine za obrađene slike. Na primjer, koristite slike koje imaju 600 piksela i 800 dužine. Tako će se u potpunosti preklapati - bez praznina i nepotrebnih prekrivanja.
Kreirajte novu datoteku u meniju programa Adobe Photoshop odabirom stavke menija "Datoteka - "Novo". U prozoru koji se pojavi postavite dimenzije slike i kliknite na dugme OK.
U koloni alata na lijevoj strani postavite boje na osnovu kojih će filter "Oblaci" raditi. Primjer je prikazan na slici.
Koristite stavke menija "Filter" - "Render" - "Oblaci". Ako vam početna verzija ne odgovara, 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.
Prenesite bilo koju gotovu sliku odabirom stavki menija kao što su "File" - "Open", odabirom željene slike. Kao rezultat, obje slike bi trebale biti otvorene u prozoru programa.
Izaberite prozor sa prvom slikom (oblaci) i kliknite desnim tasterom miša na njega. U meniju koji se pojavi koristite stavku "Duplicate layer" i tako kreirate kopiju ove slike kao sloj. Nakon toga, u alatnoj traci sa desne strane naći ćete novi sloj "Background copy".
Pritisnite tipku "V", aktivirajući alat za pomicanje slojeva (izgleda kao crni kursor na lijevoj alatnoj traci). Zatim pomaknite miš preko novog sloja koji se nalazi na desnoj alatnoj traci. Kursor miša će se promijeniti u šematski prikaz ruke.
Prevucite sloj na otvorenu sliku tako da "oblaci" potpuno prekriju originalnu sliku.
Koristite stavku menija "Slojevi" (donja desna traka sa alatkama) da otvorite padajuću listu svih mogućih opcija mešanja slojeva.
Vidi šta imaš. U navedenom primjeru 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 spojiti komponente ovog elementa (slojeve) u jednu cjelinu. Adobe Photoshop editor ima potrebne alate za to.
Uputstvo
Otvorite program i kreirajte novi dokument u njemu: kliknite na stavku menija Datoteka (u ruskoj verziji "Datoteka") > Novo ("Kreiraj") ili koristite prečice Ctrl + N. U prozoru koji se pojavi, u poljima Visina ("Visina") i Širina ("Širina"), navedite, na primjer, po 500, u polju Sadržaj pozadine ("Sadržaj pozadine"), postavite Transparentno ("Transparentno") i kliknite na OK. U radnom prostoru programa će se pojaviti novi prozor projekta.
Razmotrene su glavne karakteristike PNG formata, sada ćemo ih koristiti za optimizaciju slika.
Počnimo s najjednostavnijim načinom - posteriziranjem slike. Govoreći složenim jezikom, posterizacija je promjena u broju nivoa svjetline u svakom kanalu boja na slici, ako jednostavno rečeno, promjena u broju boja.
Otvorimo probnu sliku (PNG, 12 KB) u Photoshopu i pozovimo Image → Adjustments → Posterize. Pomjerite klizač da vidite kako se slika mijenja:
| 15 nivoa (3014 bajtova) |
|
Nije teško primijetiti da što je niži nivo, to slika ima manje boja i veće su jednobojne površine. A slika je manje teška zbog činjenice da su velike jednobojne površine bolje filtrirane i upakovane. Ova metoda je posebno efikasna na fotografskim slikama gdje posterizirana područja nisu jako vidljiva.
|
|
|
Sljedeća metoda je malo složenija i koristi se na slikama s prozirnim područjima. Njegova suština je sljedeća: svi neprozirni pikseli se pohranjuju u jednu PNG-8 datoteku, a prozirni pikseli u drugu. Ovu metodu možete vidjeti na djelu u članku Volodje Tokmakova, samo ću vam pokazati kako brzo odvojiti prozirne piksele od neprozirnih.
Uzmimo ovu sliku (PNG, 62 KB) kao primjer:
Otvorite u Photoshopu. Treba imati na umu da cijela slika koju treba odvojiti mora biti na jednom sloju, pa ako se vaša slika sastoji od nekoliko slojeva (sjene, refleksije, svjetla, itd.), prvo ih morate spojiti u jedan sloj.
Prvo morate odabrati objekt u sloju, za to radimo Ctrl-klik (ili ⌘-klik na Macu) na sliku u paleti slojeva (Slojevi):
Idite na paletu kanala (Kanali) i kreirajte novi kanal iz odabira klikom na odgovarajuću ikonu:
Uklonite odabir (Ctrl-D ili ⌘-D), odaberite novokreirani kanal i pozovite naredbu Prag (Slika → Postavke → Prag). Povucite klizač do krajnje desne pozicije:
Dobili smo masku za odabir potpuno neprozirnih piksela. Ostaje da učitate selekciju (Ctrl-klik / ⌘-klik na sliku Alpha 1 kanala), idite na paletu slojeva (Slojevi), odaberite sloj sa slikom i izvršite komandu Layer → New → Layer via Cut . Ispostavilo se dva sloja: u jednom su neprozirni pikseli, u drugom - prozirni.
Nedostatak ove metode je što su rezultat 2 slike, koje nisu uvijek zgodne za korištenje (na primjer, prilikom kreiranja kataloga proizvoda). U sljedećem članku ću razmotriti prilično kompliciranu i ne tako univerzalnu metodu optimizacije, ali njena prednost je što će izlaz biti samo jedan fajl.
Kada radite na slici u Photoshopu, morat ćete kreirati najmanje dva sloja. Što je crtež složeniji, to će biti više slojeva. Radi lakše obrade, slojevi se mogu kombinovati i razdvajati. Adobe Photoshop nudi nekoliko načina za to.
