Ako Vytvoriť Webovú Stránku Vo Photoshope

Ako Vytvoriť Webovú Stránku Vo Photoshope
Ako Vytvoriť Webovú Stránku Vo Photoshope
Anonim

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ý.

Ako vytvoriť webovú stránku vo Photoshope
Ako vytvoriť webovú stránku vo Photoshope

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.

Odporúča: