Líbí se vám článek? Podpořte nás!
Zkusíme si pár jednoduchých úkonů a hlavně si představíme, jak funguje systém vrstev.
Obtížnost: Není určena -
Psáno pro verzi programu: Není určena
Dodatek: Pokud kliknete kam nemáte a dostanete se do oblastí, kterých se článek netýká, obvykle se z nabídek dostanete stisknutím ESC. Návod počítá s tím, že jste úplní nováčci v manipulaci s Photoshopem.
Otevřete nový dokument jako minule. Velikost plochy není důležitá, nuže do toho. Dnes nás bude zajímat práce s vrstvami (ještě jsem je zvýraznil na obrázku níže).

Jak vidíte, při vytvoření nového dokumentu máte jednu základní vrstvu, nazvanou pozadí. Tato vrstva je uzamčena, takže se s ní nemůže mnoho dělat. Není to plnohodnotná vrstva. Vrstvy pozadí se můžete zbavit tím, že na ni dvakrát kliknete (v seznamu vrstev) a program vám nabídne vytvořit z ní normální vrstvu, se kterou můžete dělat cokoliv, třeba ji rovnou smazat. Prozatím ji tam ale ponecháme.

Namísto toho vytvoříme novou vrstvu. Máte dvě možnosti, jak to provést. Buď použijete zkratku CTRL + SHIFT + N, anebo kliknete do spodní části panelu s vrstvami na ikonku pro novou vrstvu, jak můžete vidět na obrázku níže. Doporučuji si zvyknout na zkratku, je to rychlejší jako ostatně skoro vše, co se dá zvládnout klávesnicí.

Při vytváření nové vrstvy si můžete v dialogové okně nastavit některé základní vlastnosti vaší nové vrstvy, takže si je projdeme.


Není roztomilá, ta naše první vrstva? Představte si ji jako jedno volné plátno. Pro začátek uděláme něco jednoduché, uděláme na plátnu jednobarevný čtverec. Aj, já zapoměl, nejdřív bych vám asi měl představit nástroj, kterým ten čtverec uděláme. Nástroj Obdélníkový výběr, pro jeho navolení použijte písmeno M, anebo jej vyberte v menu (v předchozím článku máte vyjmenovány všechny nástroje). Nyní zkuste někam do souboru kliknout a nepouštějte levé tlačítko myši – natáhněte jej na druhou stranu. Uvidíte, jak se vám od kurzoru táhne objekt, který je ohraničován přerušovanými čarami – prostor, který jste právě vybrali nástrojem.

Nyní klikněte kamkoliv na pracovní plochu pravým tlačítkem. Otevře se vám nové menu, které budeme později podrobně probírat, až budeme procházet všechny možné selekce. Momentálně nám poslouží pouze jako pomocník v učení. Klikněte na Vyplnit.

Vyskočí vám další nabídka, kde pozměníme pouze první kolonku, podle obrázku níže na černou. Ti z vás, obdařeni logickým úsudkem mohou odhadovat, že nám to vyplní vybraný kousek černou barvou. Takže dejme OK.

A máme první hezký černý nudný obdélník (nechtěli jsme původně čtverec?). Je čas vytvořil další vrstvu a trochu to obohatit.

Nyní nebudeme používat nástroj Obdélníkový výběr, ale vybereme štětec (B). Ujistěte se, že máte vybraný opravdu štětec a ne tužku, viz v minulém článku, pokud ponecháte ukazatel myši na ikonce nástroje v panelu nástrojů vlevo, ukáže se vám textový popisek. Je úplně jedno, jak nastavený štětec budete mít, tím se teď nebudeme zaobírat. Podstatnější je barva, kterou budeme malovat. Klikněte proto podle obrázku níže na levý čtverec s barvou. Říká se mu barva popředí.

