Infografía fácil y rápido Tutorial
¿Quiere aprender a hacer una infografía rápida y fácilmente? En este tutorial, le mostraremos cómo hacer una colorida infografía 3D llamativa en Adobe Illustrator. Le llevará menos de 5 minutos, y el resultado será una infografía profesional realmente atractiva.
Este tutorial también está disponible como un video con subtítulos. Si prefieres verlo de esta manera, aquí estás:
Paso # 1 Abra Adobe Illustrator y cree un nuevo archivo
Elija las dimensiones de su elección. Para este tutorial, hemos elegido crear una infografía en 1000 × 1000 píxeles de ancho y alto, por lo que la plantilla final será cuadrada.
Paso # 2 Crea la forma básica
En el lienzo, cree una forma cuadrada utilizando la Herramienta Rectángulo (U). Luego, seleccione las dos esquinas inferiores con la ayuda de la Herramienta de selección directa (A).
Pequeños puntos aparecerán en cada esquina. Arrastre cada diagonalmente a través del cuadrado para redondear las esquinas inferiores, como se muestra en la segunda imagen a continuación.
Paso # 3 Comienza a transformar la forma
El siguiente paso sería expandir el camino. Para hacerlo, abra el Panel Pathfinder y seleccione el icono Unir. Luego, tendrá que reducir su altura: simplemente arrastre la selección de abajo hacia arriba. El resultado debe parecerse a la forma que se muestra en la primera imagen a continuación.
Después de eso, tendrás que duplicar la forma y voltearla. Para hacerlo, copie la ruta con Ctrl + C y luego péguela en la parte superior de la selección mediante Ctrl + F. Gire la ruta 180 grados con la ayuda de la Herramienta Rotar (R), y mueva la nueva ruta un poco hacia arriba mientras las dos rutas se superponen. El resultado se muestra en la segunda imagen a continuación.
Paso # 4 Convierte la forma en la parte superior en un óvalo
Es hora de hacer un óvalo usando la forma en la parte superior que creamos en el último paso. Haga una copia de esta forma y, mientras presiona Shift, muévala hacia la derecha. Duplíquelo y, de manera similar a la ruta anterior, gírelo 180 grados.
Luego, ve a Pathfinder y haz clic en el ícono Intersect. El resultado debe parecerse a la forma que se muestra en la tercera imagen.
Paso # 5 Convierte la forma ovalada en un anillo
Regrese a la forma anterior (que debe estar a la izquierda de su lienzo). Todavía está formado por dos caminos: selecciónelos y combínelos. Luego, cambie el tono del color. Hemos elegido un matiz de color rosa un poco más oscuro y más saturado, por lo que el resultado final representa un anillo rosa con luces y sombras.
Duplica el óvalo, que debe estar a tu derecha. Colorea con el mismo matiz más oscuro y reduce un poco. Esto creará el grosor de su anillo.
Seleccione el óvalo interno (el que tiene el tono más oscuro) y duplíquelo dos veces, para que tenga dos copias. Seleccione una de las copias y muévala hacia abajo. Luego seleccione ambos y luego haga clic en Intersecar.
Debería haberse formado un nuevo camino dentro del anillo. Cambie su color al color del fondo, para que parezca transparente: selecciónelo, abra la Herramienta Cuentagotas (I) y haga clic en su fondo.
Paso # 6 Crea profundidad y termina el anillo
Regrese al camino de la izquierda y duplíquelo. Seleccione la herramienta Borrador (E) y haga un trazo, como se muestra en la primera imagen a continuación. Seleccione la parte izquierda de la ruta y use la Herramienta de degradado (G) para crear un degradado de negro a transparente. Esto creará sombras, por lo que nuestra forma comienza a parecerse a una forma 3D.
Use la misma técnica para crear sombras en la parte interna del anillo.
Agrupe los caminos a la izquierda. Luego, agrupe los caminos a la derecha. Seleccione ambos grupos y combínelos usando las opciones Alineación horizontal central y Alineación vertical superior del menú en la parte superior.
Paso # 7 Insertar texto
Es hora de comenzar a darle a nuestra creación el aspecto de una infografía real. Escriba texto (en este caso, hemos escrito un número de porcentaje) utilizando la herramienta Tipo (T). Elija una bonita fuente legible y un color contrastante. En nuestro caso, la fuente es Oswald y el color es blanco (#fff).
Paso # 8 Crea más anillos
El siguiente paso es hacer múltiples copias del anillo en varios colores dependiendo de los datos / contenido que presentará.
Al usar Ctrl + G, agrupe cada anillo con el texto escrito en él. Luego, abra la Herramienta de selección (V) y, mientras presiona Alt, arrastre y suelte el anillo. Luego, cambie sus colores según su gusto. Repita el paso varias veces mientras esté satisfecho con el número de timbres y edite el texto en cada uno según corresponda.
Paso # 9 Crea una sombra en el suelo
Para hacer que el gráfico sea más realista, el siguiente paso sería crear una sombra que caiga al suelo.
Agarra la herramienta Elipse (L) y crea un círculo. Al usar la Herramienta de degradado (G), haga un degradado de negro a transparente comenzando desde el centro. Seleccione la elipse y agarre el punto más bajo con el cursor del mouse; muévalo hacia arriba para reducir la altura del círculo. Esto creará la ilusión de una perspectiva. Luego, ajuste la sombra debajo del anillo inferior para crear un efecto de sombra.
También te pueden interesar 12 infografías animadas que cautivarán tu mente de principio a fin
Paso # 10 Crea los elementos de guía
Los elementos de guía conectarán visualmente cada anillo de la infografía con su texto correspondiente.
Usa la Herramienta Rectángulo (U) para crear una línea. Luego, obtenga la Herramienta Elipse (L) para crear un círculo en el extremo derecho de la línea. Seleccione ambos elementos y aplique la alineación vertical central.
Agrupe o combine la línea y circule en un solo camino. Haga varias copias y coloque cada duplicación en el centro de cada anillo.
Paso # 11 Escribe y dale estilo al texto
Ahora, una vez que haya terminado con la parte gráfica de la infografía, es hora de darle estilo al texto. Elija las fuentes y los colores que usará. Un pequeño consejo: utilice fuentes más grandes y más audaces para sus títulos y otras más pequeñas para el texto.
En nuestro caso, utilizaremos Oswald para los títulos, cada uno de un color diferente según el anillo al que corresponda. Para los párrafos, utilizaremos el Arial más neutral en un color blanco fácil de leer.
Comience escribiendo el texto en el primer anillo. Para seleccionar un color apropiado para el título que coincida con el color del anillo, hemos utilizado la herramienta Cuentagotas (I).
Después de haber creado el texto para el primer anillo, agrupe el título y el párrafo. Luego, duplíquelas tantas veces como sea necesario según la cantidad de anillos que tenga. Para cambiar el color de cada título, use la herramienta Cuentagotas (I) y seleccione el color correcto del anillo que lo atraviesa.
Dependiendo de la longitud de su texto, es posible que tenga que mover los campos de texto más cerca de los anillos. Simplemente seleccione todo el texto junto con una parte de las líneas utilizando la Herramienta de selección directa (A). Luego muévalos más cerca como desee.
El título y la descripción de la infografía se pueden colocar en la parte superior o inferior de la infografía. Como se trata de una infografía cuadrada, ambas opciones se ven bien.
Elegimos la fuente Open Sans Bold para el título y Myriad Pro Regular para la descripción. El color es un tono azul claro no molesto.
Paso # 12 Pon los toques finales
Hasta aquí todo bien. Todo lo que queda es alinear los espacios entre los elementos y centrarlos, para que la infografía tenga un aspecto profesional.
Además, hemos agregado sombras a los porcentajes en los anillos al usar Menú> Efectos> Estilizar> Sombra paralela.
¡Y voilá! Disfruta el resultado final.
Esperamos que haya logrado hacer una infografía fácilmente mientras sigue este tutorial. Si desea obtener más información sobre la infografía y obtener algunos activos gratuitos para sus futuros diseños infográficos, definitivamente encontrará útiles estos artículos relacionados:
