Foros del Web » Creando para Internet » Diseño Gráfico »

Páginas Web a partir de Photoshop

Estas en el tema de Páginas Web a partir de Photoshop en el foro de Diseño Gráfico en Foros del Web. Hola, estoy empezando a trabajar con el Photoshop y estoy necesitando un poco de ayuda: creación de páginas web mediante este programa. Un amigo me ...
  #1 (permalink)  
Antiguo 01/04/2004, 00:57
Avatar de Hayi  
Fecha de Ingreso: febrero-2002
Ubicación: Santa Fe - Santa Fe
Mensajes: 121
Antigüedad: 15 años, 10 meses
Puntos: 3
Pregunta Páginas Web a partir de Photoshop

Hola, estoy empezando a trabajar con el Photoshop y estoy necesitando un poco de ayuda: creación de páginas web mediante este programa. Un amigo me pasó un par de archivos .PSD para que pruebe hacerlas pero no entiendo cómo exportar desde ese archivo a un .HTML, ¿necesito otro programa
para hacer esto?, si lo puedo hacer directamente con el Photoshop, ¿cómo se hace?. Pregunto sobre Photoshop porque no lo conozco bien, siempre trabajé con Fireworks, FreeHand y Dreamweaver y quisiera ampliar un poco más mis conocimientos, gracias desde ya...
  #2 (permalink)  
Antiguo 01/04/2004, 01:26
Avatar de scanjet  
Fecha de Ingreso: diciembre-2002
Ubicación: Tenerife - Islas Canarias
Mensajes: 575
Antigüedad: 15 años
Puntos: 2
El PhotoShop en sí mismo te permite hacer la plantilla o interfaz (visual) de la página, para poder trabajar luego el código html, primero has de "saltar" de la imagen en PhotoShop a su compañero inseparable ImageReady, (en la barra de herramientas de las versiones 6 en adelante, al final de la barra tieens el iconito para hacerlo); una vez en Image Ready, solo tienes que seleccionar la herramienta del cuchillo para ir seccionando la imagen en cuantas imagenes más pequeñas te hagan falta, para agilizar la carga de la página y para, por ejemplo, poder asignar links a ciertas partes de la imagen, como podrían ser menús , etc,... Una Vez tengas seccionada la imagen la guardas para web y la exportas como html. Puedes ver los resultados, y si no es lo que esperaba vuelves atrás y lo modificas.

A grandes pasos, lo que hace el Image Ready es coger una imagen de una sola pieza, cortarla en varias y luego construir el código html de una página que contiene una tabla en la cual cada fragmento de imagen no es más que un campo de dicha tabla, por eso a veces hay que tener cuidado cuando se modifique en tu editor web porque puedes dañar la estructura de la imagen.

Bueno, no se si me he explicado o te he liado más, je je.

Salu2
__________________
El conocimiento no ocupa lugar, pero mi base de datos se desborda...
Estudio SJ - Portal de Noticias y Recursos de Diseño Grafico
  #3 (permalink)  
Antiguo 01/04/2004, 11:51
 
Fecha de Ingreso: enero-2004
Mensajes: 19
Antigüedad: 13 años, 10 meses
Puntos: 0
Aqui te dejo 2 estupendos tutoriales de como hacer lo que necesitas:

Tutorial parte 1º : http://www.propuestadigital.com/tuts/pw.htm

Tutorial pate 2º : http://www.propuestadigital.com/plan...reamweaver.htm

Con esto lo tienes ya todo mucho mas facil te lo aseguro.

Suerte y a aprender un rato, como todos.
  #4 (permalink)  
Antiguo 01/04/2004, 12:02
Avatar de Hayi  
Fecha de Ingreso: febrero-2002
Ubicación: Santa Fe - Santa Fe
Mensajes: 121
Antigüedad: 15 años, 10 meses
Puntos: 3
De acuerdo Gracias...

Gracias a los dos por la información, creo que es suficiente para empezar y me sirvió de mucho, gracias de nuevo, saludos...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:31.