7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Poster Design

Cómo Crear un Poster Estilo Vintage para el Día Mundial del Donante de Sangre en Adobe InDesign

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

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

El 14 de Junio, apoyados por la Organización Mundial de la Salud (OMS) los países de todo el mundo celebran el Día Mundial del Donador de Sangre. Éste día especial tiene como fin concientizar sobre la necesidad para donaciones regulares de sangre por parte del público para mantener a los hospitales abastecidos para ayudar a salvar vidas.

Para animar a tus amigos, familiares y colegas a considerar donar sangre, ¿por qué no creas éste poster motivacional para colocar en tu oficina, escuela o universidad?

Éste tutorial es adecuado para principiantes en Adobe InDesign y Adobe Illustrator-finalizarás con un poster de alta calidad listo para impresión en tamaño A3, con un genial estilo de inspiración vintage.

¿Buscando un poster listo para edición que sea adecuado para tu próximo evento? Descubre una amplia gama de plantillas para volante y poster en Envato Market.

¿Listo? ¡Magnífico! Pongámonos a diseñar...

1. Crea la Plantilla para el Poster

Paso 1

Abre Adobe InDesign. Estaré usando éste software para crear la maquetación del poster, y usaré Illustrator un poco más tarde para añadir un sólido gráfico.

Ve a Archivo > Nuevo > Documento. Establece el Número de Páginas en 1 y deselecciona Páginas Opuestas. En Tamaño de Página elige A3 (297 mm por 420 mm).

A3 page sizeA3 page sizeA3 page size

Establece los Márgenes en todos los lados en 10 mm y agrega un Sangrado de 5 mm a todos los bordes de la página.

new documentnew documentnew document

Haz click en OK para crear el nuevo documento.

new indesign documentnew indesign documentnew indesign document

Paso 2

Expande el panel Capas (Ventana > Capas) y haz doble click en el nombre predeterminado Capa 1. En la ventana Opciones de Capa que se abre, renombra la capa como Paper Background y haz click en OK.

layers panellayers panellayers panel

Paso 3

Del menú desplegable del panel Capas, eige Nueva Capa... para crear una segunda nueva capa.

new layernew layernew layer

Haz doble click en el nombre predeterminado de la capa para poder renombra la capa a Paper Border. Haz click en OK.

Crea otras cuatro capas, llamadas Typography Behind (Tipografía detrás), Heart (Corazón), Blood (Sangre), y finalmente, en la parte superior de la pila, Typography in Front (Tipografía Frontal).

layers panellayers panellayers panel

Bloquea todas las capas excepto la capa inferior, Paper Background.

locked layerslocked layerslocked layers

2. Agrega un Fondo Estilo Vintage

Paso 1

Descarga una imagen de textura de papel-elige algo con una sensación vintage como ésta que estoy usando aquí.

Toma la Herramienta Marco Rectangular (F) y arrastra en la página, hasta los bordes del sangrado en todos los lados. Ve a Archivo > Colocar y elige tu imagen de textura depapel. Haz click en Abrir.

Haz click en el botón Rellenar Marco Proporcionalmente en el panel superior Control para asegurar que la imagen rellene completamente el marco.

paper texturepaper texturepaper texture

Paso 2

Expande el panel Muestras (Ventana > Color > Muestras) y haz click en el botón Nueva Muestra en la parte inferior del panel. Haz doble click en la nueva muestra para abrir la ventana Opciones de Muestra.

Nombra la muestra Off-White, y establece el Tipo de Color en Proceso y el Modo de Color en CMYK. Establece los niveles de porcentaje en C=3 M=2 Y=4 K=0. Haz click en OK.

new swatchnew swatchnew swatch

Paso 3

Toma la Herramienta Rectánglo (M) y arrastra en la página para crear un rectángulo que se extienda por toda la página de nuevo, hasta el borde del sangrado.

Establece el Color de Relleno en [Ninguno] y Color de Trazo en Off-White.

