¡Es la Semana de la Ciencia aquí en Envato Tuts+, y esta divertida infografía es una excelente manera de celebrar! Con un enfoque en el futuro de los viajes espaciales, podrás mostrar tus conocimientos de SpaceX y Virgin Galactic a tus amigos.

Si usted ha usado con anterioridad Adobe InDesign pero es nuevo para armar diseños infográficos, este tutorial es una excelente introducción para combinar tipo y gráficos de una manera visualmente interesante.

¿Poco tiempo? Puede encontrar plantillas de infografía fáciles de editar en GraphicRiver y Envato Elements.

¡Comencemos!

Lo Que Usted Necesitará Para Crear Su Infografía

Necesitará acceder a Adobe InDesign y Adobe Illustrator, y descargar las siguientes imágenes y fuentes de Envato Elements:

• Space Backgrounds
• Space Flat Icon Set
• Flat illustration of a Space Shuttle
• Fuente BW Modelica

1. Cómo Crear un Documento Web en InDesign

Paso 1

Abra InDesign y vaya a Archivo> Nuevo> Documento.

Con la intención de establecerlo a Web, establezca el Ancho de la página en 435 px y Altura en 1300 px. Este es un buen tamaño para compartir en sitios como Pinterest.

Establezca los Márgenes a 36 px y haga clic en Crear.

Paso 2

Expanda el panel Capas (Ventana> Capas) y haga doble clic en Capa 1, renombrándolo como Background.

Crea cuatro nuevas capas más--Arrows, Rocket, Icons y, finalmente, Type.

Luego, bloquee todas las capas, excepto Background.

2. Cómo Crear un Telón de Fondo Celestial

Paso 1

Use la Herramienta Marco Rectangular (F) para crear un marco de imagen en toda la página.

Archivo > Colocar, vaya a la carpeta Space Backgrounds y elija la imagen '07 .jpg '. Haga clic en Abrir y permita que complete el cuadro completo.

Paso 2

Cambie a la Herramienta Rectángular (M) y arrastre por la parte superior de la página para crear una forma cuadrada.

Desde el panel Muestras (Ventana> Color> Muestras), configure el Relleno en [Negro].

Con la forma seleccionada, vaya a Objeto> Efectos> Pluma Degradado. Establezca el Tipo en Lineal y permita que el degradado se extienda de más oscuro en la parte superior a transparente hacia la parte inferior de la forma. Haga clic en Aceptar.

Paso 4

Seleccione la forma y Edición > Copiar, Edición > Pegar. Luego, en la copia, haga clic con el Botón Derecho> Transformar> Voltear verticalmente.

Vaya a la parte inferior de la página y extienda la altura de la forma hacia arriba hasta aproximadamente la mitad de la página.

Paso 4

Abre la ilustración del space shuttle en Illustrator.

Seleccione solo la forma del cohete, más una de las capas transparentes de humo a lo largo de la parte inferior de la imagen, que se muestra a continuación. Luego Copia esto.

Cree un nuevo documento de Illustrator y Pegue estos elementos en la página, antes de ir a Archivo> Guardar Como y guardarlo como un archivo EPS de Illustrator.

Paso 5

Regrese a su documento de InDesign y bloquee la capa Background. Desbloquee la capa Rocket.

Cree un marco de imagen usando la Herramienta de Marco Rectangularl (F) en la parte inferior de la página y Archivo > Colocar, seleccionando la imagen editada del cohete EPS. Abra y asegúrese de que la imagen del cohete esté centrada en la página.

3. Cómo Crear un Encabezado Estrellado para Su Infografía

Paso 1

Bloquee la capa Rocket y desbloquee la capa superior, Type.

Haga Zoom  en la parte superior de la página, toma la Herramienta de Texto (T) y crea un marco de texto en la parte superior central de la página.

Escriba 'ESPACIO', y desde el panel Controles superior o los paneles Carácter y Párrafo (Ventana> Tipo y Tablas> Carácter/Párrafo), configure la Fuente en BW Modelica Black, Size 100 pt, Tracking 100 y Alineación Central.

Desde el panel Muestras, establezca el Color de Fuente en [Papel].

Paso 2

Agregue dos marcos de texto arriba y abajo de 'ESPACIO', establecidos en BW Modelica ExtraBold, Tamaño 30 pt, Seguimiento 230 y Alinear al Centro.

El primero debe decir "EL FUTURO DE" y el final simplemente "VIAJAR".

Paso 3

Seleccione el marco de texto 'ESPACIO' y diríjase a Texto> Crear Contornos, para vectorizar el texto.

Establezca el Relleno de Color del texto contorneado en [Ninguno].

Luego Archivo > Colocar, elija una de las imágenes de la carpeta Space Backgrounds (he optado por '04 .jpg 'para el contraste), y Abrir, permitiéndole llenar la palabra completa.

4. Cómo Construir Gráficos en Su Diseño

Paso 1

Bloquea la capa Type y desbloquea la capa Arrows.

Use la Herramienta de Línea (\) para crear una línea vertical que se extienda desde la parte superior del cohete hasta aproximadamente un cuarto del camino hacia abajo de la página.

Establezca el Color de Trazo en [Papel]. Desde el panel Trazo (Ventana> Trazo), configure el Peso de la línea en 20 pt y agregue una forma Triangular al Final de la línea.

