Kaip sukurti sluoksnį „Photoshop“: trys paprasti būdai. Kaip sukurti sluoksnį ant kitų „Photoshop“ Sukurkite naują sluoksnį „Photoshop“.

Vladas Merževičius

Pagrindinė sluoksnių savybė ir pagrindinis jų naudojimo skirtumas nuo kitų maketavimo būdų yra tikslus pozicionavimas ir galimybė vienas kitą persidengti. Dėl šios funkcijos galite naudoti sluoksnius, kad sukurtumėte skirtingus tinklalapio efektus.

Yra keletas būdų, kaip sukurti perdangą. Paprasčiausias iš jų, bet ir ne toks lankstus, yra absoliutaus padėties nustatymo naudojimas.

Absoliutus pozicionavimas

Absoliutus padėties nustatymas leidžia sukrauti sluoksnius bet kokia tvarka vieną ant kito. Tačiau tam reikia žinoti tikslias kiekvieno sluoksnio koordinates, palyginti su vienu iš naršyklės lango kampų, o tai ne visada įmanoma. Todėl šis metodas turi ribotą taikymo sritį, pavyzdžiui, kuriant viršutinį meniu, kai jo padėtis nesikeičia ir yra tiksliai nustatyta.

Kai naudojate perdangą, pozicijos ypatybę turite nustatyti į absoliučią . Paties sluoksnio padėtį valdo savybės kairėje , viršuje , dešinėje ir apačioje, kurios atitinkamai nustato koordinates iš kairiojo, viršutinio, dešiniojo ir apatinio kraštų (1 pavyzdys). Kadangi sluoksnio turinys išvedamas į nurodytą vietą, sluoksnių aprašymo tvarka taip pat rodo, kokia tvarka jie yra vienas ant kito. Pats pirmasis tinklalapio kode nurodytas sluoksnis bus fone, o paskutinis – priekiniame plane. Tvarka taip pat gali būti pakeista naudojant z-index nuosavybę. Kuo didesnė jo vertė, tuo didesnis dabartinis sluoksnis, palyginti su kitais sluoksniais.

1 pavyzdys: absoliutus padėties nustatymas

Šiame pavyzdyje sluoksnio, pavadinto leftcol, padėtis nustatyta viršutiniame kairiajame naršyklės lango kampe, o sluoksnio rightcol padėtis yra paslinkta 350 pikselių į dešinę nuo kairiojo lango krašto ir 50 pikselių žemyn. Atkreipkite dėmesį, kad visų sluoksnių kairioji ir viršutinė reikšmės turi būti nurodytos, kad gautumėte norimą perdangą su nurodytomis koordinatėmis.

Įdomesnis būdas sukurti perdangą yra santykinės padėties nustatymas. Tokiu atveju sluoksniai gali būti išdėstyti naršyklės lango centre arba bet kurioje tinklalapio vietoje, negalvojant apie sluoksnių koordinačių reikšmę.

Santykinis padėties nustatymas

Norėdami uždėti vieną sluoksnį ant kito ir nebūti tvirtai prispausti prie koordinačių tinklelio, galite išbandyti šį metodą. Pirmajam sluoksniui, kuris bus fone, nurodome absoliučią padėties nustatymą priskirdami pozicijos ypatybę absoliučiai . Antrasis sluoksnis, dedamas ant pirmojo, turi turėti santykinę padėtį, kuri pasiekiama naudojant santykinę padėties savybės vertę. Viršutinio sluoksnio padėtis nustatoma iš viršutinio kairiojo apatinio sluoksnio kampo, nurodant kairįjį ir viršutinį (1 pav.).

1 pav. Viršutinio sluoksnio padėties nustatymas

2 pavyzdyje sluoksnių plotis nurodomas pločio ypatybe, o viršutinio sluoksnio vieta (vadinama rightcol ) – kairiosios ir viršutinės savybės. Kaip minėta aukščiau, sluoksnių išdėstymo tvarka nustatoma pagal tvarką, kuria jie aprašomi kodu arba naudojant z indeksą. Todėl sluoksnis, pavadintas leftcol, bus dedamas į foną, nes jis apibrėžiamas kaip pirmasis.

2 pavyzdys: Santykinis padėties nustatymas

Yra dar vienas sluoksnių sluoksniavimo būdas, apimantis santykinį padėties nustatymą ir naudojant įvairias priemones skirtingiems sluoksniams dėti.

Universalus požiūris

Teoriškai galite sukrauti sluoksnius vertikaliai vienas po kito ir pastumti apatinį sluoksnį į viršų naudodami viršutinę ypatybę, nustatydami neigiamą vertę arba naudodami apačią . Praktiškai tai pasiekti gana sunku, nes paprastomis priemonėmis neįmanoma nustatyti sluoksnio aukščio, vadinasi, ir kiek reikia sluoksnį perkelti, nes tai priklauso nuo šrifto dydžio, turinio. sluoksnio ir daugelio kitų parametrų. Lengviau skaičiuoti koordinates iš viršutinio vieno iš sluoksnių kampo. Norėdami tai padaryti, turėtumėte sudėti sluoksnius vienas šalia kito vertikaliai, o tada perkelti vieną sluoksnį kito atžvilgiu.

Tai įgyvendinama tokiu būdu. Kiekvienam sluoksniui turite nurodyti float: left konstrukciją, leidžiančią vieną sluoksnį prijungti prie kito dešinėje. Kiekvienam sluoksniui turėtumėte pridėti plūdę, kitaip kai kuriose naršyklėse tarp sluoksnių atsiras tarpas.

