Het is niet heel moeilijk om een websitesjabloon te maken in Photoshop. De sjabloon bevat menu's, zoekformulieren, afbeeldingen, misschien wat tekst bijvoorbeeld. De site zelf wordt al op zijn basis geprogrammeerd.
instructies:
Stap 1
Begin met het vormgeven van uw sitesjabloon in Photoshop door een nieuw document te maken met een grootte van 1020 bij 1020 pic. Maak de achtergrond wit. Zet de voorgrondkleur op # c5e0dd en de achtergrondkleur op # ece5cf.
Stap 2
Neem het gereedschap Verloop en selecteer het eerste vultype in het instellingenpaneel. Sleep een verlooplijn van boven naar beneden over het witte veld.
Stap 3
Pak het gereedschap Tekst, schrijf de titel van uw site in de rechterbovenhoek zodat deze overeenkomt met het zoekformulier, dat zich in de linkerbovenhoek bevindt. Stel de lettergrootte in, bijvoorbeeld 12.
Stap 4
Om de zoekvorm te maken, selecteert u het gereedschap Rechthoek en tekent u een witte rechthoek in de rechterbovenhoek. Pas de volgende laaginstellingen toe: Schaduw binnen - Mengmodus - Vermenigvuldigen, Kleur - # a2b7b1, Dekking - 43, Hoek - 90, Afstand - 0, Choke - 0, Grootte - 10.
Stap 5
Gebruik het gereedschap Tekst om een zachte tekst binnen deze vorm te maken.
Stap 6
Selecteer het gereedschap Afgeronde rechthoek en maak een knop in de zoekvorm aan de rechterrand. Pas de volgende laagstijlen toe: Verloopoverlay - Mengmodus - Normaal, Dekking - 100, Verloop van donker naar licht (kleuren van # 754f39 tot # a1704f), Stijl - Lineair, Hoek - 90, Schaal - 59.
Stap 7
Gebruik het tekstgereedschap om "go" of iets dergelijks op deze knop te schrijven.
Stap 8
Om de navigatie te maken, neemt u het gereedschap Afgeronde rechthoek en tekent u een lange rechthoek onder de titel en zoekvorm. Pas de volgende laagstijlen toe: Verloopoverlay - Mengmodus - Normaal, Dekking - 100, Verloop van donker naar licht (kleuren van # 76503e tot # a46ecd), Stijl - Lineair, Hoek - 90, Schaal - 59; Lijnstructuur - 1, Positie - Binnen, Mengmodus - Normaal, Dekking - 100, Opvultype - Kleur, Kleur # 9F6038.
Stap 9
Neem het gereedschap Afgeronde rechthoek en teken een kleine rechthoek aan de linkerkant van de navigatiebalk. Pas de volgende laagstijlen toe: Inner Shadow - Mengmodus - Vermenigvuldigen, Dekking - 75, Hoek - 90, Afstand - 1, Choke - 0, Grootte - 8; Verloopoverlay - Mengmodus - Normaal, Dekking - 100, Verloop van donker naar licht (kleuren van # 76503c tot # a46e4d), Stijl - Lineair, Hoek - 90, Schaal - 59; Lijn - Structuur - 1, Positie - Binnen, Mengmodus - Normaal, Dekking - 100, Opvultype - Kleur, Kleur # 8f6347.
Stap 10
Voeg labels toe aan de navigatiebalk.