Paso 2

Con la línea seleccionada, vaya a Objeto> Efectos> Pluma de Degradado.

Agregue un degradado Lineal en un Ángulo de 90 Grados, permitiendo que la flecha sea más transparente hacia la base.

Paso 3

Copie y Pegue la flecha, moviéndola hacia el lado derecho de la página y acortándola de modo que toque aproximadamente la mitad de la página.

Pega más flechas en la página, en la formación que se muestra a continuación, acortando según sea necesario.

Paso 4

Abra el space icon set en Illustrator.

Haga clic con el Botón Derecho > Desagrupar la imagen para que pueda seleccionar los iconos individualmente.

Seleccione el ícono 'Mars' en la cuarta fila hacia abajo, y Editar> Copiar

Paso 5

De regreso en su documento de InDesign, bloquee la capa Arrows y desbloquee la capa Icons.

Edición > Pegar el icono en la página y muévalo de modo que quede en la parte superior de la flecha central.

Desde el panel Muestras, elija Nueva Muestra de Color en el menú principal del panel. Cree una nueva muestra RGB, R = 41 G = 156 B = 186. Haga clic en Agregar y Listo.

Aplique esta muestra al Relleno del círculo que se encuentra detrás del  planeta.

Paso 6

Regresa a los íconos de Illustrator y selecciona el icono 'Rocket'. Cópialo.

Pegue esto directamente en su documento de InDesign y colóquelo en la parte superior de la flecha en el extremo derecho de la página.

Cree una nueva muestra RGB, R = 239 G = 79 B = 77, y aplique esto al círculo. Haga Clic con el Botón derecho> Transformar> Gire el cohete a un ángulo de 45 grados.

Paso 7

Continúe copiando y pegando más iconos, 'Astronauta', 'Órbita' y 'Tierra', en la infografía, colocándolos en las posiciones que se muestran a continuación.

Cree nuevas muestras RGB de su elección y aplíquelas a cada uno de los círculos de fondo.

Paso 8

Aísle la figura de 'Alien' en la imagen de los iconos, y cópiela y péguela también en la infografía.

Colóquelo en la esquina inferior derecha del diseño.

Paso 9

Bloquee la capa Iconos y desbloquee la capa Tipo.

Con sus iconos en su lugar, ahora puede comenzar a crear texto en su infografía, para que coincida con cada icono.

Seleccione la Herramienta Tipo (T) y cree un marco de texto a la derecha del icono 'Marte' en la parte superior. Escriba un subtítulo y configure la Fuente en BW Modelica ExtraBold, Tamaño 30 pt, Rastreo 90 y Alinear a la derecha. Establezca el Color de fuente en [Papel].

Paso 10

Cree un segundo marco de texto debajo de este, escriba su hecho elegido y establezca la Fuente en BW Modelica Bold, Tamaño 12 pt, Rastreo 60 y Alinear a la derecha.

Paso 11

Ahora puede seleccionar tanto el encabezado como los marcos de texto del cuerpo y Copiar y Pegar estos, para llenar su infografía con más texto.

Ajuste la alineación de texto a medida que avanza para adaptarla a su posición en la página.

Paso 12

Si tiene áreas de la infografía donde el texto es difícil de leer debido al fondo, puede crear círculos en [Negro] usando la Herramienta Elipse (L).

Vaya a Objeto > Efectos > Pluma de Degradado para aplicar un degradado Radial a estas formas.

Luego asegúrese de hacer clic con el Botón Derecho > Organizar > Enviar para volver a insertarlos detrás del texto.

Paso 13

Si desea hacer una función de ciertas estadísticas, puede establecer números en BW Modelica de gran tamaño.

Luego vaya a Tipo > Crear Contornos.

Archivo > Colocar, eligiendo una de las imágenes de fondo del espacio, y Abrir. Esto realmente hará que la figura aparezca en la página.

Conclusión: Su Infografía Finalizada

Su infografía ha finalizado-- ¡increíble trabajo!

Es realmente simple compartir su infografía en línea. Simplemente vaya a Archivo > Exportar y elija PNG o JPEG de las opciones de Formato disponibles.

Luego puede subir su imagen a Pinterest u otro sitio de redes sociales.

Puede descargar una versión de tamaño completo de la infografía de arriba aquí.

Puede encontrar más plantillas e iconos de infografía para usar en sus diseños en GraphicRiver y Envato Elements.

Descubre más tutoriales de infografía aquí:

• Cómo crear una infografía sobre contaminación plástica del "Día de la Tierra" en Adobe InDesign

  El 22 de abril, el mundo celebra el Día de la Tierra, que reconoce y pretende educar sobre el impacto que los seres humanos tienen en el medio ambiente. Esto es fácil de crear...

• 27 Plantillas de Infografía Creativa

  ¿Tienes una presentación próxima? Dé una gran impresión con esta brillante selección de plantillas de infografía creativa.

• ¿Qué es una infografía? Diseño en 60 segundos

  En este video rápido, la instructora Melody Nieves le explicará qué es una infografía y le mostrará cómo personalizar una plantilla simple.

• Cómo Crear una Infografía de Cambio Climático en Adobe InDesign

  Ayude a difundir la conciencia sobre los efectos del calentamiento global con esta información informativa sobre el cambio climático, que se creará en Adobe InDesign.