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

imagen de fondo

Estas en el tema de imagen de fondo en el foro de Diseño Gráfico en Foros del Web. hola! no se si mi problema va aca, pero la cuestion es la siguiente. como hago para crear un fondo, (digamos 50 px * 50 ...
  #1 (permalink)  
Antiguo 09/05/2006, 09:01
 
Fecha de Ingreso: mayo-2005
Mensajes: 164
Antigüedad: 12 años, 7 meses
Puntos: 0
imagen de fondo

hola! no se si mi problema va aca, pero la cuestion es la siguiente. como hago para crear un fondo, (digamos 50 px * 50 px) de unas lineas en diagonal, y repetirlo?

hice mi imagen en photoshop, pero al momento de meterla de background, se repite recontra chueca.

hay algun truco, o programa simple para crear los patterns? si alguien sabe avisenme porfa. gracias
  #2 (permalink)  
Antiguo 09/05/2006, 09:42
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Hola pipogol

No entiendo bien tu duda, pero te doy alguna indicaciones. Si quieres que se repita horizontal y vertical solo tienes que poner la imágen de fondo:
Código:
<style type="text/css">
  body {background: url(tuimagen.gif)}
</style>
Si quieres que se repita horizontal lo pones así:
Código:
<style type="text/css">
  body {background: url(tuimagen.gif) repeat-x}
</style>
Si prefieres que se repita en horizontal, lo mismo pero con repeat-y

Espero que te sirva. Saludos,
  #3 (permalink)  
Antiguo 09/05/2006, 13:53
 
Fecha de Ingreso: mayo-2005
Mensajes: 164
Antigüedad: 12 años, 7 meses
Puntos: 0
javierb no me referia a eso. si no que como puedo hacer mis propios patterns? mira, si hago algo asi, y lo pongo de fondo se ve cheuco, como en este ejemplo rapido.

como puedo solucinar este problema? se que con css no se puede, pero como hago para crear los patterns bien?

gracias

http://www.geocities.com/vincent_vargas_3/test.html
  #4 (permalink)  
Antiguo 09/05/2006, 13:57
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Hola de nuevo.

Parece que el problema es de diseño de la propia imágen, así que donde mejor pueden ayudarte es en el foro de Diseño gráfico y para allá muevo tu mensaje.

Movido desde Css.

Saludos,
  #5 (permalink)  
Antiguo 09/05/2006, 14:06
Avatar de El_derby  
Fecha de Ingreso: noviembre-2001
Ubicación: Lima Limón
Mensajes: 5.729
Antigüedad: 16 años
Puntos: 43
te rfieres a que quieres crear tu propios patrones para un fondo? si eso talves esto te pueda ayudar

http://www.web-studio.com.ar/photoshop/scanlines.php
__________________
nadie esta libre de decir estupideces, lo malo es decirlas con énfasis
w w w . e l d e r b y w e b . c o m ===============> mi blog de diseño gráfico
  #6 (permalink)  
Antiguo 09/05/2006, 15:12
 
Fecha de Ingreso: mayo-2005
Mensajes: 164
Antigüedad: 12 años, 7 meses
Puntos: 0
El_derby hola! no es exactamente lo que queria.
en el link que puse, salian lineas en diagonal, pero no se como hacer para que justo encajen unas con otras, asi hacer uno de 50 * 50 px por ejemplo y repetirlo varias veces, pero que encajen.

alguna ideA?
  #7 (permalink)  
Antiguo 09/05/2006, 15:17
Avatar de Pedri  
Fecha de Ingreso: mayo-2003
Ubicación: Tenerife, Islas Canarias
Mensajes: 234
Antigüedad: 14 años, 7 meses
Puntos: 1
Sigue el tuto que te ofrece El Derby. Pero en tu caso debes hacer la adaptación concreta.

El problema que tienes en tu módulo es que la simetría y el eje central no son correctos. Para ello deberás colocar una diagonal de ángulo a ángulo y dejar el mismo grueso de raya negra y raya blanca, repitiendolas hasta el final de tu cuadrado. De este modo, tu módulo debe cazar perfectamente cuando se repita.

Saludos
__________________
Pasitos de bebé hasta que puedas salir corriendo:si:
  #8 (permalink)  
Antiguo 09/05/2006, 20:12
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
es cierto lo que dice Pedri. Tu problema es de simetria. Trata haciendo el canvas de la imagen 4 veces mayor que la imagen, pones la imagen en la esquina superior izquierda y la duplicas hacia abajo y hacia el lado. asi sabras cuando la imagen es completamente simetrica.
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 04:28.