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 Diseñar un Poster Inspirado en Bollywood para Celebrar el Año Nuevo Hindú

This post is part of a series called Learn Adobe InDesign.
How to Prepare a Cool 3D Card for Post-Print Effects

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

Los Hindúes dan la bienvenida al año nuevo al inicio de la primavera. Aunque diferentes regiones en India celebran el evento en fechas ligeramente diferentes, en el 2016 ésta caerá el 8 de Abril

Para celebrar éste fascinante evento en el calendario Hindú, aprende cómo diseñar éste colorido poster. Inspirado por el vibrante estilo de posters de Bollywood vintage, y presentando una clásica bailarina india, será perfecto para mostrar o compartir con amigos, familiares o vecinos el gran día.

Necesitarás accesar a Adobe InDesign, Adobe Photoshop, y Adobe Illustrator para éste tutorial.

Si estás buscando el poster perfecto para el Año Nuevo Hindú u otro evento, asegúrate de consultar la enorme gama de sofisticados volantes y posters en Envato Market.

¿Listo para ponerte a diseñar? ¡Magnífico! Comencemos...

1. Lo Que Necesitarás

Estaremos creando el maquetado del poster en Adobe InDesign, pero también estaremos haciendo algo de edición de imagen en Adobe Photoshop e importando texto vectorizado desde Adobe Illustrator.

También necesitarás descargar las siguientes imágenes y archivos de fuentes:

Una vez que has descargado tus imágenes y has instalado tus fuentes, podemos comenzar a conformar el maquetado del poster.

2. Configura el Poster en InDesign

Paso 1

Abre Adobe InDesign y ve a Archivo > Nuevo > Documento.

Establece la Calidad en Imprimir, Páginas en 1 y desmarca Páginas Opuestas. Del menú Tamaño de Página, elige A3.

Establece los Márgenes en 10 mm y agrega un Sangrado de 5 mm en todos los lados. Haz click en OK.

new document windownew document windownew document window
new documentnew documentnew document

Paso 2

Expande el panel Capas (Ventana > Capas) y haz doble-click en el nombre predeterminado Capa 1 para abrir la ventana de Opciones de Capa. Renombra la capa Paper Background y haz click en OK.

new layernew layernew layer

Haz click en el botón Crear Nueva Capa en la parte inferior del panel. Renombra ésta capa Color.

Crea otras tres nuevas capas en el siguiente orden: Typography Behind, Dancer y Typography in Front.

new layernew layernew layer

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

layers panellayers panellayers panel

3. Crea la Textura Vintage y el Color

Paso 1

Toma la Herramienta Marco Rectangular (F) y arrastra en la página, creando un marco que se extienda al borde del sangrado en todos los lados.

Ve a Archivo > Colocar y elige tu foto de textura de papel. Haz click en Abrir. Organiza la imagen en el marco usando el botón Llenar Marco Proporcionalmente en el panel superior Controles.

paper imagepaper imagepaper image

Paso 2

Expande el panel Muestras (Ventana > Color > Muestras) y crea una nueva muestra Proceso CMYK. Renómbrala Vintage Cream, y establece los niveles en C=5 M=7 Y=15 K=0.

vintage cream swatchvintage cream swatchvintage cream swatch

Selecciona la Herramienta Rectángulo (M) y arrastra en la página para crear una forma que sea del mismo tamaño y esté en la misma posición que la de abajo.

Establece el Relleno en Cream. Luego dirígete a Objeto > Efectos > Transparencia y reduce la Opacidad a 90%.

transparencytransparencytransparency

Haz click en Desvanecimiento de Degradado en el menú de la izquierda, y añade un Degradado Radial, arrastrando la detención oscura a la derecha para hacerlo más apretado. Haz click en OK.

gradient feathergradient feathergradient feather
gradient effectgradient effectgradient effect

Paso 3

Regresa al panel Capas y bloquea la capa Paper Background. Desbloque la siguiente capa hacia arriba, Color.

layers panellayers panellayers panel

