Crearemos un banner web estándar de tamaño 468×60. La verdad que veo muchos banners en la web pero muy pocos me gustaron, es por eso que quize escribir este tutorial para ustedes. Utilizaremos ((Pen Tool)), ((Layer Styles)) y ((Shapes)). Espero que les guste!

Abrimos un nuevo documento de 468×60px con fondo blanco.

Lo primero que vamos a hacer es hacer doble clic sobre la capa para aplicar ((Gradient Overlay)). Los colores que usaremos para el degradado son: #670404 y #df132c.

Y acepten los cambios

Crean una ((New Layer)).

Elijan el color blanco como frontal.

Seleccionen ((Shape Tool)) y apliquen la forma de flecha que aparece en la barra de opciones ubicada en la parte superior del documento.

Hagan doble clic sobre la capa de la flecha para aplicarle ((Layer Styles)).

((Blending Options)).

((Color Overlay)).

((Stroke)).

Y acepten los cambios.

Dupliquen la capa de la flecha (Ctrl + J).

Ahora con ((Move Tool)) y Shift apretado muevan la nueva flecha con la flecha derecha del teclado una sola vez, esto lo que hará será moverla 10px hacia la derecha.

Dupliquen la capa tres veces más y las ubican una al lado de la otra como muestra la imagen de abajo.

Luego seleccionen todas las capas de las flechas y apreten Ctrl + E para unirlas en una capa independiente.

Dupliquen esta capa independiente (Ctrl + J).

Vayan a ((Edit))-((Transform))-((Rotate 180º)) y acomoden esta capa sobre el lado derecho del banner.

Crean una ((New Layer)).

Con ((Polygonal Lazo Tool)) tracen una selección como la que ven abajo y luego la rellenan de blanco.

Hagan doble clic sobre esta capa para aplicarle ((Layer Styles)).

((Gradient Overlay)). Para el degradado usen los colores #ff9900 y #fffa00.

Acepten los cambios.

Muevan las dos capas de flechas encima de todas las demás capas.

Por último escribimos el texto del banner. Use la fuente Impact Regular de tamaño 48px.

Ahora vayan a ((Layer))-((Layer Style))-((Blending Options)).

((Gradient Overlay)).

((Stroke)).

Acepten los cambios y obtendrán este resultado final.