Cómo convertir un archivo PSD a Html

Estoy aprendiendo Photoshop, Photoshop genera archivos HTML y CSS, soy diseñador web y estoy pensando en convertir el archivo .PSD a Html Css.

Hola Cris, bienvenido al sitio. Cuando afronto un problema, siempre ayuda investigar y tratar de absorber posibles soluciones (¡incluso si no las entiendo!). ¿Puede compartir con nosotros lo que podría haber encontrado al buscar una solución a esto?
Puede usar mi sitio web psdtohtmlcssconverter.com. Le ayuda a generar archivos HTML, CSS e imágenes a partir de sus diseños PSD.

Respuestas (3)

Una vez que tenga el diseño de su sitio web, puede usar los tamaños de los elementos en Photoshop para determinar los tamaños de los elementos en CSS.

Sin embargo, realmente deberías escribir tu propio código y no usar un generador de HTML/CSS para hacer el sitio web por ti.

Siempre puede consultar http://www.w3schools.com/ y http://www.codecademy.com/ para obtener ayuda sobre la codificación, ya que una vez que lo domine, tendrá mucha más libertad en la forma en que hacer los sitios web.

Sin embargo, si realmente desea hacer esto automáticamente, visite www.psdtoweb.de, convierte PSD a HTML y CSS bastante bien, pero probablemente tendrá que hacer algunos ajustes usted mismo.

Le sugiero que eche un vistazo a w3fools antes de volver a recomendar w3schools.
Sé cómo escribir Html, Css, pero permítanme reformular mi pregunta, ¿cómo convertiría un diseñador web un archivo PSD diseñado por un diseñador gráfico usando Photoshop?
simplemente use www.psdtoweb.de

Yo no recomendaría eso. Lo más probable es que termine con HTML mal estructurado, estilos CSS malos e ineficientes.

Sin embargo, una buena idea es generar automáticamente el CSS requerido. CSS hat ( $35 ) y CSS3ps ( gratis ) le darán todos los estilos necesarios para recrear un elemento en Photoshop. Sin embargo, aún necesitará escribir el html.

Recientemente lanzaron Png hat , que también se menciona en la parte superior del sitio web de Css hat. Png hat es básicamente el antiguo Css hat y Enigma64 combinados en un solo complemento.

cris,

Antes de continuar con la conversión de PSD a HTML, es posible que desee validar el archivo de Photoshop para asegurarse de que esté configurado correctamente. Intente usar https://www.oss-usa.com/web-preflight?promo=web-preflight para verificar el uso correcto de la fuente, las propiedades de la fuente, el tamaño específico del dispositivo y la organización de archivos.

¡Hola Max! ¿Podría dar alguna información sobre qué tipo de servicio es este y si está afiliado a él? Tu publicación atrajo una bandera de spam, y me gustaría que aclararas para borrar todas las dudas. ¡Gracias!
Hola Vincent, Web Preflight es un servicio gratuito y estamos muy afiliados a él, ya que lo construimos como nuestra propia herramienta de producción interna y luego lo pusimos a disposición de nuestros socios y el público en general. No estoy seguro de cómo esto califica como spam, ya que construimos esta herramienta específicamente para abordar los problemas de producción con los que nos encontramos al convertir PSD a HTML, el título de esta publicación.
Somos bastante cautelosos con las personas que promocionan sus propias cosas, incluso si es una respuesta adecuada a una pregunta. Para evitar el astroturfing, le solicitamos que mencione que está afiliado al producto que menciona. Según el centro de ayuda : debe revelar su afiliación en sus respuestas. . ¿Podría editar su respuesta para incluir eso? ¡Gracias por entender!
Cómo convertir un archivo PSD a Html
RespuestasAquíPolítica de privacidad1y, 0v