Crea una nueva muestra Proceso CMYK, C=0, M=85 Y=88 K=0, y nómbrala Red.

red swatchred swatchred swatch

Crea una segunda muestra Proceso CMYK, C=94 M=97 Y=0 K=0, y nómbrala Blue.

swatch blueswatch blueswatch blue

Paso 4

Toma la Herramienta Pluma (P) y úsala para crear una forma rectángular áspera a través de dos terceras partes de la página, usando los márgenes como una guía a groso modo para dimensionarla. No te preocupes de hacer la línea perfectamente derecha-un poco de un ángulo no uniforme se agregará al efecto vintage.

pen toolpen toolpen tool

Haz click alrededor hasta que completes la forma y luego establece el Relleno de nuestra nueva forma en Rojo.

red shapered shapered shape

Repite el proceso de nuevo, creando un rectángulo más pequeño en la parte inferior de la página, y estableciendo el Relleno en tu nueva muestra Blue. No te preocupes porque las dos formas se superpongan un poco.

blue shapeblue shapeblue shape

Luego ve a Objeto > Efectos > Transparencia y establece el Modo en Multiplicar. Haz click en OK.

transparency effecttransparency effecttransparency effect
final shapefinal shapefinal shape

4. Crea una Bailarina Vintage

Hay tres partes para dar a ésta foto original un estilo vintage distintivo. Primero necesitamos editar la foto en Photoshop para dar a la foto una textura de impresión de periódico y eliminar el fondo de la imagen. Luego agregaremos un borde de color a la bailarina en Illustrator. Finalmente, repetiremos la imagen en InDesign para dar el efecto de movimiento.

Paso 1

Guarda tu documento de InDesign y minimiza la ventana por ahora. Abre la foto de la clásica bailarina en Adobe Photoshop.

Duplica la capa Fondo, y luego coloca la foto de la textura de papel que descargamos antes entre las dos capas de fondo.

duplicate layerduplicate layerduplicate layer

Ve a Imagen > Ajustes > Desaturar para eliminar el color de la imagen.

destauratedestauratedestaurate

Paso 2

Ajusta el Modo de Fusión de la capa superior (la copia de la foto de la bailarina) a Multiplicar.

blending mode multiplyblending mode multiplyblending mode multiply

Ve a Imagen > Ajustes > Brillo/Contraste. Reduce el Brillo a -5 e incrementa e Contraste a 55. Haz click en OK.

brightness and contrastbrightness and contrastbrightness and contrast

Paso 3

Ve a Filtro > Galería de Filtro. Elige Película Granulada en las opciones de filtros Artísticos, y establece el Grano en 8, Iluminaciones en 1 e Intensidad en 4. Haz click en OK.

filter galleryfilter galleryfilter gallery

Para hacer que tu foto parezca como si hubiera sido pintada en periódico viejo, ve a Filtro > Pixelizar > Color Medio Tono, y establece el Radio en 8, y establece los Canales desprolijamente con los siguientes valores: 108, 162, 90 y 45. Haz click en OK.

color halftonecolor halftonecolor halftone
image so farimage so farimage so far

Ahora reduce la Opacidad de la capa superior en 30%.

opacity reducedopacity reducedopacity reduced

Paso 4

Duplica la capa del fondo de abajo y coloca ésta foto de color pegada arriba de la capa del papel, y debajo de la capa superior.

duplicate layerduplicate layerduplicate layer

Desatura ésta capa de color (Imagen > Ajustes > Desaturar).

destaurated imagedestaurated imagedestaurated image

Luego establece el Modo de Fusión de ésta capa en Multiplicar.

multiply modemultiply modemultiply mode

Guarda ésta imagen como un archivo PSD, nombrándolo 'Dancer_with Background', y crea un duplicado del archivo para que puedas trabajar más en ésta mientras mantienes una copia de la original. Renombra éste archivo duplicado 'Dancer_without Background'.

Paso 5

Abre el archivo 'Dancer_without Background' en una nueva ventana en Photoshop. Ahora estamos listos para quitar el fondo de nuestra foto.

