Facil y Sencillo Cabezal Web 2.0

Muy bueno este tutorial que te muestra como crear un cabezal web al estilo 2.0, facil y simple😉

Preview:

1. Start by opening a new 700*150px file Para empezar, la apertura de una nueva 700 * 150px archivo
2. Select the Rectangular Marquee Tool and set a fixed size of 700*20px Seleccione el Rectangular Marquee Tool y la fijación de un tamaño de 700 * 20px
3. Create a new layer, apply the selection at the top of the canvas and fill it with #333333 Crear una nueva capa, aplicar la selección en la parte superior de la lona y llenar de # 333333
Adobe Photoshop tutoriales

4. Create a new layer, selec the Single Row Marquee Tool and make a selection 1px over the bottom of the grey rectangle you just made Crear una nueva capa, la selección Single Row Marquee Tool y haga una selección 1px largo de la parte inferior del rectángulo gris que acaba de hacer
Adobe Photoshop tutoriales

5. Fill it with #ffffff and change the layer’s blend mode to Overlay Llénalo con # ffffff y cambiar la capa de la mezcla a modo de superposición
Adobe Photoshop tutoriales

6. Create a new layer, select the Rectangular Marquee Tool and set a fixed size of 700px*130px, make a selection on the bottom of the canvas and fill it with #86c32a Crear una nueva capa, seleccione la herramienta Rectangular Marquee y establecer un tamaño fijo de 700px * 130px, hacer una selección en la parte inferior del lienzo y llenar de # 86c32a
Adobe Photoshop tutoriales

7. Now apply this layer style to it Ahora aplicar este estilo a la misma capa
– Gradient: #86c32a to #bae972 – Gradient: # 86c32a a # bae972
8. Create a new layer, selec the Custom Shape Tool and select the Registration Target 2 from the Shape Drop-Down menu Crear una nueva capa, la selección Custom Shape Tool y seleccione el Registro de Objetivo 2 de la Forma – Drop Down menú
9. Press Shift while making the shape in your new layer Press Shift mientras que la forma de que la nueva capa
Adobe Photoshop tutoriales

10. Ctrl+Click over the layer thumb to select it, delete it and create a new layer(but keep the selection) Ctrl + Click sobre la capa pulgar para seleccionarlo, borrar y crear una nueva capa (pero mantener a la selección)
Adobe Photoshop tutoriales

11. Select the Gradient Tool and set a White to Transparent gradient in a Radial mode, make the gradient form the center to almost the end of the selecion like in the image below Seleccione la herramienta de gradiente y establecer un gradiente de Blanco a transparente en un Radial modo, hacer que el gradiente forma el centro a casi el final de la selección como en la imagen de abajo
Adobe Photoshop tutoriales

12. Change this layer’s blend mode to Soft Light and opacity to 55% Cambia esta capa de la mezcla a modo Soft Light y opacidad al 55%
Adobe Photoshop tutoriales

13. Ctrl+Click over the green layer’s thumb, go to Select -> Inverse and go to Edit -> Clear Ctrl + Click sobre la capa verde del pulgar, vaya a Select -> Inverse y vaya a Editar -> Borrar
Adobe Photoshop tutoriales

14. Now apply your logo, this will be different for everyone, depending on your site, so I will not explain it Ahora aplicar su logotipo, éste será diferente para todos, en función de su sitio, así que no voy a explicarlo
Adobe Photoshop tutoriales

15. Create a new layer, select the Rectangular Marquee Tool and set a fixed size of 90px * 30px, make a selection in the bottom of the grey rectangle, go to Select -> Modify -> Smooth and set a 3px radius Crear una nueva capa, seleccione la Rectangular Marquee Tool y la fijación de un tamaño de 90px * 30px, realizar una selección en la parte inferior del rectángulo gris, vaya a Select -> Modify -> Smooth y fijar un 3px radio
Adobe Photoshop tutoriales

16. Zoom in your canvas, select the Rectangular Marquee Tool in Normal style, press Shift and make a selection that covers both top rounded corners Zoom en su lienzo, seleccione el Rectangular Marquee Tool en el estilo Normal, pulse Mayús y haga una selección que abarca tanto las esquinas redondeadas arriba
Adobe Photoshop tutoriales

17. Fill your selection with #333333 and apply this layer style Llenar la selección con # 333333 y aplicar esta capa de estilo
– Gradient: #242424 to #333333 – Gradient: # 242424 a # 333333
18. Ctrl+Click over the layer’s thumb, create a new layer, go to Edit -> Stroke and apply a 1px #666666 border Ctrl + Click sobre la capa del pulgar, crear una nueva capa, vaya a Edit -> Stroke y aplicar una 1px # 666666 frontera

19. Zoom in and delete the top part of the border you just made Zoom en la parte superior y de la cancelación de parte de la frontera que usted acaba de hacer
Adobe Photoshop tutoriales

20. Duplicate this layers as many times as needed to make your links Duplicar esta capa tantas veces como sea necesario para hacer sus vínculos
Adobe Photoshop tutoriales

21. Write your links in the buttons and you’re done Escriba sus enlaces en los botones y listo
Adobe Photoshop tutoriales

Ver Tutorial En Español

Imagenes Arregladas, disculpar por los errores de este tutorial, pero en Pscloud an tenido problemas…

Fuente: PSCloud

Publicado el noviembre 24, 2007 en Tutoriales y etiquetado en , , , , , , , , , , , . Guarda el enlace permanente. 3 comentarios.

  1. tu publicidada al full

  2. que fuentes son las usadas en este cabezal web?

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: