Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Designing

Creando un póster con efecto de collage antiguo

by
Read Time:9 minsLanguages:

Spanish (Español) translation by Elena Dávalos (you can also view the original English article)

Uno de mis 'looks' favoritos es el tipo de collages antiguos que te dan la sensación de fotos y papel viejo. Este estilo me gusta porque te permite trabajar con fotografías y texto de manera conjunta al igual que de manera sencilla. En este tutorial, crearemos un poster en donde el elemento principal es una fotografía acompañada de texto, utilizando el estilo de collage antiguo.

Paso 1

Este tutorial esta basado en un trabajo que realicé hace unos días para un cliente que necesitaba un poster para promocionar un evento de caridad que tenía próximo. El cliente es un coro conformado por personas en situación de calle que se hace llamar the Sydney Street Choir, una pequeña organización de la cual puedes aprender más visitando la página www.sydneystreetchoir.com. Lo que buscaba el cliente era promover el evento usando esta fotografía (mostrada a continuación) del coro en the Sydney Harbour Bridge tomada por John Marmaras e incluír un texto escrito, el cual adjunté debajo de la imagen.

Desafortunadamente, es demasiado texto para incluirlo en el poster y, a pesar de que la imagen es espectacular, incluir tanto texto haría que la imagen se viera muy saturada. Por lo tanto, usar la foto como imagen de fondo para el poster presentaría muchos problemas al querer lograr que el texto funcionara puesto encima. Se que esto es un problema ya que pase una hora intentando lograr que el texto se viera bien sobre la fotografía antes de decidir intentar algo diferente.

El texto...

www.sydneystreetchoir.com SYDNEY STREET CHOIR Se presenta con

Jonathon Welch para THE CHOIR OF HARD KNOCKS

Mark Trevorrow alias BOB DOWNE

Coro en masa de 110 personas Gabriela's Big Band También con la presentación de Jeremy Brennan

Martes 27 de Noviembre de 2007 a las 7:30PM Northside Conference Centre Cnr Oxley St & Pole Lane, Crows Nest Boletos: $35 Fondos recaudados serán otorgados a Sydney Street Choir Boletos llamando al número: 9439 7822

SYDNEY STREET CHOIR se conecta con, inspira y empodera, a aquellos que viven o trabajan en comunidades con personas en situación de calle o con desventajas a través de la creación de música, presentaciones y expresión apasionada que realmente abren el corazón de las personas.

Paso 2

Si el formato de utilizar la foto como poster no funciona, es necesario buscar otra alternativa. Decidí entonces utilizar el método que llamo el estilo de collage antiguo. Éste método permite combinar diversos elementos de manera sencilla en una página ya que se busca que el estilo del poster sea un poco desordenado.

Lo primero por hacer es ir a iStockPhoto, en donde encontré estas cuatro imágenes que voy a utilizar para realizar el poster. Puedes comprar estos cuatro elementos de iStock al presionar los siguientes enlaces: 1 2 3 4

Paso 3

Para empezar, utilicé el papel starburst como base al pegarlo en la capa de fondo, presionando Ctrl-T para rotar y modificar el tamaño respectivamente.

A continuación acomodé el texto en la página. Utilicé la fuente Univers Condensed para este poster. Al saber que tendría que acomodar mucho texto, me pareció buena idea utilizar una fuente condensada ya que me permitiría hacer caber todo el texto. Con el encabezado "Sydney Street Choir", intenté varias combinaciones antes de decidir que Sydney no era una palabra particularmente importante y que, al reducir su tamaño, podía hacer las palabras "Street Choir" más grandes y llamativas.

Después de eso, utilicé un pincel largo y suave y, en una nueva capa, pinté de negro sobre la esquina superior derecha y alrededor de la parte inferior. Enseguida, configuré la capa a Superponer para que se obscureciera el papel de manera orgánica. Puedes observar las areas pintadas y el resultado en la siguiente imagen.

Paso 4

Posteriormente coloqué la imagen en el escenario y, ya que quería que se viera como algo tirado sobre una pedazo de papel, le agregué un borde blanco grueso. También agregué una sombra paralela para que la foto pareciera estar interactuando con el fondo. Con este estilo, la finalidad es lograr que varias piezas de la composición interactúen entre ellas en el lienzo. Puedes lograr esto al sobreponer sombras, ajustando la luz para igualarla, ajustando el color para igualarlo, etc.

Paso 5

Como paso siguiente, quería agregar el papel en el escenario. Dado a que los tres elementos (el papel, la cinta y la bolsa de basura) están aislados en blanco, es bastante simple cortarlos de la imagen. Simplemente utiliza la herramienta Varita Mágica (W) con una tolerancia de alrededor de 32, después selecciona las areas blancas dejando presionado Shift para poder seleccionar todas las areas. Después ve a Seleccionar>Modificar>Expandir y utiliza un valor de 1px. Esto elimina un borde delgado a través de toda la imagen y asegura que no haya blanco en las orillas. Es una técnica sencilla y si quisieras eliminar algo más complejo, tendrías que utilizar una mejor técnica de extracción.

Una vez que tengas la selección blanca expandida, presiona Shift+Ctrl+I para invertir la selección. Ahora puedes presionar Ctrl-C para copiar la imagen, cortarla y pegarla dentro de la imagen principal.

