„Photoshop“galite sukurti svetainės maketą, pagal kurį jis jau sukurtas html. Šis procesas yra gana paprastas.
Būtinas
„Adobe Photoshop“programa
Nurodymai
1 žingsnis
Atidarykite „Photoshop“ir sukurkite jame 1020 x 1200 nuotraukų dokumentą. Nustatykite fono spalvą į # a8a995. Jei svetainė skirta įmonei, naršymo juostos viršuje kairėje galite įdėti jos logotipą. Dešinėje palikite vietos nuorodoms naršyti svetainėje.
2 žingsnis
Paimkite stačiakampio įrankį ir sukurkite 80 x 54 nuotraukų stačiakampį svetainės naršymo juostoje. Tai nurodys aktyvų meniu elementą svetainės naršyme.
3 žingsnis
Eikite į meniu Sluoksnio sluoksnio stilius, pažymėkite žymimąjį langelį Spalvų perdanga, spalvą # ADAE9E, Neskaidrumas - 100% ir Brūkšnys žymės langelį Dydis - 1 px, Padėtis - Išorė, Neskaidrumas - 100%, spalva # CED0BB.
4 žingsnis
Ant jau turimo stačiakampio pridėkite dar 71x50 paveikslėlį, nudažykite # cfbe28. Eikite į meniu „Sluoksnio sluoksnio stilius“, nustatykite šiuos šio stačiakampio parametrus: „Drope Shadow“: mišinio režimas - dauginimas, spalva # 000000, neskaidrumas - 27%, kampas - 90, atstumas - 1, plitimas - 0, dydis - 5; Vidinis šešėlis: mišinio režimas - dauginimas, spalva # 000000, neskaidrumas - 27%, kampas - 90, atstumas - 1, droselis - 0, dydis - 18; Insultas: dydis - 1, padėtis - išorė, neskaidrumas - 100, užpildymo tipas - spalva, spalva # D6C72C.
5 žingsnis
Pridėti šešėlį nuorodoms, esančioms naršymo juostoje. Norėdami tai padaryti, pasirinkite sluoksnį su šių nuorodų tekstu, eikite į meniu „Layer-Layer Style“ir nustatykite šiuos parametrus: „Drope Shadow“: „Blend Mode“- „Multiply“, spalva # 000000, neskaidrumas - 75%, kampas - 90, atstumas - 1, Skleisti - 0, Dydis - 1. Pakartokite šiuos veiksmus kiekvienam sluoksniui, kuriame bus nuorodų tekstas.
6 žingsnis
Dabar jums reikia padaryti įvadinę šablono dalį. Pasirinkite stačiakampio įrankį ir padarykite stačiakampį po logotipu, užpildykite jį balta spalva, sumažinkite neskaidrumą iki 20%.
7 žingsnis
Pasirinkite „Ellipse“įrankį ir padarykite ovalą po šiuo stačiakampiu. Eikite į Filtras> Suliejimas> Gauso suliejimas ir nustatykite spindulį į 7, 8.
8 žingsnis
Paimkite stačiakampio žymėjimo įrankį ir pasirinkite apatinę stačiakampio dalį ir neryškų ovalą. Ištrink tai.
9 žingsnis
Po to įveskite tekstą į stačiakampio mygtuką. Sukurkite tiesiai virš jo eilutę su šiais parametrais: 866 by 1 pic.
