Diseño página web

[ahimsa]

Hola. No sé si este es lugar para preguntar esto, pero bueno...
Mi pregunta es la siguiente: Diseño una imagen para usarla como interfaz para una web en photoshop. Tengo entendido que luego se va cortando en partes para luego colocarlas mediante un editor de páginas web y así sea más rápida la carga. ¿Cual es la forma adecuada de hacerlo?
Gracias

[josemari]

Hola ahimsa :)
No estoy seguro de eso de que se corte para que cargue más rápido. Si sólo es ése el objeto, no creo que sea necesario cortarla. Sencillamente dale a guardar para web y escoge el formato que más se adapte a tamaño y calidad.
Gracias por preguntar, ahimsa.

[andriu]

Tengo entendido que al cortar imágenes muy grandes para colocarlas en el editor REDUCE el peso de la imágenes...

Es lo que sé ;) .

[creativo]

No, no, se cortan para que el que la va a ver no tenga que esperar a qué carge toda la imágen. Así va viendo por secciones y es menos desesperante. El peso es el mismo solo que repartido en secciones.

saludos


<img src="http://ba-k.com/creativo/creativo.gif" border=0>

[ahimsa]

Hola. Creativo, eso es a lo que yo me refería. ¿Se sigue algún metodo en concreto o hay algún software que venga bien para hacerlo?
Gracias.

[Wakkos]

Puedes utilizar Photoshop (es el que conozco) la herramienta slices te permite 'dividir' la imagen en varias partes, luego al exportar para la web, te genra el HTML en tablas o CSS según tu lo prefieras.

Si tienes dudas sobre el proceso, vuelve a postear para darte unos links.

[creativo]

Aquí lo tienes en castellano.
<a href='ir.asp?http://www.vialaweb.com/imageready/frames.htm' target='_blank'>http://www.vialaweb.com/imageready/frame...</a>

saludos
creativo

[ahimsa]

Hola. Sois cojonudos .Gracias a todos. Voy a salsear un rato a ver.

[Teufel]

Que tal?

Para hacer este tipo de cortes es mejor el fireworks, puesto que el fireworks te genera un codigo mas limpio que el image ready que es el que usas en photoshop.

Saludos!

-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
Eric Menjivar
Director Animadores Del Web.com
http://www.animadoresdelweb.com

[Wakkos]

Define limpio y establece las diferencias, por favor.....

[Wakkos]

Ah! por cierto, como es que 'que el image ready, que es el que usas el photoshop' eso no lo entiendo, Image ready es un programa que viene cuando compras Photoshop, pero es un independiente.

Y además, yo hablo de hacerlo en Photoshop, no Image Ready.

[sulfito]

Usar una imagen como interfaz para una pagina web es muy pesado. No se usa. Aunque se puede hacer. Sobre todo si no tienes mucha idea de diseño de paginas web. Una posibilidad es con firewoks, la puedes dividir y transformar a html, sacarle las partes lisas para darle ese color de fondo a la celda (esto último en algun editor de html como dreamweaver o frontpage) para que pese menos y listo. Asi empece yo a diseñar paginas web. Pero de cualquier forma vas a tener que aprender a usar un editor de html, te recomiendo dreamweaver.

[ahimsa]

Hola.Pues por lo poco que tenido ocasión de salsear se puede hacer con Photoshop, ImageReady y Fireworks (aunque éste no lo domino nada de nada). Luego utilizo el Dreamweaver para, como dice sulfito, sacarle las partes lisas para darle ese color de fondo a la celda. En fin, he de practicar más pero eso era lo que necesitaba saber.
Gracias a todos.

[chata]

El mejor programa es el Fireworks (no sé si se puede hacer con otro, pero cuando exportás ponés la opción slide along guides) ubiendo trazxado antes la imagen en tre guías previamente.
Saludos

[mayome]

Holas!!! :)
He estado leyendo sus mensajes, pues yo tambien tengo el mismo problema no se como cortar en partes las fotos, segun he leido en sus comentarios se puede hacer en photoshop, pues yo tengo en español me pueden decir porfavor que herramienta me permite recortar.

[wolfadobe]

primero cuando tienes tu imagen la cortas con la herramienta slice y cuando das guardar para web te sale una ventana y en esa ventana puedes guardar cada parte cortada con el formato que quieras puedes elegir entre gif png o jpg y cada parte puede tener una extension diferente para que cuando cargues la imagen cada imagen tenga una calidad diferente por ejemplo a una parte delicada le puedes poner jpg y a otra parte le puedes poner gif y asi sucesivamente
espero poderte haber ayudado :P

[nemo]

el recortar una imagen hace que se despliege poco a poco en vez de que hasta que termine de cargar la imagen que puede llegar a desesperar al usuario.

cuando las imagenes se manejan en slice (recortes) pesa mas, (no pesa lo mismo) claro que es minimo por ejemplo si pesaba sola 35k ahora en recortes te puede pesar 45k
por eso tambien es muy importante optimizarla
(te recomiendo el fireworks)

[zpez]

sólo queria aportar una cuestion y es que el motivo de dividir las imágenes en photoshop o en image ready son dos principalmente y que parten de la idea de facilitar mucho las cosas a usuarios inexpertos en Photoshop y en html:

-Las imágenes se pueden optimizar muchísimo mejor ya que no solo podemos comprimir zonas de la imágen de un .jpg de manera que nos convenga, una zona importante mayor calidad y otras menos menor calidad y muy importante que zonas de pocos o incluso un color directamente en gif 2 colores.
-Con la opción de guardar html ya se puede hacer más fácil ya que el programa lo hace todo. Crea el documento .html y hace una carpeta con todas las imágenes.

suerte.

<html><center><img src="http://www.globalmedialab.com/firma/zpez.jpg" height=79 width=352 border="0" alt= ""></a>
</center></html>

[mayome]

Gracias wolfadobe,

[mayome]

Gracias a todos

[MonicaH]

Hola,

yo quiero un programa que únicamente me haga ese RECORTE de las imagens y me cree la tabla con los fragmentos.

Me pueden decir de donde descargarlo ?.

Gracias.

Iniciado por MonicaH

Hola,

yo quiero un programa que únicamente me haga ese RECORTE de las imagens y me cree la tabla con los fragmentos.

Me pueden decir de donde descargarlo ?.

Gracias.

Hola,

alguna ayuda por favor?.