Tutorial para pasar un diseño de Photoshop a HTML

Escrito el 28 septiembre 2009 por Sebastián Thüer

Pasar un diseño de Phothop a HTML

Pasar un diseño de Phothop a HTML

Transformar una imagen en Photoshop o Illustrator en HTML y CSS es uno de los pasos claves en el diseño web. Para mí representa un verdadero desafío analizar una imagen y descomponer sus elementos de una manera armónica y natural para que el código generado sea comprensible.

En Nettuts++ publican un muy buen tutorial de los pasos a seguir para que tu boceto en Photoshop se transforme en HTML. Curiosamente no ha sido escrito por un diseñador experimentado sino por una estudiante de filosofía que se dedica al diseño web como hobby.

Etiquetas:, , ,

3 Comentarios Sobre Este Post — Agregar tu comentario

  1. Pharpe

    # 1 septiembre 30th, 2009

    La verdad que está muy bien hecho. Saludos

  2. yilmar

    # 2 febrero 18th, 2010

    Hace unos dias encontré un curso en DVD que promete enseñar a maquetar una web en photoshop y luego a convertirla en código xhtml W3C válidado + jquery.

    Le paso la url :

    http://www.123photoshop123html.com

  3. Jluisfg

    # 3 junio 18th, 2011

    Muy buen tutorial, lo he leido un par de veces y me ha ayudado bastante. Yo si lo recomiendo ampliamente.

    Les recomiendo tambien los servicios de conversión, te ahorras todo el tiempo de código y cobran muy barato la verdad.

    En español solo conozco http://www.photoshopahtml.com en ingles hay mucho.

Una Referencia A Este Post

  1. Bitacoras.com

    septiembre 28th, 2009

    Información Bitacoras.com…

    Valora en Bitacoras.com: Pasar un diseño de Phothop a HTML Transformar una imagen en Photoshop o Illustrator en HTML y CSS es uno de los pasos claves en el diseño web. Para mí representa un verdadero desafío analizar una imagen y descomponer sus elem…..

Dejar una Respuesta