Dabar sluoksniai yra vienas šalia kito, o prieš nurodydami koordinates, nustatome santykinę padėtį pagal santykinę padėties savybės vertę. Viršutinio sluoksnio padėtis valdoma kairiojo ir viršutinio reikšmių reikšme. Bet kadangi koordinatės šiuo atveju skaičiuojamos nuo antrojo sluoksnio viršutinio kairiojo kampo, neigiama reikšmė turi būti nurodyta horizontaliai (2 pav.). Tačiau galite naudoti ir apatinę savybę.

Ryžiai. 2. Viršutinio sluoksnio padėties nustatymas

3 pavyzdyje viršutinis sluoksnis, pavadintas Rightcol, yra horizontaliai ir vertikaliai paslinktas 50 pikselių. Kad jis neuždengtų leftcol sluoksnio turinio, kai jį perdengia, tekstas įtraukiamas į dešinę, naudojant ypatybę padding-right.

Kaip matote iš pavyzdžio, norėdami sukurti sluoksnio perdangą, turite nustatyti tik dvi apatinio sluoksnio ypatybes ir keturias viršutinio sluoksnio ypatybes. Likusios stiliaus savybės valdo pačių sluoksnių išvaizdą ir jų turinį.

3 pavyzdys: sukurkite sluoksnio perdangą

Šio pavyzdžio su skirtingu tekstu rezultatas parodytas žemiau (3 pav.).

Ryžiai. 3. Pavyzdžio rezultatas

Paskutinėje pamokoje sužinojome, kaip dirbti su sluoksniais naudojant skydelį Sluoksniai. Sužinojome, kaip pridėti naujų sluoksnių, ištrinti sluoksnius, sukeisti sluoksnius, pridėti koregavimo sluoksnius, taikyti stilius, pakeisti sluoksnio maišymo režimą ir neskaidrumo lygį ir dar daugiau, ką galite padaryti dirbdami sluoksnių skydelyje.

Prieš pradėdami daugiau sužinoti, kokius nuostabius dalykus galite padaryti su sluoksniais, turime pažvelgti į vieną specialų sluoksnio tipą: fono sluoksnį. Priežastis, kodėl mes sutelkiame dėmesį į fono sluoksnį, yra ta, kad kai kurių dalykų, kurių negalite padaryti su šiuo sluoksniu, negalite padaryti su kitais sluoksniais. Jei apie šias veiklas nežinome iš anksto, galime lengvai susipainioti darbe ir negauti norimo rezultato.

Žemiau yra nuotraukų rėmelio, atidaryto „Photoshop“, vaizdas. Šį vaizdą paėmiau iš Fotolia fotobanko:

Originalus vaizdas

Kai atidarome naują vaizdą „Photoshop“, jis atsidaro savo dokumento lange ir dedamas į atskirą sluoksnį, vadinamą „Fonas“, kurį matome sluoksnių skydelyje. Atkreipkite dėmesį, kad žodis „Fonas“ yra kursyvu. Taigi programa mums praneša apie kai kurias šio sluoksnio savybes:

Sluoksnių skydelyje rodoma, kad vaizdas dedamas ant fono sluoksnio

„Photoshop“ sluoksnį pavadino „Fonas“ dėl paprastos priežasties, kad šis sluoksnis iš tikrųjų yra mūsų dokumento fonas. Visi papildomi sluoksniai, kuriuos pridėsime prie vaizdo, bus dedami ant fono sluoksnio. Kadangi pagrindinis šio sluoksnio tikslas yra būti vaizdo fonas, yra keletas dalykų, kurių negalima padaryti su šiuo sluoksniu. Trumpai pažvelkime į paprastas taisykles, kurias reikia prisiminti. Ir tada, pamokos pabaigoje, išnagrinėsime, kaip lengva apeiti visas šias taisykles.

1 taisyklė: negalime perkelti fono sluoksnio turinio

Vienas iš dalykų, kurių negalime padaryti su fono sluoksniu, yra perkelti jo turinį. Paprastai, kai reikia perkelti sluoksnio turinį, pasirenkame įrankį įrankių juostos viršuje "Perkelti"(Perkelti):

Įrankių juostoje pasirinkite įrankį „Perkelti“.

Tada, pasirinkus įrankį "Perkelti", spustelėjame pelę dokumento lange ir perkeliame turinį laikydami nuspaudę pelės mygtuką. Pažiūrėkime, kas atsitiks, kai, mūsų atveju, bandysiu perkelti nuotraukų rėmelį į kitą vietą. Atlikus šį veiksmą, pasirodo dialogo langas, kuriame sakoma, kad turinio perkelti negalima, nes sluoksnis prisegtas:

Užuot perkėlus nuotraukų rėmelį, programa„Photoshop“ praneša, kad sluoksnis prisegtas

Jei grįšime į sluoksnių skydelį ir pažvelgsime į sluoksnį „Fonas“, dešinėje pusėje pamatysime mažą užrakto piktogramą, kuri nurodo, kad šis sluoksnis yra prisegtas ir jo negalime perkelti. Jokiu būdu negalima atrakinti „Fono“ sluoksnio, tačiau, kaip jau sakiau, pamokos pabaigoje pažiūrėsime, kaip galima apeiti šią mažą taisyklę dėl sluoksnio turinio perkėlimo ir kitų taisyklių:

Užrakto piktograma nurodo, kad šis sluoksnis yra prisegtas.

2 taisyklė: nėra skaidrių pikselių

