Vídeo explicado del diseño web con Photoshop

Valoración del artículo:
Vídeo con explicaciones y a una velocidad adecuada para aprender a diseñar una web utilizando Photoshop.
Publicado: 02/4/09
Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
Hace un par de semanas publicamos un vídeo del diseño de una web desde cero con Photoshop . El anterior vídeo estaba a cámara rápida, por lo que no era muy didáctico.

Por solicitud de los usuarios, y por sentido común para seguir nuestra línea editorial, de ayudar en lo posible al aprendizaje de las personas que leen DesarrolloWeb.com, hemos editado y republicado un vídeo en el que mostramos el proceso de diseño de una web con Photoshop.

Ahora lo hemos publicado en Dailymotion, que permite subir vídeos en alta definición y de cualquier duración. En esta ocasión el vídeo tiene 31 minutos, todavía un poco acelerado, porque así se hace más ameno y sigue siendo igual de didáctico. Hemos agregado una locución para explicar cada cosa que vamos realizando en el diseño de la web.

Así pues, esperamos que de este vídeo podáis aprender todavía un poco más los procesos creativos para crear una plantilla de una web con Photoshop.

Podemos descargarnos esta plantilla en el articulo "Descargas de la plantilla Photoshop del manual Diseño desde cero"

Ahora , si os ha interesado, quizás queráis pasar al siguiente paso, que es crear una página web a partir de esta imagen, con HTML y CSS. Lo hemos explicado en el artículo: Maquetación CSS con 960 Grid System, caso real.

Comentarios
Fueron enviados 23 comentarios al artículo
1 comentario no revisado
22 comentarios revisados:
¿y ahora qué?
Por: devalver
17/4/09
¿qué diablos se hace con un archivo de imagen, tan pesado, para que sea ''colgable'', interactivo...
Gracias

huspy
Pasar a css
17/4/09
Buenas!!

Antes de nada muy bueno el video, hay poco por del estilo en español. Pero quizás se podría sacar otro video enseando como se podría maquetar ese diseño con xhtml y css 960, que es el que utilizas no??. A mi me vendría muy saber esto que desconozco como hacerlo completamente.

Bueno, Muchas Gracias!!

Saludos!
El video buenisimo
Por: Myriam
20/4/09
Hola:

Me ha gustado mucho el video, me encantaria que hubiera una segunda parte diciendo como se maqueta, ya que de apariencia esta muy bien, pero seria interesante saber como poder poner el buscar de google y las partes que tiene interactivas. Gracias por molestarte en enseñarnos.
exelente video
Por: jhony andres mira
21/4/09
cordial saludo te escribo desde medellin colombia, me inicio en el tema de desarrollo web con photoshop ando buscando material al respecto, tu video es buenisimo.

muchas gracias por compartir tus conocimientos.

dimar19...
AGRADECIMIENTOS
22/4/09
Miguel, muy bueno el vídeo pero demasiado rápido para alguien que no sabe nada de nada de páginas web... Espero que se pueda hacer otro con más calma para poder seguirlo paso a paso... También desconozco sobre que Photoshop se está trabajando...

Un saludo afectuoso agradeciéndole de antemano su atención constante por superarnos...

Ing. Diego Navarro
Buscador de Google
22/4/09
Para Myriam, decirle que ese buscador de Google es muy fácil de hacer y ya explicamos en su día como integrarlo en un artículo de DesarrolloWeb.com: http://www.desarrolloweb.com/articulos/google-co-op.html
Una pasada
Por: Sergio
19/5/09
Muchas gracias por dejarnos este vídeo y poder aprender a diseñar con Photoshop
Acabo de empezar a publicar nuevos vídeos sobre este tema
20/5/09
Si os ha interesado este vídeo quiero presentaros otro sobre cómo, partiendo de esta imagen, se puede crear una página web real, en HTML y maquetada con CSS.

