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

Cómo crear una infografía educativa en Adobe InDesign

Scroll to top
Read Time: 7 mins
This post is part of a series called Infographic Templates.
How to Create a Colourful Dasara Infographic in InDesign
How to Create an ‘Earth Day’ Plastic Pollution Infographic in Adobe InDesign

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

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

Esta infografía analiza cómo las organizaciones de todo el mundo luchan por mejorar la educación de las niñas. Debido a una variedad de factores, actualmente más de 130 millones de niñas en todo el mundo no asisten a la escuela, un número que las organizaciones benéficas y los gobiernos esperan reducir en un futuro próximo.

Aquí aprenderemos cómo armar la infografía en InDesign, pero también puedes adaptar fácilmente el contenido a tu propio tema educativo. Simplemente tienes que incluir tu propio texto y estadísticas.

Esta es una introducción simple y divertida a la creación de infografías amigables con las redes sociales para principiantes.

¿Tienes poco tiempo? Puedes encontrar muchas plantillas infográficas fáciles de editar en GraphicRiver y Envato Elements.

Encuentra otros tutoriales acerca de infografías aquí:

Lo que vas a necesitar para crear tu infografía

Además del acceso a Adobe InDesign, deberás descargar las siguientes fuentes e imágenes para usarlas en tu diseño:

Instala las fuentes en tu computadora y estarás listo para comenzar.

1. Cómo crear tu documento de InDesign

Paso 1

En InDesign, ve a Archivo > Nuevo > Documento.

Elige Web de las opciones en la parte superior de la ventana y ajusta la Anchura en 870 px y la Altura en 2600 px.

Ajusta los Márgenes en 44 px y haz clic en Crear.

Paso 2

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

Crea adicionalmente tres nuevas capas: Flechas, Libros y, finalmente, Texto.

Bloquea todas las capas excepto la capa Fondo, en la cual trabajaremos primero.

Paso 3

Expande el panel Muestras (Ventana > Color > Muestras) y elige Nueva muestra de color en el menú desplegable del panel.

Crea una nueva muestra RGB, R=209, G=207, B=194, haz clic en Agregar y luego en OK.

Repite el proceso para crear cinco muestras RGB adicionales:

  • R=51, G=56, B=97
  • R=82, G=48, B=112
  • R=237, G=164, B=192
  • R=255, G=54, B=102
  • R=90, G=88, B=91

Usa la Herramienta Rectángulo (M) para crear una forma en toda la página, en la capa Fondo. Desde el panel Muestras, ajusta el Relleno en un Tinte del 30% de la muestra de gris, R=90, G=88, B = 91.

2. Cómo crear una pila de libros

Paso 1

Abre el vector de iconos planos de libros en Illustrator.

En la ilustración, haz Clic-botón-derecho > Liberar máscara de recorte.

Paso 2

Haz Clic-derecho > Desagrupar la segunda fila de iconos.

Luego, Desagrupa la pila de libros en el extremo derecho.

Selecciona solo la pila de cinco libros cerrados y luego ve a Edición > Copiar.

Paso 3

Regresa a tu documento de InDesign y bloquea la capa Fondo.

Desbloquea la capa Libros y ve a Edición > Pegar el vector en la capa. Escala y colócalo hacia la esquina inferior derecha del diseño, como se muestra a continuación.

Paso 4

Regresa al archivo de Illustrator y desagrupa el ícono en el extremo derecho de la tercera fila hacia abajo.

Aísla un par de libros cerrados y ve a Edición > Copiar.

Paso 5

De regreso en InDesign, ve a Edición > Pegar estos en el diseño, y luego haz Clic-derecho > Transformar> Voltear horizontal para voltear su posición.

Manióbralos hacia el lado izquierdo de la parte superior de la pila.

Paso 6

Continúa moviéndote hacia adelante y hacia atrás entre tu documento de Illustrator y la infografía de InDesign, seleccionando y copiando montones de libros individuales y pegándolos en tu diseño de InDesign.

Organízalos en una secuencia en zig-zag, dejando espacios alternativamente en los lados izquierdo y derecho de la página.

Paso 7

Cuando hayas acumulado una gran pila de libros en el centro de la página, selecciona todos los vectores y haz Clic-derecho > Agrupar.

Selecciona el grupo y ve a Objeto > Efectos > Sombra paralela. Con la Opacidad en alrededor del 50%, Tamaño en 9 px, Extensión en 13% y Ruido en 13%, haga clic en el cuadrado de color a la derecha del menú Modo.