Netrukus į savo dokumentą importuosiu kitą vaizdą ir įdėsiu jį į nuotraukų rėmelį. Tačiau šiuo metu rėmo vidus užpildytas balta spalva. Tai reiškia, kad prieš įdėdamas nuotrauką, pirmiausia turiu išvalyti baltą sritį nuotraukų rėmelio viduje. Paprastai, kai pašaliname pikselius iš sluoksnio, pašalintos sritys tampa skaidrios ir leidžia matyti apatinį sluoksnį. Pažiūrėkime, kas atsitiks, kai bandau ištrinti tam tikrą fono sluoksnio sritį.

Pirmiausia turiu pasirinkti sritį rėmelio viduje, o kadangi ji užpildyta daugybe spalvų, pasirinkimui naudosiu pasirinkimo įrankį. Stebuklinga lazdele"(Stebuklinga lazdele) . „Photoshop CS2“ ir ankstesnėse versijose galime pasirinkti „ Stebuklinga lazdele", tiesiog spustelėdami jo piktogramą įrankių juostoje. „Photoshop CS3“ ir vėlesnėse versijose (mano atveju tai yra „Photoshop CS5“) šis įrankis yra paslėptas už įrankio "Greitas pasirinkimas"(Greitas pasirinkimas), todėl pirmiausia turite spustelėti įrankį "Greitas pasirinkimas"(kelias sekundes palaikykite nuspaudę pelės mygtuką), palaukite, kol pasirodys išskleidžiamasis meniu su įrankių sąrašu ir pasirinkite įrankį iš sąrašo "Stebuklinga lazdele" :

Pasirinkę įrankį „Magic Wand“.

Pasirinkęs įrankį spustelėsiu nuotraukos rėmelio centre, kad greitai pasirinkčiau visą baltą sritį. Atlikus šį veiksmą, atsiras pasirinkimo rėmelis, nurodantis, kad pasirinkta balta sritis:

Dabar paryškinta balta sritis rėmelio viduje

Norėdami ištrinti sritį rėmelio viduje, paspausiu „Backspace“ („Win“) / „Delete“ („Mac“). Tačiau užuot pašalinusi sritį, kaip tikėtasi, ir pakeitusi baltą spalvą skaidriais pikseliais, programa atidaro parinkčių dialogo langą "Užpildykite"(Užpildyti) ir siūlo užpildyti pasirinktą sritį kita spalva:

Užuot ištrynę sritį, programa„Photoshop“ atidaro dialogo langą Užpildymo parinktis

Paspaudžiu Atšaukti, kad išeičiau iš dialogo lango, nes tai nėra ta komanda, kurią norėjau paleisti. Norėjau pašalinti baltą sritį foto rėmelio viduje, bet neužpildyti kita spalva. Gal Photoshop ką nors sujaukė? Gerai, pabandysiu ištrinti sritį kitu būdu. Norėdami tai padaryti, eisiu į skyrių "Redagavimas"(Redaguoti) meniu juostoje ekrano viršuje ir pasirinkite komandą "Iškirpti"(Iškirpti):

Skiltyje „Redagavimas“ pasirinkite komandą „Iškirpti“.

Dirbant su įprastu sluoksniu šis veiksmas lemtų pasirinktos srities iškirpimą iš sluoksnio ir jos vietoje atsirastų skaidri dalis, tačiau mūsų atveju rezultatas vėl buvo nenuspėjamas. Šį kartą programa lyg tyčia užpildė sritį juoda spalva:

Balta sritis rėmelio viduje dabar užpildyta juoda

Iš kur atsirado juoda spalva? Pasirodo, „Photoshop“ užpildė sritį juoda spalva, nes jei pažiūrėtume į priekinio plano ir fono spalvų pavyzdžius įrankių skydelio apačioje, pamatytume, kad fono spalva (apatiniame dešiniajame kvadrate) šiuo metu yra juoda, todėl programą ir užpildė sritį fono spalva. Jei fono spalva būtų violetinė, sritis būtų užpildyta purpurine. Tačiau šiuo metu fono spalva yra juoda:

Priekinio plano spalvos (viršuje kairėje) ir fono spalvos (apačioje dešinėje) pavyzdžiai

Taigi kodėl „Photoshop“ nepašalino baltos srities rėmelio viduje? Kodėl ji užpildė ją kita spalva? Priežastis ta, kad fono sluoksniai nepalaiko skaidrumo. Iš tiesų, kadangi „Fono“ sluoksnio paskirtis yra tarnauti kaip dokumento fonas, nereikia jo daryti skaidraus, nes po šiuo sluoksniu neturi būti nieko, kad būtų galima peržiūrėti. Juk fonas vis tiek yra fonas! Kad ir kaip bandyčiau pašalinti sritį kadro viduje, aš niekada to negalėsiu padaryti, kol vaizdas bus ant fono sluoksnio. Kaip tada į rėmelį įterpti kitą nuotrauką? Kol kas atidėkime šią problemą į šalį ir grįšime prie jos šiek tiek vėliau.

3 taisyklė: negalime perkelti fono sluoksnio ir įdėti jo virš kito sluoksnio

Žemiau yra nuotrauka, kurią noriu įdėti į nuotraukų rėmelį. Šį vaizdą taip pat paėmiau iš Fotolia fotobanko:

Vaizdas, kuris bus patalpintas nuotraukų rėmelio viduje

