Blog

El blog de CaminoCreativo.com con lo ultimo y mas destacdo sobre el diseño.

Efectos

Los mejores tutoriales para Photoshop enfocado sobretodo a crear efectos especiales.

Noticias

Importantes noticias para diseñadores. Tambien algunas novedades de nuestra area.

Recursos

Todos los recursos para poder hacer de tus diseños algo completamente profesional.

Varios

No solo de Photoshop vive el diseñador. Dreamweaver, Illustrator, incluso otros recursos!

Home » Basicos, Web

Crear cabezera para sitio web de video juegos

Publicado por Luch el Domingo, 30 Noviembre 20081 Comentario

Van a crear esta simple y atractiva cabezera para un sitio web de video-juegos. Solo necesitan descargar tres imágenes, aplicar ((Layer Styles)), ((Gradient Tool)) y una fuente especial.

Abrimos un nuevo documento de 900×140px con fondo transparente.

Seleccionen ((Gradient Tool)) de tipo ((Lineal Gradient)) y tracen un degradado de arriba hacia abajo utilizando los colores #476ba7 y #263d65.

Descarguen las siguientes tres imágenes:

Pacman

Mario1

Mario2

Empiecen por copiar y pegar la imagen del Pacman sobre el costado izquierdo del documento.

Seleccionen ((Erase Tool)) con un tamaño que ronde los 200-230px y un ((Hardness)) del 0% para borrar los bordes del costado derecho de la imagen del Pacman.

Luego le cambian el modo de la capa a ((Soft Light)).

Reduzcan la ((Opacity)) a un 55%.

Ahora coloquen la imagen en JPG de Mario Bros en la parte central de la cabezera.

Como verán el tamaño de esta imagen es muy grande así que con ((Free Transform)) (Ctrl + T) podrán cambiar el tamaño.

Vuelvan a seleccionar ((Erase Tool)) con los valores que habían colocado y borren los bordes izquierdos y derechos de la imagen.

Cambian el modo de la capa a ((Soft Light)).

Reducen la ((Opacity)) a un 20%.

Ahora pegan la imagen PNG de mario en la parte derecha de la cabezera.

Borren los bordes de esta imagen y le reducen la ((opacity)) a un 50%.

Ahora van a colocar el texto. Primero, deben descargar la fuente ARCADE.
Con esta fuente escriban el texto con un tamaño de 60px.

Estando parados sobre la capa del texto vayan al menu ((Layer))-((Layer Style))-((Blending Options)).

((Drop Shadow)).

((Gradient Overlay)).

Y listo! Pueden agregar algunos otros detalles como botones o un Slogan debajo del título.