Vytváření vlastních webových stránek vždy začíná vývojem náčrtu a budoucího designu a nedílnou součástí tohoto vývoje je vizualizace designu webu ve Photoshopu a rozřezání hotového designu na bloky pro následné rozvržení. Schopnost správně vystřihnout obrázek designu webu přímo ovlivňuje další úspěch rozložení a správné umístění grafických souborů na serveru.
Instrukce
Krok 1
Otevřete vytvořené návrhové rozvržení ve Photoshopu, což je pevný obrázek požadovaného rozlišení. Na panelu nástrojů ve Photoshopu vyberte nástroj řez. Dočasně vypněte viditelnost všech textových vrstev, vstupních polí, ikon a podobných prvků.
Krok 2
Nakreslete pomocí vybraného nástroje vodicí čáry, podél kterých web oříznete - tyto čáry na obrázku budou zelené. Jednodílné rozložení pečlivě rozdělte na konstrukční prvky požadované velikosti a množství.
Krok 3
Přemýšlejte o tom, jak obrázek oříznete - nemělo by v něm být příliš mnoho jednotlivých prvků. Chcete-li vytvořit vodicí čáry, umístěte kurzor na horní pravítko nad obrázek, klepněte levým tlačítkem a táhněte vodítko dolů. Uvolněte tlačítko myši.
Krok 4
Po nastavení všech vodítek (svislých i vodorovných) pokračujte v rozřezávání rozložení.
Krok 5
Pomocí řezného nástroje vybraného výše rozřízněte rozložení kliknutím levým tlačítkem myši na začátek každé vodicí čáry a natažením zobrazeného pole na velikost požadovaného objektu, který chcete vyjmout. Uvolněte levé tlačítko myši tak, aby se v levém rohu vyjmutého fragmentu zobrazilo sériové číslo.
Krok 6
Upravte ohraničení fragmentů jejich ručním roztažením. Chcete-li uložit nakrájené části celkového obrázku, klikněte v nabídce Soubor na možnost „Uložit pro webové stránky“a vyberte formát JPEG. V okně uložení vyberte možnost „Všechny fragmenty“.
Krok 7
Po samostatném uložení fragmentů vystřiženého obrázku uložte všechny vizuální prvky designu stránky - textové bloky, tlačítka, čáry atd.
