
"Fondos web"
por SantosVZ102203
Pág.1/3
Este tutorial trata sobre fondos. Hay mucho que decir y hacer sobre fondos o como dicen los gring...backgraund. En esta oportunidad solo trataremos dos aspectos sobre los fondos. Uno es el tipo de fondos para Web, utilizando el criterio de pixcelación que particularmente me agradan mucho junto con los fondos de tablas para Web y el otro como crear fondos Web partiendo de una imagen que nosotros hemos creado. 
Bien..., lo primero que vamos hacer es abrir Photoshop y vamos al menú Archivo>Nuevo y abrimos uno de 4 x 4 px y transparente. Aumentamos la imagen el máximo posible (1600%) ya que vamos a trabajar de 1px a 1px, y necesitamos verlo bien. 
Con la Herramienta de lápiz y el color de primer plano que indicamos creamos la imagen y después la guardamos con el nombre y con el formato jpeg, gif o el que nos convenga. 
Imágenes ampliadas 1600%

Lógicamente tendrás que usarlo en un archivo html para visualizarlo.
El resultado final al aplicar el fondo será:

Cambiando el último px de la parte inferior derecha, podemos obtener este otro fondo. 

Pondremos varios fondos para que veas y te habitúes al efecto que producen y como se realizan. 
Este fondo podría ser de 1 x 4 px.

Este podría ser uno transversal de 5 x 5 px. 

De 5 x 5 px, aunque podría ser de 1 x 5 px. 

Otro de 5 x 5 px. Para la creación de este tipo de fondos, bien puedes utilizar les Estilos que tengas en tu Photoshop, o bien la Herramienta de degradado. En este enlace podrás ver varios fondos:
ejemplos_fondos_web.html
|