Po kliknutí na vás vybafne taková podivná přebarevná paneta. Toho si zatím nevšímejte a přesuňte kurzor úplně vlevo nahoru (na obrázku níže vidíte malý kruhový ukazatel v levém horním rohu) – tím jsme nabrali bílou barvu. A teď OK a zpátky ke štětce (tlačítko B, pokud jste zapoměli). Je to tu horší než ve Stínadlech, samá záhada. Ujistěte se, že máte vybranou nejnovější vrstvu a udělejte štětcem pár tahů přes černý obdélník.

Fajn. Vytvoříme si další vrstvu. Vyberte z menu nástroj přechod, buď stisknutím klávesy G, nebo najeďte dle obrázku níže do menu.

Nyní klikněte podle obrázku níže na výběr barevného přechodu a vyberte ten, který mám i já, tedy chróm. Je obsažen v základní nabídce přechodů, takže i když něco budete mít jinak než já, chróm (kurzor na něj nemíří úplně přesně, je to ta kombinace modré a oranžové) tam budete mít. Ujistěte se, že máte vybranou novou vrstvu, klikněte někam na pracovní plochu a táhněte.

Pro zvětšení klikněte na obrázek
Táhněte jako na obrázku níže a poté kurzor pusťte.

Pro zvětšení klikněte na obrázek
Běda, co se nám to stalo?! Celou pracovní plochu pokryl přechod modré, bílé a oranžové. Bědovat byste mohli v programech, které nepodporují vrstvy, protože pak byste si přemazali vše, co jste do té doby měli na ploše. Když se ale podíváte do vrstev, uvidíte, že všechny jsou na svých místech. Jsou pouze překryté nejnovější vrstvou, přechodem.

Pro zvětšení klikněte na obrázek
Takže abychom viděli ostatní vrstvy, musíme buď tuto vrstvu smazat, zprůhlednit nebo posunout. Vybereme si poslední možnost a alespoň si procvičíme práci s dalším velmi důležitým nástrojem, nástrojem Přesun. Stiskněte V, nebo v menu zvolte nástroje podle obrázku níže.

Ujistěte se, že máte vybranou vrstvu s přechodem, klikněte někam na pracovní plochu, držte tlačítko myši a libovolně táhněte. Uvidíte, že táhnete vrstvu tam, kam chcete.

Pro zvětšení klikněte na obrázek
Takže poté, co jsme si vrstvu trochu odsunuli, uděláme ještě pár věcí, které nám mohou demonstrovat, jak mocné jsou vrstvy. Vyberte si v počítači či na internetu nějakou hezkou fotku a otevřete ji v Photoshopu. Pokud nevíte, jak manipulovat se soubory tímto způsobem, následující obrázek vám to ukáže a navíc vám dovolím nahlédnout do svého soukromého adresáře, kde uchovávám obrázky, vhodné pro pozdější použití.

Pro zvětšení klikněte na obrázek
Já zvolil jeden moc hezký obrázek, který mi před nějakou dobou přeposílal zino, náš další redaktor. Komentářů ohledně osoby na obrázku vás raději ušetřím, je to nepublikovatelné. Takže poté, co jste si otevřeli fotku v Photoshopu, máte vytvořeny dva různé soubory. Alespoň prozatím.

Pro zvětšení klikněte na obrázek
Vyberte opět nástroj přesun (V) a klikněte (v mém případě) na ten ohavný obličej. Držte opět tlačítko a posuňte kurzor do druhého souboru, dokud neuvidíte malou ikonku + jako na obrázku níže. Poté můžete tlačítko myši pustit. Tím jste si přesunuli fotku do původního souboru.

Pro zvětšení klikněte na obrázek
Abychom se příliš nevyčerpali, blížíme se k závěru dnešního dílu (ano já vím, je trochu podivný). Přejdeme nyní do panelu vrstev, klikneme na nejnovější vrstvu s naší fotkou a opět podržíme tlačítko. Tím vrstvu uchopíme a můžeme ji přesunovat. Využijeme toho s tím, že ji přesuneme pod starší vrstvy.

