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

Cómo Elaborar una Plantilla para Infografía

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, tendrás la oportunidad de aprender cómo dibujar en Illustrator un conjunto de elementos ¡para una plantilla de infografía con datos referentes a la medicina!

Si quisieras saltarte este tutorial y solo usar esta plantilla para diseño de infografía (¡con incluso más elementos!) en tu trabajo, ¡puedes hacer eso y simplemente comprar el Gran Conjunto de Elementos de Estilo Plano para Infografía con Temática de Medicina de GraphicRiver!

Big Set of Flat Medical Infographic Elements
Gran Conjunto de Elementos de Estilo Plano para Infografía con Temática de Médicina

1. Cómo Dibujar los Cuerpos y los Órganos

Paso 1

¡Comencemos dibujando nuestro primer conjunto de elementos para la plantilla de infografía de investigación!

Para dibujar el contorno del cuerpo masculino, copia la mitad ilustrada de la parte izquierda, y luego Refléjalo y combina ambas copias con la función Contornear del panel Buscatrazos.

infographic design templates

Paso 2

¡Haz lo mismo para el cuerpo femenino!

research infographic template

Paso 3

Rellena ambos contornos de los cuerpos con el color #98AEC5.

infographic template illustrator

Paso 4

Dibuja los pulmones usando la misma función del panel Buscatrazos. Rellena el órgano con el color #C7D7E2.

A continuación, haz una copia de los pulmones y colócalos dentro de un ícono con forma de hexágono con el color #BF3B35 con un contorno del mismo color. Colorea los pulmones con #EDEDDD.

Añade una línea con un círculo pequeño en el extremo de él para que sirva como un indicador.

infographic design templates

Paso 5

Repite el proceso similar para el hígado, únicamente cambiando el color del hexágono a #889CB1.

infographic template illustrator

Paso 6

Usa el color #ED7777 para el ícono del cerebro.

research infographic template

Paso 7

Dibuja el siguiente conjunto de órganos, usando los mismos colores y funciones de antes.

infographic design templates

Paso 8

Dibuja el siguiente órgano, coloreándolo de #EDEDDD.

infographic template

Paso 9

Agrega el corazón. Usa el color #A1A4C2 para el ícono.

infographic template illustrator

Paso 10

Dibuja el resto de los órganos, usando los mismos colores como lo hicimos anteriormente en el tutorial.

research infographic template

Paso 11

Coloca los órganos y los íconos como se muestra abajo:

infographic design templates

2. Cómo Crear los Diagramas

Paso 1

Dibuja los ejes para el diagrama, y llego añade columnas usando estos colores:

  • #BF3835
  • #98AEC5
  • #6F89A4

Puedes usar una Cuadrícula Rectangular con 13 Divisores Horizontales para referencia.

infographic template

Paso 2

Crea un diagrama más con columnas de diferentes colores.

infographic design templates

Paso 3

Crea una figura de un hombre ensamblando diferentes formas, usando las funciones del panel Buscatrazos, Menos Frente y Unificar para realizar la figura.

Usa el color #98AEC5 para la figura del hombre azul y #BF3B35 para la figura roja.

infographic design templates

Paso 4

Crea tres copias más de la figura, coloréandolas con #ED7777, #7B83A1 y #6F89A4.

Realiza algunos diagramas como se observa abajo, indicando los porcentajes con el número de las figuras de hombre usadas.

infographic template illustrator

Paso 5

Procede similarmente para elaborar una figura de mujer, rellenándola con los mismos colores.

infographic design templates

Paso 6

Úsala para completar unos cuantos diagramas.

research infographic template

Paso 7

He usado un mapa vectorial de código abierto para nuestra plantilla para infografía de investigación.

Puedes usar la misma o agregar una tuya.

Colorea tu mapa mundial con #BFCEBD y agrega una figura de hombre con el color #6F89A4.

infographic template illustrator

Paso 8

Coloca las figuras con los porcentajes en el mapa.

infographic design templates

Paso 9

Crea cuatro barras de porcentaje con los colores que se muestran abajo.

Usa estos colores:

  • #A1A4C2
  • #98AEC5
  • #C23F40
  • #ED7777
infographic template

Paso 10

Haz todas las columnas en 3D al ir a Efecto > 3D > Extrusión y Biselado.

Usa los ajuste observados abajo para todas las columnas.

research infographic template

Paso 11

Expande la Apariencia de las columnas y agrega los porcentajes usando el mismo color.

infographic template illustrator

Paso 12

Agrega otra gráfica de barra en 3D, esta vez usando Efecto > 3D > Girar y estos colores:

  • #DD1E20
  • #FF7D7D
  • #C5E6FF
  • #CCD3FF
infographic design templates

Paso 13

Expander la Apariencia de los diagramas y ordénalos en una línea inclinada.

infographic template illustrator

Paso 14

Dibuja marcadores de color, usando las funciones del panel Buscatrazos Unificar y Menos Frente.

Coloréalos con #ED7777, #A1A4C2, #C23F40, y #6F89A4.

infographic template

3. Cómo Dibujar el Diagrama Circular

Paso 1

Corta el centro de un círculo con la función Menos Frente en el panel Buscatrazos.

infographic design templates

Paso 2

Agrega una Cuadrícula Polar con 20 Divisores Radiales y colócala sobre el diagrama.

infographic template illustrator

Paso 3

Usa los divisores como referencias para medir los porcentajes vistos abajo, y luego usa la función Dividir para "segmentar" el diagrama circular.

Usa estos colores:

  • #98AEC5
  • #7B83A1
  • #ED7777
  • #C03F40
infographic design templates

Paso 4

Dibuja el fondo con Malla de Degradado.

Comienza con un rectángulo relleno del color #F5F2E6, y luego con la Herramienta Malla (U), crea una cuadrícula de malla como se muestra abajo.

Colorea el nodo del centro con #FFFFFF, y luego agrega dos nodos con el color #F6F4EB arriba y abajo de él.

Cambia los bordes al color #EEEAD9.

infographic template

Paso 5

Coloca los elementos de la infografía que hicimos en el fondo.

research infographic template

¡Fabuloso Trabajo, Tu Plantilla para Diseño de Infografía Ahora Está Terminada!

¡Has completado la plantilla para infografía de investigación en Illustrator! Puedes probar cualquiera de mis otros tutoriales de mi perfil, o consultar mi portafolio en GraphicRiver, así como mi colección de elementos para infografía con temática de medicina, algunos de los cuales hemos utilizado en este tutorial.

 Big Set of Flat Medical Infographic Elements
Gran Conjunto de Elementos de Estilo Plano para Infografía con Temática de Medicina

Espero que hayas disfrutado el tutorial ¡y estaría muy feliz de ver cualquier resultado en los comentarios abajo!

Consulta más de mis 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.