Přehled řezů

Když vytváříte grafiku pro web, různé části obrázku se často musí chovat nezávisle. Jedna oblast může odkazovat na adresu URL, jiná se může načítat rychleji a další může potřebovat jiné nastavení vylepšení. Řezy rozdělí jeden obrázek do mřížky menších částí, které společně fungují jako webová stránka a zároveň zachovávají kontrolu nad každou částí.

Photoshop znovu sestaví rozřezané obrázky na webových stránkách pomocí tabulek HTML nebo vrstev CSS. Když exportujete rozřezaný obrázek pomocí příkazu Soubor > Exportovat > Uložit pro web, Photoshop uloží každý řez jako samostatný soubor. Vygeneruje také HTML nebo CSS potřebné k zobrazení obrázku jako jedné kompozice v prohlížeči.

Jak řezy fungují

Řezy rozdělují obrázek podél neviditelných čar mřížky a vytvářejí obdélníkové části, které fungují jako nezávislé soubory. Každý řez si zachovává svou pozici v celkovém rozvržení a zároveň funguje jako samostatný prvek s vlastními vlastnostmi, nastavením vylepšení a chováním.

Tento postup nabízí několik praktických výhod:

• Přiřaďte různé adresy URL a vytvořte klikatelné navigační prvky
• Použít různé nastavení komprese a vyvážit kvalitu a velikost souboru v jednotlivých oblastech
• Aktualizovat jednotlivé části bez opětovného exportu celé kompozice

Typ řezu podle způsobu vytvoření

Photoshop rozděluje řezy do kategorií podle způsobu jejich vytvoření a každý typ se při úpravách obrázku chová jinak.

• Uživatelské řezy: Části, které ručně vymezíte pomocí nástroje Řez.Máte úplnou kontrolu nad jejich velikostí, polohou a vlastnostmi a zůstanou na místě, dokud je nepřesunete nebo neupravíte.
• Řezy podle vrstvy: Řezy zahrnují všechny pixely ve vrstvě. Jejich hranice se automaticky aktualizují, když vrstvu přesunete nebo upravíte. Hodí se pro obsah, který se často mění, ale nabízejí menší kontrolu nad přesným umístěním než uživatelské řezy.
• Automatické řezy: Řezy, které vyplňují zbývající prostor v obrázku nepokrytý uživatelskými řezy nebo řezy podle vrstvy. Aplikace Photoshop je generuje automaticky a znovu generuje, kdykoli přidáte, odstraníte nebo upravíte jiné řezy.Všechny automatické řezy v obrázku sdílejí stejná nastavení vylepšení.
• Podřezy: Speciální typ automatického řezu, který se zobrazí, když se řezy překrývají.Podřezy ukazují, jak aplikace Photoshop rozdělí překrývající se oblasti při uložení vylepšeného souboru.Podřezy nemůžete vybírat ani upravovat samostatně, nezávisle na řezech, na kterých jsou založeny.

Typ řezu podle obsahu

Řezy dělíme také podle typu obsahu, který obsahují.

• Obrázkové řezy: Výchozí typ řezu pro vizuální obsah, obsahující data obrázku z dokumentu aplikace Photoshop.
• Řezy bez obrázku: Prázdné buňky tabulky pro text HTML nebo plné barvy.Aplikace Photoshop tyto řezy neexportuje jako soubory obrázků, což je dělá užitečnými pro živý, vybratelný text.
• Tabulkové řezy: Řezy, které určují, jak aplikace Photoshop strukturuje tabulku HTML použitou k opětovnému sestavení rozřezaného obrázku v prohlížeči.

Vizuální vodítka řezů

Aplikace Photoshop používá vizuální vodítka, která vám pomáhají při práci rozlišovat typy řezů.

• Čáry řezu: Plné čáry označují uživatelské řezy nebo řezy založené na vrstvě a čárkované čáry označují automatické řezy.
• Barvy řezu: Modré symboly označují uživatelské řezy a řezy založené na vrstvě a šedé symboly označují automatické řezy.
• Čísla řezu: Čísla v levém horním rohu každého řezu postupují zleva doprava a shora dolů a automaticky se aktualizují, když řezy přeuspořádáte nebo upravíte.
• Značky řezu: Malé ikony označují obsah a typ řezu.Například ikona obrázku označuje uživatelský řez s obrazovým obsahem, přeškrtnutá ikona obrázku označuje uživatelský řez bez obrazového obsahu a ikona vrstvy označuje řez založený na vrstvě.

Rozpoznání těchto vizuálních rozdílů vám pomůže rychle identifikovat typy řezů a efektivněji pracovat se složitým rozvržením řezů při rozdělování webových stránek na řezy.