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

Como Crear una infografía de Rusia en Adobe InDesign

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Aprende como poner juntas esta infografía estilizada en Adobe InDesign. En este tutorial, el cual es perfecto para relativamente principiantes en InDesign, vamos a ver como establecer un diseño de infografía profesional que esta listo para compartirlo en las redes sociales.

¿Corto de tiempo? puedes encontrar plantillas infográficas faciles de editar en GraphicRiver y Envato Elements.

¿Listo para empezar? Comencemos.

Lo que necesitaras para crear tu infografía 

Así como acceso a Adobe InDesign, también necesitas de un poco de software vectorial como Adobe Illustrator para dar un vistazo a algunos de los gráficos vectoriales mas abajo.

Adjunto a este tutorial, encontraras un set muestras de colores descargables en formato Adobe Swatch Exchange (ASE), así que asegúrate de descargarlos también.

Tambien necesitas descarga:

Instala las fuentes en tu computadora, y estas listo para empezar a crear tu infografía

1. Como configurar tu Documento de Infografía en InDesign

Paso 1

Abre InDesign y ve a Archivo>Nuevo>Documento.

Clic en la opción Web en la parte superior de la ventana, y establece el Ancho del documento en 870 px. Establece el Alto en 2040 px.

Establece los margenes Superior e Inferior en 55 px, y los Margenes Izquierdo y Derecho en 100 px.

Luego clic en Crear.

new document

Paso 2

Expande el panel de Capas (Ventana > Capas) y doble-clic en Capa 1, renombrala como Fondo.

Luego crea tres capas mas en este orden: Flechas,Muñecas, y finalmente, Tipo.

layer options

Bloquea las capas excepto Fondo, en la cual estaremos trabajando primero.

background layer

Paso 3

Puedes ya sea usar tus propias muestras de color en la infografía o descargar e instalar el archivo ASE 'Russia Infographic Swatches' adjunto en este tutorial.

Para instalar las muestras ASE, ve al panel de Muestras (Ventana > Color > Muestras), y elige Cargar Muestras en el menú principal del panel.

load swatches

Navega hasta el archivo ASE, y Ábrelo. las muestras en CMYK se cargaran en el panel Muestras, listas para que las uses en tu diseño.

swatches panel

2.Como Crear un Fondo Colorido para Tu Infografía

Paso 1

Trabajando en la capa de Fondo, Jala un par de guías de la regla superior (Vista > Ver reglas) sobre la posiciones  en Y de 750 px y 1340 px.

guides

Paso 2

Usa la Herramienta Rectángulo (M) para crear una forma a través de la parte superior de la pagina, llevándola a la primera guía.

Establece el Relleno al azul obscuro en el panel de Muestras, o a un relleno obscuro de tu propia elección.

blue shape

Paso 3

Crea dos formas mas, rellenando la sección central e inferior de la infografía (He dejado un pequeño espacio en el fondo para colocar créditos)

Establece el Relleno de la forma central en amarillo, y la sección inferior en Rosa.

pink fill shape

3. Como Crear un Titulo para Tu Infografía

Paso 1

Bloquea la capa Fondo y desbloquea la capa superior, Tipo.

type layer

Usa la Herramienta Texto (T) para crear un cuadro de texto en la parte superior de la pagina, descansando los bordes de la parte superior en la linea de margen.

Escribe 'RUSSIA' y, desde ya sea los Controles en la parte superior o en los paneles Carácter y Párrafo (Ventana > Texto y Tablas > Carácter/Párrafo), ajusta la Fuente a Ovsyanka, Tamaño 67 pt, Espaciado 230, y establece el texto en Alinear al Centro.

russia title

Paso 2

Copia y Pega el cuadro de texto, muevelo directamente debajo, y ajusta el texto para que se lea 'POCC'. Pega de nuevo, y escribe esta vez 'RN', moviendo este a la derecha del cuadro 'POCC'.

yellow text color

En el cuadro de 'RN', Clic-Derecho > Transformar > Voltear Horizontalmente.

flip horizontal

Esto crea la palabra 'РОССИЯ', lo cual es 'Rusia' en Ruso.

flipped letters

Paso 3

Agrega cuadros de texto a la izquierda y derecha del encabezado principal, escribiendo 'HECHOS' y 'ACERCA', y establece la Fuente en Ovsyanka, tamaño 39 pt.

character panel

4. Como Agregar Gráficas de Muñecos en tu Infografía

Paso 1

Abre el set de iconos viaje por Rusia en Ilustrador. Selecciona uno de los muñecos Rusos y ve a Editar > Copiar.

vector travel set

Paso 2

De regreso en InDesign, bloquea la capa Texto y desbloquea la capa Muñecos.

dolls layer

Crea una cuadro de imagen al lado izquierdo de la sección superior de la infografía, usando la Herramienta Marco Rectangular (F).

image frame

Selecciona el marco y ve a Editar > Pegar dentro, para colocar la muñeca dentro del marco

placed image

Paso 3

Tira del borde derecho del marco para revelar solo la mitad de la muñeca, después ve a Editar > Copiar para copiar el marco.

half doll

ve a Editar > Pegar el marco, y en esta copia, Clic-Derecho > Transformar > Voltear Horizontalmente.

flip horizontal

Posicionalo a la derecha de la  primera muñeca, para crear un efecto de dividido en la ilustración.

split doll

Paso 4

Selecciona la Herramienta Pluma (P) y traza la mitad derecha de la muñeca. Clic y arrastra para crear ángulos curvos, usa la Herramienta de Selección Directa (A) después para seleccionar los puntos de ancla individualmente y ajustarlos si lo necesitas.

