Página principal
  | Errores | Ayuda | Página de Inicio Versión Imprimible

 :: SECCIONES
 Actualidad
 Noticias
Cursos
  • Descargables
  • En línea
 Programas gratis
 Hardware
 Linux
 Windows
 Glosario Informat.
 Glosario Extens.
 Humor PC
 Ocio y Juegos
 Webmasters
 Guía buscadores
:: ENCUESTAS
Si usas Windows ¿qué versión?
Windows 95
Windows 98
Windows Me
Windows NT
Windows 2000
Windows XP
Windows 2003
Windows Vista
Otra version...



Ver resultados

Ver encuestas anteriores y comentarios

Version 2.02


Estás en: 

Página principal » cursos » graficos » fondosweb


Google
 
Web MundoPC.NET

"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

 

Pág. | 1 | 2 | 3 |

 :: SERVICIOS
 Directorio
 Libro Visitas
 Foro


| Logo MundoPC.NET | Publicidad | Quienes Somos | Aviso Legal | Contactar | GMC Contables | Translate |
  Hay 52 visitantes. Record on-line: 553 © MundoPC.NET C.B. 2000 - 2008