Det är inte särskilt svårt att skapa en webbplatsmall i Photoshop. Mallen innehåller menyer, sökformulär, grafik, kanske lite text till exempel. Webbplatsen själv kommer redan att vara programmerad på grundval.
Instruktioner
Steg 1
Börja forma din webbplatsmall i Photoshop genom att skapa ett nytt dokument med storleken 1020 x 1020. Gör bakgrunden vit. Ställ in förgrundsfärgen till # c5e0dd och bakgrundsfärgen till # ece5cf.
Steg 2
Ta lutningsverktyget och välj den första fyllningstypen i inställningspanelen. Dra en lutningslinje över det vita fältet från topp till botten.
Steg 3
Ta tag i textverktyget, skriv din webbplatsrubrik i det övre högra hörnet så att den stämmer med sökformuläret, som kommer att finnas i det övre vänstra hörnet. Ställ in teckensnittsstorleken, till exempel 12.
Steg 4
För att skapa sökformen väljer du rektangelverktyget och ritar en vit rektangel i det övre högra hörnet. Använd följande lagerinställningar: Inre skugga - Blandningsläge - Multiplicera, Färg - # a2b7b1, Opacitet - 43, Vinkel - 90, Avstånd - 0, Choke - 0, Storlek - 10.
Steg 5
Använd textverktyget för att skapa en mjuk text i denna form.
Steg 6
Välj det rundade rektangelverktyget och skapa en knapp i sökformen vid dess högra kant. Använd följande lagerstilar: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (färger från # 754f39 till # a1704f), Style - Linear, Angle - 90, Scale - 59.
Steg 7
Använd textverktyget för att skriva "go" eller något liknande på den här knappen.
Steg 8
För att skapa navigeringen, ta det rundade rektangelverktyget och rita en lång rektangel under titeln och sökformen. Använd följande lagerstilar: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (färger från # 76503e till # a46ecd), Style - Linjär, Vinkel - 90, Scale - 59; Stroke Structure - 1, Position - Inside, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 9F6038.
Steg 9
Ta det rundade rektangelverktyget och rita en liten rektangel på vänster sida av navigeringsfältet. Använd följande lagerstilar: Inre skugga - Blandningsläge - Multiplicera, Opacitet - 75, Vinkel - 90, Avstånd - 1, Choke - 0, Storlek - 8; Gradientoverlay - Blandningsläge - Normal, Opacitet - 100, Gradient från mörkt till ljus (färger från # 76503c till # a46e4d), Stil - Linjär, Vinkel - 90, Skala - 59; Stroke - Structure - 1, Position - Inside, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 8f6347.
Steg 10
Lägg till etiketter i navigeringsfältet.
