Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

Continuamos con el curso de cS4, en esta leccion veremos como aplicar distintas herramientas en la elaboración de un solo trabajo publicitario, esto lo hago porque sé que no hay mejor forma de aprender que haciendo.

La idea es que al final de este tutorial, domines las herramientas de deformación, apliques Modos de Fusión a las Capas esto aunado con los Filtros que veremos para la elaboración del banner.

A fin de que aprendas Photoshop más rápido y te resulte más fácil ejecutar el tutorial, he agregado dos videos para explicar unas herramientas que considero necesitan un poco mas de explicación, el tutotorial es bastante fácil de seguir, al menos eso pienso yo, pero cualquier duda la sometes a discusion en los comentarios o en nuestra pagina en Facebook.

en Photoshop

Resultado Final del tutorial:

tutorial photoshop poster luminoso, banner photoshop

Recursos a utilizar
•    Imagen del zapato
•    Partículas
•   Logotipo Marca a promocionar

Comenzamos el tutorial de Photoshop creando un nuevo documento de 936px X 800px; 72dpi. Convierte la Capa fondo en Capa0 (opcional) y con la herramienta Degradado  rellena la capa.

A continuación inserta una nueva Capa rellénala de color negro. Ahora Aplica Destello (Filtro / Interpretar / Destello)

destello

Cámbiale el Modo de Fusion (a la capa) a Multiplicar

destello, tutorial photoshop

Inserta el Zapato (revisa en la parte superior el zapato que utilicé en el tutorial) y aplícale Filtro / Desenfocar / Desenfoque Radial con los valores de la imagen inferior.

desenfoque radial tutorial photoshop

Luego cambias el Modo de Fusion a Trama. Ahora el Zapato debe tener la siguiente apariencia:


A continuación abre la imagen de las partículas y utilizando el Lazo Poligonal realiza una selección como se muestra en la imagen, verifica que el Desvanecimiento esté en 30.
tutorial photoshop
Cuando hayas hecho la selección presiona CTRL+X para cortarlo y pegarlo en el documento que estamos armando con la promoción del zapato.
Luego de pegarlo debes distorcionarlo un poco a fin que quede como la imagen inferior, para ello utiliza la opción Edicion / Transformar / Deformar (mira el video)

tutorial photoshop

Cuando finalices nombra esa capa como Particula1, cambia el Modo de Fusion a Superponer y Duplica la capa aplica el mismo Modo de Fusion Superponer y nombra a esta nueva capa Particula2. En este momento tu imagen debería verse asi:

tutorial photoshop

Ahora dibuja una Elipse, y aplicale Desenfoque Gausiano, con un Radio de 29.8 pixeles.

desenfoque gausiano

desenfoque gausiano, tutorial photoshop

Al momento de presionar OK para aceptar el Desenfoque Gausiano tu documento deberá tener el siguiente aspecto:

Tutorial Photoshop, Photoshop Tutorial

Cambia el modo de Fusion a Sobreexponer Color, para que la zona de la Elipse gane luminosidad y nombra la capa particula3:

Inserta a continuación la imagen de las nubes y a la capa que contiene a las Nubes Cambiale el Modo de Fusion a Sobreexponer Color, esto hará que nuestro fondo adquiera textura y las zonas luminosas destaquen aun más.
photoshop cs4 tutorial
Inserta en una Capa Nueva el logotipo de la marca a utilizar, en el caso de este tutorial “Converse” e ingresa a las Opciones de Fusion de la Capa del Logotipo y aplícale Resplandor exterior con los siguientes valores:


Ahora inserta en una capa superior el Zapato sin distorsionar (espero que aun lo tengas, sino descárgalo nuevamente). Nombra la capa del Zapato “Zapato Fijo”.

Regresa a la Capa “Particula2” y Duplica la Capa, presiona CTRL+T a continuación ubícate encima del objeto y haz clic con el botón derecho del Mouse, del Menú que te aparece selecciona “Voltear Horizontal” (Mira el video). Esta Capa debe estar encima de “Zapato Fijo”.

(Al final veremos una impresión de pantalla del orden que deberían seguir las capas.)

Continuando con el tutorial de photoshop, aplícale una máscara al layer de la selección de la partícula amarilla hasta que quede como se muestra a continuación:
photoshop

Cuando lo tengas listo , cambiale el Modo de Capa a “Aclarar” y nombrala “partículas amarillo”.

Duplica la capa “partículas amarillo” aplicale Tono y saturación (Presiona CTRL+U) y utiliza los valores de la imagen y le cambias el Modo de Capa a Trama:
tono saturacion tutorial photoshop
Ya con esto terminamos, y hemos creado un atractivo banner publicitario para una marca de zapatos. Tu documento debería verse asi:

tutorial photoshop poster luminoso, banner photoshop

El orden de las capas al finalizar el tutorial es el siguiente, haz clic en la imagen para ampliar:

Descargar psd

Si te gustó el Tutorial de Photoshop para crear un baner luminoso, y deseas enlazarlo desde tu blog hazlo, solo te agradecería un enlace directo a este tutorial.

En el siguiente tutorial de photoshop aprenderemos a utilizar la herramienta Cuenta Gotas que es una herramienta de photoshop utilizada para conocer rápidamente la información de un color de nuestra composición.

25 comentarios en “Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

  1. orales esta bonito ee lo hicimos todos mis compañeros de clase y yo, es una practica interesante que ha sido de utilida para nuestro aprendizaje

  2. saludos senor walter tu tuto me han serbido bastante y lo stoy poniendo en practica pero el link de la imagen de la particula no sale y me ase falta para terminar el proyecto k me recomiendas k aga?? y graxz por tus tuto k stan bastante buenos :D

    • Saludos Xavier, tienes razon la imagen ya no la tienen disponible y yo no la incluí en el psd para no incurrir en una falta de derechos de autor. Puedes de todas formas, descargar el psd que ya tiene la distorción aplicada en las partículas. Saludos y Bendiciones.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>