DISEÑO DE UNA PAGINA WEB CON PHOTOSHOP CS PARTE 1
OBSERVA Y APRENDE. VIDEO PHOTOSHOP
Diseño de una Pagina Web con Photoshop CS. En esta primera entrega arranco ya con las guíías dispuestas de acuerdo a lo que voy a crear, además de tener al lado un psd con las imágenes que se van a agregar y otro con fragmentos de texto Lorem Ipsum, todo para ahorrar tiempo y no distraer mi atención. Si aún no has visto los anteriores accesa a ellos:
Segunda Parte, Tercera Parte.
---------
Este video no pretende ser un detallado tutorial de como se dibuja una pagina web, simplemente es un ejemplo de como desarrolle este diseño. Es algo extenso, así que lo hemos dividido en 4 partes de 5 mins cada uno. El video no tanía aundio, por lo que agregue algo de la música que suelo oir mientras diseño, sin la cual no podria hacer nada, es parte fundamental de lo que hago. La canción en esta primera parte es "Eyes on Me" de Faye Wong, la que escuche por primera vez en el juego Final Fantasy VIII.
---------
Desarrollo.
- El documento con fondo RGB con fondo transparente tiene un tamaño de 738 X 226 px.
- Primero se rellena el fondo con el color 843B00, el cual también tomaré como base para los demás colores.
- Luego se crea la base del diseño y se rellena de blanco (ffffff)
- Se agrega la primera imagen a la izquierda.
- Entonces una columna central que será la base del menú, esta se hace con un degradado un poco inclinado.
- Se continúa con una columna derecha que soportará mayormente los contenidos de la pagina, en especial del home.
- Viene entonces una sombra entre la columna central y la derecha.
- Se agregan otras dos imágenes externas. Se ajusta su tamaño y se agrega un borde. Con en cambio de tamaño una se difumina un poco, lo cual se revierte con una máscara de enfoque.
- Finalmente se agrega una base a la imagen izquierda, luego veremos para que.
Para ver el video visitar la página indicada por el compañero en el post inicial
Esta es tan solo la primera de 4 partes. Al final quedará así:
Gracias a Paquo360, ElQuique y Jmx.
