No és molt difícil crear una plantilla de lloc web a Photoshop. La plantilla inclou menús, formularis de cerca, gràfics, potser algun text per exemple. El lloc en si ja es programarà sobre la seva base.
Instruccions
Pas 1
Comenceu a donar forma a la plantilla del vostre lloc a Photoshop creant un document nou amb una mida de 1020 per 1020 pic. Feu que el fons sigui blanc. Establiu el color de primer pla a # c5e0dd i el color de fons a # ece5cf.
Pas 2
Agafeu l'eina Gradient i seleccioneu el primer tipus d'emplenament al seu tauler de configuració. Arrossegueu una línia de degradat pel camp blanc de dalt a baix.
Pas 3
Agafeu l'eina de text, escriviu el títol del lloc a l'extrem superior dret de manera que quedi en línia amb el formulari de cerca, que es trobarà a l'extrem superior esquerre. Definiu la mida del tipus de lletra, per exemple, 12.
Pas 4
Per crear la forma de cerca, seleccioneu l'eina Rectangle i dibuixeu un rectangle blanc a l'extrem superior dret. Apliqueu els paràmetres de capa següents: Ombra interior - Mode de fusió - Multiplicació, Color - # a2b7b1, Opacitat - 43, Angle - 90, Distància - 0, Estrangulació - 0, Mida - 10.
Pas 5
Utilitzeu l'eina Text per crear un text suau dins d'aquesta forma.
Pas 6
Seleccioneu l'eina de rectangle arrodonit i feu un botó a l'interior de la forma de cerca a la vora dreta. Apliqueu els estils de capa següents: Superposició de degradat - Mode de fusió - Normal, Opacitat - 100, Gradient de fosc a clar (colors del # 754f39 al # a1704f), Estil - Lineal, Angle - 90, Escala - 59.
Pas 7
Utilitzeu l'eina de text per escriure "anar" o alguna cosa semblant en aquest botó.
Pas 8
Per crear la navegació, agafeu l'Eina de rectangle arrodonit i dibuixeu un rectangle llarg sota el títol i la forma de cerca. Apliqueu els següents estils de capa: Superposició de degradat - Mode de fusió - Normal, Opacitat - 100, Gradient de fosc a clar (colors del # 76503e al # a46ecd), Estil - Lineal, Angle - 90, Escala - 59; Estructura del traç - 1, Posició - Interior, Mode de fusió - Normal, Opacitat - 100, Tipus d’ompliment - Color, Color # 9F6038.
Pas 9
Agafeu l'eina de rectangle arrodonit i dibuixeu un petit rectangle a la part esquerra de la barra de navegació. Apliqueu els estils de capa següents: Ombra interior - Mode fusió - Multiplicació, Opacitat - 75, Angle - 90, Distància - 1, Estrangulació - 0, Mida - 8; Superposició de degradat - Mode de fusió - Normal, Opacitat - 100, Gradient de fosc a clar (colors del # 76503c al # a46e4d), Estil - Lineal, Angle - 90, Escala - 59; Traç - Estructura - 1, Posició - Interior, Mode fusió - Normal, Opacitat - 100, Tipus d'ompliment - Color, Color # 8f6347.
Pas 10
Afegiu etiquetes a la barra de navegació.