Na obrázku můžete vidět, že fotku vkládáme mezi vrstvy první a druhá, můžete si toho všimnout nejen proto, že ji držím mezi nimi, ale i podle toho, že obvykle je mezi vrstvami tenká čára, ale tam, kam vkládám nejnovější vrstvu je najednou čára tlustší. Jak vidíte, fotku máme částečně zakrytou. Přepneme se do vrstvy s přechodem a připravíme na grande finále (takto se mimochodem jmenuje jedna značka toaletního papíru).

Pro zvětšení klikněte na obrázek
Podle obrázku níže klikněte na kolonku, která nastavuje režim vrstvy a vyberte odstín.

A hned uvidíte, že postava na naší fotce dostala zdravější barvu v obličeji (ještě jsem vrstvu s přechodem trochu posunul, aby byla přes celý obličej). Ovšem tohle je maličkost ve srovnání s tím, co můžete pomocí vrstev dělat.

Pro zvětšení klikněte na obrázek
Pokud jste se v tomto díle někde ztratili, nevadí. Víte, někdy by člověk měl zkusit něco jen tak naslepo. Hlavní smysl článku byl ukázat jak fungují vrstvy. Tentokrát jste si prošli několik postupů, které nebyly nijak zvlášť popsány, sloužily pouze k jednoduché demonstraci. Pokud jste po tomto schopni s Photoshopem dále manipulovat, všechna čest. Ovšem teď budou následovat povětšinou normální články, takže doporučuji sledovat náš web dál, čas od času však článek podobný tomuto přijde, abychom si procvičili to, co už umíme. Podle mě je vhodné něco nejen popisovat a učit, ale také umožnit člověku nahlédnout do učení ještě předtím, než se začne skutečně učit :) Nemusíte se tedy snažit vše zkoumat, pamatovat si a jinak se s tím trápit, člověk se musí učit postupně. Další díl budeme věnovat podrobnějšímu rozboru funkcí a nástrojů, které jsme zde použili a manipulací s dokumenty obecně. Takže doufám, že teď máte chuť se učit.
Sekce: ZačátkyZobrazeno: 59011x
Hodnocení článku: 3.65/5Hodnoceno: 273xCelkově: 996
Ohodnotit článek: Tisknout článek Převod do PDF
O autorovi: lefiath
Komentáře ( celkem 47 komentářů )
Neregistrovaní uživatelé nemohou psát komentáře
Ahoj!
Super clanek,ale mel bych otazku..jak mam tedy po te co jsem otevrel obrazek ve photoshopu ten obrazek dostat mezi ty ostatni vrstvy??Díky za odpoved..
jinak houmr má pravdu, taky jsem nejdřív klikala do kolonky navigátor...
Vážně užasná serie článku ... pro mne jako uplneho nováčka vážně dar z nebe ! Mockrát ti děkuju !
Super článek jako vždy!! Díky za něj!! 5/5!!
Jo jasně vidim, podle obrázku to totiž vypadalo, že je to z toho navogatoru tak sem se s tim sral a lopoil tak dlouho
Díky
Klikneš na tu nabídku normální... takové to políčko s modrou šipkou po straně.
http://tutorials.cz/img/add/tutorial/lefiath/03/21_23.jpg
Nevim jak se do toho dostanu 
ahoj chtěl sem se zeptat když dělám ten poslední krok odstín tak mi to hodí ten obrázek do bíla a není tam vidět místo toho aby mi to hodilo ten nažloutlej obraz nevíte co stím..?díky za radu..
Neplést si manuál s výukovým kurzem. Manuál je otravná věc, ve které se má spíš vyhledávat, a určitě neslouží jako komplexní průvodce (tedy sloužil by, kdyby u něj každý neusnul).
Ďakujem za tento tutoriál. Už som poznal vrstvy, ale možnosť nastavenia odstínu/hue a celkovo potenciál tejto paletky mi unikol. Po pokusoch čítať manuál k Photoshopu skvelá príležitosť ako sa niečo naučiť a nerozbiť hlavou monitor, ci nemať otlačky klávesnice na líci.. Alebo to len mňa manuály uspávajú? 
ahoj chtěl sem se zeptat když dělám ten poslední krok odstín tak mi to hodí ten obrázek do bíla a není tam vidět místo toho aby mi to hodilo ten nažloutlej obraz nevíte co stím..?díky za radu..
Ahoj když otevřu fotku přesně podle návodu tak vpravo ve vrstách mi všechny předešlý zmizí a zůstane tam jen ta jedna nová fotka takže jí nemůžu vložit mezi ostatní vrstvy ... jinak postup byl přesně podle návodu 
no už jsem na to přišel to okno se objeví pouze když novou vrstvu přidávám klávesovou zkratkou ..pokud ji přidám normálně v menu neobjeví se žádná nabídka a automaticky se přidá vrstva v základním na stavení ...čím to je to nevím ale to je vedlejší
...díky
To je okno, které se otevře pouze v případě, že převádíš vrstvu pozadí na normální vrstvu.
Musím smeknout, vyznat se v něčem je jedna věc ..ale podat to v pochopitelném stavu ostatní je věc jiná a daleko težší, a myslim že tenhle tutoriál je zářný příklad toho jak to má vypadat.
Ovšem já jsem se zasekl hned na začátku, je to sice banálnost ale dost mě to štve--jak mám u té nové vrstvy otevřít to dialogové okno?...u pozadí to jde ovšem u nové vrstvy se mi otevře nějaké okno s podrobným nastavením ale to co bych potřeboval tam není, ocenil bych odpověď předem díky
...
Grafic(anti)talent
chyba bude asi v tom ze im sa to otvori ako nove okno a prekrije vlastne celu pracu co ste robili skuste to potom jednoduchsie dat FILE teda subor a PLACE umiestnit obrazok .. je to v podstate to iste myslim si ze este rychlejsie
Eh. Vidím, že zde se celý článek minul účinkem, asi jsem ho nenapsal tak dobře, jak jsem si myslel. Obrázky mají různé formáty. JPG, PNG, BMP atd. Když je otevřeš v Photoshopu, tak jsou to stále ty samé obrázky. ALe když je začneš kombinovat mezi sebou (přesouvat víc obrázků do jednoho), nebo uděláš víc vrstev, tak to potom můžeš uložit jako PSD (samozřejmě tak jde uložit cokoliv, ale když jsou tam vrstvy, tak to má smysl). Pokud to z tohohle stále vůbec nechápeš, doporučuji si zařídit nějaké placené kurzy. Anebo si ten článek přečíst znovu. A znovu. A znovu.
Co tam vidím jsou všechny obrázky (včetně Dzurindy) ve formátu JPG. To mi trochu nedává smysl. Jinak jak se dá obrázek změnit na formát PSD aby šlo vše normálně jak má podle tutorialu?
To není žádná chyba. Pokud obrázek není ve formátu PSD, což je pracovní formát Photoshopu, tak se ten obrázek uloží jako jedna vrstva, protože Photoshop prostě nemá další vrstvy, ze kterých by vycházel. Jak můžeš na ilustračních obrázcích vidět, já tam vrstvu pozadí také mám, asi bych měl doplnit, že vrstva se dá změnit na aktivní jednoduchým dvojklikem a poté s ní můžeš manipulovat. Pokud ovšem obrázek potom neuložíš jako PSD, po dalším otevření tam bude opět jedna vrstva.
Mám stejný problém jako MiKi 93.
Ve fázi tutorilu "Vyberte si v počítači či na internetu nějakou hezkou fotku a [botevřete[/b] ji v Photoshopu." nastane nějaká chyba programu/moje/naše/vaše/jejich ne ale zkrátka chyba. Jde o to že obrázek se sice na pracovní ploše zobrazí ale zároven smaže všechny ostatní vrstvy a dá se jako pozadí. Saragon říkal něco o psd o kterém jsem nikdy neslyšel.
Tutorialy od Lefiatha jsou skvělé a byla by škoda skončit právě zde kvůli nějaké chybě.
Děkuji za případnou odpověď.
výborný tutorial stejně jako ostatní.. co dodat.Dobře se bavím
a vím zase o něco víc
promiňte už sem na to přišel měl jsem kliknout na ten přechod a tam dát odstín už se mi to povedlo a paroubek je modrý dík
jo jeto super ale akorát ke konci jak sem dával ten odstín sem klikl na vrstvu 1 tedy paroubka a on zmizel
ale podle návodu měl dostat jinačí barvu ale prostě mi zmizel