Abre el panel Trazo (Ventana > Trazo), e incrementa el Grosor del trazo del rectángulo en 40 pt. Ajusta Alinear Trazo en Alinear Trazo al Interior.

swatches panelswatches panelswatches panel

Selecciona la forma del rectángulo y dirígete a Objeto > Efectos > Transparencia. Elige Trama del menú Modo y reduce la Opacidad a 30%.

effects windoweffects windoweffects window
final effectfinal effectfinal effect

Paso 4

Selecciona el rectángulo y Edición > Copiar, Edición > Pegar en el mismo Lugar, para crear una segunda copia del rectángulo organizado en capas sobre el primero.

paste in placepaste in placepaste in place

Paso 5

Regresa al panel Capas y bloquea la capa Paper Background. Desbloquea la siguiente capa hacia arriba, Paper Border.

layers panellayers panellayers panel

Crea una neva muestra CMYK Proceso, nómbrala Cream y establece los valores en C=3 M=3 Y=11 K=0.

swatch optionsswatch optionsswatch options

Paso 6

Usando la Herramienta Rectángulo (M) crea un nuevo rectángulo que se extienda hasta los márgentes de la página en todos los lados. Establece el Color de Relleno en Cream.

rectangle toolrectangle toolrectangle tool

Selecciona el rectángulo y ve a Objeto > Efectos > Transparencia. Elige Multiplicar del menú Modo, y haz click en OK.

multiply effectmultiply effectmultiply effect
finished effectfinished effectfinished effect

3. Crea Tu Gráfico de Corazón

Paso 1

Dirígete a Archivo > Guardar Como y guarda tu documento InDesign. Minimiza la ventana InDesign por ahora; regresaremos a él un poco más tarde.

Abre Adobe Illustrator y crea un nuevo documento, de unas 7.5 pulgadas de anchura y 10.5 pulgadas de altura.

Toma la Herramienta Arco y arrastra en la página para crear una sola línea curva, creando la mitad izquierda de la forma de un corazón, como se muestra abajo. Asegúrate de que los puntos de ancla superior e inferior estén verticalmente alineados uno con otro. Jala una guía desde la regla del lado izquierdo (Ver > Reglas > Mostrar Reglas) si necesitas más guía.

arc toolarc toolarc tool

Paso 2

Selecciona la curva y Click-Derecho (Windows) o Control-Click (Mac OS) > Transformar > Reflejo.

reflected arcreflected arcreflected arc

Establece el Eje en Vertical y haz click en OK.

reflect verticalreflect verticalreflect vertical

Mueve la curva volteada en su posición para que se encuentre con la curva original perfectamente para crear una forma de corazón completa.

heart shapeheart shapeheart shape

Selecciona ambas líneas curvas, y Click-Derecho (Windows) o Control-Click (Mac OS) > Unir.

joinjoinjoin
completed heart shapecompleted heart shapecompleted heart shape

Paso 3

Expande el panel Muestras (Ventana > Muestras) y crea una Nueva Muestra. Nómbrala Heart Red, y establece el Tipo en Color Proceso y Modo en CMYK. Mueve los reguladores en C=18 M=100 Y=98 K=8, y haz click en OK.

new swatchnew swatchnew swatch

Crea una segunda nueva muestra CMYK, y nómbrala Heart Blue. Establece los niveles en C=74 M=24 Y=3 K=0, y haz click en OK.

new swatchnew swatchnew swatch

Paso 4

Establece el Color de Trazo de tu forma de corazón en [Ninguno] y el Color de Relleno en Heart Red.

red heartred heartred heart

Luego selecciona el corazón y Edición > Copiar, Edición > Pegar en el mismo Lugar. Ajusta el Color de Relleno y de Trazo en Heart Blue, e incrementa el Grosor del trazo a 20 pt.

blue heartblue heartblue heart

