I Photoshop kan du skapa en webbplatslayout, enligt vilken den redan är skapad i html. Denna process är relativt enkel.
Nödvändig
Adobe Photoshop-program
Instruktioner
Steg 1
Öppna Photoshop och skapa ett 1020 x 1200 bilddokument i det. Ställ in bakgrundsfärgen till # a8a995. Om webbplatsen är tillägnad ett företag kan du placera dess logotyp längst upp till vänster i navigeringsfältet. Lämna lite utrymme till höger för länkar för att navigera på webbplatsen.
Steg 2
Ta rektangelverktyget och skapa en 80 x 54 rektangel i webbplatsens navigeringsfält. Den anger det aktiva menyalternativet i webbplatsnavigering.
Steg 3
Gå till menyn Layer-Layer Style, markera kryssrutan Color Overlay, färg # ADAE9E, Opacity - 100% och Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Steg 4
Ovanpå den rektangel du redan har, lägg till ytterligare 71x50 bilder, måla den med # cfbe28. Gå till menyn Layer-Layer Style, ställ in följande parametrar för denna rektangel: Drope Shadow: Blend Mode - Multiplicera, färg # 000000, Opacitet - 27%, Vinkel - 90, Distans - 1, Spread - 0, Storlek - 5; Inre skugga: Blandningsläge - Multiplicera, färg # 000000, Opacitet - 27%, Vinkel - 90, Avstånd - 1, Choke - 0, Storlek - 18; Slaglängd: Storlek - 1, Position - Utanför, Opacitet - 100, Fyllningstyp - Färg, Färg # D6C72C.
Steg 5
Lägg till skugga för länkar i navigeringsfältet. För att göra detta, välj lagret med texten i dessa länkar, gå till menyn Layer-Layer Style och ställ in följande parametrar: Drope Shadow: Blend Mode - Multiplicera, färg # 000000, Opacitet - 75%, Vinkel - 90, Distance - 1, Spread - 0, Size - 1. Upprepa dessa steg för varje lager som innehåller texten i länkarna.
Steg 6
Nu måste du göra en inledande del av mallen. Välj rektangelverktyget och skapa en rektangel under logotypen, fyll den med vitt, minska opaciteten till 20%.
Steg 7
Välj Ellipse Tool och gör en oval under denna rektangel. Gå till Filter> Oskärpa> Gaussian Oskärpa och ställ in Radien till 7, 8.
Steg 8
Ta det rektangulära markeringsverktyget och välj rektangelns nedre del och den suddiga ovalen. Radera det.
Steg 9
Därefter anger du texten i rektangelknappen. Skapa en rad direkt ovanför den med följande parametrar: 866 x 1 bild.
