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:

posterluminoso 300x256 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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.
coloresFondo Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4
A continuación inserta una nueva Capa rellénala de color negro. Ahora Aplica Destello (Filtro / Interpretar / Destello)

aplicardestello 229x300 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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

destelloModoFusion 300x256 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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.

desenfoqueradial 300x253 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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

zapatodifuminado 300x256 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4
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.
seleccionarparticulasazul 300x228 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4
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)

deformarAzul1 300x138 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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:

deformacionazulaplicada 300x258 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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

desenfocarelipse 269x300 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

valordesenfoqueelipse 300x288 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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

elipsesencilla 300x252 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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

elipsedesenfocadaaplicada 300x256 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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.
conlasnubes 300x256 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4
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:

estilologotipoConvers 300x199 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4
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”.

deformaramarillo Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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

Aplícale una mascara al layer de la selección de la partícula amarilla hasta que quede como se muestra a continuación:
mascaraamarillo 300x283 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

Cuando lo tengas listo , cambiale el Modo de Capa a “Aclarar” y nombrala “partículas amarillo”.
amarilloaclarar 271x300 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4
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:
TonoSaturacionAmarillo Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4
Ya con esto terminamos, y hemos creado un atractivo banner publicitario para una marca de zapatos. Tu documento debería verse asi:

posterluminoso 300x256 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

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

ordencapas 109x300 Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

Descargar psd

Si te gustó el Tutorial y deseas enlazarlo desde tu blog hazlo, solo te agradecería un Trackback a este tutorial de photoshop.

Articulos Relacionados:


20 Responses to “Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4”

  1. Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4 http://bit.ly/bEtCOB

  2. Información Bitacoras.com…

    Valora en Bitacoras.com: Continuamos con el curso de Photoshop 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 haciend……

  3. http://bit.ly/bEtCOB Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

  4. Sergi dice:

    RT @solucionesseo: http://bit.ly/bEtCOB Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4

  5. http://bit.ly/bEtCOB tutorial para crear un banner luminoso en Photoshop, incluye el #psd

  6. "Crea un atractivo banner luminoso en Photoshop CS4" #Diseño #Tutorial http://icio.us/ptnywb ✉ ENVÍA: @xuunami

  7. RT @noticiasda: "Crea un atractivo banner luminoso en Photoshop CS4" #Diseño #Tutorial http://icio.us/ptnywb ✉ ENVÍA: @xuunami

  8. Luis Rivero dice:

    Grax x el RT @NiTanMusico: RT @noticiasda: "Crea un atractivo banner luminoso en Photoshop CS4" #Diseño #Tutorial http://icio.us/ptnywb

  9. RT @descargarpsd: http://bit.ly/bEtCOB tutorial para crear un banner luminoso en Photoshop, incluye el #psd

  10. Luis Rivero dice:

    RT @noticiasda: "Crea un atractivo banner luminoso en Photoshop CS4" #Diseño #Tutorial http://icio.us/ptnywb ✉ ENVÍA: @xuunami

  11. "Crea un atractivo banner luminoso en Photoshop CS4" #Diseño #Tutorial http://icio.us/ptnywb ✉ ENVÍA: @xuunami

  12. [...] Tutorial para crear un atractivo banner publicitario luminoso en Photoshop CS4 [...]

  13. juls dice:

    esta muy pero muy y super muy bueno este tuto

  14. [...] Escrito por Curso Gratis F / Publicacion: abril 14, 2010 en curso photoshop cs4 · Comments (2) [...]

  15. [...] las Herramientas de Seleccion en Photoshop CS4 [b]12.[/b] Como imprimir en Photoshop CS4 [b]13.[/b] Tutorial Photoshop para crear un atractivo banner publicitario luminoso. [b]14.[/b] Utilizando la herramienta Cuenta Gotas para obtener la informacion del color en un [...]

  16. [...] 11. Como usar las Herramientas de Seleccion en Photoshop CS4 12. Como imprimir en Photoshop CS4 13. Tutorial Photoshop para crear un atractivo banner publicitario luminoso. 14. Utilizando la herramienta Cuenta Gotas para obtener la informacion del color en un documento. [...]

  17. Ana Maria Dolores dice:

    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

  18. [...] 11. Como usar las Herramientas de Seleccion en Photoshop CS4 12. Como imprimir en Photoshop CS4 13. Tutorial Photoshop para crear un atractivo banner publicitario luminoso. 14. Utilizando la herramienta Cuenta Gotas para obtener la informacion del color en un documento. [...]

Leave a Reply

Copyright © 2011 · Tutoriales y Photoshop, All Rights Reserved.
Powered by Free Premium Wordpress Themes.