Vaizdas šiuo metu atidarytas savo lange, todėl greitai nukopijuosiu jį į nuotraukų rėmelio dokumento langą paspausdamas Ctrl+A (Win) / Command+A (Mac), kad pasirinkčiau visą nuotrauką. Tada paspausiu Ctrl + C (Win) / Command + C (Mac), kad nukopijuočiau vaizdą į vidinį buferį. Po to eisiu į nuotraukų rėmelio dokumento langą ir paspauskite Ctrl+V (Win) / Command+V (Mac), kad įklijuočiau vaizdą į dokumentą. Programa įdės naują vaizdą į atskirą sluoksnį, vadinamą „1 sluoksniu“, esančiu virš „Fono“ sluoksnio su nuotraukų rėmeliu:

Antroji nuotrauka dedama ant atskiro sluoksnio virš „Fono“ sluoksnio.

Galite pamatyti, kad nauja nuotrauka atsirado priešais nuotraukos rėmelį dokumento lange:

Antrasis vaizdas pasirodė priešais nuotraukų rėmelį

Kad mano antrasis vaizdas atsirastų rėmelio viduje, turiu pakeisti sluoksnių tvarką – įdėti sluoksnį su rėmeliu ant nuotraukos sluoksnio. Paprastai sluoksnius sukeisti nesunku, tereikia pasirinkti sluoksnį, kurį norite perkelti, ir vilkti jį ant kito sluoksnio, bet ne mūsų atveju, kai norime perkelti „Fono“ sluoksnį. Kai spusteliu fono sluoksnį ir bandau perkelti jį ant nuotraukos sluoksnio, pasirodo maža piktograma su perbrauktu apskritimu (tarptautiniu ženklu Nr.), rodančiu, kad dėl kokių nors priežasčių šis veiksmas negalimas:

Perbraukta apskritimo piktograma rodo, kad negaliu perkelti sluoksnio „Fonas“ ant sluoksnio „1 sluoksnis“.

Priežastis, neleidžianti perkelti fono sluoksnio, yra ta, kad sluoksnis visada turi likti dokumento fonu. „Photoshop“ neleidžia perkelti šio sluoksnio ant kitų sluoksnių.

4 taisyklė: negalime perkelti kitų sluoksnių po sluoksniu „Fonas“.

Gerai, jei negalime perkelti fono sluoksnio ant kito sluoksnio, kas nutiks, jei bandysime perkelti kitą sluoksnį žemiau fono sluoksnio? Paspaudžiu „Layer 1“ ir bandysiu perkelti jį po „Fono“ sluoksniu, bet ir tai neveikia. Vėl pasirodo maža piktograma perbraukto apskritimo pavidalu, o tai reiškia, kad veiksmo atlikti negalima:

Ta pati draudimo piktograma pasirodo, kai bandome perkelti „1 sluoksnį“ po fono sluoksniu

Vėlgi, to priežastis yra ta, kad fono sluoksnis visada turėtų likti dokumento fonas. Negalime perkelti šio sluoksnio ant kitų sluoksnių ir taip pat perkelti kitų sluoksnių žemiau fono sluoksnio.

Paprastas problemos sprendimas

Apibendrinkime tai, kas išdėstyta aukščiau. Sužinojome, kad „Photoshop“ nesuteikia mums galimybės perkelti fono sluoksnio turinio naudojant įrankį. "Perkelti", nes sluoksnis prisegtas. Taip pat sužinojome, kad fono sluoksnis nepalaiko skaidrumo, todėl jokiu būdu negalima pašalinti jokios sluoksnio srities. Galiausiai sužinojome, kad fono sluoksnis visada turėtų likti žemiausiu sluoksniu Sluoksnių skydelyje. Negalime perkelti šio sluoksnio ant kitų sluoksnių ir taip pat perkelti kitų sluoksnių po juo.

Kadangi pagrindinis fono sluoksnio tikslas yra būti dokumento pagrindu, kiekviena iš šių taisyklių yra prasminga. Tačiau, kaip ir dauguma taisyklių, kartais turime jas pažeisti. Mūsų atveju lengva apeiti visas šias taisykles! Viskas, ką turime padaryti, tai kažkaip pervadinti „Fono“ sluoksnį! Norėdami pervardyti sluoksnį „Fonas“, galite pereiti į skyrių "Sluoksniai"(Sluoksnis) ekrano viršuje pasirinkite „Naujas“, tada – "Fono sluoksnis"(Sluoksnis iš fono):

Pasirinkite „Sluoksniai“ > „Naujas“ > „Fono sluoksnis“(Sluoksnis > Naujas > Sluoksnis iš fono)

Greitesnis būdas yra tiesiog dukart spustelėti žodį „Fonas“ sluoksnių skydelyje:

Dukart spustelėkite sluoksnio pavadinimą „Fonas“

Bet kuriuo atveju po šių veiksmų atsidarys dialogo langas "Naujas sluoksnis"(Naujas sluoksnis), kur galite įvesti naują sluoksnio pavadinimą. Pagal numatytuosius nustatymus programa siūlo mums tinkantį pavadinimą „Layer 0“. Kadangi mums tiks bet koks kitas vardas, išskyrus "Fonas", tiesiog spustelėkite Gerai, kad patvirtintumėte naują pavadinimą „Layer 0“ ir išeitumėte iš dialogo lango, jei nenorite sluoksniui suteikti konkretaus pavadinimo:

Galite palikti pavadinimą "Layer 0" kaip naują sluoksnio pavadinimą arba įvesti bet ką kitą, kas jums patinka

Patarimas: Norėdami dar greičiau pervardyti fono sluoksnį, dukart spustelėkite žodį Background, laikydami nuspaudę Alt (Win) / Option (Mac). Programa nedelsdama pervadins sluoksnį į "Layer 0", neatverdama naujo sluoksnio dialogo lango.

Dabar matome, kad fono sluoksnio pavadinimas pasikeitė į „Layer 0“:

Sluoksnis "Fonas" buvo pervadintas į "Layer 0"

Paprasčiausiai pervadinę fono sluoksnį, pavertėme jį įprastu sluoksniu, dėl to aukščiau aptartos taisyklės jam nebegalioja! Dabar naudodami įrankį galime lengvai perkelti sluoksnio turinį "Perkelti", ištrinkite sluoksnio sritį, pakeisdami ją skaidria dalimi, ir laisvai perkelkite mūsų sluoksnį kitų sluoksnių atžvilgiu!

Pavyzdžiui, man vis tiek reikia perkelti nuotraukos rėmelį ant vaizdo „1 sluoksnyje“. Dabar tai lengva padaryti, nes nuotraukų rėmelis nebėra fono sluoksnyje! Galiu tiesiog sluoksnių skydelyje spustelėti „Layer 0“ ir vilkti jį aukštyn, kad virš „1 sluoksnio“ atsirastų plona šviesi juostelė:

Perkelkite 0 sluoksnį ant 1 sluoksnio

Po to aš atleisiu pelės mygtuką ir „Photoshop“ įdės „Layer 0“ virš „Layer 1“, kaip noriu:

„0 sluoksnis“ dabar yra virš „1 sluoksnio“. To nepavyko pasiekti tol, kol „0 sluoksnis“ buvo vadinamas „fono“ sluoksniu

Anksčiau negalėjau pašalinti baltos srities rėmelio viduje, kol vaizdas buvo fono sluoksnyje, bet dabar, kai pervadinau fono sluoksnį į 0 sluoksnį, tai padaryti lengva. Rėmelio viduje pasirinksiu sritį naudodamas "Stebuklinga lazdele" kaip aš tai padariau pirmą kartą:

Balta sritis rėmelio viduje vėl paryškinta

Tada paspausiu „Backspace“ („Win“) / „Delete“ („Mac“) ir šį kartą programa veiks tiksliai taip, kaip tikėjausi – užuot atidarius dialogo langą „Užpildyti“, ji ištrins sritį iš sluoksnio ir parodys žemiau esančią nuotrauką. tai:

Rėmelio viduje esantis plotas galiausiai pašalinamas, atskleidžiant kitą vaizdą

Tada paspausiu Ctrl + D (Win) / Command + D (Mac), kad panaikintumėte srities pasirinkimą rėmelyje ir pašalintumėte pasirinkimo eilutę. Tada, kad sėkmingai užbaigčiau darbą, sluoksnių skydelyje spustelėsiu „1 sluoksnis“ ir suaktyvinsiu:

Pasirinkite „1 sluoksnis“

Įrankių juostoje pasirinksiu įrankį "Perkelti"(Perkelti), spustelėsiu nuotrauką ir perkelsiu ją į nuotraukų rėmelį, kai man reikia. Nors 1 sluoksnis šiuo metu yra apatinis dokumento sluoksnis, jis nėra prisegtas, nes nebenaudojamas kaip fono sluoksnis. Galiu laisvai perkelti kur noriu:

Perkelkite nuotrauką į norimą vietą nuotraukų rėmelio viduje

Kaip jau minėjome, fono sluoksniai yra specialus „Photoshop“ sluoksnių tipas, kuriam taikomi apribojimai. Negalime perkelti jų turinio, nieko iš jų ištrinti ir jie visada turi likti tarp dokumentų sluoksnių pačiame apačioje. Daugeliu atvejų šie apribojimai mums nesukelia didelių nepatogumų, nes paprastai nedirbame tiesiogiai su „Fono“ sluoksniu. Bet jei jums reikia pašalinti apribojimus, tiesiog pervardykite sluoksnį „Fonas“ ir suteikite jam bet kokį kitą pavadinimą. Dėl šio veiksmo sluoksnis iškart taps įprastu sluoksniu, su kuriuo galėsite dirbti be apribojimų!

Ir dabar mes baigėme! Peržiūrėkite visą mūsų mokymo programų, kaip dirbti su sluoksniais „Photoshop“, sąrašą arba apsilankykite „Photoshop“ pagrindų skyriuje, kad išmoktumėte atrankos įrankių, tipografijos ir kitų naudingų įgūdžių!

Vertimas: Ksenija Rudenko

Tinklalapyje yra trys žaidimo kortų vaizdai (3.51 pav.). Kol jie yra vienas šalia kito, jų eiliškumas neturi reikšmės, bet jei joms pritaikysite pozicionavimą ir perkelsite vaizdus taip, kad jie vienas kitą sutaptų, viena kortelė bus aukščiau už kitą (3.52 pav.).

Ryžiai. 3.51. Kortelės viena šalia kitos

Ryžiai. 3.52. Kortos viena ant kitos

Jei įsivaizduojate tinklalapį trimatės erdvės pavidalu (3.53 pav.), galite pamatyti, kad kortelės taip pat yra išilgai Z ašies mus, kuris yra toliau, kitaip tariant, tvarka, kuria jie yra vienas ant kito. Dokumento kode (3.38 pavyzdys) tvarka nustatoma automatiškai pagal dokumento eigą. Kuo žemesnis kode yra elementas, tuo jis yra aukščiau išilgai Z ašies, todėl vaizdas su tūzu, kaip apatinis, yra ant kitų kortų.

Ryžiai. 3.53. Įsivaizduojamos tinklalapio koordinatės

3.38 pavyzdys. Įprastas kortelių užsakymas

CSS sistemoje Z ašies padėtis yra valdoma z indekso savybe, kuri nustato, ar elementas yra „arčiau“ mūsų, ar „toliau“. Sveikasis skaičius imamas kaip reikšmė, tuo didesnis elementas yra kitų atžvilgiu. Elementams automatiškai priskiriama 0 reikšmė, todėl net jei z indeksas yra 1, elementas sutaps su visais pagrindiniais elementais. Modifikuokime 3.38 pavyzdį taip, kad kortelių tvarka būtų atvirkštinė, ir tik redaguojant stilių, HTML kodą paliekame tą patį.

Kortelė IMG ( padėtis: santykinė; ) .tree ( viršuje: 50 tšk.; kairėje: 55 piks.; z indeksas: 5; ) .septyni ( kairėje: -120 tšk.; viršuje: 25 piks.; z indeksas: 2; ) .ace ( kairėje: -295px; z indeksas: 1;

Trečios klasės z indekso ypatybė yra konkrečiai nustatyta į 5, kad būtų parodyta, kad z indekso reikšmių tvarka nėra svarbi. Svarbiausia, kad vienas skaičius būtų didesnis už kitą.

z indekso ypatybė veikia tik tiems elementams, kurių padėties reikšmė yra absoliuti , fiksuota arba santykinė .

Kai norite įdėti elementą virš visų kitų puslapyje, jam suteikiama labai didelė z indekso reikšmė, pvz., 9999. Tai užtikrina, kad net jei stiliuose naudojamas z indeksas, jis bus mažesnis nei nurodytas vienas. 3.39 pavyzdyje užvedus pelės žymeklį virš žemėlapių, z indeksas pasikeičia į 10. Čia nereikia jokių scenarijų, viskas daroma per :hover pseudoklasę.

3.39 pavyzdys. Keičiamas z indeksas užvedus pelės žymeklį virš žemėlapio

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

„Photoshop“ sluoksniai naudojami norimam vaizdui sukurti. Labai primena aplikacijas, kai permatomas popierius naudojamas, pavyzdžiui, koliažui sukurti. Be to, sluoksnių dėka galite išsaugoti originalų brėžinį, jei atliksite klaidingas operacijas. Jie taip pat gali būti visiškai skirtingi paveikslėliai, tekstas, blizgesys. Taigi, kaip sukurti sluoksnį „Photoshop“? Žemiau pateikiamos parinktys.

Kur yra sluoksniai?

Pirmiausia turėtumėte atidaryti failą su norimu vaizdu arba sukurti naują dokumentą. Paprastai pagal numatytuosius nustatymus, net prieš pasirodant vaizdui darbo srityje, dešinėje matomas specialus langas, kuriame yra skirtukas „Sluoksniai“. Jei šio skirtuko nėra, tada horizontaliame meniu turite spustelėti Langas (rusiškai „Langas“), tada sąraše raskite Sluoksnį. Meniu žodžio kairėje atsiranda varnelė, taip pat langas Ypatybės ir atviras skirtukas su sluoksniais. Dabar galite kibti į darbą.

Reikėtų pažymėti, kad savybių langas gali būti perkeltas visoje darbo zonoje savo nuožiūra. Norėdami tai padaryti, perkelkite žymeklį į viršutinį kraštą ir paspauskite kairįjį pelės mygtuką. Jo neatleisdami perkelkite langą ten, kur, vartotojo nuožiūra, patogiausia. Tada atleiskite mygtuką. Paprastai tai daroma, kai vaizdas yra labai didelis arba jį reikia padidinti, kad būtų galima pamatyti ir dirbti su visomis detalėmis.

Sluoksnių kūrimas naudojant ypatybių langą

Toliau kyla klausimas, kaip sukurti sluoksnį „Photoshop“, kur spustelėti? Žemiau yra nuotrauka, kurioje aiškiai matyti užuominos. Turėtumėte savo kompiuteryje atidaryti „Photoshop“ programą, kad galėtumėte pasitreniruoti ir prisiminti, kur viskas yra.

Visos su sluoksniais susijusios funkcijos yra ypatybių lango apačioje, skirtuke Sluoksniai. Antroji piktograma dešinėje yra „Sukurti naują sluoksnį“, o tai anglų kalba reiškia „New Lawer“. Tiesiog spustelėkite kairįjį pelės klavišą, kad jis būtų rodomas. Rekomenduojama atkreipti dėmesį į tai, kur skirtuke rodomas naujas sluoksnis. Paprastai pagal numatytuosius nustatymus jis yra virš ankstesnio.

Vaizdo atrakinimas

Reikėtų pažymėti, kad pagal numatytuosius nustatymus atidarytas dokumentas turi „užraktą“ ir užrašą „Fonas“, matomą dešinėje ypatybių lange. Tai yra, jūs negalite dirbti su paveikslėliu. Ji yra užblokuota nuo bet kokių operacijų. Kad tai veiktų, tame pačiame skirtuke „Sluoksniai“ turite dukart spustelėti „Fonas“ kairiuoju pelės mygtuku. Pasirodo horizontalus stačiakampis langas, kuriame prašoma padaryti vaizdą nauju sluoksniu ir suteikti jam pavadinimą. Taigi tampa aišku, kaip sukurti naują sluoksnį „Photoshop“ pradiniame vaizdo faile.

Papildomi du kūrimo būdai

„Photoshop“ yra keletas parinkčių, kaip sukurti naują sluoksnį. Vienas iš jų jau svarstytas. Kitas metodas apima horizontalaus meniu naudojimą viršuje. Yra skirtukas „Sluoksniai“. Paspaudę jį pamatysite patį pirmą žodį sąraše „Naujas“. Turėtumėte spustelėti „Sluoksnis...“.

Elipsė reiškia, kad programa paragins pakoreguoti sukurto sluoksnio parametrus, būtent:

• duoti vardą;
• nustatyti spalvą;
• pasirinkti maišymo režimą;
• sureguliuokite neskaidrumą procentais.

Tada spustelėkite „Gerai“.

Yra dar vienas įdomus būdas sukurti sluoksnį „Photoshop“ akimirksniu, tiesiogine prasme per vieną sekundę, neužvedus pelės žymeklio virš piktogramos ir meniu. Norėdami tai padaryti, naudokite klaviatūros klavišų derinį, kurį reikia paspausti visus kartu - Ctrl + Shift + N. Tačiau norint tokiu būdu sėkmingai sukurti naują sluoksnį, reikia išjungti kitas operacijas, pavyzdžiui, teksto kūrimą ar transformavimą. Tegul tik vienas iš esamų sluoksnių lango „Ypatybės“ skirtuke yra aktyvus.

Įvairios „Photoshop“ versijos

Pradedantieji gali būti sumišę dėl to, kad yra įvairių programos versijų. Dažnai teminiuose forumuose ir socialiniuose tinkluose jie klausia: „Kaip sukurti naują sluoksnį „Photoshop CS6“, jei studijavau ankstesnę versiją? Atsakymas paprastas: tas pats, jokių skirtumų.

Reguliavimo sluoksnis

Koregavimo sluoksnis padeda sukurti vaizdo efektus neiškraipant originalo.

Tai yra, jei jums nepatinka rezultatas, sluoksnį galima ištrinti. Galite jį sukurti dviem būdais:

1. Per meniu "Sluoksniai". Atidarykite „Naujas reguliavimo sluoksnis“, tada pasirinkite funkciją.
2. Lange Ypatybės. Raskite „Sluoksniai“, apačioje yra apvali juodai balta piktograma su trikampiu dešinėje.

Kaip sukurti koregavimo sluoksnį „Photoshop“, kad jis būtų ant kitų sluoksnių? Tiesiog vilkite jį aukščiau, virš kitų sluoksnių.

Taigi, straipsnyje buvo pateiktos instrukcijos, kaip trimis būdais sukurti sluoksnį „Photoshop“. Sėkmės!

Kaip sukurti naują sluoksnį „Photoshop“: perdanga ir ryšys, kaip pašalinti ir pakeisti dydį

„Adobe Photoshop“ skiriasi nuo įprastų grafinių redaktorių („Paint“ ir kitų) savo gebėjimu dirbti su sluoksniais. Tai leidžia bet kuriuo metu redaguoti taikomą efektą. Taip pat neįmanoma įsivaizduoti darbo kuriant vektorinius logotipus be sluoksnių.

Sukurkite naują sluoksnį „Photoshop“.

Jei dabar įdiegsite pačią pirmąją „Photoshop“ versiją, tai jus labai nustebins. Galite paklausti: kur yra „Photoshop“ sluoksniai? Pirmosios grafikos rengyklės versijos mažai skyrėsi nuo šiuolaikinės „Paint“. Sluoksnio palaikymas pasirodė šiek tiek vėliau. Dabar be šios funkcijos neapsieina nė vienas profesionalus vaizdo redaktorius. „Photoshop“ galite laisvai sukurti iki tūkstančio sluoksnių, tai neturės įtakos jūsų darbo greičiui. Bet tai yra kraštutinis atvejis, fotografai naudoja ne daugiau kaip 20-30 sluoksnių.

Sluoksnio esmė labai paprasta. Jame yra tam tikras filtras ar kaukė, taip pat tam tikro įrankio naudojimo efektas. Pavyzdžiui, į paveikslėlį įdėjote naują paveikslėlį. Jis bus rodomas naujame sluoksnyje. Dėl to galite pridėti potėpius, pakeisti paveikslėlio dydį, taip pat nustatyti vienokį ar kitokį skaidrumo laipsnį. Bet kada galite pakeisti „Photoshop“ sluoksnio dydį, net jei praėjo daug laiko nuo ankstesnio darbo su juo. Štai kam sluoksniai naudingi. Be jų daug operacijų reikėtų anuliuoti, kad vėl būtų galima pakeisti įdėto vaizdo dydį.

Atitinkamas skydelis skirtas dirbti su sluoksniais. Rekomenduojama visada laikyti atidarytą. Kaip rodyti vaizdą „Photoshop“, yra taip. Pirma, rodomas viršutinis sluoksnis, tada antrasis, trečiasis ir tt Kaip analogą galite naudoti popieriaus lapų krūvą. Pirmiausia pamatysite pirmąjį lapą, jis sutampa su visais kitais. Panaši situacija ir su sluoksniais. Pirmasis sutampa su antruoju, nebent bus nustatytas visiškas arba dalinis skaidrumas.

Kur yra „Photoshop“ sluoksniai?

Dirbdami su Photoshop reguliariai susidursite su sluoksnių skydeliu. Todėl turėtumėte žinoti visas funkcijas, kurias jis gali suteikti. Šio skydelio viršuje yra mygtukai, leidžiantys rodyti tik vieno ar kito tipo sluoksnius. Pavyzdžiui, tai gali būti koregavimo arba teksto sluoksniai. Pagal numatytuosius nustatymus šis filtras yra išjungtas.

Kaip „Photoshop“ padaryti skaidrų sluoksnį

Toliau ateina eilutė, reikalinga perdangos efektui sukurti. Tai leidžia iš sluoksnio atimti juodą arba baltą spalvą, taip pat sukurti kitus efektus. „Photoshop“ sluoksniavimas gali būti visiškai laukinis arba labai įprastas. Čia taip pat galite nustatyti neskaidrumo lygį. Pagal numatytuosius nustatymus kiekvienas sluoksnis sukuriamas visiškai nepermatomas. Jei „Photoshop“ norite padaryti sluoksnį skaidrų, šis elementas ateis į pagalbą. Pirmiausia nepamirškite pasirinkti norimo sluoksnio.

Trečioje sluoksnių skydelio eilutėje yra prijungimo įrankiai. Jei norite pataisyti sluoksnio padėtį ar jo skaidrumą, tai vieta jums. Šioje eilutėje taip pat yra elementas „Užpildyti“, kurio poveikis panašus į neskaidrumo funkciją.

Likusi skydelio dalis skirta sluoksnių sąrašui. Jei kai kuriems iš jų bus pritaikyti specialieji efektai, čia taip pat bus jų sąrašas. Pačiame apačioje yra specialūs mygtukai, su kuriais galite dirbti su „Photoshop“ sluoksniais (jo pagrindinė dalis).

Kaip pašalinti sluoksnį „Photoshop“.

Kai kurie pradedantieji vartotojai nesupranta, kaip „Photoshop“ sukurti sluoksnius. Todėl dažniausiai retušuoja nuotrauką viename sluoksnyje, nebent toks būtų sukurtas automatiškai panaudojus vieną ar kitą priemonę. Pavyzdžiui, įrankis Tipas iš karto sukuria naują sluoksnį. Vaizdai, įklijuoti iš mainų srities, automatiškai pridedami prie naujo sluoksnio.
Jei norite patys sukurti naują sluoksnį „Photoshop“, jame nėra nieko sudėtingo. Norėdami tai padaryti, naudokite atitinkamą mygtuką sluoksnių skydelio apačioje. Sukurtas sluoksnis bus dedamas virš pasirinkto sluoksnio. Pavyzdžiui, galite pasirinkti šeštą sluoksnį. Tokiu atveju jo vietą užims naujokas, o ankstesnis sluoksnis pereis į septintą poziciją. Į tai reikia atsižvelgti kuriant daugiasluoksnes kompozicijas.

Naujame sluoksnyje galite daryti ką norite. Ant jo galite naudoti užpildą, piešti bet kokią formą ar atlikti kitus veiksmus. Jei jūsų vaizdas yra daugiasluoksnis, tai nepakenks naujam sluoksniui suteikti savo pavadinimą. Priešingu atveju jis bus vadinamas „7 sluoksniu“. Norėdami pervardyti, dukart spustelėkite sluoksnį kairiuoju pelės mygtuku.

Taip pat galite grupuoti sluoksnius. Sukurkite naują aplanką naudodami atitinkamą mygtuką sluoksnių skydelio apačioje. Tada vilkite ir numeskite sluoksnius, kuriuos norite sujungti į vieną grupę. Daugiasluoksnėse kompozicijose be to neapsieisite, kitaip prasideda tikra painiava.

Kai kurie sluoksniai mums tampa nebereikalingi, kai kuriame vaizdą. Rekomenduojama juos pašalinti. Norėdami tai padaryti, pasirinkite sluoksnį ir paspauskite klavišą „Ištrinti“. Taip pat galite vilkti sluoksnį į mygtuką su krepšelio atvaizdu skydelio apačioje. „Photoshop“ sluoksnį galite pašalinti kitu būdu. Prie kiekvieno sluoksnio yra mygtukas su akies atvaizdu. Spustelėkite jį ir sluoksnio matomumas iš karto išsijungs. Tai savotiškas nulinio neskaidrumo analogas. Pats sluoksnis iš skydelio niekur nedings, bet kada galėsite jį įjungti.

Kaip prisijungti: sluoksniavimas „Photoshop“.

Jei jūsų paveikslėlyje jau yra daug sluoksnių, kai kuriuos iš jų galima derinti. Kaip pavyzdį paimkime du sluoksnius, kurių kiekviename yra po vieną mažą paveikslėlį. Jei juos sujungsite, negalėsite perkelti dviejų nuotraukų atskirai. Dabar jie judės erdvėje tik kartu vienas su kitu.
Norėdami sujungti sluoksnius „Photoshop“, pirmiausia turite juos pasirinkti. Tai daroma spustelėjus kairįjį pelės mygtuką, laikydami nuspaudę klavišą „Ctrl“. Pasirinkę dešiniuoju pelės mygtuku spustelėkite. Pasirodžiusiame kontekstiniame meniu pasirinkite „Sujungti sluoksnius“.

Pakeiskite sluoksnio dydį „Photoshop“.

Šiek tiek aukščiau tame pačiame kontekstiniame meniu rasite elementą „Nuorodos sluoksniai“. Jis panašus į ankstesnį. Bet kai pasirenkate, abu sluoksniai lieka savo vietose skydelyje. Šalia jų atsiranda kablio piktograma. Taip pat neleis keisti šių sluoksnių dydžio arba perkelti jų atskirai. Bet kuriuo metu galite anuliuoti nuorodą, o su sujungtais sluoksniais to padaryti negalima.

Išvada
Darbas su sluoksniais „Photoshop“ yra labai paprastas. Praleidę kelias minutes naršydami sluoksnių skydelį, pamilsite jo teikiamas funkcijas. Bet koks sudėtingas vaizdas turi būti daugiasluoksnis, kitaip sugaišite per daug laiko jį kurdami.