Está usted en Indice > Programas > Diseño > Photoshop > Tutoriales Photoshop > Fondos para la Web
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Fondos para la Web

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.

fondos-web

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.

fondos-web

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.

fondos-web



Usuarios que han visto este tema también han visto...

- Estilo Brush Fire con PhotoShop
- 14 métodos para pasar a blanco y negro con Photoshop
- Efecto reflejo manga animado en Photoshop
- Creando un Smyler con Photoshop


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 23-11-2008 a las 19:58:06