„Photoshop“sukurti svetainės šabloną nėra labai sunku. Šablone yra meniu, paieškos formos, grafika, galbūt, pavyzdžiui, tekstas. Pati svetainė jau bus užprogramuota jos pagrindu.
Nurodymai
1 žingsnis
Pradėkite formuoti savo svetainės šabloną „Photoshop“kurdami naują 1020 x 1020 dydžio dokumentą. Padarykite foną baltą. Nustatykite priekinio plano spalvą # c5e0dd, o fono spalvą - # ece5cf.
2 žingsnis
Paimkite gradiento įrankį ir jo nustatymų skydelyje pasirinkite pirmąjį užpildymo tipą. Vilkite gradiento liniją per baltą lauką iš viršaus į apačią.
3 žingsnis
Griebkite teksto įrankį, viršutiniame dešiniajame kampe parašykite savo svetainės pavadinimą taip, kad jis atitiktų paieškos formą, kuri bus viršutiniame kairiajame kampe. Nustatykite šrifto dydį, pavyzdžiui, 12.
4 žingsnis
Norėdami sukurti paieškos formą, pasirinkite įrankį Stačiakampis ir viršutiniame dešiniajame kampe pieškite baltą stačiakampį. Taikykite šiuos sluoksnio nustatymus: Vidinis šešėlis - mišinio režimas - dauginimasis, spalva - # a2b7b1, neskaidrumas - 43, kampas - 90, atstumas - 0, droselis - 0, dydis - 10.
5 žingsnis
Naudokite įrankį Tekstas, kad šios formos viduje būtų minkštas tekstas.
6 žingsnis
Pasirinkite suapvalinto stačiakampio įrankį ir padarykite mygtuką paieškos formos dešinėje kraštinėje. Taikykite šiuos sluoksnio stilius: gradiento perdanga - mišinio režimas - įprastas, neskaidrumas - 100, gradientas nuo tamsios iki šviesios (spalvos nuo # 754f39 iki # a1704f), stilius - tiesinis, kampas - 90, mastelis - 59.
7 žingsnis
Naudodami teksto įrankį šiame mygtuke užrašykite „eiti“ar pan.
8 žingsnis
Norėdami sukurti navigaciją, paimkite suapvalinto stačiakampio įrankį ir nubrėžkite ilgą stačiakampį po pavadinimu ir paieškos forma. Taikykite šiuos sluoksnių stilius: gradiento perdanga - mišinio režimas - įprastas, neskaidrumas - 100, gradientas nuo tamsios iki šviesios (spalvos nuo # 76503e iki # a46ecd), stilius - tiesinis, kampas - 90, mastelis - 59; Insulto struktūra - 1, padėtis - viduje, mišinio režimas - įprastas, neskaidrumas - 100, užpildymo tipas - spalva, spalva # 9F6038.
9 žingsnis
Paimkite suapvalinto stačiakampio įrankį ir kairėje naršymo juostos pusėje nubrėžkite mažą stačiakampį. Taikykite šiuos sluoksnio stilius: vidinis šešėlis - mišinio režimas - dauginimas, neskaidrumas - 75, kampas - 90, atstumas - 1, droselis - 0, dydis - 8; Gradiento perdanga - mišinio režimas - įprastas, neskaidrumas - 100, gradientas nuo tamsios iki šviesios (spalvos nuo # 76503c iki # a46e4d), stilius - tiesinis, kampas - 90, mastelis - 59; Insultas - struktūra - 1, padėtis - viduje, mišinio režimas - įprastas, neskaidrumas - 100, užpildymo tipas - spalva, spalva # 8f6347.
10 žingsnis
Pridėkite etikečių prie naršymo juostos.