Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Infographics
Design

Cómo Crear una Infografía de Viajes Espaciales en Adobe InDesign

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Science Week.
How to Draw a Skeleton Step by Step
How to Create a Set of Science Icons in Affinity Designer

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

Final product image
What You'll Be Creating

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

new document

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.

type layer

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.

placed image

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

black shape

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.

gradient feather

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.

flip vertical

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.

background layer

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.

rocket graphic

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.

rocket graphic

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.

rocket image

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

character panel

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

text frame

Paso 3

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

create outlines

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

outlined text

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.

space image

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.

arrow stroke

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.

gradient feather

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.

pasted arrow

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

arrows pasted

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.

ungroup icons

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

mars icon

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.

pasted icon

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.

new rgb swatch

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

blue fill

Paso 6

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

rocket icon

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.

rocket icon

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.

earth icon

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.

alien icon

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

alien graphic

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

sub-heading

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.

body text

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.

text alignment

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

text frames

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

ellipse tool

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

gradient

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

send to back

Paso 13

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

large type

Luego vaya a Tipo > Crear Contornos.

outlined text

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.

space image

Conclusión: Su Infografía Finalizada

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

final infographic

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í:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.