Advertisement
  1. Design & Illustration
  2. Infographics

Cómo crear una colorida infografía de Dasara en InDesign

Scroll to top
Read Time: 8 min
This post is part of a series called Infographic Templates.
10 Top Tips for Creating Amazing Infographics
How to Create an Education Infographic in Adobe InDesign

() translation by (you can also view the original English article)

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

Vijayadashami, también conocido como Dasara, Dusshera o Dussehra, es un importante festival hindú que se celebra al final del Navratri cada año, que suele caer en los meses gregorianos de septiembre y octubre.

Esta colorida infografía es un homenaje al festival Dasara, durante el cual tienen lugar procesiones y celebraciones en muchas partes del subcontinente indio.

Esta es una gran introducción al diseño de infografías para principiantes, y también puedes compartir el diseño terminado en las redes sociales. Puedes descargar la versión de alta calidad de la infografía aquí.

Si quieres crear tu propia infografía única, puedes descubrir una gran variedad de iconos y plantillas infográficas en Envato Elements y GraphicRiver.

Lo qué necesitarás para crear tu infografía

Nosotros crearemos la ilustración infográfica en Adobe InDesign, pero también necesitarás tener acceso a un software vectorial como Adobe Illustrator para editar los gráficos e iconos del templo.

También tendrás que descargar las siguientes imágenes y fuentes de Envato Elements:

Instala las fuentes en tu ordenador y ya estás listo para empezar.

1. Crear el documento infográfico en InDesign

Paso 1

Abre InDesign y dirígete a Archivo > Nuevo > Documento.

Haz clic en Web en la parte superior de la ventana para establecer la calidad del documento. Luego, establece la Anchura de la página en 870 px y la Altura en 2600 px.

Desmarca la opción Páginas opuestas. Añade Márgenes de 44 px, y luego haz clic en Crear.

new documentnew documentnew document

Paso 2

Despliega el panel Capas (Ventana > Capas) y haz doble clic en la Capa 1, renombrándola como Fondo.

Crea otras dos capas nuevas, primero la de Gráficos y luego la de Texto en la parte superior.

layer optionslayer optionslayer options

Bloquea las capas Gráficos y Texto, y haz clic en la capa Fondo para activarla.

background layerbackground layerbackground layer

Paso 3

Despliega el panel Muestras (Ventana > Color > Muestras) y elige Nueva muestra de color en el menú principal del panel (arriba a la derecha).

Configura los niveles a C=0, M=92, Y=15, K=0*. Haz clic en Añadir y en OK.

Crea otras tres nuevas muestras con los siguientes valores:

  • C=20, M=14, Y=97,K=2
  • C=4, M=80, Y=89, K=0
  • C=6, M=32, Y=91, K=0
swatch optionsswatch optionsswatch options

* Si estás creando tu infografía para imprimirla, puedes establecer tus muestras en CMYK. Pero incluso si vas a exportar tu infografía para compartirla en línea, puedes seguir utilizando las muestras CMYK y simplemente exportarlas a un modo de color RGB más adelante.

Paso 4

Trabajando en la capa Fondo, selecciona la Herramienta Rectángulo (M) en el panel Herramientas, y arrastra por la parte superior de la página para crear un pequeño rectángulo de unos 267 px de altura (visible desde el panel superior Controles).

En el panel Muestras, establece el Color de trazo de la forma en [Ninguno] y el Color de relleno en tu nueva muestra amarilla, C=6, M=32, Y=91, K=0.

yellow shapeyellow shapeyellow shape

Paso 5

Crea una segunda forma de 557 px de altura, colocándola debajo de la primera. Establece el Relleno en naranja, C=4, M=80, Y=89, K=0.

orange shapeorange shapeorange shape

Dirígete a Edición > Copiar y Edición > Pegar esta forma, y posiciónala debajo, creando una secuencia de formas. Cambia el Relleno a verde, C=20, M=14, Y=97, K=2.

green sectiongreen sectiongreen section

Pega dos formas más abajo, estableciendo la primera a un Relleno rosa de C=0, M=92, Y=15, K=0, y la segunda a amarillo, C=6, M=32, Y=91, K=0.

coloured sectionscoloured sectionscoloured sections

2. Cómo añadir un encabezado en negrita a tu infografía

Paso 1

Bloquea la capa de Fondo y desbloquea la capa superior, Texto.

Con la Herramienta Rectángulo aún seleccionada, dibuja una forma dentro del rectángulo amarillo superior para crear un efecto de borde. En el panel Trazo (Ventana > Trazo), establece el Grosor del trazo de la forma en 17 pt.

borderborderborder

Cambia el Color del Trazo de la forma a verde, C=20, M=14, Y=97, K=2.

border greenborder greenborder green

Paso 2

Coge la Herramienta Texto (T) y arrástrala por la parte superior de la página, dentro del borde que acabas de crear.

Escribe 'DASARA' y desde el panel de Controles superior o el panel de Caracteres (Ventana > Texto y Tablas > Carácter) establece la Fuente a Garlic Salt Bold, Tamaño 115 pt, y el Tracking a 60.

font garlic saltfont garlic saltfont garlic salt

Establece el Color de la fuente en rosa, C=0, M=92, Y=15, K=0.

font color pinkfont color pinkfont color pink

