Foros del Web » Diseño web » Diseño Gráfico »

Fondos Suaves

Estas en el tema de Fondos Suaves en el foro de Diseño Gráfico en Foros del Web. Que tal, tengo una pregunta. He visto ultimamente en las paginas modernas, que se usa algun efecto en el fondo que lo hace parecer como ...
  #1 (permalink)  
Antiguo 26/11/2010, 19:53
 
Fecha de Ingreso: noviembre-2010
Mensajes: 37
Antigüedad: 3 años, 5 meses
Puntos: 0
Fondos Suaves

Que tal, tengo una pregunta. He visto ultimamente en las paginas modernas, que se usa algun efecto en el fondo que lo hace parecer como suaver, o alcochonado.


Cuando digo esto me refiero porejemplo a el fondo de twitter o mas precisamente a el fondo de la pagina de inicio de tuenti.

www.tuenti.com

Veran, que ese azul, no es simplemente un azul, es como un degredado pero tampoco lo entiendo.


Alguien que me ilumine por favor...
  #2 (permalink)  
Antiguo 26/11/2010, 20:31
Avatar de Wasper  
Fecha de Ingreso: julio-2006
Ubicación: de cai, picha!!!
Mensajes: 1.014
Antigüedad: 7 años, 9 meses
Puntos: 40
Respuesta: Fondos Suaves

El fondo es un degradado de 2 tonalidades muy parecidas de azul, todo mezclado con mas azul para el logo (tambien degradado), textos en negrita (color blanco) y textos tonalidad azul... es mucho juego con las tonalidades de azul...

Mira, la hora que es, y con algunos mojitos en el cuerpo y sin ganas de usar tipografias me sale algo asi...

http://img44.imageshack.us/i/puenti.png/
  #3 (permalink)  
Antiguo 26/11/2010, 22:01
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.623
Antigüedad: 8 años, 5 meses
Puntos: 211
Respuesta: Fondos Suaves

Excelente Wasper, excelente!!!
__________________
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #4 (permalink)  
Antiguo 28/11/2010, 16:34
 
Fecha de Ingreso: noviembre-2010
Mensajes: 37
Antigüedad: 3 años, 5 meses
Puntos: 0
Respuesta: Fondos Suaves

Wasper podrias sacarle una foto a ese degradado... me refiero al intercalado de colores
  #5 (permalink)  
Antiguo 01/12/2010, 22:54
 
Fecha de Ingreso: noviembre-2010
Mensajes: 37
Antigüedad: 3 años, 5 meses
Puntos: 0
Respuesta: Fondos Suaves

Cita:
Iniciado por Wasper Ver Mensaje
El fondo es un degradado de 2 tonalidades muy parecidas de azul, todo mezclado con mas azul para el logo (tambien degradado), textos en negrita (color blanco) y textos tonalidad azul... es mucho juego con las tonalidades de azul...

Mira, la hora que es, y con algunos mojitos en el cuerpo y sin ganas de usar tipografias me sale algo asi...

[url]http://img44.imageshack.us/i/puenti.png/[/url]
Wasper podrias subir la foto del degradado
  #6 (permalink)  
Antiguo 02/12/2010, 00:25
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 12 años, 6 meses
Puntos: 59
Respuesta: Fondos Suaves

Yo entiendo que no nacimos aprendidos, pero hasta un degradado necesitamos que nos hagan? no veo lo complicado de sacar una screen, pegar en PS, tomar los colores con el gotero y crear un degradado con la herramienta de degradados.
__________________
Cool Village
@Wakkos
  #7 (permalink)  
Antiguo 02/12/2010, 09:15
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 3 años, 4 meses
Puntos: 4
Respuesta: Fondos Suaves

Cita:
Iniciado por Wakkos Ver Mensaje
Yo entiendo que no nacimos aprendidos, pero hasta un degradado necesitamos que nos hagan? no veo lo complicado de sacar una screen, pegar en PS, tomar los colores con el gotero y crear un degradado con la herramienta de degradados.
Concuerdo con tigo amigo.
dudo que tengan una diferencia de 16 numeros ambos azules.
  #8 (permalink)  
Antiguo 02/12/2010, 10:06
 
Fecha de Ingreso: febrero-2007
Mensajes: 40
Antigüedad: 7 años, 1 mes
Puntos: 9
Respuesta: Fondos Suaves

Cita:
Iniciado por KurozakiIchigo Ver Mensaje
Concuerdo con tigo amigo.
dudo que tengan una diferencia de 16 numeros ambos azules.
Realmente hay un degradado (que a la práctica ni se nota) es un "todo sensación".
Les iba a anexar el archivo backg en cuestión cuyo script es el de repetirse como casi todos los backgs, pero por el largo es una pesadez para el foro.
Creo que a lo que se refiere fguespe de acolchado es al efecto de los botones de acceso que son esta imagen;

y para hacerlos pues el PS y los efectos de siempre.
Saludos, E
  #9 (permalink)  
Antiguo 03/12/2010, 10:41
 
