PSD a HTML

bbrian · #1 (**permalink**) 02/04/2010, 07:31

Buen dia, recien baje una plantilla html y me trae el archivo psd
ya se como modificar el psd pero como lo convierto en html ??
Gracias

timz · #2 (**permalink**) 02/04/2010, 11:23

Hola...

aer si esto te ayuda....

1) Bueno abrimos nuestro *.psd o *.jpg, *.bmp,etc, (Si lo tenes hecho por capas anda a Capa>Acoplar Imagen asi las capas se juntaran y formaran una)
2) Seleccionamos la herramienta Sector (K) y vamos a ir seleccionando las partes que seran recortadas, cada recorte que hagamos, se transformaran en tablas con imagenes, les quedara algo asi . . .

3) Bien, ahora vamos a Archivo>Guardar Para Web, podemos eleguir en que formato se van guardar las imagenes, despues le damos en guardar, eleguimos HTML e Imàgenes y listo creara una carpeta llamada 'Imagenes' con las imagenes recortadas y el html.

Fuente: http://www.clubdesarrolladores.com

Espero te sirva... y no me digas que soy mala onde como otro user que intente ayudar y zasss me dice malana onda

berthely · #3 (**permalink**) 03/04/2010, 01:10

Cita:

Iniciado por timz

Hola...

aer si esto te ayuda....

1) Bueno abrimos nuestro *.psd o *.jpg, *.bmp,etc, (Si lo tenes hecho por capas anda a Capa>Acoplar Imagen asi las capas se juntaran y formaran una)
2) Seleccionamos la herramienta Sector (K) y vamos a ir seleccionando las partes que seran recortadas, cada recorte que hagamos, se transformaran en tablas con imagenes, les quedara algo asi . . .

3) Bien, ahora vamos a Archivo>Guardar Para Web, podemos eleguir en que formato se van guardar las imagenes, despues le damos en guardar, eleguimos HTML e Imàgenes y listo creara una carpeta llamada 'Imagenes' con las imagenes recortadas y el html.

Fuente: http://www.clubdesarrolladores.com

Espero te sirva... y no me digas que soy mala onde como otro user que intente ayudar y zasss me dice malana onda

4 y subsecuentes..., Crear un archivo y lo guardas como HTML, luego creas una dispocición para utilizar esas imágenes

Código HTML:

Ver original<!--  Aqui empieza el body-->
<body>
   <div id="contenedor">
      <div id="cabeza">
      </div>
      <div id="barra1">
      </div>
      <div id="barra2">
      </div>
      <div id="pie">
      </div>
   </div>
</body>

Ya con el esquema, creas una hoja de estilo y formateas las cajas con los identificadoes "#contenedor, #cabeza, #barra1, y los que ayas usado"

Despues insertas el contenido.

En una forma muy abstracta esa sería la manera de convertir un archivo PSD en HTML, aunque la verdad es algo más complejo. Espero que alla servido de algo.

florlangosta · #4 (**permalink**) 18/04/2011, 23:37

Hola
Para convertir PSD a HTML lo mejor es que lo hagas de forma profesional con HTML y CSS.
Esto te garantiza que será 100% compatible con todos los navegadores y dispositivos.

busca en google como "psd a html", alli hay muchos sitios donde te enseñan como hacer esto.

Saludos!