1. Design & Illustration
  2. Poster Design

Cómo hacer un póster (atractivo)

by
Read Time:13 minsLanguages:

Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Así que has decidido que te gustaría diseñar un póster, pero es más fácil decirlo que hacerlo, ¿no? Hacer un póster no es muy difícil, pero saber cómo hacer que un póster se vea bien... es otra historia. En definitiva, lo que queremos es crear un póster que cumpla su función: comunicar un mensaje al espectador, y que lo haga de forma memorable y atractiva.

Vamos a ver los entresijos del diseño de un buen póster: ¿qué es lo que hace que el diseño de un póster sea realmente impactante? Lo desglosaremos observando algunos ejemplos y comentando después algunos consejos y trucos para que tus propios diseños de pósteres sean estupendos... y si buscas una herramienta de creación fácil de usar, ¡échale un vistazo a Placeit! No solo es otra gran fuente de ejemplos de diseño de pósteres, sino que también es una herramienta sencilla y fácil de usar para crear maquetas de diseño, tanto para profesionales como para principiantes.

Ahora, vamos a profundizar y echar un vistazo a los aspectos que conforman un diseño de póster impresionante.

Veamos ejemplos

Examples of Strong DesignExamples of Strong DesignExamples of Strong Design

He aquí algunos ejemplos de diseño de pósteres impactantes (creados por, de izquierda a derecha, Figen Demireva, "Caída libre", "Dios al final", Shmuly Gniwisch, y "Ostracism Apollo, Desafío de diseño de pósteres #20", Severino Canepa).

Todos son estéticamente muy diferentes, pero tienen una cosa importante en común: todos utilizan los principios del diseño de forma estratégica y con un propósito. Al principio puede ser un poco difícil de reconocer, sobre todo si eres un novato en diseño. No te preocupes, hablaremos de ello dentro de un momento.

Un ejemplo familiar

Poster Design from Popular CulturePoster Design from Popular CulturePoster Design from Popular Culture

Lo mismo ocurre con los pósteres de películas icónicas: probablemente conozcas esta película, si no este póster. ¡Tiene un aspecto estupendo! Un vistazo y podemos hacernos una idea general de lo que trata la película: podemos esperar una experiencia de otro mundo (y eso incluso sin el icónico visual de "tocar con el dedo"). ¡Hay una bicicleta en el cielo! ¡Están volando! Nuestros ojos se dirigen directamente a la silueta en el cielo.

¿Pero cómo se diseña algo así?

Tanto si quieres aprender a hacer un póster de cine, como un póster para un evento, o simplemente cómo hacer un buen póster en general, hay ciertas reglas básicas con las que podemos contar para tener éxito. Vamos a desglosar estos conceptos en ejemplos sencillos y luego los repasaremos, de nuevo, en estos ejemplos prácticos de diseño de pósteres impactantes.

Empecemos por lo básico: un buen póster suele tener énfasis y jerarquía bien establecidos.

Énfasis y jerarquía

Emphasis and Hierarchy ExampleEmphasis and Hierarchy ExampleEmphasis and Hierarchy Example

El énfasis en nuestra composición llama la atención. Suele ser un punto focal o un punto de interés. Fíjate en que la palabra "énfasis" es la que más destaca.

La jerarquía se utiliza generalmente para describir un orden de importancia en la composición. Por ejemplo, ¿Qué es lo más importante en el diseño de tu póster? ¿Qué quieres que el público vea primero, y por qué? Puede ser el título o tal vez una imagen clave que resulte atractiva y atraiga al público: nuestro énfasis o punto focal.

Sin embargo, no podemos detenernos ahí. La jerarquía es algo más que "hacer las cosas grandes" o "pensar en lo más importante". La mayoría de las composiciones tienen también elementos complementarios. Podemos establecer una jerarquía en nuestras composiciones utilizando los demás principios del diseño en nuestro beneficio. Vamos a comprobarlo con un ejemplo sencillo.

Un ejemplo sencillo

Alternate ExampleAlternate ExampleAlternate Example

Arriba hay un ejemplo simplificado de jerarquía. Observa que el título de la película es grande y oscuro. Es nuestro punto focal. A continuación, el subtítulo es más pequeño y de un tono de gris más claro. Luego, aún más pequeño y más claro, tenemos la información de los créditos. Nuestros ojos comienzan con el contenido más grande y luego se mueven hacia abajo hasta llegar a la parte inferior.

Observa también que el título tiene un mayor contraste. El negro sobre el blanco tiene un mayor contraste que el gris claro sobre el blanco, por lo que la letra negra llama más la atención. La proporción y la escala también intervienen aquí. El título es más grande y, por lo tanto, parece más dominante en la composición.

Esto no quiere decir que el título deba tener siempre el mayor contraste y el mayor tamaño en el diseño del póster, no. Esto es sólo un ejemplo simplificado de estos principios de diseño en acción.

Tampoco tenemos que apilar necesariamente estos elementos unos encima de otros para establecer un sistema de jerarquía. Probemos el mismo diseño sencillo, pero con sus diferentes partes reordenadas.

Mezclemos los elementos

Additional ExampleAdditional ExampleAdditional Example

La parte superior de la composición tiene ahora mucho más espacio negativo (nota: el espacio negativo se refiere al espacio no ocupado por los elementos de diseño; piénsalo como un "espacio para respirar"). He decidido poner el subtítulo aquí, con el título en la parte inferior. Se lee de forma diferente, ¿no? Nuestros ojos se dirigen al subtítulo, en negro. El título es grande, pero tiene poco contraste.

Una remezcla más

Additional ExampleAdditional ExampleAdditional Example

Así que, de nuevo, he reposicionado esas mismas tres partes de nuestro diseño. Fíjate en cómo afecta a la lectura del contenido y a cómo nuestros ojos se mueven por el espacio. Hemos estado experimentando en gran medida con la proximidad, la relación visual que comparten estos elementos.

Arriba, los créditos y el subtítulo comparten el mismo margen derecho. Esto hace que parezcan visualmente relacionados. Fíjate también en que la línea de base del subtítulo también se alinea con la letra "T" de "Título". Aquí hay algunas guías visuales que ayudan a ilustrar esto.

Relaciones visuales

Example of Visual Relationships and GuidelinesExample of Visual Relationships and GuidelinesExample of Visual Relationships and Guidelines

Observa cómo la colocación de cada uno de estos elementos se inspira en los demás. El poder de utilizar la proximidad en nuestro beneficio se hace más evidente cuando empezamos a añadir más contenido a nuestra composición. Intentemos otro ejemplo simplificado, esta vez utilizando algunas imágenes. Utilizaremos el póster de una película como ejemplo de enfoque.

Un ejemplo con imágenes

Example with ImageryExample with ImageryExample with Imagery

Si quieres hacerlo, esta imagen está disponible en Envato Elements. La fuente utilizada en este ejemplo, Lemonade Stand, ¡también está disponible!

En este ejemplo, fíjate en cómo el tipo de letra se asocia visualmente con la imagen. No está colocada al azar. En cambio, utiliza las imágenes como punto de referencia visual. Echemos un segundo vistazo, con algunas líneas guía.

Deconstrucción de estas relaciones

Example with Added Reference GuidelinesExample with Added Reference GuidelinesExample with Added Reference Guidelines

Observa las líneas guía colocadas sobre el mismo diseño, arriba. Están basadas en los zapatos y en el punto en el que se unen la hierba y el suelo. En el caso de la guía de la derecha, sólo quería mantener un margen unificado. No todas las guías tienen que estar directamente asociadas a las imágenes o al énfasis para que funcionen.

Al hacer estas asociaciones visuales, podemos hacer que nuestro trabajo parezca más unificado. Los contenidos aquí se han colocado a propósito; funcionan juntos y se inspiran unos en otros.

Personalmente, me gusta pensar en esto como mi propia hoja de trucos personal. Si no sé dónde "poner algo" en mi diseño, puedo crear directrices basadas en mi punto focal u otro elemento clave de mi composición. Utilizando esto como punto de partida, puedo crear mi propio mapa, fácil de seguir. Aunque no siempre me ciño a él, a veces, un desvío puede resultar una ruta más interesante, puede ser una forma útil de empezar, sobre todo si no sabes por dónde empezar.

Intentémoslo por segunda vez.

Construcción de una "hoja de trucos" de diseño

In Progress Example with GuidelinesIn Progress Example with GuidelinesIn Progress Example with Guidelines

Aquí he colocado nuestra imagen en la parte superior de la composición. He dejado un poco de espacio en la parte inferior y he dibujado algunas líneas guía. Son puntos clave en los que creo que me gustaría experimentar con algunas asociaciones visuales.

Esta composición tiene en general un equilibrio asimétrico; fíjate en que la mayor parte de la carga se ha colocado en el lado derecho de la composición.

Adición de contenido

Example with Added Content and GuidelinesExample with Added Content and GuidelinesExample with Added Content and Guidelines

Este es nuestro concepto con contenido añadido. Si no puedes verlo con claridad, mira la versión simplificada de la derecha. La imagen ha sido sustituida por una forma simple, pero las relaciones visuales siguen siendo las mismas.

Probemos otras variantes

Variant Example with GuidelinesVariant Example with GuidelinesVariant Example with Guidelines

Observa cómo el recorte y el aislamiento pueden cambiar realmente nuestra composición. Esta vez, nuestro equilibrio es más simétrico: la mayor parte de la composición se basa en las piernas y los pies centrados. Mira la versión simplificada de la derecha para ver las líneas guía sugeridas.

¿Puedes detectar el énfasis? Aquí se presta mucha atención al título. Las piernas y los pies atraen nuestra mirada hacia ese punto. También hay mucho contraste con el fondo, lo que atrae nuestra atención.

Tomemos el mismo concepto, cambiemos la estética y llevemos el movimiento más allá.

Impulsando el concepto en una dirección diferente

Variant Example with GuidelinesVariant Example with GuidelinesVariant Example with Guidelines

Este ejemplo utiliza algunos elementos ilustrativos para añadir movimiento a la composición.

Utilicé varios elementos visuales diferentes para crear un efecto florido y alegre. Fíjate en cómo estos elementos adicionales ayudan a desplazar aún más nuestros ojos hacia la base de los zapatos y el título. Van aumentando hacia el exterior desde este punto.

El movimiento describe cómo se guían los ojos del espectador a través de la composición. Todo tipo de cosas pueden dirigir nuestros ojos, y el movimiento suele ser sutil. ¿Recuerdas nuestros ejemplos de jerarquía? Empezamos con el título, en la parte superior, y fuimos bajando hasta los elementos complementarios de la parte inferior.

Si quieres ver los recursos que he utilizado en este ejemplo, para experimentar por tu cuenta, puedes encontrarlos aquí en Envato Elements:

La línea y la forma pueden implicar movimiento, ayudar a crear énfasis e incluso cambiar la forma en que tu trabajo se comunica. Veamos otro ejemplo.

Experimentación con el movimiento y la orientación

Variant Example with GuidelinesVariant Example with GuidelinesVariant Example with Guidelines

Arriba, roté el contenido para trabajar con líneas diagonales. Esto cambia las cosas y también altera la comunicación de la imagen. Ahora, el equilibrio del sujeto parece descentrado e inclinado: ¿el mundo se siente descentrado para esta persona? Así es como se espera ver los pies en el suelo. Esto difiere mucho del ejemplo anterior, en el que el sujeto estaba "floreciendo", ¿ves lo que quiero decir?

Son muchos ejemplos diferentes a tener en cuenta. Entonces, ¿por dónde empezar y qué pasa si te sientes perdido?

¿Por dónde empezar?

Finished Examples of Variant DesignsFinished Examples of Variant DesignsFinished Examples of Variant Designs

Si alguna vez te quedas atascado y no sabes muy bien por dónde empezar a colocar tu contenido, piensa en esas relaciones visuales. Un diseño sólido está unificado y funciona en conjunto, por lo que relacionar las diferentes partes de tu contenido entre sí suele ser un gran comienzo.

Prueba las líneas guía

Examples of GuidelinesExamples of GuidelinesExamples of Guidelines

Puedes hacerte una "hoja de trucos": ¡anota algunas guías! No tienes que seguirlas al pie de la letra, pero pueden ser un buen punto de partida.

Además, ten en cuenta que un buen diseño no sólo es bonito. Un buen diseño también funciona. ¿Qué quieres comunicar a tu público? ¿Se supone que tu póster de película debe transmitir emoción? ¿Se supone que el póster de un evento debe emocionar al espectador? Piensa en las emociones y en el mensaje: ¿Qué asociaciones visuales puedes establecer?

Volvamos a los ejemplos de los mejores diseños de pósteres, ahora que sabemos qué es lo que los hace tan buenos.

Caída libre

Figen Demireva Free FallingFigen Demireva Free FallingFigen Demireva Free Falling

Empecemos con "Caída libre" de Figen Demireva. Observa la repetición: vemos esta figura cayendo tres veces, dos de ellas fuera de la página. Implica movimiento, lo que funciona perfectamente con el tema que el artista intentaba transmitir.

¿Recuerdas cuando hablamos de las relaciones visuales? Fíjate en que "30 días de póster" y "Día 05" comparten el mismo margen superior. "Día 05", "Caída libre" y "30 días de póster" también comparten el mismo margen izquierdo. Del mismo modo, observa "libre" y "cayendo" en el margen derecho. Varían, y esta variedad les da mayor interés. ¿Qué otras relaciones visuales ves?

