Barra de Buscador Web moderna
Les voy a enseñar a crear una barra de buscador moderna con un menu desplegable. Pero recuerden que este es solo un diseño inicial. Ustedes podrán modificarlo a su antojo.
Abrimos un nuevo documento de 450×200px con fondo transparente.
Rellenamos el fondo con el color #1b2831.
Elegimos el color blanco como frontal en la paleta de colores.
Seleccionamos ((Rounded Rectangle Tool)) con un radio de 8px y luego dibujamos la barra como la que vemos abajo.
((Gradient Overlay)). Para el degradado usamos los colores #dadada y #ffffff.
Nos quedará así.
Apretamos Ctrl + Clic sobre la capa de la barra para activar la selección.
Seleccionamos ((Rectangular Marquee Tool)) de tipo ((Subtract From Selection)) y dejamos la selección como la vemos abajo.
Creamos una ((New Layer))
A esta nueva selección la rellenamos de negro.
Ahora le aplicamos ((Blending Options)).
((Drop Shadow)).
((Gradient Overlay)). Usaremos los siguientes colores para el degradado: #e75b1e y #f4864e.
Luego de aceptar los cambios nos quedará así
Nuevamente seleccionamos ((Rectangular Marquee Tool)) de tipo ((Subtract From Selection)) y dejamos la selección como la vemos abajo.
Creamos una ((New Layer))
A esta nueva selección la rellenamos de blanco.
Hacemos doble clic sobre esta capa y aplicaremos los siguientes ((Blending Options)).
((Drop Shadow)).
((Gradient Overlay)).
Quedará así.
En otra ((New Layer)) y con ((Rectangular Marquee Tool)) de tipo ((Subtract From Selection)) repiten los mismos procesos anteriores pero esta vez lo que queremos hacer es aplicar un reflejo en la barra que verán en la siguiente imagen. Tendrán que rellenarla de blanco y reducirle la opacidad a un 30%.
Crean una ((New Layer)).
Luego seleccionen (Line Tool) de 1px de grosor y dibujen las dos líneas separatorias que aparecen debajo.
Con ((Polygonal Lazo Tool)) dibujamos una flecha y la rellenamos de blanco. Observen la siguiente imagen.
Seleccionamos la fuente Helvetica y escribimos los títulos de los botones
Por último colocamos un pequeño ícono de buscador que pueden descargar en www.deviantart.com.
