1. Design & Illustration
  2. Infographics

Cómo crear un diseño infográfico en Adobe InDesign

by
Read Time:8 minsLanguages:

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

Ha sido un largo camino para los activistas obtener el reconocimiento legal de las parejas del mismo sexo y legalizar el matrimonio entre personas del mismo sexo. Aunque el futuro parece prometedor para las parejas LBGTQ que buscan casarse en muchos países del mundo, todavía queda un largo camino por recorrer para lograr la igualdad a nivel mundial.

Esta infografía explora la historia del matrimonio entre personas del mismo sexo, reconociendo tanto los reveses como los increíbles logros a lo largo del camino.

Esta es una infografía fácil de crear en Adobe InDesign. Una vez que hayas creado tu diseño, compártelo en las redes sociales para crear conciencia sobre los esfuerzos para legalizar el matrimonio entre personas del mismo sexo en todo el mundo.

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

Lo que vas a necesitar

Crearemos el diseño de la infografía principal en Adobe InDesign, pero también tendrás que sumergirte en Adobe Illustrator para editar los gráficos del diseño.

También necesitarás descargar las siguientes fuentes e imágenes desde Envato Elements:

Instala las fuentes en tu computadora y estarás listo para comenzar a crear tu infografía.

1. Cómo configurar tu documento de InDesign

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento.

Con la Calidad en la parte superior establecida en Web, establece la Anchura de la página en 870 px y la Altura en 2600 px. Desmarca Páginas opuestas.

Agrega un Margen de 70 px y luego pulsa Crear.

new documentnew documentnew document

Paso 2

Expande el panel Capas (Ventana > Capas) y presiona doble clic en la Capa 1. Cambia el nombre a Fondo y haz clic en  OK.

Crea cinco capas nuevas más en este orden: Mapas, Flechas, Textura, Iconos y, en la parte superior, Texto.

layer optionslayer optionslayer options

Bloquea todas las capas excepto la capa inferior Fondo.

locked layerslocked layerslocked layers

Paso 3

Expande el panel Muestras (Ventana > Color > Muestras) y elige Nueva muestra de color en el menú principal del panel (en la parte superior derecha).

Con el Tipo configurado en Cuatricromía y el Modo en CMYK, establece los niveles en C=91, M=59, Y=34, K=21. Haz clic en Agregar y OK.

Repite el proceso para crear seis nuevas muestras CMYK más:

  • C=60, M=62, Y=40, K=31
  • C=49, M=3, Y=13, K=0
  • C=0, M=43, Y=33, K=0
  • C=75, M=7, Y=24, K=0
  • C=0, M=94, Y=47, K=0
  • C=1, M=2, Y=8, K=0
swatch optionsswatch optionsswatch options

Paso 4

Trabajando en la capa Fondo, usa la Herramienta Rectángulo (M) para crear una forma en toda la página.

Desde el panel Muestras, establece el Color de relleno en C=1, M=2, Y=8, K=0.

beige backgroundbeige backgroundbeige background

2. Cómo editar los gráficos del mapa en Illustrator

Paso 1

Resalta las nuevas muestras que acabas de crear en el panel Muestras y elige Guardar muestras en el menú del panel.

Establece el formato de archivo en Adobe Swatch Exchange (ASE) y asigne un nombre al archivo "Muestras".

save swatchessave swatchessave swatches

Paso 2

Minimiza, pero no cierres, la ventana de InDesign por un momento. Abre el mapa del mundo vectorizado en Illustrator.

Expande el panel Muestras (Ventana > Muestras) y elige Abrir biblioteca de muestras > Otra biblioteca en el menú del panel.

open swatch libraryopen swatch libraryopen swatch library

Aplica la muestra azul pálida, C=49, M=3, Y=13, K=0, del grupo Muestras al mapa vectorizado.

Luego dirígete a Archivo > Guardar como y guarda la imagen como un archivo EPS.

blue mapblue mapblue map

