Příručka uživatele Zrušit

Rozdělení webové stránky na řezy

Řezy rozdělí obraz na menší obrazy, které se na webové stránce znovu sestaví s použitím tabulky HTML nebo vrstev CSS. Po rozdělení obrazu můžete přiřadit jednotlivým částem různé URL odkazů a tím vytvořit navigaci stránky, nebo můžete optimalizovat každou část obrazu s použitím jejích vlastních nastavení optimalizace.

Obraz rozdělený na řezy se exportuje a optimalizuje pomocí příkazu Uložit pro web. Photoshop uloží každý řez jako samostatný soubor a vygeneruje kód HTML nebo CSS, potřebný k zobrazení rozděleného obrazu.

Webová stránka v aplikaci Photoshop rozdělená na řezy
Webová stránka rozdělená na řezy.

Když používáte řezy, pamatujte si tato základní pravidla:

  • Řez můžete vytvořit pomocí nástroje řez nebo vytvořením řezů z vrstev.

  • Vytvořený řez můžete vybrat pomocí nástroje Výběr řezu  a pak ho můžete přesunout, změnit jeho velikost nebo ho zarovnat s jinými řezy.

  • Volby pro každý řez – například typ řezu, název a URL – můžete nastavit v dialogovém okně Volby řezu.

  • V dialogovém okně Uložit pro web můžete optimalizovat jednotlivé řezy s použitím různých nastavení optimalizace.

Typy řezů

Řezy jsou uspořádány do skupin podle typu obsahu (Tabulkový, Obrazový, Neobrazový) a způsobu vytvoření (uživatelský, řez z vrstvy, automatický).

Řezy vytvořené nástrojem řez se nazývají uživatelské řezy; řezy vytvořené z obsahu vrstvy se nazývají řezy z vrstev. Když vytvoříte nový uživatelský řez nebo řez z vrstvy, vygenerují se další automatické řezy, které vyplní zbývající oblasti obrazu. Jinými slovy, automatické řezy vyplní plochu obrazu, která není ohraničena uživatelskými řezy nebo řezy z vrstev. Automatické řezy se nově generují pokaždé, když přidáte nebo upravíte uživatelské řezy nebo řezy z vrstev. Automatické řezy můžete převést na uživatelské řezy.

Uživatelské řezy, řezy z vrstev a automatické řezy vypadají odlišně – uživatelské řezy a řezy z vrstev jsou ohraničené plnou čarou, zatímco automatické řezy jsou ohraničené čárkovanou čarou. Navíc se v uživatelských řezech a v řezech z vrstev zobrazují odlišné ikony. Můžete zvolit zobrazování nebo skrytí automatických řezů, což může usnadnit sledování práce s uživatelskými řezy a řezy z vrstev.

Podřez je typ automatického řezu, který se generuje, když vytvoříte překrývající se řezy. Podřezy označují, jak se obraz rozdělí při uložení optimalizovaného souboru. Přestože jsou podřezy očíslované a zobrazuje se v nich symbol řezu, nemůžete je vybrat nebo upravit nezávisle na základním řezu. Podřezy se obnovují pokaždé, když změníte pořadí překrývání řezů.

Řezy se vytvářejí různými způsoby:

  • Automatické řezy se generují automaticky.

  • Uživatelské řezy se vytvářejí nástrojem řez.

  • Řezy z vrstvy se vytvářejí pomocí panelu Vrstvy.

Rozdělení webové stránky na řezy

Můžete použít nástroj řez k nakreslení čar řezů přímo do obrazu, nebo můžete navrhnout svou grafiku s použitím vrstev a poté vytvořit řezy z vrstev.

Vytvoření řezu nástrojem řez

  1. Vyberte nástroj Řez . (Stisknutím klávesy C projdete nástroji seskupenými s nástrojem Oříznutí.)

    V okně dokumentu se automaticky zobrazí všechny existující řezy.

  2. Zvolte nastavení stylu v pruhu voleb:

    Normální

    Proporce řezu se určí tažením.

    Pevný poměr stran

    Nastaví pevný poměr výšky a šířky výběru. Zadejte celá nebo desetinná čísla určující poměr stran. Například abyste vytvořili řez dvakrát širší než je jeho výška, zadejte 2 jako šířku řezu a 1 jako výšku řezu.

    Pevná velikost

    Určuje výšku a šířku řezu. Zadejte rozměry v obrazových bodech jako celá čísla.

  3. Táhněte nástrojem přes oblast, kde chcete vytvořit řez. Táhněte se stisknutou klávesou Shift, chcete-li omezit tvar řezu na čtverec. Táhněte se stisknutou klávesou Alt, chcete-li kreslit od středu. Použijte příkaz Zobrazení > Přitahovat na, chcete-li zarovnat nový řez k vodítku nebo k jinému řezu v obrazu. Viz Přemísťování, změna velikosti a přitahování uživatelských řezů.

