Ve Photoshopu můžete vytvořit rozvržení webu, podle kterého je již vytvořeno v html. Tento proces je relativně jednoduchý.
Nezbytné
Program Adobe Photoshop
Instrukce
Krok 1
Otevřete Photoshop a vytvořte v něm pic dokument o velikosti 1020 x 1200. Nastavte barvu pozadí na # a8a995. Pokud je web věnován společnosti, můžete jeho logo umístit vlevo nahoře na navigačním panelu. Vlevo ponechejte prostor pro odkazy pro navigaci na webu.
Krok 2
Vezměte nástroj Obdélník a na navigační liště webu vytvořte obdélník o rozměrech 80 x 54 pixelů. Označí aktivní položku nabídky v navigaci na webu.
Krok 3
Přejděte do nabídky Layer-Layer Style, zaškrtněte políčko Color Overlay, barva # ADAE9E, krytí - 100% a políčko tah, velikost - 1 px, pozice - venku, krytí - 100%, barva # CED0BB.
Krok 4
V horní části obdélníku, který již máte, přidejte další obrázek o rozměrech 71 x 50, namalujte jej # cfbe28. Přejděte do nabídky Styl vrstvy-vrstvy a nastavte pro tento obdélník následující parametry: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Vnitřní stín: Režim Blend - Násobení, barva # 000000, Krytí - 27%, Úhel - 90, Vzdálenost - 1, Sytič - 0, Velikost - 18; Tah: Velikost - 1, Poloha - Vnější, Neprůhlednost - 100, Typ výplně - Barva, Barva # D6C72C.
Krok 5
Přidejte stín pro odkazy umístěné na navigační liště. Chcete-li to provést, vyberte vrstvu s textem těchto odkazů, přejděte do nabídky Styl vrstvy a nastavte následující parametry: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Tyto kroky opakujte pro každou vrstvu, která bude obsahovat text odkazů.
Krok 6
Nyní musíte vytvořit úvodní část šablony. Vyberte nástroj Obdélník a vytvořte obdélník pod logem, vyplňte jej bílou barvou a snižte krytí na 20%.
Krok 7
Vyberte nástroj Elipsa a pod tímto obdélníkem vytvořte ovál. Přejděte na Filtr> Rozostření> Gaussovo rozostření a nastavte poloměr na 7, 8.
Krok 8
Vezměte nástroj Obdélníkový rámeček a vyberte spodní část obdélníku a rozmazaný ovál. Smazat to.
Krok 9
Poté zadejte text do tlačítka obdélníku. Přímo nad ním vytvořte řádek s následujícími parametry: 866 o 1 obr.