Aplica la muestra rosa, C=0, M=43, Y=33, K=0, al mapa y ve a Archivo > Guardar como, guardando esto como un segundo archivo EPS con un nombre diferente.

pink mappink mappink map

Paso 3

Regresa a tu documento de InDesign y bloquea la capa Fondo. Desbloquea la capa de arriba, Mapas.

Utiliza la Herramienta Marco Rectangular (F) para crear un marco de imagen hacia la parte superior del diseño, como se muestra a continuación.

Ve a Archivo > Colocar, elige el archivo EPS del mapa azul y haz clic en Abrir.

opened map fileopened map fileopened map file

Paso 4

Copia y Pega el marco de la imagen del mapa, moviendo la copia justo debajo del original.

pasted mappasted mappasted map

En el panel Vínculos (Ventana > Vínculos), identifica el archivo de mapa en la lista Nombre y haz clic con el botón derecho del mouse > Volver a vincular. Elige el archivo de mapa rosa y ve a Abrir.

relink maprelink maprelink map

Selecciona ambos marcos de imagen del mapa y ve a Edición > Copiar, Edición > Pegar, moviéndolos sobre la mitad inferior del diseño.

maps pastedmaps pastedmaps pasted

3. Cómo dar formato al texto en tu infografía

Paso 1

Bloquea la capa Mapas 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.

Escribe "MATRIMONIO DEL MISMO SEXO", y desde el panel de Controles superior o el panel Carácter (Ventana > Texto y tablas > Carácter), establece la Fuente en Enriq Black, Tamaño 70 pt.

header in enriq fontheader in enriq fontheader in enriq font

Desde el panel Muestras, cambia el Color de la fuente a C=0, M=94, Y=47, K=0.

font color redfont color redfont color red

Paso 2

Crea un subtítulo debajo del encabezado principal, que diga "ALREDEDOR DEL MUNDO", y establece la Fuente en Enriq Black, Tamaño 44 pt.

Establece el Color de la fuente en C=91, M=59, Y=34, K=21.

swatches panelswatches panelswatches panel

Resalta la "O" en "ALREDEDOR" y establece el Color de la fuente en [Ninguno]. Repite para la "O" en "MUNDO". ¡Descubrirás por qué un poco más tarde!

none colornone colornone color

Paso 3

Utilice la Herramienta Texto para crear un marco de texto sobre el lado izquierdo del gráfico del mapa superior.

Escribe el número de tu primera estadística y configura la Fuente en Auro Black.

text numbertext numbertext number

Puede establecer información alrededor del número en marcos de texto separados, establece en Enriq Black para texto más pequeño y en Auro para items de texto más grandes.

character panelcharacter panelcharacter panel
text frametext frametext frame

Paso 4

Minimiza la ventana de InDesign por un momento. Abre el archivo EPS de flechas vectoriales en Illustrator.

Identifica la flecha en la fila inferior de la mesa de trabajo inferior derecha, resaltada en rojo a continuación, y ve Edición > Copiarla.

arrow highlightedarrow highlightedarrow highlighted

Regresa a tu documento de InDesign y desbloquea la capa Flechas.

Ve a Edición > Pegar para pegar la flecha en la capa, aplica una muestra C=0, M=94, Y=47, K=0 y úsala para crear un flujo entre diferentes partes de texto.

swatches panelswatches panelswatches panel

También puedes utilizar otras flechas del archivo de Illustrator para el mismo propósito, copiándolas y pegándolas y utilizándolas para dirigir la atención del lector.

arrow vectorsarrow vectorsarrow vectors
arrow in redarrow in redarrow in red

Paso 5

Identifica la flecha resaltada en rojo a continuación y haz una Copia.

arrows vectorarrows vectorarrows vector

Ahora Pegala en tu diseño de InDesign y utilízala para cerrar la brecha entre el primer mapa y el mapa que se encuentra debajo.

pasted arrowpasted arrowpasted arrow

Paso 6

Trabajando en la capa Texto, crea un encabezado sobre el lado izquierdo del segundo mapa hacia abajo, estableciendo la Fuente en Auro Black, Tamaño 35 pt.

