Fondos para Web
(tablas 1)
por SantosVZ 

Pág.1/3

Este tutorial es la continuación del  llamado "Fondos para Web" y consiste en crear fondos para tablas que posteriormente puedes usar en tus páginas Web.
El criterio es muy similar al de Fondos para Web pero con una utilización diferente debido a que se aplica a las celdas de una tabla y no a toda la página o parte de ella.
Para realizar los fondos para celdas, podemos partir de cualquier imagen o bien la creamos totalmente. Pero primero para ver como se crea el fondo analizaremos varias imágenes para que veas "el porque del como".

La imagen que analizaremos es muy conocida de todos ya que aparece en muchas ventanas de Windows. El sistema que voy a utilizar, es el píxel como herramienta de trabajo.

Bien lo primero que hacemos es abrir Photoshop y nos vamos al menú Archivo>Abrir y localizamos la imagen que pensamos utilizar para crear el fondo. Una vez localizada la marcamos y le damos "Abrir", apareciendo en el área de trabajo de Photoshop.

Ahora ampliaremos la imagen hasta el 1600% con la herramienta zoom y nos situaremos en la esquina superior izquierda de la imagen. Si te resulta un poco incomodo trabajar en 1600%, puedes utilizar una menor.

Como podrás comprobar la regla te indica px por px. Bien ahora repetiremos los últimos 5 px de la parte superior en el lateral izquierdo y derecho. Para ello trabajaremos con una ampliación del 800% y con la herramienta de Cuentagotas seleccionas el color del ultimo px. y luego seleccionas la herramienta de Lápiz  y realizas la primera línea en el lateral. Esta misma operación la realizas con cada una de las cinco líneas de cada píxel, hasta completa el lateral. Debes fijarte en la terminación (esquina inferior izquierda) que en este caso la he realizado hasta el fondo en función de como quiero que se vea.

Bien.. ya tenemos el lateral igual que los últimos cinco px de la parte superior, ahora lo que haremos es copiar esta parte lateral, la seleccionamos con la herramienta de Selección y la pegamos mediante el menú Edición>Copiar (Ctrl+C), Edición>Pegar (Ctrl+ V), desplazándola hasta el extremo derecho para que nos queden los dos extremos iguales. Y una vez la tengamos situada le damos al menú Capa>Combinar capas, para que se conviertan en una sola capa.