Boceto Web con Gimp - paso a paso

Saludos a todos, voy a explicar paso a paso el proyecto que hice:
Paso1 - DEFINIR LA ESTRUCTURA WEB
El encabezado, el menu, contenido y pie de pagina.

Abrir Gimp, crear una imagen nueva de 760x600:



Paso2 -CREAR EL ENCABEZADO DE LA PAGINA

Selecciona el botón Herramienta de selección de rectángulos o presiona la tecla R para activarlo.
Arrastra desde la izquierda de la ventana hasta la derecha, para formar un rectángulo como se aprecia en la siguiente imagen:


Que cubra los 760px de ancho y aproximadamente 110px de alto.

Selecciona la herramienta degradado o presiona la tecla L para activarlo. Define los colores de frente y de fondo, para este ejemplo he ocupado como color de frente 10a7f0, color de fondo 6fccc0 (ambos escribirlos en notación HTML)


Ahora en la parte seleccionada(la que aparece punteada), traza una linea horizontal para que establezca un color de fondo de degradado. Después haga clic en el menú Seleccionar – Nada.


Para agregar el logotipo y las otras imágenes, solamente haga clic en el menú Archivo – Abrir como capas... selecciona la imagen y acomodadla como tu quieras. El resultado sería el siguiente:


Te recuerdo que para mover las imágenes, utilices la herramienta Mover y las pones donde tu quieras.


Paso3- CREAR BARRA HORIZONTAL O MENU HORIZONTAL

Crear una nueva Capa dando clic en el botón o presionando Mayus (Shift) + Ctrl + N, asignar el nombre menu o como quieras llamarle.

Presiona la tecla R para activar la herramienta Selección. Forma un Rectángulo de 760x60
Selecciona la herramienta degradado o presiona la tecla L para activarlo. Define los colores de frente 03080a y de fondo 0a0f0f. Después traza una linea vertical en el rectángulo seleccionado para que tome el color degradado.
Selecciona la herramienta de texto asigna el tipo de letra, el tamaño y color de tu preferencia, escribe los elementos del menu principal o las secciones de tu sitio Web. El resultado:


Paso4- EL CONTENIDO DE LA PAGINA WEB
Para este espacio queda libre para colocar lo que prefieras, es un espacio de aproximadamente 460px de alto y en una nueva capa, en mi caso agregué lo siguiente:
1.Una imagen creada en Inkscape – es lo que se me ocurrió jejeje
2.El texto de introducción al sitio, con una letra bonita y sencilla, centrada, espacio entre lineas.
3.Una sección a la derecha con un titulo o encabezado
4.Unos rectángulos hechos con la herramienta de selección y un color.


Paso5-PIE DE PAGINA
Crear una nueva capa.
Presiona la tecla R para activar la herramienta Selección. Forma un Rectángulo de 760x400
Selecciona la herramienta de relleno(bote de pintura), escoge el color de fondo 887f7f, has clic al centro de este rectángulo seleccionado.

Presiona la tecla R para activar la herramienta Selección. Forma un Rectángulo de 560x200
Selecciona la herramienta degradado o presiona la tecla L para activarlo.

Define los colores de frente 3d3636 y de fondo 272424. Después traza una linea vertical en el rectángulo seleccionado para que tome el color degradado.

Selecciona la herramienta de texto asigna el tipo de letra, el tamaño y color de tu preferencia, escribe los elementos del pie de pagina y el menú superior.
Para el logotipo has una copia de la capa del logotipo y establece el modo de capa Valor y con una opacidad de 30.

Cualquier duda o sugerencia serán contestadas. Muchas gracias.