auro blackauro blackauro black

Establece el cuerpo del texto debajo de este en Auro Bold.

auro boldauro boldauro bold

Copia y Pega el par de marcos de texto, moviéndolos hacia el lado derecho.

pasted text framespasted text framespasted text frames

Copia y Pega la flecha entre los dos mapas superiores y mueva la copia entre el segundo y tercer mapa.

pasted arrowpasted arrowpasted arrow

Paso 7

Crea un marco de texto grande sobre el tercer mapa, escribe un número o año y configura la Fuente en Auro Black.

Cambia el Color de la fuente a C=0, M=94, Y=47, K= 0.

font colorfont colorfont color

Agrega marcos de texto alrededor de este conjunto en Enriq Black.

enriq blackenriq blackenriq black

Copia y Pega una flecha debajo de él, lo que te lleva al mapa final.

arrow pastedarrow pastedarrow pasted

Paso 8

Crea un encabezado sobre el gráfico final del mapa, estableciendo la Fuente en Auro Black y el Color de la fuente en C=0, M=94, Y=47, K=0.

auro blackauro blackauro black

Establece el texto alrededor de esto en Auro Bold.

auro boldauro boldauro bold
text frametext frametext frame

Utiliza flechas para vincular elementos de texto separados.

arrowarrowarrow

4. Cómo agregar íconos a tu infografía

Paso 1

Abre los iconos de amor y boda en Illustrator.

Selecciona el icono de anillo en el lado izquierdo de la tercera fila hacia abajo y ve a Edición > Copiar para copiarlo.

wedding iconswedding iconswedding icons

En InDesign, desbloquea la capa Iconos y ve a Edición > Pegar para pegar el anillo en la página. Úsalo para llenar el espacio en "ALREDEDOR" en la parte superior del diseño.

icons layericons layericons layer

Selecciona el anillo, ve a Edición > Copiar y Edición > Pegar para conservar el mismo tamaño, y muévelo para llenar el espacio en "MUNDO".

ringsringsrings

Paso 2

Ahora puedes usar otros íconos en el conjunto de Illustrator para completar el resto de la infografía, agregando uno a cada sección.

Selecciona el icono de pareja en la esquina superior derecha del documento de Illustrator y haz una Copia.

couple vectorcouple vectorcouple vector

Luego Pega en la página de InDesign, colocándolo sobre el mapa superior.

pasted iconpasted iconpasted icon

Usa el icono de la otra pareja para decorar el siguiente mapa.

couple iconcouple iconcouple icon

Agregue un icono de calendario al tercer mapa hacia abajo.

calendar iconcalendar iconcalendar icon

Usa el par de tortolitos para agregar un toque dulce al mapa final.

lovebordslovebordslovebords

Paso 3

Bloquea la capa de Iconos y desbloquea la capa de Textura a continuación.

Utiliza la Herramienta Marco Rectangular (F) para crear un marco de imagen sobre la mitad superior de la infografía. ve a Archivo > Colocar, elige una textura EPS del paquete de texturas de líneas vintage y ve a Abrir.

texture imagetexture imagetexture image

Con el marco de la imagen seleccionado, ve a Objeto > Efectos > Transparencia y configura el Modo en Pantalla.

screen modescreen modescreen mode

Selecciona el marco de la imagen y ve a Edición > Copiar, Edición > Pegar, moviéndolo sobre la mitad inferior de la infografía.

texture layertexture layertexture layer

Conclusión: Tu infografía terminada

Tu infografía está terminada, ¡un trabajo increíble!

fnal infographicfnal infographicfnal infographic

Es realmente sencillo compartir tu infografía en línea. Simplemente ve a Archivo > Exportar y elige PNG o JPEG de las opciones de Formato disponibles.

Luego, puedes cargar tu imagen en Pinterest u otro sitio de redes sociales.

Puedes descargar una versión en tamaño completo de la infografía.

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

Descubre más tutoriales infográficos aquí mismo:

One subscription.
Unlimited Downloads.
Get unlimited downloads