Diseño de una Pagina Web con Photoshop CS
Tutorial Photoshop
Tutorial por Solo Photoshop
SoloPhotoshop
DISEÑO DE UNA PAGINA WEB CON PHOTOSHOP CS PARTE 1
OBSERVA Y APRENDE. VIDEO PHOTOSHOP
Tutorial por Paquo360: Sólo 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.
Espera un momento mientras carga el video...
Esta es tan solo la primera de 4 partes. Al final quedará así:
Les pido me tengan un poco de paciencia para la segunda entrega, ya que debido al acelerado crecimiento de nuestras principales comunidades SoloPhotoshop y ForoCreativo.net nos hemos migrado ya varias veces a servidores mas grandes, por lo que el segundo lo publico cuando no hayamos estabilizado. Muchos Saludos y Muchas gracias por su apoyo. Con aprecio el equipo de Sólo Photoshop y Taller Webmaster: Paquo360, ElQuique y Jmx.
Comentarios de Diseño de una Pagina Web con Photoshop CS
↑ Tutorial
bosspetta
2006-10-27 02:39
gutierrezhilda
2006-11-11 21:07
jpfossat
2006-11-11 22:33
sertorres2003
2006-11-18 12:06
elquique
2006-11-30 12:52
JPFOSSAT, si es un poco pesado consume ciertos recursos.
SERTORRES2003, la idea no es dar una clase, no es un curso es un tutorial, puedes verlo pausadamente haciendo Pause.
Por cualquier consulta adicional pueden usar nuestro foro de ayuda Foro Creativo
::xico-15::
2006-11-30 20:42
juanecoae
2007-02-04 07:50
juanecoae
gennio
2007-05-06 17:23
Gracias