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

¡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:
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í:
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.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post