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

Fondo web con transparencia

Estas en el tema de Fondo web con transparencia en el foro de Diseño Gráfico en Foros del Web. hola amigos, tengo un problema con mi web... el fondo es papel con efecto de quemado y rasgado en los bordes y quiero colocarle un ...
  #1 (permalink)  
Antiguo 17/12/2009, 10:37
 
Fecha de Ingreso: septiembre-2008
Ubicación: Argentina
Mensajes: 163
Antigüedad: 15 años, 7 meses
Puntos: 1
Pregunta Fondo web con transparencia

hola amigos, tengo un problema con mi web... el fondo es papel con efecto de quemado y rasgado en los bordes y quiero colocarle un color o textura de fondo.
Lo que pasa es q al sectorizar con Fireworks como JPG me deja esa transparencia blanca, obviamente. Luego quise exportar esos sectores con transparencia en modo gif pero no pude, salio todo JPG nuevamente.
Como puedo resolver esto???
Gracias



link por si no se ve la imagen:

http://www.subirimagenes.com/otros-s...1-3732069.html
  #2 (permalink)  
Antiguo 17/12/2009, 16:40
Avatar de manié  
Fecha de Ingreso: agosto-2004
Mensajes: 705
Antigüedad: 19 años, 8 meses
Puntos: 49
Respuesta: Fondo web con transparencia

Hola Zodiaco!

Cuando hablas de "sectorizar" ¿te refieres a la división?

Cuando exportas debes hacerlo en modo "exportar HTML e imágenes".

Ahora bien...si lo que deseas es exportar en modo gif, entonces una vez hecha la selección de la división para la exportación, abre la ventana de Optimizar y ahí eliges modo gif y verás que te aparece en la división: División:Gif.

Salute!
__________________
¿qué ve una mosca? ¿Ve cuatro mil verdades, o una verdad fraccionada en cuatro mil pedazos?
  #3 (permalink)  
Antiguo 17/12/2009, 18:01
 
Fecha de Ingreso: septiembre-2008
Ubicación: Argentina
Mensajes: 163
Antigüedad: 15 años, 7 meses
Puntos: 1
Respuesta: Fondo web con transparencia

Hola manié. gracias x la respuesta...

si, me refiero a la división. Entiendo lo que me dices pero lo que pasa es que no quiero que todas las divisiones se exporten como GIF porque así es muy pesada la web. Lo que intente es dividir todo el centro en JPG y luego cree divisiones para esos bordes que necesito tengan transparencia y las seleccione como GIF pero fireworks me exporto todo como JPG como podrás ver en la imagen adjunta.
En resumen lo que necesito es exportar todo lo que no necesite transparencia en JPG y esos bordes que se ven blancos con transparencia para poder colocar un patrón de textura de fondo en dreamweaver.
Gracias.
  #4 (permalink)  
Antiguo 18/12/2009, 06:32
Avatar de DjDance
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Santiago de Chile
Mensajes: 775
Antigüedad: 17 años, 8 meses
Puntos: 80
Respuesta: Fondo web con transparencia

Entonces exporta tu diseño dos veces !!
Una como jpeg y otra como gif ... después solo cambia los bordes jpeg por los gif !!
Hay que usar un poquitin la cabeza también ...
__________________
My Music xD
http://soundcloud.com/dj-dance-1
  #5 (permalink)  
Antiguo 18/12/2009, 07:58
 
Fecha de Ingreso: septiembre-2008
Ubicación: Argentina
Mensajes: 163
Antigüedad: 15 años, 7 meses
Puntos: 1
De acuerdo Respuesta: Fondo web con transparencia

Hola Djdance, lo voy a probar... y en cuanto a lo de usar la cabeza, hace poco que utilizo este programa como para darme esas mañas. si recurro al foro es porque no tengo la solución al problema.

gracias.
  #6 (permalink)  
Antiguo 18/12/2009, 09:32
Avatar de DjDance
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Santiago de Chile
Mensajes: 775
Antigüedad: 17 años, 8 meses
Puntos: 80
Respuesta: Fondo web con transparencia

