elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Curso de javascript por TickTack


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  SOLUCION como extraer imagenes psd con css
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: SOLUCION como extraer imagenes psd con css  (Leído 7,561 veces)
RedZer


Desconectado Desconectado

Mensajes: 666



Ver Perfil
SOLUCION como extraer imagenes psd con css
« 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:


« Última modificación: 19 Abril 2011, 23:36 pm por RedZer » En línea

Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
Spider-Net


Desconectado Desconectado

Mensajes: 1.165


Un gran poder conlleva una gran responsabilidad


Ver Perfil WWW
Re: como extraer imagenes psd con css
« Respuesta #1 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/


En línea

Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.336

he vuelto :)


Ver Perfil WWW
Re: como extraer imagenes psd con css
« Respuesta #2 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
En línea

Ojo por ojo, y el mundo acabará ciego.
Spider-Net


Desconectado Desconectado

Mensajes: 1.165


Un gran poder conlleva una gran responsabilidad


Ver Perfil WWW
Re: como extraer imagenes psd con css
« Respuesta #3 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.
En línea

RedZer


Desconectado Desconectado

Mensajes: 666



Ver Perfil
Re: como extraer imagenes psd con css
« Respuesta #4 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
En línea

Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines