Crear Fondo repetitivo

Shadow123 · #1 (**permalink**) 07/09/2010, 07:44

Hey gente... bueno quizas el titulo sea un poco errado... el punto es el siguiente por eso lo pongo en disenio... como hago para diseniar un background para que se pueda repetir...
quiziera hacer algo asi como manchas de acuarela... pero no se como ... ya que queda para el ort*...

alguna idea!

Gracias!!!

Jime25 · #2 (**permalink**) 07/09/2010, 07:47

Podrías pasar una web donde lo hayas visto o algún ejemplo, para poder explicarte bien cómo hacerlo

.

Y revisá tu ortografía y vocabulario.

Saludos!!

marioStudios · #3 (**permalink**) 07/09/2010, 08:20

Se llama patrón o motivo en photoshop y simplemente lo colocas como background en el <body> y el navegador te lo va a mostrar por toda la pantalla, si lo quieres personalizar que solo lo muestre horizontal o vertical, pues entonces usas CSS!!!

Wakkos · #4 (**permalink**) 08/09/2010, 01:31

Quieres hacerlo en Photoshop o HTML?

Shadow123 · #5 (**permalink**) 27/09/2010, 05:55

como sea... intente hacerlo en photoshop y luego ponerlo en html pero no salio... cualquier forma estaria bien.

Guruku · #6 (**permalink**) 27/09/2010, 06:21

Supongo que lo que querrás es que al repetirse no se note el corte, para eso debes de arreglar los bordes en PS y después esa imagen ponerla en DW como fondo de pagina y que se repita.

Yo lo que hago y me da buen resultado es lo siguiente (algunos lo aran de otras maneras, incluso mejores, pero esta es la mia):

Yo cojo la imagen, copio un tramo de la parte de arriba, la volteo como en un espejo para que lo de arriba se vea abajo y lo pongo en la parte de abajo de la imagen, después retoco el borde para que no se note que es una imagen dentro de otra, una vez hecho eso hago lo mismo con un trozo de imagen de la izquierda poniéndola a la derecha, da igual si pones derecha a izquierda o al reves. Una vez hecho esto solo queda visionarla en DW y arreglar los pequeños fallos de color.

Te pongo un ejemplo que acabo de hacer, no esta perfecto pero creo que si lo pones en DW veras a lo que me refiero.

Espero haberte ayudado.

rex16 · #7 (**permalink**) 28/09/2010, 10:14

Cita:

Iniciado por Guruku

Supongo que lo que querrás es que al repetirse no se note el corte, para eso debes de arreglar los bordes en PS y después esa imagen ponerla en DW como fondo de pagina y que se repita.

Yo lo que hago y me da buen resultado es lo siguiente (algunos lo aran de otras maneras, incluso mejores, pero esta es la mia):

Yo cojo la imagen, copio un tramo de la parte de arriba, la volteo como en un espejo para que lo de arriba se vea abajo y lo pongo en la parte de abajo de la imagen, después retoco el borde para que no se note que es una imagen dentro de otra, una vez hecho eso hago lo mismo con un trozo de imagen de la izquierda poniéndola a la derecha, da igual si pones derecha a izquierda o al reves. Una vez hecho esto solo queda visionarla en DW y arreglar los pequeños fallos de color.

Te pongo un ejemplo que acabo de hacer, no esta perfecto pero creo que si lo pones en DW veras a lo que me refiero.

Espero haberte ayudado.

uuu amigo, que complique... mira dentro de mis pocos conocimientos en potoshop te cuento que este tiene un filtro para eso(es un programa tambien para diseñadores web no) carga la imagen, ve a: filtros ›› otro ›› desplazamiento y desliza las barritas veras a lo que me refiero, luego usa el tampon de clonar para suavizar los bordes de encuentro. esta es la forma correcta para crear texturas que se repiten

Guruku · #8 (**permalink**) 29/09/2010, 03:39

Cita:

Iniciado por rex16

uuu amigo, que complique... mira dentro de mis pocos conocimientos en potoshop te cuento que este tiene un filtro para eso(es un programa tambien para diseñadores web no) carga la imagen, ve a: filtros ›› otro ›› desplazamiento y desliza las barritas veras a lo que me refiero, luego usa el tampon de clonar para suavizar los bordes de encuentro. esta es la forma correcta para crear texturas que se repiten

No conocia ese filtro, estoy acostumbrado a la vieja escuela.

rex16 · #9 (**permalink**) 29/09/2010, 09:36

Cita:

Iniciado por Guruku

No conocia ese filtro, estoy acostumbrado a la vieja escuela.

para eso estamos, para compartir lo que cada uno pueda aportar.

y hablando de eso, estuve mirando la web que tienes en tu perfil y pues esa web tiene un detalle en el menu superior que no he podido lograr y que quiero ya que estoy haciendo mi primera.
de hecho hice este tema: http://www.forosdelweb.com/f53/poner-efecto-permanente-visited-844313/#post3569950

si no te importa te agradeceria que lo mires y veas si me puedes echar una mano.

Guruku · #10 (**permalink**) 29/09/2010, 10:17

Voy para halla, haber si te puedo ser útil...

Walk3r · #11 (**permalink**) 03/12/2010, 16:31

hola chicos yo tengo el mismo problema para crear un fondo repetitivo sin que se noten los bordes, mi photoshop esta en ingles y no encuentro ese filtro, alguno de ustedes podria decirme cual seria en ingles?? llevo un ratillo buscando en google y no encuentro nada al respecto .......

gracias de antemano

........ ufff ya lo tengo gracias para quien tenga el mismo rollo es en: Filters: others: Offset

metacortex · #12 (**permalink**) 12/12/2010, 07:34

Este asunto de los patrones es -a mi parecer- una de las tareas más jodidas de lograr en diseño. No me refiero a esos con formas planas sino a patrones con texturas, ruido o fotos/ilustraciones. Algunas personas poseen un talento increíble para esto. Yo me declaro un completo inútil en la materia. Lo he intentado varias veces y nunca ha salido perfecto. Siempre se nota el golpe entre un cuadro y otro. Ya no lo intento más. Es una pesadilla.

joseomaker · #13 (**permalink**) 14/12/2010, 19:43

http://www.forosdelweb.com/f6/aporte...leable-855424/

ahi explico como pero en GIMP,tranquilo que es software libre asi que puedes bajarlo y usarlo sin problemas,es liviano (solo 20mb),asi que,suerte.

PD: en el link que te di,al final del post puse el tutorial de photoshop en el cual base mi tutorial (aunque con gimp es mejor el resultado y mucho mas rapido.)