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 (2)

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.

Ahora lo que haremos es crear una esquina curva, para ello debemos asegurarnos que nuestra imagen se encuentra en un fondo transparente. Trabajaremos con una ampliación de 800%.

Con la herramienta de Borrador y las opciones indicadas en la imagen, realizamos el borrado de los píxeles que nos interese.

fondos-web

fondos-web

fondos-web

Bueno... ahora nos toca darle color a la curva y lo vamos hacer tal como se muestra en la imagen. Por supuesto que tu puedes buscar otra forma, hay muchas si te pones a analizar curvas con una ampliación de 1600%.
Mas adelante te mostraré diversas curvas, para que puedas ver lo que comentaba y compararlas.

fondos-web

Con la herramienta de Cuentagotas seleccionamos cada uno de los colores que vamos a utilizar y luego lo aplicamos con la herramienta de Lápiz tal como se indica en las imágenes.

Esquina superior izquierda Esquina superior derecha

fondos-web fondos-web

El resultado final de lo que podría ser la pestaña de arriba en una tabla sería:

fondos-web

Posteriormente podemos ampliar un poco mas el diseño de los fondos para tabla, de forma que tenga una mejor presentación, incorporando mas elementos como podrían ser esquinas inferiores y laterales. Quedando la imagen tal como sigue:

fondos-web

Aunque también podría ser en color oscuro si así lo prefieres.

fondos-web



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

- Texto efecto pompa con Photoshop
- Fotomontaje con fondo de caricatura con Photoshop
- Efecto aceite en Photoshop
- Convertir imagen clip art en forma vectorial personalizada en Photoshop
- Efecto de televisión con Photoshop


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






Cursos de Community Manager

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

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


Página generada el 25-05-2012 a las 08:11:09