No te preocupes ... aveces nos cerramos y obviamos cosas muy simples.
quizas el programa no puede exportar ambos formatos a la vez ... por eso te decia lo de usar cabeza !!

Saludos y que resulte tu muy bien tu web !!
__________________
My Music xD
http://soundcloud.com/dj-dance-1
  #7 (permalink)  
Antiguo 18/12/2009, 13:38
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Fondo web con transparencia

Así como recomendación general, mejor exporta en PNG ya que la transparencia que te va a dar el formato gif va estar limitada en cuanto a calidad.

Saludos
__________________
Grupo Telegram Docker en Español
  #8 (permalink)  
Antiguo 21/12/2009, 10:26
 
Fecha de Ingreso: septiembre-2008
Ubicación: Argentina
Mensajes: 163
Antigüedad: 15 años, 7 meses
Puntos: 1
Respuesta: Fondo web con transparencia

Hola Carlangueitor, si, PNG resulto mejor pero me surgió otro problema ejejej.
Hago en la vista de dreamweaver se ven esos sectores transparentes, excelente!!!, pero cuando ejecuto el HTML, ya sea con firefox o I.E esas transparencia se ven con fondo gris ¿?, busque en el foro y hay un código para solucionarlo pero no me deja ese efecto de papel quemado que quiero yo, me lo recorta.

Gracias!!

este es el link del tema...

Código HTML:
Ver original
  1. http://www.forosdelweb.com/f91/archivos-png-internet-explorer-352432/
  #9 (permalink)  
Antiguo 22/12/2009, 13:27
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Fondo web con transparencia

Si dices que el también en firefox te da el problema de transparencia debe ser otra cosa (solamente ie 6 no es compatible con transparencia png) lo estás guardando como PNG 8, PNG24 o PNG 32??? Sube una imagen que tenga transparencia para ver si ese es el problema.

Saludos
__________________
Grupo Telegram Docker en Español
  #10 (permalink)  
Antiguo 23/12/2009, 02:50
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 22 años, 6 meses
Puntos: 59
Respuesta: Fondo web con transparencia

El efecto de papel quemado y encima transparente, es chungo. Porque hacer algo negro transparente sobre fondo blanco es chungo. Chungo Chungo Chungo.

Es muy temprano y mi cerebro necesita 3 horas despues que me levanto para funcionar, solo llevo una. Porque no intentas ampliar el margen de lo recortado? Osea, no selecciones la imagen justo cuando se quema, sino que deja margen, unos 10 px. Mejor 8px y lo pegas en una imagen de 10px entonces pillas el color promedio del fondo dodne vas a colocar el recorte y rellenas los 2px sobrantes con ese color y le dices que sea transparente ESE color.

Creo que no me he explicado, dime y cuando venga por la tarde con el cerebro funcionando lo re-explico xD
__________________
Cool Village
@Wakkos
  #11 (permalink)  
Antiguo 23/12/2009, 07:59
 
Fecha de Ingreso: septiembre-2008
Ubicación: Argentina
Mensajes: 163
Antigüedad: 15 años, 7 meses
Puntos: 1
Sonrisa Respuesta: Fondo web con transparencia

Hola wakkos, , no te he entendido muy bien jejejeje... Descubrí que con modzilla no tengo ningún problema y funciona tal como lo deseo el efecto pero en I.E (maldito, maldito sea) no!.
Y como dije antes en los foros que investigue dan el código que cite en el mensaje anterior pero no me sirve. Todo este marullo es porque quiero colocar una textura de fondo pero voy a colocar un color pleno, un negro o gris oscuro así solo coloco ese color en el archivo PNG y al dividirlo que exporte esas divisiones negras, luego solo coloco un color de fondo negro y FUE!
Pero me queda la duda de como podría solucionarlo para I.E.
Saludos y Gracias!!!
  #12 (permalink)  
Antiguo 23/12/2009, 16:55
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Fondo web con transparencia

Pues hay varios scripts png fix para internet explorer (versiones 6 y anteriores), aquí puedes ver cual te funciona:

http://www.anieto2k.com/2006/08/28/p...ciones-varias/

Saludos
__________________
Grupo Telegram Docker en Español
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 23:11.