Uplně pecka tyhle návody.říkal jsem si že půjdu rovnou na věc že se mi to nechce číst ale vždycky jsem se někde sekl.Nakonec se ukázalo že to nebyl špatnej nápad číst
Tak prešiel som ďalším tutoriálom bez ujmy na zdraví a pcčku, idem ďalej.
Děkuji za tento a rovnou i ostatní tutorialy od lefiatha. Jsou čtivé, jasně srozumitelné a docela zábavné
6/5
je to fakt uzasne co vse se da delat jen s jednotlivymi vecmi 



Tak jsem to jakš takš zvládnul. Už jsem myslel, že zešílím 
Raději vám to ukážu na obrázcích:
1.) Mám tento obrázek:
http://i34.tinypic.com/2dkh2x4.png
2.) Chci si otevřít v PS tento obrázek, který mám uložený v PC:
http://animals.nationalgeographic.com/staticfiles/NGS/Shared/StaticFiles/animals/images/primary/african-lion-closeup.jpg
3.)Dám otevřít v programu - Photoshop, ale neotevře se mi to jako ve vašem návodu, ale jako normální obrázek:
viz: http://i36.tinypic.com/99hy75.png
Protoze v jakemkoli formatu krome psd samozrejme vrstvy neuvidis, slouci se do jedne.
Mám problém, chci si otevřít ten obrázek. Už mám všechny vrstvy hotové, jenže kdy dám na nějaký obrázek pravým-otevřít v programu-photoshop, tak se mi to otevře jako normální soubor, takže mám jen jednu vrstvu POZADÍ a to je ten obrázek. Nevíte, co s tím? Díky
Jinak super návod
Sice jsem se nic moc nového nedozvěděl, ale pár věcí přeci jenom ano.Jinak článek je velice dobře a humorně napsaný.Smekám... 5 ...
Grande finále (takto se mimochodem jmenuje jedna značka toaletního papíru).
To sou hlasky 
Nejvíc mě dostalo to: "...dostala zdravější barvu v obličeji..." 
rofl
dobry vytvor
inak robis skvele tutorialy lol vcera som zacal a neska uz mam za sebu pol takej tazsej prace
sedel som za tym cely den lebo mam zlomeny clenek 
Ten je k ničemu
Spíš si to stáhni jako html stránku...
Já si to chci ale stáhnout, nejede mi tiskárna. 
Pěkný tut, už se těším, až budeš o kousek dál, tohle stále ještě zvládám. Ale fakt se mi líbí taková aktivita 
dpbry tutorial ..... ale najviac sa mi paci ten ukazkovy obrazok co je na zaciatku na hlavnej stranke kebyze na ten spravis tutorial hmm pekne by bolo
davepb, Golfy, H4rddisk Jesus, lefiath, LukasZ Walker Maximal, Spoonee, Ythren, zino
Stránky tutorials.cz jsou unikátní sbírkou sepsaných návodů, které jsou tu jen pro vás! Jestli nás chcete žalovat, jsme tu také jen pro vás!
Za design je zodpovědný neznámý autor, který jej svolil vytvořit poté, co byl lefiathův návrh schválen, ale spadl mu do kanálu.
tutorials.cz 2008 - Všechna práva vyhrazena. Grafiku a kód vytvořil InDesign (www.indesign.name)