I Photoshop kan du lave et webstedslayout, ifølge hvilket det allerede er oprettet i html. Denne proces er relativt enkel.
Nødvendig
Adobe Photoshop-program
Instruktioner
Trin 1
Åbn Photoshop, og opret et 1020 x 1200 pic-dokument i det. Indstil baggrundsfarven til # a8a995. Hvis webstedet er dedikeret til et firma, kan du placere dets logo øverst til venstre i navigationslinjen. Giv plads til højre for links til at navigere på siden.
Trin 2
Tag rektangelværktøjet, og opret et 80 til 54-billede rektangel i webstedsnavigationslinjen. Det angiver det aktive menupunkt i webstedsnavigationen.
Trin 3
Gå til menuen Layer-Layer Style, marker afkrydsningsfeltet Color Overlay, farve # ADAE9E, Opacity - 100%, og afkrydsningsfeltet Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Trin 4
Oven på det rektangel, du allerede har, skal du tilføje endnu et 71x50 billede, male det med # cfbe28. Gå til menuen Layer-Layer Style, indstil følgende parametre for dette rektangel: Drope Shadow: Blend Mode - Multiplicer, farve # 000000, Opacitet - 27%, Vinkel - 90, Distance - 1, Spread - 0, Størrelse - 5; Indre skygge: Blend Mode - Multiplicer, farve # 000000, Opacitet - 27%, Vinkel - 90, Distance - 1, Choke - 0, Størrelse - 18; Slaglængde: Størrelse - 1, Position - Udenfor, Opacitet - 100, Fyldtype - Farve, Farve # D6C72C.
Trin 5
Tilføj skygge for links i navigationslinjen. For at gøre dette skal du vælge laget med teksten i disse links, gå til menuen Layer-Layer Style og indstille følgende parametre: Drope Shadow: Blend Mode - Multiplicer, farve # 000000, Opacitet - 75%, Vinkel - 90, Distance - 1, Spread - 0, Size - 1. Gentag disse trin for hvert lag, der indeholder teksten i linkene.
Trin 6
Nu skal du lave en indledende del af skabelonen. Vælg rektangelværktøjet, og lav et rektangel under logoet, fyld det med hvidt, reducer opaciteten til 20%.
Trin 7
Vælg Ellipse-værktøjet, og lav en oval under dette rektangel. Gå til Filter> Sløring> Gaussisk sløring, og indstil Radius til 7, 8.
Trin 8
Tag værktøjet Rectangular Marque, og vælg den nederste del af rektanglet og den slørede ovale. Slet det.
Trin 9
Derefter skal du indtaste teksten i rektangelknappen. Opret en linje direkte over den med følgende parametre: 866 x 1 billede.
