Diseño explicado de una web con Photoshop desde cero y a velocidad reducida

Después de muchos comentarios de personas pidiendo el vídeo del diseño de una web desde cero con Photoshop, pero a velocidad normal y con explicaciones, publicamos en Youtube este vídeo que da respuesta a todas las solicitudes. Este vídeo está a velocidad más reducida, para que se puedan ver las cosas que se están haciendo al diseñar esta web con Photoshop. Además, explicamos los distintos pasos que vamos haciendo para que las personas puedan entender un poco mejor la razón de ser de todo este trabajo creativo.

Category:

Science & Technology

Tags:

• diseño
• web
• diseno
• de
• una
• página
• con
• photoshop
• desde
• cero
• diseñar
• design
• plantilla

[LoquendoYTutoriales]

Disculpe, me olvide de una pregunta. ¿Tiene algún tutorial para darle código html a una página?

[desarrollowebcom]

@LoquendoYTutoriales supongo que te refieres a cómo hacer que este diseño en una imagen pase a ser diseño en un HTML ¿?

Pues tenemos eso publicado desde hace tiempo en Desarrolloweb [dot] com

Está en el manual de maquetación CSS con 960 Grid System:

desarrolloweb [dot] com/manuales/maquetacion-css-9­60-grid-system [dot] html

[desarrollowebcom]

@LoquendoYTutoriales Sí! los tutoriales están en desarrolloweb [dot] com y también en Youtube. En concreto, el proceso de maquetación de este diseño, en HTML y CSS está en el manual "maquetación css con 960 Grid System". Puedes buscar en Youtube por esas mismas palabras para encontrar los vídeos si lo deseas, pero en desarrolloweb tendrás muchas otras explicaciones en texto, archivos para descarga de la imagen en Photoshop, necesaria para poder extraer los distintos elementos gráficos, etc.

[xXxRyaoxXx]

si aja desde cero y el tamaño ?? como pones esas lineas asules y a que medidas? o__O

[desarrollowebcom]

@xXxRyaoxXx eso está explicado en el vídeo. Esas columnas con divisiones las sacamos del framework CSS 960 Grid System, que está comentado en otros vídeos que hemos publicado recientemente. En el archivo de descarga de este producto está el psd que tiene la división en columnas con la que hemos comenzado.

[inuyacha1231]

@desarrollowebcom hola disculpa me puedes pasar la plantilla porfas

[Erguevara02]

Urgente por favor responde



[Erguevara02]

Si deseara imprimirlo en una página tamaño carta que resolución deberia ser la adecuada?

[Babyflash08]

Perfecto! Pero cómo hacerlo funcionar???

[lkevinburgos]

puede aser otro video tutorial con el photosop cs5 y colocar de donde sacar los materiales te lo agradeceria un monton

[nniga91]

Una Pregunta... en que archivo se guarda? PSN? 

[nniga91]

Que crack Eres man Soy tu seguidor Algunas cosas no los puedo hacer porque No se donde buscarlas