Selecciona el corazón azul y Click-Derecho (Windows) o Control-Click (Mac OS) > Organizar > Enviar Detrás, para que ahora se ubique detrás del corazón rojo.

arrange send to backarrange send to backarrange send to back
completed heartcompleted heartcompleted heart

Paso 5

Selecciona la Herramienta Elipse (L) y, mantieniendo presionada la tecla Mayúsculas, arrastra en la página para crear un pequeño círculo. Colócala en la parte central superior de la forma del corazón, y ajusta el Color de Trazo en Heart Blue. Haz que el círculo parezca un poco más grueso al aumentar el Grosor del trazo a 10 pt.

stroke panelstroke panelstroke panel

Paso 6

Usando la Herramienta Arco crea una línea curva en la parte inferior del corazón, desde su punta inferior para crear una forma similar a la letra 'S'.

arc toolarc toolarc tool

Incrementa el Grosor del trazo a 7 pt; luego dirígete a Objeto > Trazado > Contornear Trazo.

outline strokeoutline strokeoutline stroke

Con el trazo contorneado seleccionado, establece el Color de Relleno en Heart Red y Color de Trazo en Heart Blue.

Selecciona el trazo contorneado y la forma del corazón azul ubicada detrás de él, y haz Click-Derecho (Windows) o Control-Click (Mac OS) > Organizar > Enviar Detrás, para ubicar adelante el corazón rojo.

send to backsend to backsend to back
completed heartcompleted heartcompleted heart

Paso 7

Queremos que parezca como si la sección azul del dibujo fuera una bolsa para sangre-para enfatizar ésto podemos hacer que la sección roja parezca más como sangre dentro de la bolsa.

Toma la Herramienta Arco y crea una línea curva partiendo la parte superior de la parte roja del corazón, como se muestra abajo.

arc toolarc toolarc tool

Luego selecciona la Herramienta Tijeras (C) y corta el trazado del corazón rojo en los puntos donde la línea curva toca su borde en los lados izquierdo y derecho.

scissors toolscissors toolscissors tool

Selecciona y elimina la parte superior del corazón rojo que ha sido separada.

deleted sectiondeleted sectiondeleted section

Selecciona el resto de la forma del corazón rojo y tu nueva línea curva, y Click-Derecho (Windoes) o Control-Click (Mac OS) > Unir.

joinjoinjoin

Ajusta el Color de Relleno de la forma otra vez a Heart Red si lo necesitas.

fill color redfill color redfill color red

¡Y tu gráfico de corazón está terminado! ¡Estupendo trabajo!

final graphicfinal graphicfinal graphic

Archivo > Guardar Como tu ilustración como un archivo AI, y minimizar tu ventana de Illustrator. Finalizaremos el resto del poster en nuestro documento InDesign...

4. Agrega la Ilustración a Tu Maquetado de Poster

Paso 1

Regresa a tu documento de InDesign y bloquea el fondo Paper Border. Desbloquea la capa Heart.

Toma la Herramienta Marco Rectangular (F) y arrastra en la página para crear un marco de unos 250 mm de Anchura y 380 mm de Altura. Colócalo de manera centrada hacia la parte inferior de la página.

rectangle framerectangle framerectangle frame

Ve a Archivo > Colocar y elige tu archivo AI de corazón guardado. Haz click en Abrir. Coloca la imagen en el marco que que encaje perfectamente, con la línea curva en la parte inferior de la bolsa para sangre visible.

placed imageplaced imageplaced image

Paso 2

Selecciona el marco de imagen y ve a Objeto > Efectos > Transparencia y establece el Modo en Multiplicar.

multiply modemultiply modemultiply mode

Haz click en OK.

final effectfinal effectfinal effect

Paso 3

Regresa al panel Capas y bloquea la capa Heart. Desbloquea la siguiente capa hacia arriba, Blood.

