Foros del web, para los que viven de bits

Wenas, bueno esta debe ser la pregunta del millon, ya que la eh realizado año tras año y aun nadie me a dado una solucion... y eso que estoy en este foro desde que estaba en Amarillo usaba asp con sniff, etc, etc...

La pregunta, como paso un template de templateMonster o de donde sea o sea un archivo .psd de Photoshop o Fireoworks, a un hermoso Archivo HTML...

Respuesta Clasica:

En Adobe Photoshop o Adobe Image Ready, vas a Archivo y pones Guardar para Web y ya esta.............

Exaxto ahora lo que tengo es un Archivo .html una carpeta "Imagenes" en las cuales tengo todas las imagenes del template cortadas..... pero esto no es lo que yo quiero en si........ yo quiero que las partes del template que eran Texto queden como si fueran texto..........

Las soluciones que me dieron fue borra el texto del template dejalo en blanco y pone las imagenes en el html como fondo de imagen.............

La verdad que esa solucion no me convence y no creo que sea asi......

Estoy seguro que Photoshop o Fireworks cuentan con alguna herramienta que haga esto automaticamente.......


A ver si algun alma con conocimientos me puede dar una mano, para que el texto no se me convierta en imagen............

Graciaaaaas

talvez este enlace te ayude.

Saludos

TE DIGO LO QUE YO HAGO:
creo la imagen en ps , corto las zonas extactas donde ira el texto, no escribo el texto en la imagen, osea tengo solo la imagen cortada en las zonas donde ira el texto puesto que Iready las convierte en celdas, ahora exporto como html, tengo el html y las imagenes en la carpeta imagenes, abro el htnl en algun editor DW x ejemplo, ahora borro la imagen y la vuelvo a insertar pero ahora como fondo de la celda, asi se puede escribir dentro de la celda, le doy formato con css a la celda y listo.
espero me haya explicado bien.
Saludos

Gracias, por responderme pero aun sigo con mi problema :(

opeth - Es la misma solucion que di en el post, lo que hace te exporta el psd a HTML, pero el texto del PSD tambien es una imagen, y deberia quedar el texto dentro de una celda no una imagen...

NUCKLEAR - No entendi muy bien lo que haces :s


Igualmente sigo pensando que debe a ver alguna forma que haga esto automatico......... mmm

Yo tambien luche como un mes contra eso, y sabes que conclui??

que html es más basura de lo que pensaba, incluso odiandolo aun...

No hay otra forma que no sea hacer los recortes de los slices y borrar el slice donde va el texto, luego pones esa misma imagen pero como fondo.

Creo que ya te la sabias :) X.

vaya si el html es mas basura de lo que..... espero q esto sea una broma, estas blasfemando!!! dios !! donde estas!!


bueno punto aparte: exportas la imagen a html, con las imagenes cortadas, esta te crea una tabla con celdas, en cada celda esta la imagen, simplemente borra la imagen y en la celda donde esta se encontraba ponla de fondo, y luego vas a poder escribir sobre esta imagen sin ningun problema, es facil, no se por que hay tanto lio!

NUCKLEAR, conosco esa forma, es la de poner la imagen como fondo....... como puse arriba, el tema es que si la imagen ya tiene texto en la misma imagen y la pones como fondo......... pues ya me entiendes ?

Me parece muy extraño, muy raro que no halla una opcion o una solucion para esto...... o la unica solucion es editar el psd donde tienes texto dejarlo en blanco y luego poner la imagen como fondo ?.......

mmmmmmmmm tiene que a ver alguna opcion automatica, a ver si alguien sabe............

bueno amigos

yo tampoco puedo pasarle de psd a html
bueno aki yo estoy utilizando el Fireworks .... espero me ayuden ...y alli le dejo una imagen...para que me digan que hacer....





Bueno gracias...

Hola, pues hasta donde tengo entendido eso no se puede hacer con ningun editor de imagenes, te sirven para crear el diseño y para eso tiene HTML y CSS para trabajar con el texto a tu gusto.

Si me equivoco, me gustaria que me corrigieran.

Saludos,
Ricardo La Rosa

Imagen de Ejemplo


No utilizo photoshop para exportar a web, esto lo hago en Fireworks.

Fireworks te da la opcion de exportar un SLICE como contenido HTML, solo cambia esa opcion en las propiedades del SLICE y luego edita el contenido con el boton EDIT que aparece debajo de la opcion que cambiaste. al exportar como HTML todo el documento el texto que agregaste en la edicion aparecerá como texto y no como HTML. ahora solo tienes que aplicarle CSS para darle estilo a tu texto.

no utilizo photoshop ni Iready para esto pero supongo que debe tener una opcion similar. en este mismo foro hay un tema donde tratan como pasar el PSD al fireworks incluyendo los layers intactos.

el texto del psd siempre quedara como imagen asi que es tu trabajo copiarlo como texto =p saludos

Lo mejor es poner el texto con html, ya que al tenerla en la imagen se carga más, con respeto a todos los diseñadores graficos pero no es la mejor forma para esto deberás aprender css, hay manuales muy buenos, dense una vulelta por novedades de foros del web un post que dice concurso...

Esa fue mi pregunta desde cuando entré al foro, me daban soluciones pero nada accesibles, pues con esto estamos usando tablas para maquetar y no es la idea...


Bueno, aquí un tuto de diez entregas para pasar de psd a html, si así lo desean...

Refloto esta rama por que estoy en una situacion similar. Tengo un psd con el diseño, y mi intencion es pasarlo a html+css pero en este caso intentando evitar el uso de tablas.
Hay alguna forma ( no tiene por que ser automatica ) de pasar una imagen psd a html+css sin usar tablas?
Si queréis puedo subir la imagen para que me aconsejen mejor, pero para mi es realmente complicado hacerlo sin el uso de tablas.

Un saludo y gracias.

a mi tb me interesa aprender a pasar de psd a html+css, si alguien se anima a enseñar q nos avise

hola!
hace unos años tu pregunta no tenia respuesta porque CSS y Photoshop estaban en pañales para lo que pretendes, hoy dia existen soluciones profesionales (contratar el servicio) y un par de soluciones mas personales (que yo conoza)

- psdcssonline.com (que es gratis, funciona online, pero esta en ingles) para que respete los textos tienes que seguir la guia de la web donde explican como conservar tus textos
http://psd2cssonline.com/node/17#text

- http://www.medialab.com/sitegrinder/ (un plugin para photoshop para pasar a html, en ingles y por desgracia de pago)