Paso 6

Después de pegar el objeto dentro de la imagen principal, agregué una pequeña sombra paralela y moví el papel detrás de la capa con la fotografía (la cual había acomodado en la esquina inferior derecha para poder dejar bastante espacio para el texto en el lado izquierdo).

Paso 7

Ahora comenzamos a agregar el texto. En la imagen siguiente, todo lo que hice fue agregar el texto y distribuirlo un poco con saltos de línea. El poster se ve bien, sin embargo, se ve algo aburrido ya que todos los elementos están acomodados de manera uniforme. Sería mucho mejor trabajar en la fuente para darle algo de variación y resaltar las partes más importantes.

Paso 8

Aquí puedes observar que cambié el texto para que los nombres de los dos artistas principales resaltaran, las palabras "de" y "alias" están reducidas dado a que no son tan importantes y 'the Choir of Hard Knocks' y 'Bob Downe' son subtítulos. Los otros tres artistas (que no son tan conocidos) también están reducidos y solo serán leídos si la persona que lo lee está realmente interesada. Queremos que las personas que pasen y vean el titulo (Sydney Street Choir) seguido por los actos principales (Welch and Trevorrow) e idealmente llame su atención para que lean el resto.

Nota también que la fuente del texto es Univers Condensed (en varios grosores) y los tamaños de la letra están relativamente ordenados. Es importante tener consistencia y continuidad en el texto -- no tengas solo una gran cantidad de palabras de diferentes tamaños, pesos y fuentes o el poster puede comenzar a verse caótico. Así que la moraleja de la historia es que la variación es buena pero mucha variación es mala.

De la misma manera, podrás notar que agregué un par de fotos extra (de los dos actos principales) y usé el mismo estilo de capa de sombra paralela + un borde blanco grueso - pero reduje las fotos acorde con dicho borde blanco para que no llegaran a ser abrumantes. También transformé y roté cada foto para que se viera más aleatorio.

Finalmente hay también un logo de "Sydney Street Choir" que me dijeron más tarde debía ser agregado en el poster (¡uno debe amar los cambios de último momento!). Ahora va a ser complicado cortar el logo ya que es complejo, pero afortunadamente es negro con un fondo blanco lo que significa que debemos ponerlo en "Multiplicar" y el blanco se mezclará dejando el logo estampado en el papel.

Paso 9

Lo siguiente que hice fue pegar un segmento de la imagen de cinta de iStockPhoto y la acomodé para que pareciera estar sosteniendo el papel. Después escribí el texto "Performs With" sobre la parte superior para convertirlo en un subtítulo, uniéndolo al encabezado y al cuerpo del texto.

Asimismo, pegué los detalles del lugar del evento en la parte inferior y le di tratamiento al texto para resaltarlo y desvanecer varias partes (como hicimos con la lista de artistas). Desafortunadamente, el texto se está perdiendo en la parte inferior y dado a que el lugar del evento y la hora son bastante importantes, ¡es necesario hacer algo al respecto!

Paso 10

Por ende, pegué en la capa inferior, justo por encima del fondo, un rectángulo de color café oscuro como se muestra en la imagen (simplemente elige la herramienta de selección, dibuja uno y rellénalo de color café oscuro) y después fija una capa en modo de fusión "Multiplicar". Esto hace, de manera efectiva, que la parte inferior se vea más oscura y por ende, podemos ahora invertir el color del texto a un tono beige. En caso de que te estés preguntando, el tono beige fue seleccionado del papel en la parte superior utilizando la herramienta Gotero ya que siempre es bueno mantener colores que concuerden con la imagen.

Paso 11

Finalmente, pegué el talón de equipaje en la esquina superior derecha en una capa entre el texto de título y la foto, siguiendo por pegar el párrafo relativamente largo con la descripción. Y con eso, ¡lo hemos completado!. En este punto, para poder mandarlo a imprimir, debemos cambiar todas las capas de texto (con excepción del encabezado) y guardarlo como un archivo TIFF, después debes abrir InDesign, crear un nuevo documento y pegar el archivo TIFF en el documento. Debes entonces copiar el texto en InDesign para asegurarte que aparezca de manera nítida en la versión final del poster. Dado a que este sitio web no trata meramente de InDesign, no nos meteremos de manera profunda en este detalle. Lo incluí, sin embargo, ya que varias personas lo mencionaron el los comentarios del último tutorial :-).

Pensamientos finales

Este tutorial no trata a fondo sobre técnica y se enfoca más en diseño y composición. En esta ocasión habría resultado difícil elaborar el poster utilizando solo la fotografía como imagen de fondo. Contaba solo con tres horas para ejecutar el trabajo completo (¡trabajo de caridad!) y quería que luciera bien. Gracias a imágenes baratas de stock, es posible armar un diseño que luzca agradable y que resalte en los lugares en los que se va a colocar.

Muestra del PSD

Esta descarga es una pequeña versión del documento (tiene 300px de ancho) porque todas las fotos son de stock o con licencia. Sin embargo, deberías poder ver de manera aproximada como las capas interactúan en esta pequeña versión. Como con todas las descargas en este sitio web, todas las fotografías tienen los derechos de autor de sus autores originales. Por favor no las uses o las distribuyas.

One subscription.
Unlimited Downloads.
Get unlimited downloads