Lo podréis encontrar en:
http://www.desarrolloweb.com/articulos/maquetacion-css-960-grid-cabecera.html
Soy Argentina, pero mas agradecida
Por: Elizabeth
21/6/09
Hola, soy argentina y como expresabas en el video "los argentinos se vas a reir de la expresion "coger".." Mira no he reido, porque honestamente estaba muy atenta a todo lo que explicabas y te agardezco por todo lo exlicado... porque desde que me he suscripto a desarrolloweb y me llegan los boletines, no es mas que un ahorro de tiempo ya que estoy comenzando con todo esto. Gracias porque para muchos esto significa ganar dinero. Saludos desde Buenos Aires, Argentina.. pero muy cerca a traves de internet. Elizabeth
Ya no están los videos
Por: Jesús Ángel
06/8/09
Hola, primeramente gracias por este tutorial me ha gustado mucho y lo estoy siguiendo muy bien. He estado viendo los videos hasta ahora, pero ayer me quedé sorprendido porque ya no estaban en Vimeo :( , donde se pueden ver o descargar los videos de CSS 960 Grid?.

Ojala me puedas ayudar con ésto, porque la verdad que los videos están geniales y ayudan bastante, si fueses tan amable.

Un cordial saludo
Jesús Ángel
resubir video
Por: rené
21/8/09
hola al parecer el video ya no esta en vimeo..alguna posiblidad de resubirlo? avisenme si se puede por favor....vi el otro donde ya comienzan a armar con css y me parecio increibleee como metodologia para armar sitios..saludos desde chile

JoZeg
video no encontrado de diseño web con photoshop explicado
23/8/09
hola desearia q volvieran a subir este video xq ya no esta disponible.

salu2, gracias.
cuelgen el video
Por: angelo
08/9/09
me interesa porf cuelgen denuevo el Vídeo explicado del diseño web con Photoshop

waldir_...
Video de photoshop
18/9/09
Bueno un saludo muy cordial, disculpa el video que esta a menor velocidad para la creación de Diseño web desde cero, donde puedo verlo con calma ya no esta disponible, porfavor quisiera que me mandes un linq donde pueda verlo o si es mejor donde pueda descargarlo

elneo
Video No disponible
27/9/09
Buenas tardes queridos amigos de DesarrolloWeb, primero que nada quería comentarles que el video no está funcionando y deseo aprovechar la oportunidad para agradecerlesa todos ustedes que día a día nos brindan respaldo y herramientas para que novatos como yo aprendamos a diseñar nuestras web.

Un abrazo
Saludos cordiales
Marcelo Pírez
Montevideo - Uruguay
Vídeos "re-subidos" a DailyMotion
16/11/09
Hola,

Hace tiempo ya restauramos los vídeos del diseño web desde cero con Photoshop. Lo hicimos en el sitio web DailyMotion, que nos permite subir vídeos de cualquier duración. Espero que los podáis seguir aprovechando.

Un saludo!

marguet...
Donde puedo obtener los videos
17/11/09
Hola muy buen tutorial, lamentablemente no lo puedo ver completo porque el ancho de banda en mi pais no es tan veloz, quisiera saber como puedo obtener los videos desde el de la creacion de la pagina con photoshop hasta la maquetacion con 960 grid y css, si fueran tan amable el creador del tema de colocar los videos en algun servidor de descargas, estaria eternamente agradecido, por supuesto comentar que son para uso personal, nada mas.
Gracias
Por: Aitor
11/12/09
Están muy bien estos tutoriales. Muchas gracias por el empeño que poneis. Son de mucha ayuda.

Un saludo

zerohot
Exelente Video Felicidades Eugin
23/12/09
Hola soy de republica dominicana y hace mucho e buscado algo como esto, esta buenisimo el video, exelente explicacion de veras te felicito, apenas me estoy iniciando en esto de la web, y dejame decirte que me has dejado muy motivado...

OROCHI0...
Gravcias, Gracias
15/1/10
Exelente video!!.. pero seria mejor si pusieran el video! en la velocidad normal.. ya que avecez se me escapan algunas partes. en algunos momentos del videos haces capas sin avisar y me pierdo despues pero hay le voy cojiendo el ritmo.. muchas gracias...

micheli...
no se puede descargar
29/1/10
q tal no tengo posdibilidades de descarga algun archvo no se que sucede gracias

micheli...
serie bueno subirlo por VIMEO
29/1/10
En vimedo se puede descargar el video a los quye no tiene mucha ancho d banda

Manuales relacionados
Categorias relacionadas
El autor
Últimas noticias
Alojados en el grupo
Copyright | Publicidad | Acerca de | Datos legales | Contacta