Tutorial: Diseña un Afiche Llamativo Usando Photoshop.

Publicado por Samuel | 10.14.2009
Tutoriales

Hola que tal? de nuevo compartiendo un tutorial con todos ustedes, últimamente he estado publicando mucho acerca de efectos, texturas entre otros, hoy daremos un giro para conocer otras aplicaciónes de Photoshop en cuanto a diseño.

Crearemos un afiche para un evento, dado que hablamos de diseño tomemos esa tematica para diseñar, debo aclarar que las medidas que usaremos son solamente con fines.. ilustrativos y que tu puedes usar las medidas que más te convengan.

Paso 1

A lo largo de este tutorial utilizaremos una tipografía que en lo personal me gusta mucho hablo de Neighbourhood descargala aquí.
neighbourhood
Empezaremos creando nuestro espacio de trabajo 1200*1500 píxeles estarán bien para fines demostrativos, un afiche tiene medidas mucho mayores y otros asuntos a tomar en cuenta como la resolución y el modo de color, pero eso no es lo que nos interesa por ahora, rellena el fondo con color #291B00.
paso1

Paso 2

Crea una nueva capa y renombrala Nubes, rellenala de color blanco y luego ve a Filtro | Interpretar | Nubes.. borra la parte inferior de la capa, cambia el modo de fusión a Sobreexponer Color y baja la opacidad de la capa a 16%.
paso 2
paso 2a

Paso 3

Crea una nueva capa renombrala Luz luego con un pincel considerablemente grande crea algunos puntos(spots) de luz con color blanco, luego reduce la opacidad de la capa a 30%.
paso 3
paso 3a

Paso 4

Ok se me hizó imposible obviar el uso de texturas así que necesitarás descargar esta.
paso 4

Descarga


Luego que hayas descargado la textura agregala a nuestro trabajo, asegurate que quede por sobre todas las capas que creamos antes, luego presiona Ctrl+Shift+U para desaturar la imagen, por último cambia el modo de fusión de Normal a Superponer.
paso 4a
paso 4b

Paso 5

Toma la Herramienta Marco Rectangular y en color #FFED00 crea un rectangulo y rotalo levemente contra el sentido del relog para tener algo así.
paso 5
Luego con la tipografía Neighbourhood creamos el siguiente texto en color #535353 y en minusculas.
paso 5a

Luego toma la Herramienta Linea, ajusta el grosor a 2px y crea una linea en color blanco así.
paso 5b

Paso 6

Crea un nuevo Rectángulo pero esta vez en la esquina superior derecha del afiche en color #EA69A0 y renombralo Caja 1.
paso 6

Duplica la capa Caja 1 ahora tendrás Caja 1 copia cambia el color de esta a #A00057, también el orden tanto en la paleta Capas como en el espacio de trabajo de modo que la Caja 1 este sobre la Caja 1 copia.
paso 6a

Con la Caja 1 copia seleccionada presiona Ctrl+T eso activará las opciones de transformación, luego da clic derecho y elije la opción Distorsionar y mientras presionas la tecla Shift empuja desde la esquina inferior izquierda.
paso 6b

Crea un último rectangulo en color #E2007A bajo la capa Caja 1 copia de modo que tendrás algo así.
paso 6c

Paso 7

Selecciona la herramienta Texto y escribe 09 en color #E2007A con Neighbourhood, asegurate que esta capa de texto quede sobre la capa Caja 1
paso 7

Descarga los siguientes Motivos que he creado para este tutorial.
Afiche Patterns

Luego da doble clic sobre la capa de texto y aplica los siguientes estilos de capa.
paso 7a
paso 7b
paso 7c
paso 7e
paso 7f
paso 7g

Paso 8

Agreguemos un poco más de texto solo he variado el color entre #FFED00 (CONFERENCE y design), #FFFFFF (GRAPHIC) y #E5E5E5 (EL SALVADOR) usando Neighbourhood en varios tamaños.
paso 8

Paso 9

Si eres centroamericano como yo estarás interesado en las Central America Photoshop Custom Shapes que Photodesigners acaba de lanzar de forma gratuita, en este paso he usado este pack dando muestra de las mismas en color #E5E5E5.
paso 9

Paso 10

Crea un Circulo pequeño en el área del mapa donde suponemos serán los lugares que el afiche cita, luego duplica ese circulo y aumenta su tamaño un poco, vuelve a duplicar este segundo circulo y aumenta más su tamaño, de este modo tendrás 3 circulos, bien ahora ordenalos en la paleta capas de forma que el más pequeño este por sobre los dos mas grandes, que el segundo mas grande este sobre el tercero aun mas grande, un poco complicada la explicación pero quizá la siguente imagen complemente la idea.
paso 10

