Crear Cabezal Web 2.0 de automovil
Interesante cabezal al ya conocido estilo Web 2.0 para sitio de una marca de automovil.
Primero necesitamos conseguir la fotografía de un automovil.
Con ((Pen Tool)) vamos a rectortar y a eliminar el fondo de la imagen.
Ahora tendremos que conseguir la imagen de un paisaje. Pueden descargar esta imagen haciendo clic ACÁ.
Vamos al documento del automovil y apretamos Ctrl + C para copiar, luego volvemos a la fotografía del paisaje y apretamos Ctrl + V para pegar.
Como podremos ver en la siguiente imagen, no se transaparenta el fondo del lago en el vidrio y no queda nada real.
Con ((Pen Tool)) marquen el contorno del vidrio.
Apreten Ctrl + Enter para activar la selección.
Vayan al menu ((Edit))-((Cut)) y luego ((Edit))-((Paste)) para colocar el vidrio en una capa independiente.
A este capa le reducen la ((Opacity)) a un 50%.
Abran un nuevo documento de 1600×1200px con fondo transparente.
Seleccionen ((Gradient Tool)) de tipo ((Lineal Gradient)) y tracen un degradado de abajo hacia arriba utilizando los colores: #121212 y #474748
Crean una ((New Layer)).
Con ((Rectanuglar Marquee Tool)) dibujen un rectángulo en la parte superior del documento y lo rellenan de color blanco.
Con la selección activa vuelvan a seleccionar ((Gradient Tool)) de tipo ((Lineal Gradient)) y tracen un degradado de arriba hacia abajo utilizando los colores: #66c90d y #a5d51e.
Vuelvan a crear otra ((New Layer)) y tracen una selección rectangular menor a la anterior.
Nuevamente seleccionen ((Gradient Tool)) de tipo ((Lineal Gradient)) y tracen un degradado de arriba hacia abajo utilizando los colores: #252525 y #545353.
Luego, con ((Rectangular Marquee Tool)) dibujen una gran selección rectangular como la que ven abajo y vayan a ((Edit))-((Copy Merged)) y después ((Edit))-((Paste)), van a ver que esta nueva selección quedó en una capa independiente.
Hagan doble clic sobre esta capa para aplicarle ((Layer Styles)).
((Drop Shadow)).
Acepten los cambios.
Copien la imagen que creamos del automovil y el paisaje a este documento.
Hagan doble clic sobre la barra con degradados verdes para aplicarle ((Layer Style)).
((Pattern Overlay)).
Acepten los cambios y aumenten la imagen para ver el resultado.
Crean una ((New Layer)).
Seleccionen ((Line Tool)) con 1px de grosor y tracen dos líneas, una blanca y otra negra, una pegada a la otra tal cual muestra la siguiente imagen.
A esta capa le modifican el modo de fusión a ((Soft Light)).
Dupliquen esta capa (Ctrl + J) hasta completar la barra y dejar espacio para colocar los títulos de los botones.
Seleccionen la fuente Arial y escriban los títulos de los botones.
Y listo, son solo estos procedimientos. Ahora prueben ustedes!