Podrías encontrar más fácil trabajar con la capa de Fondo de color visible, pues es un poco más fácil ver los detalles del borde de la bailarina. Elimina la visibilidad de las capas de arriba por ahora.

Toma la Herramienta Lazo (L) y calca no de manera exacta la mitad superior de la silueta de la bailarina hasta que hayas acordonado la mitad superior de la foto.

lasso toollasso toollasso tool

Haz cick en el botón Perfeccionar Borde en la parte superior del espacio de trabajo. Ajusta los parámetros para hacer la línea más derecha con la silueta. Usa la función Radio Inteligente, e incrementa el regulador Desplazamiento de Borde si es necesario. Incrementa el Suavizado un poco también. Cuando estés satisfecho, haz click en OK.

refine edgerefine edgerefine edge

Elimina el área seleccionada de cada capa del archivo de Photoshop.

selected edgeselected edgeselected edge

Paso 6

Repite el proceso, usando la Herramienta Lazo (L) y la función Perfeccionar Borde, hasta que toda la silueta de la bailarina haya sido cortada, y el exceso de fondo eliminado en cada capa.

refine edgerefine edgerefine edge
cut out silhouettecut out silhouettecut out silhouette

¡No olvides también cortar el área dentro de su pierna arqueada y brazo!

gap in armgap in armgap in arm
gap in armgap in armgap in arm

Como toque final a tu foto, agrega un Ajuste de Niveles, e incrementa el nivel de negro en la foto, para hacer que la imagen parezca un poco más llamativa.

levels adjustmentlevels adjustmentlevels adjustment

Ve a Archivo y Guarda tu imagen PSD.

Paso 7

Sal de Photoshop, y abre Adobe Illustrator.

Crea un nuevo documento, luego Archivo > Colocar tu archivo PSD 'Dancer_without Background' en la mesa de trabajo.

Crea una nueva capa y coloca ésta debajo de la capa de la foto. Rellena ésta capa con un rectángulo Negro.

Crea una segunda nueva capa, renómbrala Border, y colócala arriba de la capa de la foto. Bloquea las capas que contienen la foto y el rectángulo negro abajo.

Toma la Herramienta Pluma (P) y establece el Color de Trazo en Blanco. Dibuja desprolijamente el perímetro de la bailarina. Puedes hacer ésto con un ratón, pero podría ser un poco más fácil con una tableta digitalizadora si tienes una.

pen toolpen toolpen tool
pen toolpen toolpen tool
tracing bordertracing bordertracing border
traced bordertraced bordertraced border

Paso 8

Trabaja en toda la silueta, y recuerda también calcar el interior del brazo y de la pierna por separado.

silhouette tracedsilhouette tracedsilhouette traced

Selecciona éste borde y el exterior, y Click-Derecho (Windows) o Control-Click (Mac) > Crear Trazado Compuesto. Establece la forma con un Relleno Blanco.

compound pathcompound pathcompound path
finished borderfinished borderfinished border

Del panel superior Controles, establece el Grosor del Trazo en 3 pt, y luego de la sección Definición de Pincel, ve a Bibliotecas de Pincel > Artístico > Caligráfico. Elige Trazo Ahusado Puntiagudo de la selección.

brush strokebrush strokebrush stroke

Cambia la visibilidad de la capa negra de abajo.

Luego ve a Archivo > Guardar como y guarda la imagen con el borde blanco y la foto arriba como un archivo EPS de Illustrator, con un fondo transparente. Nombra el archivo 'Dancer with White Border.eps'.

Paso 9

Duplica la capa Border y deshabilia la visibilidad de la capa blanca original.

Selecciona el borde en la capa duplicada y luego agrega una nueva muestra CMYK a la selección de colores en el panel Muestras (Ventana > Muestras). Llámala Mustard y establece los valores en C=2 M=9 Y=83 K=0. Establece el Trazo y el Relleno de la forma en Mustard.

mustard bordermustard bordermustard border

