Tutorial: Diseña un Afiche Llamativo Usando Photoshop.
Publicado por Samuel | 10.14.2009Tutoriales
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í.

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.

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 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 4
Ok se me hizó imposible obviar el uso de texturas así que necesitarás descargar esta.

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 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í.

Luego con la tipografía Neighbourhood creamos el siguiente texto en color #535353 y en minusculas.

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

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

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.

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.

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

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

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 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 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 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.

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 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.


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


Otro Afiche que he Diseñado.

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.









15 Comentarios en “Tutorial: Diseña un Afiche Llamativo Usando Photoshop.”
Jepser Dijo:
10.15.2009Buenisimo amigo! solo tengo una pregunta… Esas conferencias si existen?
daitoryo Dijo:
10.17.2009Hey amigo!! buen tuto!! y tengo la misma pregunta que JEPSER si son reales esas conferencias??? porque yo SI estoy interezado… en ir
Erika Dijo:
10.20.2009waooo!!!! esta padrisimo, de lujo.
me encantan tus aportasiones, siempre tan novedosas y originales, gracias por tu Blog tan fantastico.
miguel Dijo:
11.3.2009HOLA ESCRIBO DESDE LIMA-PERU, ME SORPRENDE LO QUE PUEDES HACER CON EL PHOTOSHOP, TE FELICITO, MUY INTERESANTE TU BLOG. ABRAZOS.
SnakeM Dijo:
11.11.2009wao 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
Fernanda Dijo:
11.27.2009Me encanta esta página sta muy buena! Increible todo lo q haces en photoshop!
mike Dijo:
01.20.2010el 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.
mike Dijo:
01.20.2010AAAA ya comprendi hehehehe… disculpa esque apenas vi que es el ejemplo de cómo se vería en un aparador hehehehe
marcos Dijo:
02.2.2010Hola 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
marcos Dijo:
02.2.2010Lo 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
Anthony Dijo:
02.9.2010Hola 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
Rodrigo Dijo:
03.23.2010Tienes buenisimos Tutos Felicidades me gustaria saber mas de Afiches haber si podemos platicar dale nos vemos.
Melina Nogales Dijo:
04.12.2010Hola 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
20 Excelentes Tutoriales de Photoshop en Castellano Dijo:
04.13.2010[...] Diseña un afiche llamativo en Photoshop [...]
CHUMIS Dijo:
06.22.2010INTERESANTE