Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: RedZer en 18 Abril 2011, 09:12 am



Título: SOLUCION como extraer imagenes psd con css
Publicado por: RedZer en 18 Abril 2011, 09:12 am
bueno mi duda es tengo esta imagen
http://img21.imageshack.us/i/cajascopia.png/
echa con photoshop no esta muy bien diseñada aun ya que lo tome de ejemplo de un tutorial pero mi duda es la siguiente como la puedo llevar a html :huh: tendria que separarla con photoshop y despues ir diseñando con css :huh:


Título: Re: como extraer imagenes psd con css
Publicado por: Spider-Net en 18 Abril 2011, 17:37 pm
Usa la herramienta sector de photoshop para dividir la imagen. Luego lo exportas todo desde Archivo/Guardar para web y dispositivos... Y te creará un html con la imagen ya maquetada. Luego modificas lo que sea necesario con CSS para dejarlo a tu gusto y listo.

http://mundopc.net/sectores-con-photoshop/


Título: Re: como extraer imagenes psd con css
Publicado por: Nakp en 18 Abril 2011, 17:55 pm
te dire que la tienes negra :P pero no es imposible ;) no se si la herramienta sector es la misma slice pero esa es la que se usa para partir el diseño y exportar en varias imagenes :P despues vas al html y hardcodeas tu diseño utilizando las imagenes que necesites y reemplazando las que no por css puro :D


Título: Re: como extraer imagenes psd con css
Publicado por: Spider-Net en 18 Abril 2011, 18:40 pm
no se si la herramienta sector es la misma slice pero esa es la que se usa para partir el diseño y exportar en varias imagenes :P

Efectivamente, es la misma herramienta Nakp.


Título: Re: como extraer imagenes psd con css
Publicado por: RedZer en 19 Abril 2011, 23:36 pm
aok gracias lo que ise fue ir duplicando las capas es decir por ejemplo la capa que contiene el fondo le di duplicar capa y lo aisle aun archivo nuevo y de ahi lo guarde como archivo png despues con css fue pocisionandolo , asi mismo ise para las cajas de texto les dejo el trabajo solo son dos campos pero igual el codigo css quiza le sirva a alguien , tambien las validaciones de los campos  estan echas con jquery les dejo la liga .

http://www.megaupload.com/?d=82VOIMY0