Minimiza tu ventana de InDesign y dirígete de nuevo a tu documento de Illustrator brevemente. Selecciona solo la parte roja de la forma de corazón en el frente de la ilustración y Edición > Copiar.

edit copyedit copyedit copy

Regresa a tu documento en InDesign y Edición > Pegar. Redimensiónalo para que sea similar en tamaño a la forma roja ubicada abajo, pero no necesita ser perfecta-ésto sumará al efecto estilo vintage.

pasted shapepasted shapepasted shape

Ve a Objeto > Efectos > Transparencia y establece el Modo en Multilplicar. Haz click en OK.

multiply effectmultiply effectmultiply effect
poster shapeposter shapeposter shape

5. Trae la Tipografía de Alto Impacto

Paso 1

Regresa al panel Capas y bloquea la capa Blood. Desbloquea la capa Typography in Front en la parte superior de la pila.

layers panellayers panellayers panel

Del panel Muestras, crea una nueva muestra Proceso CMYK, C=7 M=96 Y=99 K=1. Nómbrala Bright Red y haz click en OK.

swatch optionsswatch optionsswatch options

Paso 2

Descarga la fuente Pier Sans Regular. Ésta fuente es magnífica para estilos vintage con un toque moderno. Instala la fuente y regresa a tu documento  InDesign.

Toma la Herramienta Texto (T) y arrastra en el centro de la página, creando un marco de texto largo. Escribe 'LOVE' y establece la Fuente en Pier Sans Regular, Alinear al Centro, Tamaño 170 pt, Color de Fuente Bright Red. Decrementa el Tracking un poco (a -40) para asegurar que las letras puedan encajar dentro del corazón.

character panelcharacter panelcharacter panel

Selecciona el marco de texto, ve a Objeto > Efectos > Transparencia y establece el Modo en Trama. Haz click en OK.

effects paneleffects paneleffects panel
final effectfinal effectfinal effect

Paso 3

Bloquea la capa Typography in Front y desbloquea la capa Typography Behind.

layers panellayers panellayers panel

Crea un nuevo marco de texto en la parte superior de la página usando la Herramienta Texto (T) y escribe 'SHOW'. Establece la Fuente en Pier Sans Regular, Tamaño 170 pt, Tracking 30, y ajusta el Color de la Fuente en Bright Red.

Colócalo en el lado izquierdo de la página, cerca de la línea del margen, como se muestra abajo.

character panelcharacter panelcharacter panel

Pasp 4

Edición > Copiar, Edición > Pegar el marco de texto, moviendo la copia abajo del marco original en el lado derecho de la página, cruzando detrás la parte superior del gráfico del corazón.

Desde el panel Muestras, crea una nueva muestra Proceso CMYK, C=74 M=24 Y=3 K=0. Nómbrala Heart Blue y haz click en OK.

swatch optionsswatch optionsswatch options

Ajusta el texto en tu marco de texto pegado para que se lea 'SHOW' y cambia el Color de la Fuente en Heart Blue.

new textnew textnew text

Copia y Pega el marco de texto 'SHOW' y coloca la copia abajo, en el lado izquierdo de la página, descansando el texto contra el borde de la página. Ajusta el texto  para que se lea 'GIVE'.

new text framenew text framenew text frame

Pega de nuevo, moviendo éste marco de texto debajo de 'GIVE', en el lado derecho de la página. Ajusta el texto para que se lea 'BLOOD' y cambia el Color de la Fuente en Bright Red.

new text framenew text framenew text frame
pier sans fontpier sans fontpier sans font

Paso 5

Crea una nueva muestra Proceso CMYK, nómbrala Off-White, y establece los valores en C=3 M=2 Y=4 K=0.

swatch optionsswatch optionsswatch options

Desplázate hasta la parte superior de la página y selecciona el marco de texto 'SHOW'. Copia, Pega y ajusta el Color de la Fuente en Off-White. Con el marco de texto blanco seleccionado, Click-Derecho (Windows) o Control-Clic (Mac OS) > Organizar > Enviar Detrás. Mueve el marco de texto para que se coloque detrás del 'SHOW' rojo, permitiendo que se asome un poco el 'shadow' blanco atrás.