También puedes engrosar la apariencia del texto añadiendo el mismo color de muestra al Color de trazo del texto, simplemente haz clic en el otro símbolo 'T' en la parte superior del panel Muestras.

text stroke colortext stroke colortext stroke color

Paso 3

Crea un segundo marco de texto arriba, escribiendo un texto introductorio como "EL FESTIVAL HINDÚ DE", y estableciendo la Fuente como CornerOne Bold, Tamaño 29 pt, Tracking 50, y el Color de la Fuente como [Papel].

swatches panelswatches panelswatches panel

3. Cómo añadir gráficos de templo a tu diseño

Paso 1

Minimiza la ventana de InDesign; volveremos a ella en un momento.

Abre el archivo EPS de la Línea del horizonte de Surat en Adobe Illustrator, o en otro programa vectorial.

Haz clic con el botón derecho del ratón > Desagrupar la ilustración.

ungroup elementsungroup elementsungroup elements

Luego selecciona el templo en el centro del diseño, y ve a Edición > Copiar.

surat skylinesurat skylinesurat skyline

Paso 2

Vuelve a tu documento de InDesign y bloquea la capa Texto. Desbloquea la capa Gráficos que está debajo.

Ve a Edición > Pegar el templo directamente en la página, y cambia el tamaño, manteniendo Mayús, posicionándolo en el lado derecho de la sección naranja de la infografía, hacia la parte superior.

pasted templepasted templepasted temple

Paso 3

Abre la Línea del horizonte de Patna en Illustrator y repite, desagrupando la ilustración y luego seleccionando y copiando el gráfico del templo en el centro.

patna skylinepatna skylinepatna skyline

Pégalo en la maqueta de InDesign, colocándolo en el lado izquierdo de la siguiente sección de color hacia abajo.

pasted templepasted templepasted temple

Utiliza la línea del horizonte de Visakhapatnam para copiar y pegar sobre dos ilustraciones de templos, utilizándolas para rellenar las dos secciones finales de color de la infografía.

copied templecopied templecopied temple
pasted templepasted templepasted temple
skyline copyskyline copyskyline copy
graphics layergraphics layergraphics layer

4. Cómo dar formato a la tipografía en tu infografía

Paso 1

Bloquee la capa Gráficos y desbloquea la capa superior, Texto.

Utiliza la Herramienta Texto (T) para crear un marco de texto a la izquierda del templo en la parte superior de tu diseño.

type layertype layertype layer

Escribe el primer hecho para su infografía, y establece la Fuente a CornerOne Bold, Tamaño 18 pt. Establece el Color de la Fuente a [Papel] y saca los elementos clave del texto en una muestra verde de contraste.

paper textpaper textpaper text

Paso 2

Crea un marco de texto a la derecha del templo en la siguiente sección hacia abajo. Para las estadísticas, puedes sacar los números en un tamaño de fuente más grande. Prueba a ponerlos en CornerOne Bold, tamaño 139 pt.

large statisticlarge statisticlarge statistic

Agrupa otros marcos de texto alrededor del número, configurando la Fuente a CornerOne Bold, Tamaño 28 pt.

pink text framespink text framespink text frames

Utiliza el marco de texto del cuerpo de la sección anterior como plantilla para rellenar la infografía con más marcos de texto; simplemente Copia y Pega.

body text body text body text

Paso 3

Continúa trabajando hacia abajo en la infografía, rellenando cada sección con texto. Coloca las frases clave en un Tamaño de Fuente de 20 pt ligeramente mayor y en mayúsculas.

subtitle textsubtitle textsubtitle text

Combina estas frases clave con los otros marcos de texto del cuerpo que ya han sido pegadas.

body textbody textbody text
text frametext frametext frame

Paso 4

Puedes añadir iconos a tu infografía para indicar el tema de cada sección. Abre el conjunto de iconos de Diwali en Illustrator y aísla un icono antes de copiarlo.

diwali iconsdiwali iconsdiwali icons

Dirígete a Edición > Pegar y lo pegas en la capa Gráficos de InDesign y colócalo junto a un texto.

hindu iconhindu iconhindu icon
icon hinduicon hinduicon hindu
flagflagflag
icon flameicon flameicon flame

5. Cómo exportar su infografía para compartirla en línea

Paso 1

Tu infografía está terminada, ¡Un excelente trabajo! Todo lo que queda por hacer es exportar tu ilustración, lista para compartirla en línea en las redes sociales.

Dirígete a Archivo > Exportar. Elige JPEG en el menú desplegable Formato y pulsa Guardar.

jpeg imagejpeg imagejpeg image

Paso 2

En la ventana que se abre, ajusta la Resolución a 72 ppp y el Espacio de color a RGB.

A continuación, haz clic en Exportar.

export jpegexport jpegexport jpeg

Conclusión: Tu infografía terminada

Tu infografía de Dasara está terminada, ¡y tiene un aspecto impresionante!

Asegúrate de compartir la infografía en Pinterest y Facebook para dar a conocer Dasara y celebrar el festival con estilo.

Si quieres crear más infografías, puedes encontrar una gran variedad de iconos y plantillas infográficas en Envato Elements y GraphicRiver.

final infographicfinal infographicfinal infographic

Además, no te pierdas estos otros geniales tutoriales sobre infografías:

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