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

¡Qué buen background! ¿pero cómo lo hago?

Estas en el tema de ¡Qué buen background! ¿pero cómo lo hago? en el foro de Diseño Gráfico en Foros del Web. Hola hola! Sigo acá en la lucha viendo si aprendo un poco de todo esto... estoy chusmeando muchos sitios que me gustan y acá hay ...
  #1 (permalink)  
Antiguo 24/03/2007, 15:01
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 19 años, 4 meses
Puntos: 2
¡Qué buen background! ¿pero cómo lo hago?

Hola hola!

Sigo acá en la lucha viendo si aprendo un poco de todo esto... estoy chusmeando muchos sitios que me gustan y acá hay un típico background de sitios basados en CSS y me gustaría saber cómo lo puedo hacer con Photoshop!

http://luisalarcon.com/blog/?p=251

Por lo visto, es una imagen, con una textura y un degrade... parecía facil, intenté hacerlo con algunos patrones pero no me queda del todo bien.

¿cómo puedo acercarme mejor al resultado final?

GRACIAS!
  #2 (permalink)  
Antiguo 24/03/2007, 15:27
Avatar de roc2107
ɹopɐɹǝpoɯ
 
Fecha de Ingreso: febrero-2003
Ubicación: León Guanajuato
Mensajes: 4.834
Antigüedad: 21 años, 2 meses
Puntos: 109
Re: ¡Qué buen background! ¿pero cómo lo hago?

Creo que es similar a esta imagen, ya nada más le das un degradado.



Saludos.
__________________
Blog de Diseño Gráfico roc21.com ||

El secreto de la creatividad es saber esconder tus fuentes.
  #3 (permalink)  
Antiguo 24/03/2007, 15:41
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 19 años, 4 meses
Puntos: 2
Re: ¡Qué buen background! ¿pero cómo lo hago?

Es verdad! la debió haber sacado de alguna librería... es un buen recurso ese, vamos a ver que puedo inventar jeje

Gracias :)
  #4 (permalink)  
Antiguo 24/03/2007, 15:42
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 19 años, 4 meses
Puntos: 2
Re: ¡Qué buen background! ¿pero cómo lo hago?

Otra cosa... ¿creen que las partes SUPERIOR e INFERIOR de la página las habrá hecho digitalizando una imagen ó ese efecto de papel arrugado es más bien hecho con photoshop?
  #5 (permalink)  
Antiguo 24/03/2007, 16:28
Avatar de FabianSN  
Fecha de Ingreso: enero-2007
Ubicación: SNicolas, BsAs, Argentina
Mensajes: 96
Antigüedad: 17 años, 3 meses
Puntos: 2
Re: ¡Qué buen background! ¿pero cómo lo hago?

<Te había respondido otra cosa sin analizarlo antes>

En realidad el efecto del degradé se hace colocando dicha imagen en el DIV que corresponda y en CSS colocas algo asi:

background: url(/Imagenes/bg_imagen.png) repeat-x;

Con esto le decís que repita la imagen en forma horizontal y si el se va agrandando en forma vertical dicho fondo se hace proporcional al espacio ocupado.

Proba de hacer un DIV en una pagína y ponele este CSS con un degradé de una imagen cualquiera.

Fijate que si haces clic derecho en firefox pods ver la imagen de background utilizada y es parecido al bloque que colocó otro usuario en este mismo post.

Última edición por FabianSN; 24/03/2007 a las 16:40
  #6 (permalink)  
Antiguo 25/03/2007, 04:47
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 17 años, 10 meses
Puntos: 189
Re: ¡Qué buen background! ¿pero cómo lo hago?

Computer, si, el bg es como la foto que te facilitó roc, haciéndole un degradé de trasparencia(con una ma´scara de capa) y poniendo en la capa de abajo de ps un pleno del mismo color que el background-color de tu body (en el css)
la imagen de abajo es una foto de papel arrugado (hay muchas en sxc.hu) con el mismo tratamiento.
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #7 (permalink)  
Antiguo 26/03/2007, 19:44
Avatar de FabianSN  
Fecha de Ingreso: enero-2007
Ubicación: SNicolas, BsAs, Argentina
Mensajes: 96
Antigüedad: 17 años, 3 meses
Puntos: 2
Re: ¡Qué buen background! ¿pero cómo lo hago?

La verdad Paola no entendí nada, pero por la forma en que le diste la indicación es indudable que de diseño gráfico sabes un monton.
__________________
Letra de Canciones
  #8 (permalink)  
Antiguo 27/03/2007, 08:23
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 19 años, 4 meses
Puntos: 2
Re: ¡Qué buen background! ¿pero cómo lo hago?

Entiendo Paola. Justamente ayer estuve experimentando con el tema de fundir capas en photoshop... a propósito, no se como no lo habia descubierto antes, tenia ahi a 20 pixels de la lista de capas la opcion para fundirlas :P

Grax por el link de sxc.hu... no lo conocia, está más que bueno!

Un saludo grande, ya me pongoa probar esto que me decis :))

FabianSN: En realidad no me refería a cómo armar la maqueta, sino más bien a lo que me explicó Paola. Te agradezco igualmente por la respuesta!


Eduardo
  #9 (permalink)  
Antiguo 21/04/2007, 11:10
 
Fecha de Ingreso: agosto-2005
Mensajes: 4
Antigüedad: 18 años, 8 meses
Puntos: 0
Re: ¡Qué buen background! ¿pero cómo lo hago?

No termino de entender como se hace ese efecto papel arrugado, alguien que tenga idea y me de una mano?
  #10 (permalink)  
Antiguo 25/04/2007, 16:38
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 19 años, 4 meses
Puntos: 2
Re: ¡Qué buen background! ¿pero cómo lo hago?

Para mi el papel arrugado es una foto digitalizada.

¿ustedes que opinan?
  #11 (permalink)  
Antiguo 26/04/2007, 09:44
 
Fecha de Ingreso: agosto-2006
Mensajes: 355
Antigüedad: 17 años, 8 meses
Puntos: 2
Re: ¡Qué buen background! ¿pero cómo lo hago?

puedes conseguir esa textura escaneando directamente un folio arrugado, normalmente los resultados son más impactantes que cuando es una fotografía :)
  #12 (permalink)  
Antiguo 26/04/2007, 20:12
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.626
Antigüedad: 18 años, 6 meses
Puntos: 212
Re: ¡Qué buen background! ¿pero cómo lo hago?

Pues sí, la imagen de esa DIR es muy hermosa, hermosamente estilizada; creo que en photoshop de Corel o de Jasc tienen un background así pero en blanco, ya despues uno le da el color que gustes, pero lo más fácil como dicen los amigos del foro es digitalizar un papel arrugado y listo!!! Lo demas son pinceles y degradados con efectos de fundido!!! Suerte.
__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
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 00:21.