Puedes ademas agregar puntos d ancla usando la Herramienta Agregar Punto de Ancla (=).

Establece el Color de Relleno de la forma en Verde.

pen tool

Paso 5

Con la forma seleccionada, Ve a Objeto > Efectos > Transparencia, y ajusta el Modo a Color, Recuperando los detalles de la ilustración de muñeca que esta debajo.

color transparency

Paso 6

Trabajando en la capa Texto, usa la Herramienta Texto  (T) para crear un marco de texto a la derecha de la muñeca, escribe '1/2' y ajusta la Fuente en Ovsyanka.

Ajusta el Tamaño de Fuente y Cambio de Linea base para cada letra, para levanta el '1' y crear una pleca central mas grande.

adjust baseline

Agrega mas marcos de texto junto a este, establece la Fuente Calderock Edge. Asegúrate de agregar crédito por el hecho también.

text frame

Paso 7

Bloquea la capa Texto y desbloquea la capa Flechas.

Usa la Herramienta Texto (\) para crear una linea horizontal que va desde la muñeca hasta el texto de la derecha.

arrows layer

En el panel Trazo (Ventana > Trazo), ajusta el Ancho de la linea a 8 pt, el TipoLinea discontinua, y el Final de la linea en Circulo solido.

circlesolid

5. Como Llenar el Contenido de Tu Infografía

Ahora puedes usar los elementos que has creado en la sección superior de tu infografía para llenar el resto de tu diseño. Aqui esta como hacerlo.

Paso 1

Trabajando en la capa Muñecos, selecciona el vector de muñeca dentro del marco de imagen en la sección superior y Copia y Pega, moviendolo hacia abajo a la segunda sección y escalandolo un poco, mantén presionado Mayús mientras lo haces.

Directamente selecciona diferentes partes de la muñeca, y ajusta el Color de Relleno de cada sección. Aquí, He creado una muñeca rosado/morado.

pink swatch

Copia y Pega la muñeca cuando hayas terminado de ajustar el color, crea una fila de tres muñecas.

pasted doll

Entonces Pega una ultima vez, y ajusta el color de este ultimo a uno que contrasta, como anaranjado/verde.

swatches panel

Paso 2

Ajusta el texto debajo de estos en Ovsyanka, Tamaño 95 pt. Escribe '3'en un marco y '4' en el otro.

text frame

Agrega mas marcos de texto al rededor de estos para crear el hecho '3 de 4 personas en Rusia viven en centros urbanos', y agrega e credito debajo de este.

text frame

Paso 3

Para la sección, primero selecciona la mitad verde de la sección superior y Copia.

copy doll

Pega en la sección inferior, y ve a Objeto > Efecto> Transparencia, para establecer el Modo de nuevo en Normal.

normal transparency

Copia y Pega la forma, y da Clic-Derecho > Transformar > Voltear Horizontalmente en la copia.

flip horizontal

Mueve las dos mitades juntandolas para crear una silueta de muñeca completa, y Clic-Derecho > Agrupar.

group shapes

Paso 4

Ajusta el Relleno de la forma a un azul pálido, y luego hazlo mas pequeño asi la forma es realmente pequeño.

fill of doll
small doll

Copia y Pega esta forma pequeña de forma repetitiva para crear una fila de diez formas.

pasted dolls

La Copia y Pega la fila, par formar siete filas de diez formas.

rows of dolls

Paso 5

Crea tres filas de formas adicionales, ajustando su Color de Relleno de las ultimas 3 filas a un café de las muestras.

Selecciona las tres formas finales y ajusta estas a un Relleno verde pálido.

green shapes

Paso 6

Agrega un marco de texto a la derecha de la forma, escribiendo '71% de la Tierra es cubierta de agua', y estableciendo la Fuente en Calderock Edge.

water-covered text

Crea un segundo marco de texto debajo, escribiendo 'Como el pais mas grande del mundo, Rusia ocupa' ajustando la Fuente a Calderock Edge, como antes.

Otro marco debería leerse 'Un 10°' y un ultimo marco puede tener 'de toda la tierra del planeta'.

land on earth text

Paso 7

Copia y Pega la flecha debajo de la sección superior de la infografía, usando esto para crear dos pequeñas flechas apuntando a los dos hechos en esta sección inferior.

arrow dashed

6. Como Exportar Tu Infografía

Con tu infografía terminada, querras poder compartirla con amigos y seguidores en las redes sociales. El proceso de exportar es realmente simple.

Paso 1

Primero Archivo > Guardar en tu diseño.

Luego ve a Archivo > Exportar.

Elige JPEG en el menú Formato en la parte inferior y da clic en Guardar.

save as jpeg

Paso 2

En la ventana Exportar JPEG que se abre, ajusta la Calidad a Alta, Resolución en 72 ppp, y Espacio de Color a RGB.

Luego da clic en Exportar.

export jpeg

Tu Infografía esta terminada— ¡gran trabajo!

Todo lo que necesitas hacer ahora es ir a Archivo > Exportar para guardar tu diseño como JPEG, PNG, o PDF, listo para imprimir o compartir en linea.

russia infographic

Conclusión: Tu Infografía Terminada

Para ayudarnos a celebrar la Semana de Rusia aquí en Envato Tuts+, por que no compartir esta Infografía es las redes sociales.

Puedes encontrar mas plantillas infográficas e iconos para usar en tus diseños en GrapicRiver y Envato Elements.

Si estas ansioso por crear mas infografias, asegúrate de revisar estos tutoriales.

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.