como diseñar con photoshop

jalex16 · #1 (**permalink**) 14/03/2008, 15:27

hola, quisiera saber cual es la forma correcta y facil de diseñar con photoshop, se usarlo y estoy haciendo una web pero mi problema es con los textos, como hago para editarlo? al guardar como html se generan tablas donde estan las imagenes, si quiero poner textos debo pasar una por una las imagenes como fondo a cada celda??

o como diseñas tu en photoshop?

DragonX · #2 (**permalink**) 14/03/2008, 15:32

El photoshop, por más lo tenga, no es un programa para editar/armar web, es un editor de imágenes.

Podes armar todo el diseño en hotoshop, pero para armar un site debes utilizar algun editor de html, por ejemplo el dreamweaver.

Anya82 · #3 (**permalink**) 14/03/2008, 15:33

Cuando elijes guardar para Web (Save for Web) y ya le elijes nombre de archivo y ubicacion en tu directorio, en la parte de abajo de esa ventana, en Formato (Format) te muestra las opciones que tienes. Una de ellas dice HTML and Images. Esa te guarda las tablas junto con tus imagenes cortadas.

En cuanto a textos, no guardes contenido en texto como imagen. Casi es pecado mortal. Te llenas de muchas imagenes innecesarias, ademas de que el texto pierde legibilidad. El Texto es texto. Punto. A menos que sean encabezados, o botones, o alguna frase en la cual estes usando una tipografia no muy comun.
Para el contenido de informacion, utiliza tipografias comunes como Arial(preferible), Courier, o Times New Roman. Recuerda que lo importante es la informacion y no que se vean bonitas las letras con las que comunicas el objetivo de tu sitio.

jalex16 · #4 (**permalink**) 14/03/2008, 15:41

DragonX, uso photoshop para el diseño y dreamweaver para la edicion, olvide mencionarlo.

gracias Anya82, pero hay alguna forma de hacer que esas imagenes salgan como fondos de cada celda? para poder poner los textos encima. mira la web principal de http://impactovip.com.pe para que veas lo que he hecho.

gracias

hades87 · #5 (**permalink**) 14/03/2008, 17:03

yo dejaría de usar tablas e imágenes y empezaría con html y css. De esa forma todo se facilitaría bastante.

Anya82 · #6 (**permalink**) 14/03/2008, 17:26

Cita:

Iniciado por jalex16

gracias Anya82, pero hay alguna forma de hacer que esas imagenes salgan como fondos de cada celda? para poder poner los textos encima.

Pues si entendi bien, entonces la respuesta seria poner tu imagen de fondo en tu tabla/celda.

Y si, con CSS las cosas se optimizan bastante.

jalex16 · #7 (**permalink**) 15/03/2008, 07:52

si, siempre leo por todos lados que css es la mejor forma pero como? alguna web para ver como ejemplo?

juaniquillo · #8 (**permalink**) 15/03/2008, 11:52

Los mejores ejemplos (según mi opinión):
http://csszengarden.com/

Dale a los links de la sección que dice "Select Design"

jalex16 · #9 (**permalink**) 15/03/2008, 12:29

ah si ya la habia visto, es genial... la cosa es que no se como se hace eso jeje y creo que aplicarla en mi sitio estaria un poco complicado

Anya82 · #10 (**permalink**) 15/03/2008, 16:22

si tratas de hacerlo desde photoshop, no funcionara.
tienes que usar, cuando menos, Dreamweaver. Ahi estructuras tus paginas. Photoshop solo es para diseño de como se vera la interfaz, editar fotos, y para cortar imagenes para tu web.

Para hacer tablas, crear css, html, y demas tienes que usar algun editor de pags web.

carlangas2 · #11 (**permalink**) 17/03/2008, 15:49

hola me sumo a la platica.
yo he usado css y me da muchos problemas para que esten en un solo lugar, segun el explorador. con el explores me queda igual a como lo dejo en dreamweaver pero en mozilla cambia.

igual use como fondo de mi celda un diseño en illustrator y me genera ese mismo error en explores se ve completo el fondo peor en mozilla no.
como puedo solucionar estos problemas.

al igual que el photoshop. aplico la herramienta slice paa dividir mi diseño, poero no se como guardarlo en dreamweaver. si meto todo en la misma celda o en celdas diferentes.

si quieres ver mi pag,
http://www.soisola-ecovillas.com/
chequen con dos exploradores para que vean a lo que me refiero.

gracias

NUCKLEAR · #12 (**permalink**) 21/03/2008, 20:11

Nadie dijo que seria facil, si no cualquira podria hacer cosas impresionantes, hay trabajo y mucho trabajo, leer, practicar, preguntar, estudiar, si lo que quieres es tener algo espectacular con poco esfuerzo, contrata un diseñador(en este caso si ya tienes el diseño puedes contratar a alguien que te lo pase a xhtml y css).
Saludos

jalex16 · #13 (**permalink**) 22/03/2008, 07:58

yo ya tengo todo en html, pero ahora tengo otro problema, al terminar el diseño en photoshop (una imagen de 950x900 px) y guardarlo para web, se crea una fila y una columna adicional de 1px, lo que agranda el tamaño del modulo para el cual hice el diseño, creando una franja blanca en los costados (espacio.gif), no muy visible, pero quiero que no se vea.
si la borro, todas las celdas se arruinan. uso dreamweaver 8

creo que no tiene gracia contratar a alguien para que haga el trabajo, el cual que quieres aprender

juaniquillo · #14 (**permalink**) 22/03/2008, 08:48

Creia que te habías decidido a hacerlo con CSS... De cualquier forma, yo creo que hace falta un buen tutorial de como pasar diseños de imagen a html. El problema es que este tema se puede abordar de diferentes formas dependiendo del diseño.

Déjanos un enlace a tu página para poder opinar mejor.

jalex16 · #15 (**permalink**) 22/03/2008, 09:15

http://impactovip.com.pe

la pagina principal es http://impactovip.com.pe/site/?id=inicio

al menos quiero tener la web principal (inicio.php) con buen aspecto usando tablas, luego que sepa mas acerca de CSS la transformare. gracias

NUCKLEAR · #16 (**permalink**) 22/03/2008, 10:17

Cita:

Iniciado por jalex16

yo ya tengo todo en html, pero ahora tengo otro problema, al terminar el diseño en photoshop (una imagen de 950x900 px) y guardarlo para web, se crea una fila y una columna adicional de 1px, lo que agranda el tamaño del modulo para el cual hice el diseño, creando una franja blanca en los costados (espacio.gif), no muy visible, pero quiero que no se vea.
si la borro, todas las celdas se arruinan. uso dreamweaver 8

creo que no tiene gracia contratar a alguien para que haga el trabajo, el cual que quieres aprender

vale, Si quieres aprender podrias empezar por aca www.librosweb.es
Si quieres hacerlo con tablas y luego pasarlo a css, es un trabajo de monos(Vas a trabajar mas que empezarlo a hacerlo desde cero)
descargate firefox, instala el complemento web developer, visita www.cssmania.com, mira como estan maquetadas las webs, el css el xhtml, como se manejan colores, que quieres comunicar, esto del diseño web es un tema tan amplio y complejo que es un largo camino, si quieres ser uno de los buenos.
Saludos.