Layout para la Web.

Haremos el layout como cualquier trabajo de los que hacemos en el PSP, teniendo en cuenta que es un diseño para una página web, que luego lo rebanaremos en tres trozos, el primero será para el encabezado el segundo para el cuerpo y el tercero la base.

El tamaño para el layout suele ser de 800x1200px, por la resolución de las pantallas, para que en todas se vea bien, pero ya se están haciendo también de 1024px de ancho.

Layout de 800x1200px.

Layout rebanado.

Tener en cuenta, que el cuerpo y el borde del layout tienen que ensamblar con el encabezado y la base, por eso elegir fondos y bordes  con poco dibujo (sobre todo el borde vertical) para que no se note la unión, cuando el cuerpo vaya estirándose.

Ejemplos de layout

Mas ejemplos pinchar, aquí.

En este layout la línea del  borde de arriba y abajo tienen curvas, mientras la vertical es una línea recta.

El cuerpo de este layout tiene un dibujo  que al ensamblar no queda mal.

Este tiene un borde muy homogéneo.

El fondo de este cuerpo tiene una textura muy fina.

- - - - -

Unos pequeños pasos, de como lo he hecho, en el pspx

Hacer el Layout a vuestro gusto.

Materiales

En un paño de 800x1200px

1.- Con la herramienta rectángulo, y con un color que convine he formado esta tira, que veis en la captura, y luego le he dado un bisel interior,

con estos parámetros.

2.- Y duplicando y volteando he formado el borde o marco interior y le he colocado los tornillos, (el tornillo lo adjunto en los materiales) para tapar las uniones.

3.- A una imagen de Soroya, la he desvanecido un poco y la he usado para el  encabezado y pie.

4.- Luego he cogido una textura (fácil de ensamblar) que  convine con el fondo.

5.- El marco del borde exterior lo he hecho en una capa aparte, lo podéis hacer en el mismo fondo.

Si  lo hacéis en otra capa vais  a, selección, seleccionar todo, selección modificar, contraer en 10, selección invertir.

Luego le he rellenado de un tono tierra, he ido a, efectos, efectos de textura, persianas y le he dado los parámetros siguientes.

6.- Cuando lo tengáis a vuestro gusto vais a Capas, fusionar, aplanar.

7.- Lo guardáis como JPG y en Ajustar valor de compresión le ponéis 15, para que pese poco.

Y ya esta listo para rebanar, lo haremos en el siguiente tutorial, para que este no se alargue este demasiado.

Siguiente Rebanar

Miren Zabala 2011