Det er ikke særlig svært at oprette en webstedsskabelon i Photoshop. Skabelonen inkluderer menuer, søgeformularer, grafik, måske nogle tekst for eksempel. Selve webstedet vil allerede være programmeret på basis af det.
Instruktioner
Trin 1
Begynd at forme din webstedsskabelon i Photoshop ved at oprette et nyt dokument med størrelsen 1020 x 1020. Gør baggrunden hvid. Indstil forgrundsfarven til # c5e0dd og baggrundsfarven til # ece5cf.
Trin 2
Tag gradientværktøjet, og vælg den første udfyldningstype i dets indstillingspanel. Træk en stigningslinje over det hvide felt fra top til bund.
Trin 3
Tag fat i tekstværktøjet, skriv din sitetitel i øverste højre hjørne, så den stemmer overens med søgeformularen, som vil være placeret i øverste venstre hjørne. Indstil skriftstørrelsen, for eksempel 12.
Trin 4
For at oprette søgeformen skal du vælge rektangelværktøjet og tegne et hvidt rektangel i øverste højre hjørne. Anvend følgende lagindstillinger: Indre skygge - Blandingstilstand - Multiplicer, Farve - # a2b7b1, Opacitet - 43, Vinkel - 90, Distance - 0, Choke - 0, Størrelse - 10.
Trin 5
Brug værktøjet Tekst til at oprette en blød tekst i denne form.
Trin 6
Vælg det afrundede rektangelværktøj, og lav en knap inde i søgeformen ved sin højre kant. Anvend følgende lagtyper: Gradientoverlay - Blend Mode - Normal, Opacity - 100, Gradient fra mørk til lys (farver fra # 754f39 til # a1704f), Style - Lineær, Vinkel - 90, Skala - 59.
Trin 7
Brug tekstværktøjet til at skrive "go" eller noget lignende på denne knap.
Trin 8
For at oprette navigationen skal du tage det afrundede rektangelværktøj og tegne et langt rektangel under titlen og søgeformen. Anvend følgende lagtyper: Gradientoverlay - Blend Mode - Normal, Opacitet - 100, Gradient fra mørk til lys (farver fra # 76503e til # a46ecd), Style - Lineær, Vinkel - 90, Skala - 59; Slagstruktur - 1, position - indvendigt, blandetilstand - normal, opacitet - 100, fyldtype - farve, farve # 9F6038.
Trin 9
Tag det afrundede rektangelværktøj, og tegn et lille rektangel på venstre side af navigationslinjen. Anvend følgende lagtyper: Indvendig skygge - Blandingstilstand - Multiplicer, opacitet - 75, vinkel - 90, afstand - 1, choker - 0, størrelse - 8; Gradientoverlay - Blend Mode - Normal, Opacitet - 100, Gradient fra mørk til lys (farver fra # 76503c til # a46e4d), Style - Lineær, Vinkel - 90, Skala - 59; Slaglængde - Struktur - 1, Position - indeni, Blandingstilstand - Normal, Opacitet - 100, Fyldtype - Farve, Farve # 8f6347.
Trin 10
Føj etiketter til navigationslinjen.