white shadowwhite shadowwhite shadow

Repite el mismo procso para los marcos de texto 'SOME' y 'GIVE', creando una sombra blana detrás de cada uno.

white shadowwhite shadowwhite shadow

Paso 6

Crea un nuevo marco de texto, y escribe 'world blood donor day', estableciendo la Fuente en Pier Sans Regular, Tamaño 68 pt. Colorea la palabra 'blood' de Bright Red, y establece el texto restante en Heart Blue.

Colócalo hacia la parte inferior de la página, permitiendo un poco de más espacio entre 'blood' y 'donor' para permitir que el cordón de la bolsa para sangre sea canalizado en medio.

character panelcharacter panelcharacter panel

Establece la fecha del evento, '06.14.16' en un marco de texto separado debajo de éste, descansando contra el margen inferior. Establece el texto en Pier Sans Regular, Tamaño 73 pt, y Color de la Fuente en Off-White.

pier sanspier sanspier sans

6. Exporta Tu Poster para Impresión

Sensacional trabajo-tu diseño de poster está terminado, ¡y luce fabuloso! Todo lo que queda por hacer es exportarlo, listo para enviarlo a una imprenta profestional*.

*Nota: Si tienes un presupuesto limitado, también puedes imprimir tus posters desde una computadora en una oficina o en casa directamente desde Adobe InDesign, al ir a Archivo > Imprimir.

Paso 1

Primero, Guarda tu documento InDesign para mantenerlo seguro.

Luego dirígete a Archivo > Exportar. Elige Adobe PDF (Imprimir) desde el menú desplegable Formato, y haz click en Guardar.

En la ventana Exportar a PDF que se abre, elige [Calidad de Prensa] del menú desplegable Adobe PDF Ajuste Preestablecido en la parte superior.

press qualitypress qualitypress quality

Paso 2

Haz click en la opción de menú Marcas y Sangrados en el lado izquierdo de la ventana.

Marca Todas las Marcas de  Impresora y también marca Utilizar Configuración del Sangrado del Documento para preservar tu sangrado preparado de 5 mm en el archivo exportado.

marks and bleedsmarks and bleedsmarks and bleeds

Luego pulsa Exportar para crear tu archivo listo para impresión.

print ready pdfprint ready pdfprint ready pdf

¡Felicitaciones!

Tu poster está completo, y luce fabuloso. Ahora lo único que queda por hacer es distribuírlo, y concientizar sobre la importante necesidad para una donación regular de sangre-¡tu poster puede ayudar a salvar vidas!

final posterfinal posterfinal poster

En éste tutorial hemos cubierto una amplia gama de habilidades que puedes aplicar a otros proyectos de diseño de posters y volantes, particularmente si quieres crear ese estilo entre moderno y vintage que luce realmente fantástico en todo tipo de medios y temas. Ahora puedes sentirte más cómodo con:

  • Crear una plantilla para poster en Adobe InDesign y elaborar texturas de fondo como papel y táctiles.
  • Crear nuevas capas y nuevas muestras CMYK en programas de Adobe.
  • Dibujar gráficos sencillos y de alto impacto desde cero en Adobe Illustrator que lucen geniales en diseños de poster
  • Aplicar efectos de transparencia a gráficos y tipografía para crear diseños complejos organizados en capas y de apariencia compleja
  • Trabajar con tipografía llamativa propia para posters y crear efectos de texto vintage, como sombras paralelas estilo tipográfico
  • Exportar tus diseños de poster como archivos PDF con calidad de prensa listos para mandar a la impresora

¿Buscando un poster listo para edición que realmente llame la atención? Explora un amplio rango de plantillas para volante y poster aquí en Envato Market.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.