Ahora Archivo > Guardar como y guarda la imagen con el borde amarillo y la foto arriba como un archivo EPS de Illustrator, con un fondo transparente. Nombra el archivo 'Dancer with Yellow Border.eps'.

Paso 10

Sal de Illustrator y dirígete de nuevo a tu documento InDesign. Bloquea la capa Color y desbloquea la capa Dancer de arriba.

Toma la Herramienta Marco Rectangular (F) y arrastra en la página para crear un marco de imagen. Ve a Archivo > Colocar y elige 'Dancer with White Border.eps'. Haz click en Abrir.

Escala y coloca el marco hasta que el brazo de la bailarina apenas toque el margen izquierdo, su pie descanse en la parte inferior de la página, y su pie de atrás apenas sea visible en el lado derecho de la página.

positioned image on posterpositioned image on posterpositioned image on poster

Paso 11

Edición > Copiar > Edición > Pegar el marco de imagen, y colócalo ligeramente a la izquierda de la primer imagen. Vuelve a enlazar la imagen (Archivo > Colocar) con la imagen 'Dancer with Yellow Border.eps'.

Ve a Objeto > Efectos > Transparencia y reduce la Opacidad a 80%.

transparency effecttransparency effecttransparency effect

Luego haz Click-Derecho (Windows) o Control-Click (Mac) > Organizar > Enviar detrás.

send to backsend to backsend to back

Selecciona ambas imágenes y Click-Derecho (Windows) o Control-Click (Mac) > Agrupar.

Paso 12

Copia y Pega el par agrupado, y coloca éstos de nuevo más a la izquierda de los originales. Reduce la Opacidad del grupo pegado a 60%.

transparency effecttransparency effecttransparency effect

Pega de nuevo dos veces y reubica más a la izquierda para crear un efecto 'desenfocado'. Reduce la Opacidad del grupo final a 15%, para crear un efecto de desvanecido gradual.

transparency effecttransparency effecttransparency effect
final image effectfinal image effectfinal image effect

5. ¡Tiempo para el Texto!

Paso 1

Es momento de volverse creativo con la tipografía en tu poster. Si no lo has hecho ya, descarga e instala las siguientes fuentes:

Paso 2

En tu documento de InDesign, bloquea la capa Dancer y desbloquea la capa Typography Behind de abajo.

Ve al panel Muestras y crea una nueva muestra Proceso CMYK. Nómbrala Mustard y establece los valores en C=2 M=9 Y=83 K=0.

mustard swatchmustard swatchmustard swatch

Paso 3

Toma la Herramienta Texto (T) y arrastra a la parte superior izquierda de la página para crear un nuevo marco de texto. Escribe 'happy' y establece la Fuente en Ananda Namaste, Tamaño 150 pt, y establece el Color de Fuente en Mustard.

mustard textmustard textmustard text

Selecciona el marco de texto y ve a Objeto > Efectos > Sombra Paralela. Junto a la opción Modo, haz click en el color de la sombra. Ajusta el Color a Muestras y elige Rojo de la selección. Haz click en OK.

red colorred colorred color

Ajusta la Distancia de la sombra paralela a 5 mm, Tamaño en 1 mm y Extensión en 100%. Haz click en OK.

Ésto dará al texto un efecto vintage estilo letterpress.

drop shadowdrop shadowdrop shadow

Paso 4

Crea un trío de marcos de texto, escribiendo una palabra en cada uno-'hindu', 'new' y 'year'.

Establece la Fuente en Ananda Namaste, Tamaño 90 pt. Pon 'hindu' en Azul y las palabras restantes en Vintage Cream.

ananda fontananda fontananda font

Paso 5

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

Crea un nuevo marco de texto, escribe '2016' y establece la Fuente en Chivo Negrita, Tamaño 140 pt y Tracking 100. Establece el Color de Fuente en Vintage Cream. Agrega una sombra paralela Roja al texto como lo hicimos en el Paso 3, arriba.

chivo fontchivo fontchivo font

Paso 6

