dominios y alojamiento web en hostalia

Videotutorial de Diseño web con Photoshop y uso de texturas. Parte 5, Fin.

18 de June de 2010
Valoración del artículo:
Última parte de la práctica de diseño web con Photoshop y uso de texturas, en la que haremos el pie de página de nuestro sitio web.
Ha sido un proceso largo, pero hemos llegado al fin de nuestra práctica de diseño web y uso de texturas en Photoshop, o por lo menos aquí tienes la última entrega de este videotutorial, que hemos realizado con nuestro mejor empeño.

En esta quinta y última parte vamos a mostrar en vídeo cómo realizar el pie de página de nuestro sitio web, creando uno de esos "pies" típicos de las webs actuales, con un listado largo de las secciones del sitio, datos de contacto, etc.

Para el que le interese, hemos creado un manual que sirve de índice a todas las partes anteriores de este diseño con texturas. Por supuesto, puedes ver la creación del pie de página no tendrá tanta gracia si no has visto antes las entregas anteriores.

A lo largo del diseño del pie, como venimos haciendo a lo largo de toda esta práctica de diseño web en vídeo, vamos a utilizar nuevas texturas, para seguir en la misma línea creativa. Además, utilizaremos varios motivos gráficos relacionados con la naturaleza, que harán también una buena combinación con todo el trabajo realizado hasta el momento.

Vídeo 12: Inicio del pie

En esta parte comenzamos a hacer el pie de página. Utilizamos unas formas de nubes para separar el cuerpo de la página y el pie y una textura de papel con un color azul cielo.

Videotutorial 13: Navegadores en pie de página

Creamos unas cajas en el pie de página con una serie de enlaces. A estas cajas las llamamos navegadores del pie de página y para que combinen con el resto utilizamos algunos de los colores que ya habíamos usado en otras partes del diseño. Utilizamos también un formato de titular inclinado, que se utilizó en el recuadro de foto del día.

Videotutorial 13B: Navegadores en pie de página (2)

Tenemos un segundo vídeo para acabar los dos navegadores del pie de página. En esta ocasión, en lugar de colocar una texturas para el fondo de la caja de los navegadores del pie, hemos decidido colocar varias formas de hojas ligeramente transformadas.

Vídeo 14: Fin del pie

Acabamos la práctica con este último vídeo, donde realizamos los retoques finales del pie de página y colocamos unas formas de árboles para decorar un poco más el pie. Además, colocamos un listón en abajo del todo donde colocar información de contacto.

Hasta aquí llega nuestro videotutorial de diseño web con Photoshop y uso de texturas. Esperamos que os haya gustado el diseño que hemos producido a lo largo de la práctica. Han resultado más de dos horas y media de vídeo (contando los 39 minutos en los cuatro vídeos de esta parte y todos los vídeos de las anteriores entregas). Deseo también que os haya parecido entretenido y agradezco a todas las personas que han seguido todos los videotutoriales desde el primero hasta el último.

En el futuro nos pondremos a componer este diseño en HTML + CSS, que seguro que le interesará a más de uno!!

Compartir en redes sociales

Comentarios
Fueron enviados 5 comentarios al artículo
1 comentario no revisado
4 comentarios revisados:

Galas
gran guía
13/7/2010
Muy bueno todo el tutorial, lo he visto entero y para gente que no conoce demasiado de photoshop es una gran puerta de entrada.
Sabrás para cuando tendrás el videotutorial con el pasaje de este diseño a html y css?
SALUDOS
Por: miguel angel
23/7/2010
QUITO - ECUADOR
TENGAN TODOS USTEDES MUY BUENAS TARDES, LE FECILITO POR ESTA APORTACION A NOSOTROS COMO DISEÑADORES ,ES MUY IMPORTANTE CONOCER LOS AVANCES REASLIZADOS POR NUESTROS COLEGAS CON MAS EXPERIENCIA EL CAMPO DEL DISEÑO WEB.

RECIBAN MUCHAS FELICITACIONES Y SIGAN SIEMPRE ADELNATE , ESPERAMOS NUEVAS Y MAS NOTICAS , GRACIAS.

ATT,

MIGUEL ANGEL
DISEÑADOR WEB

Tranze
gracias por la entrega, pero falta el HTML y CSS para la publicación
11/3/2011
excelente aporte, deja muy claro el paso a paso del diseño, pero falta saber como darle con HTML y CSS para poder subirlo a la web.
IM PRE SIO NANTE !!!
Por: Jaime Blanc
03/4/2011
No tengo más palabras para definir este genial trabajo. Gracias por facilitarnos la vida en el diseño web con Photoshop!
Un grande abrazo y felicidades a Desarrollo Web.

Manuales relacionados
Categorias relacionadas
El autor
Últimas noticias
Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...