Vo Photoshope môžete vytvoriť rozloženie webových stránok, podľa ktorého je už vytvorené v html. Tento proces je pomerne jednoduchý.
Nevyhnutné
Program Adobe Photoshop
Inštrukcie
Krok 1
Otvorte Photoshop a vytvorte v ňom pic dokument s rozmermi 1020 x 1200 pixlov. Nastaviť farbu pozadia na # a8a995. Ak je web určený pre spoločnosť, môžete umiestniť jeho logo do ľavého horného rohu na navigačnom paneli. Vpravo ponechajte priestor na odkazy na navigáciu na webe.
Krok 2
Vezmite nástroj Obdĺžnik a na navigačnej lište stránky vytvorte obdĺžnik s obrázkom 80 x 54. Označí aktívnu položku ponuky v navigácii po webe.
Krok 3
Prejdite do ponuky Layer-Layer Style, začiarknite políčko Color Overlay, farba # ADAE9E, nepriehľadnosť - 100% a začiarkavacie políčko ťah, veľkosť - 1 px, pozícia - mimo, nepriehľadnosť - 100%, farba # CED0BB.
Krok 4
Na vrch obdĺžnika, ktorý už máte, pridajte ďalší obrázok s rozmermi 71 x 50, natrite ho farbou # cfbe28. Prejdite do ponuky Layer-Layer Style a nastavte pre tento obdĺžnik nasledujúce parametre: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Vnútorný tieň: Režim Blend - Násobenie, farba # 000000, Krytie - 27%, Uhol - 90, Vzdialenosť - 1, Sytič - 0, Veľkosť - 18; Zdvih: Veľkosť - 1, Poloha - Vonku, Nepriehľadnosť - 100, Typ výplne - Farba, Farba # D6C72C.
Krok 5
Pridajte tieň pre odkazy umiestnené na navigačnom paneli. Ak to chcete urobiť, vyberte vrstvu s textom týchto odkazov, choďte do ponuky Layer-Layer Style a nastavte nasledujúce parametre: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, rozšírenie - 0, veľkosť - 1. Tieto kroky opakujte pre každú vrstvu, ktorá bude obsahovať text odkazov.
Krok 6
Teraz musíte vytvoriť úvodnú časť šablóny. Vyberte Nástroj obdĺžnik a pod logom vytvorte obdĺžnik, vyplňte ho bielou farbou a znížte nepriehľadnosť na 20%.
Krok 7
Vyberte nástroj Elipsa a pod týmto obdĺžnikom urobte ovál. Prejdite do ponuky Filter> Rozostrenie> Gaussovo rozostrenie a nastavte Polomer na 7, 8.
Krok 8
Vezmite nástroj Obdĺžnikový štít a vyberte spodnú časť obdĺžnika a rozmazaný ovál. Vymaž to.
Krok 9
Potom zadajte text do tlačidla obdĺžnika. Vytvorte riadok priamo nad ním s nasledujúcimi parametrami: 866 o 1 obr.
