Fondos Suaves

[fguespe]

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...

[Wasper]

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/

[marioStudios]

Excelente Wasper, excelente!!!

[fguespe]

Wasper podrias sacarle una foto a ese degradado... me refiero al intercalado de colores

[fguespe]

Iniciado por Wasper

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

[Wakkos]

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.

[KurozakiIchigo]

Iniciado por Wakkos

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.

[EtiamBrindarte]

Iniciado por KurozakiIchigo

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

[fguespe]

Pero no entiendo como van intercalados los colores.

Uno al principio y uno al final?

[galostar]

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.

[marioStudios]

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.

[metacortex]

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

http://estaticosak1.tuenti.com/layou...0df2fcc0eb.png

[marioStudios]

Es verdad, trasque es para un fondo web, excelente metacortex. Pero 1px???

[EtiamBrindarte]

Iniciado por metacortex

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

[galostar]

Iniciado por metacortex

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.