Vytvoření řezů z vodítek

  1. Přidejte do obrazu vodítka.
  2. Vyberte nástroj řez a v pruhu voleb klikněte na Řezy z vodítek.

    Když vytvoříte řezy z vodítek, všechny existující řezy se odstraní.

Vytvoření řezu z vrstvy

Řez z vrstvy zahrnuje všechna data obrazových bodů ve vrstvě. Pokud vrstvu posunete nebo upravíte její obsah, oblast řezu se automaticky přizpůsobí tak, aby zahrnovala nové obrazové body.

Vytvoření řezu z vrstvy v aplikaci Photoshop
Řez z vrstvy se aktualizuje, když upravíte jeho zdrojovou vrstvu.

Řezy z vrstev jsou méně pružné než uživatelské řezy, ale řez z vrstvy můžete převést („povýšit“) na uživatelský řez. Viz Převádění automatických řezů a řezů z vrstev na uživatelské řezy.

  1. Na panelu Vrstvy vyberte vrstvu.
  2. Zvolte položku Vrstva > Nový řez z vrstvy.
Poznámka:

Nepoužívejte řezy z vrstev, pokud budete pohybovat v průběhu animace vrstvou po velké oblasti obrázku, protože rozměr řezu může překročit užitečnou velikost.

Převádění automatických řezů a řezů z vrstev na uživatelské řezy

Řez z vrstvy je svázaný s obrazovými body vrstvy, takže jediný způsob, jak ho přemístit, zkombinovat, rozdělit, zvětšit, zmenšit a zarovnat, je upravit příslušnou vrstvu – pokud ho nepřevedete na uživatelský řez.

Všechny automatické řezy v obrazu jsou svázané a sdílejí stejné nastavení optimalizace. Pokud chcete nastavit jiné volby optimalizace pro některý automatický řez, musíte ho povýšit na uživatelský řez.

  1. Pomocí nástroje Výběr řezu  vyberte jeden nebo více řezů, které chcete převést.
  2. Klikněte na položku Povýšit v pruhu voleb.

Zobrazení řezů a voleb řezů

Řezy můžete v aplikaci Photoshop zobrazit v dialogovém okně Uložit pro web. Následující charakteristiky vám mohou pomoci řezy identifikovat a rozlišit:

Čáry řezu

Vymezují hranice řezu. Plná čára označuje, že jde o uživatelský řez nebo o řez z vrstvy, tečkovaná čára označuje automatický řez.

Barvy řezu

Rozlišují uživatelské řezy a řezy z vrstev od automatických řezů. Standardně mají uživatelské řezy a řezy z vrstev modré symboly a automatické řezy mají šedé symboly.

V dialogovém okně Uložit pro web se navíc používá korekce barev k ztlumení nevybraných řezů. Toto nastavení je pouze pro účely zobrazení a nemá vliv na výsledné barvy obrazu. Standardně je korekce barev pro automatické řezy dvojnásobná, než korekce pro uživatelské řezy.

Čísla řezů

Řezy se číslují  zleva doprava a shora dolů, se začátkem v levém horním rohu obrazu. Pokud změníte uspořádání nebo celkový počet řezů, jejich číslování se aktualizuje tak, aby odpovídalo novému uspořádání.

Symboly řezů

Určité podmínky označují následující symboly nebo ikony.

Uživatelský řez s obrazovým obsahem.

Uživatelský řez s neobrazovým obsahem.

Řez je z vrstvy.

Zobrazení nebo skrytí hranic řezů

  1. Zvolte Zobrazení > Zobrazovat > Řezy. Chcete-li zobrazit nebo skrýt řezy spolu s dalšími prvky, použijte příkaz Zobrazovat netištěné. Viz Zobrazení nebo skrytí netištěných prvků.

Zobrazení nebo skrytí automatických řezů

  1. Proveďte některou z těchto akcí:
    • Vyberte nástroj pro výběr řezu  a klepněte na volbu Zobrazit automatické řezy nebo Skrýt automatické řezy v pruhu voleb.

    • Zvolte Zobrazení > Zobrazovat > Řezy. Automatické řezy se zobrazí spolu s ostatními řezy.

Zobrazení nebo skrytí čísel řezů

  1. Proveďte jeden z následujících úkonů:
    • V systému Windows zvolte Úpravy > Předvolby > Vodítka, mřížka a řezy.

    • V systému Mac OS zvolte Photoshop > Předvolby > Vodítka, mřížka a řezy.

  2. V části Řezy klikněte na Zobrazovat čísla řezů.

Změna barvy ohraničení řezů

  1. V systému Windows zvolte Úpravy > Předvolby > Vodítka, mřížka a řezy; v systému Mac OS zvolte Photoshop > Předvolby > Vodítka, mřížka a řezy.
  2. V sekci Čáry řezu zvolte barvu z nabídky Barva čáry.

    Po změně barvy se čáry vybraného řezu automaticky zobrazí v konstrastní barvě.

Získejte pomoc rychleji a snáze

Nový uživatel?