Para añadir un toque final a nuestro poster, agreguemos el equivalente Hindi de 'Feliz Año Nuevo'. La frase en Hindi es:

नए साल की शुभकामनाए

Si estás usando una versión del Inglés de InDesign, es mucho más sencillo importar el texto Hindi como un gráfico vectorial, que puedes editar y escalar como lo harías con cualquier otra imagen vectorial.

Para hacer ésto, abre Microsoft Word (Windows) o Pages (Mac) y Copia y Pega el texto Hindi de arriba en un nuevo documento.

Establece la Fuente en MS Windows, u otra fuente compatible con Hindi, y luego divide el texto en tres secciones, con una ruptura de párrafo entre cada una. Agranda el tamaño del texto para que sea bonito y grande.

pages documentpages documentpages document

Exporta el documento como un archivo PDF.

pdf documentpdf documentpdf document

Paso 7

Abre el PDF en Adobe Illustrator. Illustrator leerá el archivo PDF como texto de contornos, creando una versión vectorizada de la frase Hindi.

vector textvector textvector text

Selecciona cada línea de texto por separado (ésto facilitará la edición en InDesign), y ve a Edición > Copiar.

selected vector textselected vector textselected vector text

Paso 8

Regresa a tu documento en InDesign, y Edición > Pegar cada línea de texto en el poster. Colocálos en el lado izquierdo del poster, contra el borde izquierdo de la forma de fondo rojo.

pasted vectorpasted vectorpasted vector

Establece las dos primeras líneas con un Relleno Vintage Cream.

Para la línea inferior más grande, establece el Relleno en Mustard, y luego ve a Objeto > Efectos > Sombra Paralela y añade una sombra paralela Roja. Coloca ésta línea inferior a lo largo del borde donde se encuentran los rectángulos rojo y azul.

drop shadowdrop shadowdrop shadow
final typographyfinal typographyfinal typography

6. Exporta Tu Poster Terminado

¡Magnífico trabajo-tu tipografía se ve fabulosa, y tu poster inspirado en Bollywood está finalizado!

final posterfinal posterfinal poster

Todo lo que queda por hacer es exportar tu ilustración lista para impresión o compartir online.

Ve a Archivo > Exportar, y elige Adobe PDF (Imprimir), en Calidad de Imprenta, para impresión profesional.

press qualitypress qualitypress quality

Asegúrate de incluir tu Sangrado cuando exportes también al ir a las Marcas y Sangrado y seleccionando Usar Ajustes de Sangrado de Documento.

marks and bleedsmarks and bleedsmarks and bleeds

Para un fomato compatible digital, mejor ve a Archivo > Exportar y elige Adobe PDF (Interactivo) en Formato.

¡Feliz Año Nuevo!

En éste tutoiral hemos visto una amplia gama de habilidades para crear impactantes diseños de posters estilo vintage. Puedes recrear ese aspecto Bollywood vintage en futuros proyectos al usar algunos de éstos trucos y técnicas.

  • Usa texturas de fondo con papel para dar al poster un aspecto vintage antiguo.
  • Apégate a los colores primarios brillantes para recrear una paleta de colores de los 1960s.
  • Desatura y haz antiguas tus fotos seleccionadas en Photoshop.
  • Elimina el fondo de las imágenes y crea un borde blanco o con color alrededor de la foto para darle un sentido similar a un collage.
  • Repite fotos y usa efectos de transparencia para dar a los gráficos un aspecto creativo e inusual que no los pondría fuera de lugar en el diseño de poster de 1960s.
  • Usa sombras paralelas de color para agregar encanto vinatage a la tipografía.

¡Fantástico trabajo! Espero que te hayas divertido dándole a tus posters una apariencia genial vintage e inyectado color y energía a tus diseños para rendir tributo a estilos Bollywood.

Si todavía estás buscando el poster perfecto para un próximo evento, asegúrate de consultar las plantillas de volantes y posters disponibles en Envato Market.

exported pdfexported pdfexported pdf
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.
One subscription.
Unlimited Downloads.
Get unlimited downloads