Puedes ver más trabajos de diseño de Figen aquí.

Dios al final

Shmuly Gniwisch Good In The EndShmuly Gniwisch Good In The EndShmuly Gniwisch Good In The End

A continuación, tenemos "Dios al final", de Shmuly Gniwisch, con una hermosa tipografía dibujada a mano.

El color cambia gradualmente desde la parte superior hasta la inferior de la pieza. Ayuda a crear movimiento, guiando nuestros ojos hacia la parte inferior tanto del póster como de la frase. El tipo de letra tiene una gran cantidad de bellos trazos, decoraciones y adornos, pero fíjate en cómo se relacionan visualmente entre sí. Hay un margen izquierdo y otro derecho muy bien definidos. Todo "encaja" en este espacio, lo que ayuda a establecer una frase unificada.

¡Puedes ver más trabajos de Shmuly, incluidos los vídeos del proceso, aquí!

Ostracism Apollo

Serevino Canepa Ostracism ApolloSerevino Canepa Ostracism ApolloSerevino Canepa Ostracism Apollo

"Ostracism Apollo, Desafío de diseño de pósteres #20" es muy detallado, variado y emocionante de ver, diseñado por el talentoso Severino Canepa.

En primer lugar, fíjate en algunos de los complementos. ¿Ves los elementos en las esquinas del diseño? Fíjate en las relaciones visuales y en cómo se alinean entre sí.

Esta premisa se amplía de forma avanzada cuando nos fijamos en los rasgos faciales. Por ejemplo, la gran forma magenta del lado izquierdo se mueve y se asocia con el ojo. Vemos ingeniosos recortes de interés visual asociados a la boca, en azul, y al pelo, en magenta.

Aunque hay mucha variación, hay que destacar que el equilibrio está inspirado en la simetría. También hay un generoso espacio negativo, para que la imagen no sea excesivamente caótica. Todo el color y la textura aquí toman algo que está "quieto", una estatua, y le dan mucha vida y emoción.

¡Puedes ver más obras de Severino aquí! ¡También tiene un vídeo del proceso de este póster, por si quieres verlo trabajar!

De la cultura pop

Pop Culture Poster Design ExamplePop Culture Poster Design ExamplePop Culture Poster Design Example

Por último, volvamos a nuestro icónico póster de cine. Recordemos que nuestro objetivo, como diseñadores, no es sólo hacer que algo tenga un buen aspecto, sino que también debe comunicar bien. Este póster dice mucho sólo con lo visual.

La silueta de la bicicleta y de los dos personajes principales llama la atención, sobre todo frente a los valores más oscuros de la luna. Además, las imágenes se han recortado de tal forma que el foco de atención se centra en la luna. Sin saber nada de la película, una bicicleta voladora es una imagen curiosa.

El título está en blanco, lo que contrasta mucho con los valores oscuros de los árboles. Eso hace que destaque. Fíjate, como en los ejemplos anteriores, que el título es más grande que el texto complementario. Esto le da prioridad y dominio sobre los demás elementos. En general, la tipografía está equilibrada de forma simétrica, con una línea guía en el centro.

Espero que esto te dé una idea no sólo de cómo hacer un póster, ¡sino de cómo identificar lo que hace que un póster funcione bien! Para practicar un poco más, fíjate en algunos de tus diseños de pósteres favoritos y comprueba qué principios de diseño puedes detectar. Recuerda que si no sabes por dónde empezar en tus propios diseños, establecer algunas líneas guía puede ser un buen punto de partida.

¿Necesitas ayuda adicional?

PlaceIt ExamplePlaceIt ExamplePlaceIt Example

¿Aún necesitas ayuda? Si buscas una herramienta fácil de usar que te ayude a crear maquetas de diseño de pósteres, échale un vistazo a Placeit. También hay plantillas de pósteres que puedes utilizar para empezar, si quieres un poco más de ayuda para poner en marcha el diseño de tu póster. ¿Necesitas una plantilla para un póster de cine? Placeit te lo ofrece.

¡Eso es todo!

Example of Final Poster Design WalkthroughsExample of Final Poster Design WalkthroughsExample of Final Poster Design Walkthroughs

Gracias por acompañarme en la exploración de cómo hacer un póster atractivo. ¡Hay muchas posibilidades de diseño, y el único límite es tu imaginación! Espero que estas ideas te hayan servido de estímulo. ¡Feliz creación y buena suerte con tu próximo proyecto de diseño de pósteres!

¿Quieres más consejos y datos sobre diseño? Consulta estos otros artículos:

One subscription.
Unlimited Downloads.
Get unlimited downloads