Si lo deseas puedes seleccionar todas las capas de los puntos y las dos de texto e ir a Capa | Nueva | Grupo a partir de capas.. y de ese modo poder duplicar el grupo tantas veces lo necesites como yo aquí donde lo duplique dos veces mas.
paso 10a

Paso 11

Recuerdas aquél primer rectangulo amarillo que creamos en la parte inferior del afiche? bien seleccionalo y aplica los siguientes estilos dando doble clic sobre la capa.
paso 11
paso 11a

Resultado

Da clic sobre la siguiente imagen para verla en tamaño completo a 1200*1500 píxeles.
final

aficheframed

Otro Afiche que he Diseñado.

aficheframed2

Palabras Finales

Así llegamos al final de otro tutorial espero que lo hayas disfrutado, no te olvides de suscribirte al blog y de seguirnos en Twitter.


Acerca del Autor

Samuel Bran es estudiande de Diseño Gráfico, tiene una gran pasión por el diseño gráfico y web, fan de Adobe y la edición de video. Originario de El Salvador, autor y creador de Photodesigner.Net un blog dedicado a publicar Tutoriales en Español para Adobe Photoshop, Recursos e Inspiración.

15 Comentarios en “Tutorial: Diseña un Afiche Llamativo Usando Photoshop.”

  1. Jepser Dijo:

    10.15.2009

    Buenisimo amigo! solo tengo una pregunta… Esas conferencias si existen? :)

  2. daitoryo Dijo:

    10.17.2009

    Hey amigo!! buen tuto!! y tengo la misma pregunta que JEPSER si son reales esas conferencias??? porque yo SI estoy interezado… en ir

  3. Erika Dijo:

    10.20.2009

    waooo!!!! esta padrisimo, de lujo.
    me encantan tus aportasiones, siempre tan novedosas y originales, gracias por tu Blog tan fantastico.

  4. miguel Dijo:

    11.3.2009

    HOLA ESCRIBO DESDE LIMA-PERU, ME SORPRENDE LO QUE PUEDES HACER CON EL PHOTOSHOP, TE FELICITO, MUY INTERESANTE TU BLOG. ABRAZOS.

  5. SnakeM Dijo:

    11.11.2009

    wao sorprendente!!!! me gusto mucho el tutorial … gracias…. tu web me a servido de mucho gracias ….. tambien con una duda… sera que me puedes agregar al MSN? creo que queda guardado… pero tambien lo dejo aqui mplp_rock@hotmail.com…. salu2

  6. Fernanda Dijo:

    11.27.2009

    Me encanta esta página sta muy buena! Increible todo lo q haces en photoshop!

  7. mike Dijo:

    01.20.2010

    el antepenúltimo diseño me gusto más, cuando le agregaste esa especie de nata o nubes semi trasnparentes le quito toda la bellesa al diseño, el 2do de las aves ese si esta muy muy bueno.

  8. mike Dijo:

    01.20.2010

    AAAA ya comprendi hehehehe… disculpa esque apenas vi que es el ejemplo de cómo se vería en un aparador hehehehe

  9. marcos Dijo:

    02.2.2010

    Hola que tal saludos muy buenos tus tutoriales, pero tengo una pregunta en que tamaño devo trabajar para hacer pendones y que no se me lague la maquina

  10. marcos Dijo:

    02.2.2010

    Lo digo porq esta haciendo uno hace poco pero como no se mucho le puse al tamaño del documento tal y cual como necesitava el pendon o poster como entiendas y se me colgaba la pc

  11. Anthony Dijo:

    02.9.2010

    Hola amigo tus tutoriales son excelentes me gustaria q me puedas dar mas ideas con afiches espectaculares, espero conversar contigo, agregame, espero q me puedas ayudar

  12. Rodrigo Dijo:

    03.23.2010

    Tienes buenisimos Tutos Felicidades me gustaria saber mas de Afiches haber si podemos platicar dale nos vemos.

  13. Melina Nogales Dijo:

    04.12.2010

    Hola q tal… d verás muy agradecida súper tus tutoriales, te escribo desde Colombia y d verás gracias. Estamos en contacto por cualquier duda!!
    Saludos

  14. 20 Excelentes Tutoriales de Photoshop en Castellano Dijo:

    04.13.2010

    [...] Diseña un afiche llamativo en Photoshop [...]

  15. CHUMIS Dijo:

    06.22.2010

    INTERESANTE

Deja un Comentario