Ajusta el Color de efecto a una muestra más sutil, como este rosa pálido, antes de hacer clic en OK y luego en OK nuevamente para salir de la ventana.

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

Paso 1

Bloquea la capa Libros y desbloquea la capa superior, Texto.

Utiliza la Herramienta Texto (T) para crear un marco de texto en la parte superior de la página, escribiendo el título principal de la infografía.

Desde el panel Controles superior o desde los paneles Carácter y Párrafo (Ventana > Texto y tablas > Carácter/Párrafo), ajusta la Fuente en Bw Modelica Black, Tamaño 63 pt y Alinear al centro.

Desde el panel Muestras, cambia el Color de fuente a R=82, G=48, B=112.

Puedes agregar subtítulos alrededor del encabezado principal establecido en Bw Modelica ExtraBold, Tamaño 21 pt.

Paso 2

Utiliza la Herramienta Línea (\) para crear una línea opcional junto a uno de los subtítulos.

Desde el panel Trazo (Ventana > Trazo), puedes ajustar el Grosor a 14 pt y aplicar un Remate redondeado para suavizar la línea.

En el panel Muestras, establece el Color del trazo en [Papel].

Copia y Pega la línea para que se encuentre en los otros bordes de los subtítulo(s).

Luego selecciona todas las líneas y ve a Objeto > Efectos > Transparencia, reduciendo la Opacidad al 60%.

Paso 3

¡Ahora es el momento de comenzar a completar tu infografía con datos y estadísticas!

Establece estadísticas de extracción en Bw Modelica ExtraBold y la muestra rosa brillante, R=255, G=54, B=102.

Agrega texto de apoyo alrededor de estos en Bw Modelica Black y R=82, G=48, B=112.

Paso 4

Para elementos de información más largos, establece el título en Bw Modelica ExtraBold, R=51, G=56, B=97.

Ajusta el cuerpo del texto en Bw Modelica Bold, R=82, G=48, B=112.

Paso 5

Puedes utilizar estos dos conjuntos de marcos de texto como plantilla para completar el resto de la infografía.

Simplemente Copia y Pega los marcos de texto, colocándolos en espacios en los lados izquierdo y derecho de la página, y edita el texto sobre la marcha.

Paso 6

También puedes agregar flechas a tu infografía para crear un flujo y una jerarquía en el diseño.

Para hacer esto, bloquea la capa Texto y desbloquea la capa Flechas. Utiliza la Herramienta Línea (\) para crear una línea corta que se extienda desde detrás de uno de los libros hasta el borde de uno de los subtítulos.

Ajusta el Color del trazo de la línea en R=255, G=54, B=102. Desde el panel Trazo (Ventana > Trazo), ajusta el Grosor a 5 pt y el estilo de Fin de la línea a CircleSolid, para crear un efecto de puntero.

Ve a Objeto > Efectos > Sombra paralela para aplicar una sombra sutil a la flecha.

Luego puedes Copiar y Pegar la flecha, volteándola (Clic-derecho > Transformar > Voltear horizontal) para trabajar en el lado opuesto del diseño.

4. Cómo exportar tu infografía

Tu obra de arte infográfica está terminada, ¡un trabajo increíble! Todo lo que necesitas hacer ahora es exportarlo a un formato adecuado para compartir en línea. Sigue leyendo para descubrir cómo.

Paso 1

Primero, verifica tu infografía en busca de errores ortográficos (Edición > Ortografía > Revisar ortografía) y luego ve a Archivo > Exportar.

Ponle un nombre a tu archivo de imagen de infografía y luego elige PNG en el menú desplegable Formato. Haz clic en Guardar.

Paso 2

En la ventana Exportar PNG que se abre, configura la Calidad en Media y la Resolución en 72 ppp, y asegúrate de que el Espacio de color esté configurado en RGB. Luego haz clic en Exportar.

Conclusión: Tu infografía terminada

¡Y ahí la tenemos! Tu infografía educativa está terminada y lista para compartir en línea. ¿Por qué no subirla a Pinterest o Facebook y animar a tus amigos a compartirla con otros?

Puedes descargar la versión de alta resolución de esta infografía aquí.

Para obtener más información sobre la campaña para mejorar la educación de las niñas en todo el mundo, visita el sitio web del Fondo Malala.

Puedes encontrar más plantillas e iconos infográficos para usar en tus diseños en GraphicRiver y Envato Elements.

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
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.