Fecha de Ingreso: noviembre-2010
Mensajes: 37
Antigüedad: 3 años, 5 meses
Puntos: 0
Respuesta: Fondos Suaves

Pero no entiendo como van intercalados los colores.

Uno al principio y uno al final?
  #10 (permalink)  
Antiguo 06/12/2010, 03:31
 
Fecha de Ingreso: noviembre-2010
Ubicación: Hermosillo, Sonora
Mensajes: 20
Antigüedad: 3 años, 4 meses
Puntos: 4
Respuesta: Fondos Suaves

Una pregunta con todo respeto fguespe, estas usando photoshop o no tienes ni la minima idea? lo que pasa es que parece como si no entendieras ni de que hablan, a lo mejor y no estas usando photoshop, explica bien ese punto, si no no encuentro explicacion a que no entiendas.
  #11 (permalink)  
Antiguo 06/12/2010, 23:06
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.623
Antigüedad: 8 años, 5 meses
Puntos: 211
Respuesta: Fondos Suaves

PS CS
Se refiere a esto: Use 5 sectores 2 tonos de azul para hacer la muestra de degradado.
Arriba muestra de azul un solo tono, Abajo el degradado Azul 2 tonos (use circular para el degradado).


P.D. Los tonos deben tener cambios poco significativos para tal efecto y puedes aumentar la cantidad de sectores (Detecciones) para la combinacion tonal final.
__________________
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!

Última edición por marioStudios; 06/12/2010 a las 23:13 Razón: Más infrormación.
  #12 (permalink)  
Antiguo 08/12/2010, 04:40
Avatar de metacortex
Moderador
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 8.799
Antigüedad: 9 años, 10 meses
Puntos: 741
Respuesta: Fondos Suaves

Pues lamento decepcionarlos amigos. Se trata de un fondo repetitivo de 1px de ancho con degradado vertical:

http://estaticosak1.tuenti.com/layou...0df2fcc0eb.png
  #13 (permalink)  
Antiguo 08/12/2010, 09:19
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.623
Antigüedad: 8 años, 5 meses
Puntos: 211
Respuesta: Fondos Suaves

Es verdad, trasque es para un fondo web, excelente metacortex. Pero 1px???
__________________
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #14 (permalink)  
Antiguo 11/12/2010, 04:18
 
Fecha de Ingreso: febrero-2007
Mensajes: 40
Antigüedad: 7 años, 1 mes
Puntos: 9
Respuesta: Fondos Suaves

Cita:
Iniciado por metacortex Ver Mensaje
Pues lamento decepcionarlos amigos. Se trata de un fondo repetitivo de 1px de ancho con degradado vertical:

[url]http://estaticosak1.tuenti.com/layout/web2-Zero/images/layout/5_login_background.0df2fcc0eb.png[/url]
Hola metacortex!

Ya la había dicho antes, me cito:
"Realmente hay un degradado (que a la práctica ni se nota) es un "todo sensación".
Les iba a anexar el archivo backg en cuestión cuyo script es el de repetirse como casi todos los backgs, pero por el largo es una pesadez para el foro."


Leyendo tu mensaje y viendo respuestas me doy cuenta que a veces no nos explicamos bien porque nadie entendió eso cuando lo dije, de hecho no lo puse por el tema del largo vertical (que en tu enlace se ve de lo que hablo)

pd - Un placer coincidir en este pequeño espacio: me parece que eres el que no está en ningún lado y al mismo tiempo está en todos, ja.

Saludos, E
  #15 (permalink)  
Antiguo 17/01/2011, 01:34
 
Fecha de Ingreso: noviembre-2010
Ubicación: Hermosillo, Sonora
Mensajes: 20
Antigüedad: 3 años, 4 meses
Puntos: 4
Respuesta: Fondos Suaves

Cita:
Iniciado por metacortex Ver Mensaje
Pues lamento decepcionarlos amigos. Se trata de un fondo repetitivo de 1px de ancho con degradado vertical:

[url]http://estaticosak1.tuenti.com/layout/web2-Zero/images/layout/5_login_background.0df2fcc0eb.png[/url]
algo asi, pero es mas rapido que eso miren, abren paint y lo hacen del tamaño de dos pixeles, un pixel lo ponen de un color, el otro del mismo color pero mas obscuro o mas claro y lo guardan como jpg, png o su formato preferido.

Despues simplemente lo pones como fondo de tu web como por ejemplo

body {
background-image: url(Dibujo.jpg);
}

y ya tienes tu fondo como lo deseas, saludos.

aqui te deje un ejemplo de una web a la que le aplique este fondo junto con su imagen, saludos

http://www.mediafire.com/?5dhh4e0kbw6vl6y

esto lo puedes aplicar de acuerdo al tamaño de pixeles de tu pagina puedes hacer diversos degradados de mas de dos colores, hasta lo largo de tu pagina.

Como dijeron por aqui con una imagen largar de solo un pixel de ancho, pero esto no aplicaria bien en las webs que la pagina es variable en contenido, aunque tambien puedes jugar con esto para darles diferentes efectos a los fondos.

Etiquetas: fondo
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 20:23.
SEO by vBSEO 3.3.2