I Photoshop kan du lage en nettsideoppsett, i henhold til hvilken den allerede er opprettet i html. Denne prosessen er relativt enkel.
Nødvendig
Adobe Photoshop-program
Bruksanvisning
Trinn 1
Åpne Photoshop og lag et 1020 x 1200 bilde-dokument i det. Sett bakgrunnsfargen til # a8a995. Hvis nettstedet er dedikert til et selskap, kan du plassere logoen øverst til venstre i navigasjonsfeltet. La det være plass til høyre for lenker til å navigere på nettstedet.
Steg 2
Ta rektangelverktøyet, og lag et rektangel på 80 x 54 i navigasjonsfeltet. Det vil indikere det aktive menyelementet i navigasjonen på nettstedet.
Trinn 3
Gå til Layer-Layer Style-menyen, merk av i avkrysningsruten Color Overlay, farge # ADAE9E, Opacity - 100%, og Stroke, Størrelse - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Trinn 4
På toppen av rektangelet du allerede har, legg til et nytt 71x50 bilde, mal det med # cfbe28. Gå til Layer-Layer Style-menyen, angi følgende parametere for dette rektangelet: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Inner Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Choke - 0, Size - 18; Slag: Størrelse - 1, Posisjon - Utenfor, Opasitet - 100, Fylltype - Farge, Farge # D6C72C.
Trinn 5
Legg til skygge for lenker i navigasjonsfeltet. For å gjøre dette, velg laget med teksten i disse koblingene, gå til Layer-Layer Style-menyen og angi følgende parametere: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Gjenta disse trinnene for hvert lag som inneholder teksten til lenkene.
Trinn 6
Nå må du lage en innledende del av malen. Velg rektangelverktøyet og lag et rektangel under logoen, fyll det med hvitt, reduser opasiteten til 20%.
Trinn 7
Velg Ellipse-verktøyet og lag en oval under dette rektangelet. Gå til Filter> Uklarhet> Gaussisk uskarphet og sett Radius til 7, 8.
Trinn 8
Ta verktøyet Rectangular Marque Tool og velg den nederste delen av rektangelet og den uskarpe ovale. Slett det.
Trinn 9
Deretter skriver du inn teksten i rektangelknappen. Lag en linje rett over den med følgende parametere: 866 x 1 bilde.
