Cómo hacer gráficos en Adobe Illustrator

  • Compartir Este
Cathy Daniels

Recuerdo que hacer infografías, gráficos y diagramas es una de mis primeras clases de Adobe Illustrator en el primer año. ¿Responde esto a tu pregunta sobre si Adobe Illustrator es bueno o no para hacer gráficos? Por supuesto que sí.

¿Por qué? Porque es totalmente personalizable y puedes cooperar fácilmente con los colores y el estilo con otros elementos de tu diseño. Además, las herramientas de gráficos hacen que sea muy fácil crear diferentes tipos de gráficos en Adobe Illustrator.

En este tutorial, aprenderás a hacer y estilizar gráficos en Adobe Illustrator utilizando diferentes herramientas de gráficos junto con algunos consejos de edición.

Nota: las capturas de pantalla de este tutorial están tomadas de la versión Mac de Adobe Illustrator CC 2022. Las versiones de Windows u otras pueden tener un aspecto diferente.

¿Dónde está la herramienta gráfica en Adobe Illustrator?

Puedes encontrar las herramientas de gráficos desde la barra de herramientas en el lado izquierdo de la ventana de tu documento de Adobe Illustrator. La herramienta de gráficos por defecto es la Herramienta de Gráficos de Columna, pero puedes hacer clic en el icono para expandir el menú y verás otras herramientas de gráficos.

Si no puedes encontrar las herramientas en tu barra de herramientas, es porque estás utilizando la barra de herramientas básica. En este caso, tendrás que cambiar tu barra de herramientas a una avanzada desde el menú superior Ventana > Barras de herramientas > Avanzado .

¿Lo has encontrado? ¡Vamos a hacer algunos gráficos!

Cómo utilizar la herramienta gráfica en Adobe Illustrator

Hay nueve herramientas de gráficos listas para usar en Adobe Illustrator, y el método funciona de forma similar. Sea cual sea la herramienta que elijas, se te pedirá que rellenes los datos de la hoja y se creará el tipo de gráfico que elijas hacer.

Te mostraré cómo hacer un gráfico de barras/columnas, un gráfico de líneas y un gráfico circular, ya que son los más utilizados.

Ejemplo 1: Cómo hacer un gráfico de barras/columnas en Illustrator

El gráfico de barras y el gráfico de columnas son básicamente lo mismo, excepto que los datos se muestran en diferentes orientaciones. Bueno, esa es mi opinión. De todos modos, vamos a empezar con la herramienta de gráfico de columnas por defecto.

Paso 1: Elija el Herramienta de gráfico de columnas de la barra de herramientas, o utilice el atajo de teclado J para activarlo.

Paso 2: Haz clic en la mesa de trabajo e introduce el tamaño del gráfico o puedes hacer clic y arrastrar directamente en la mesa de trabajo. No te preocupes por el tamaño si no tienes un valor exacto porque puedes cambiar el tamaño del gráfico en cualquier momento.

Una vez que haga clic en el OK verás una hoja donde puedes introducir los datos del gráfico.

Paso 3: Introduzca los datos. Haga clic en la primera casilla de la tabla y escriba el atributo en la barra blanca de arriba. Pulse el botón Volver o Entre en y el atributo aparecerá en la tabla.

Por ejemplo, se pueden poner Datos A, Datos B, Datos C y Datos D.

A continuación, introduzca el valor de cada atributo en la segunda fila de la tabla.

Por ejemplo, el Dato A es el 20%, el Dato B es el 50%, el Dato C es el 25% y el Dato D es el 5%, por lo que se pueden sumar los números 20, 50, 25 y 5 bajo los datos correspondientes.

Nota: los números deben sumar 100.

También puedes importar y editar un gráfico desde Excel en Adobe Illustrator. Así que si ya tienes los datos en Excel y no quieres volver a crearlos, puedes hacer clic en el botón Importar datos y elegir tu archivo de Excel para importar tus datos de Excel a Adobe Illustrator.

Una vez introducidos los datos, pulse el botón de verificación y cierre la hoja.

Verás el gráfico en escala de grises, así que el siguiente paso es dar estilo al gráfico.

Paso 4: Seleccione el gráfico y vaya a Objeto > Desagrupar para desagrupar el gráfico y poder editarlo. Al desagrupar, aparecerá un mensaje como éste. Haga clic en .

Tendrás que desagrupar un par de veces porque normalmente el texto se agrupa y las formas se agrupan en subgrupos.

Nota: una vez que lo desagrupes, no podrás cambiar los datos usando la herramienta de gráficos. Así que si no estás 100% seguro de los datos, deberías duplicar el gráfico por si quieres hacer algún cambio.

Una vez que hayas desagrupado los objetos, puedes dar estilo al gráfico. Puedes cambiar los colores, añadir textura, añadir texto o incluso hacer un gráfico de columnas en 3D si quieres. Empezando por los colores, por ejemplo.

Paso 5: Selecciona las columnas y cambia los colores. Hay muchas formas de rellenar los colores en Adobe Illustrator. Si no encuentras tu color favorito en las muestras, puedes hacer tus propias muestras.

Eso es todo. Siéntase libre de añadir más estilo a su gráfico de columnas.

Ahora echemos un vistazo a la Herramienta de gráficos de barras Introduzca los mismos datos que con la herramienta de gráfico de columnas y obtendrá un gráfico de barras básico como éste.

Puedes utilizar el mismo método que introduje anteriormente para dar estilo al gráfico de barras. Por ejemplo, además de cambiar los colores, aquí también he cambiado el tamaño de las barras.

Ejemplo 2: Cómo hacer un gráfico circular en Illustrator

Como mencioné antes, el método funciona de manera similar, así que puedes seguir los mismos pasos del Ejemplo 1 para hacer un gráfico circular. Pero en el paso 1, en lugar de elegir la herramienta Gráfico de columnas, elige la herramienta Herramienta de gráficos circulares .

Después de introducir los datos, verás el gráfico circular en lugar del gráfico de columnas.

Hay cosas divertidas que puedes hacer con un gráfico de tarta, por ejemplo, convertirlo en 3D, en media tarta o en un gráfico de tarta de donuts.

Sólo algunas ideas para compartir 🙂 .

Ejemplo 3: Cómo hacer un gráfico de líneas en Illustrator

La herramienta de líneas suele utilizarse cuando se quieren comparar datos entre diferentes líneas de tiempo. Es un poco más complicado que hacer un gráfico de columnas o de tarta cuando se introducen los datos en la hoja. En realidad, es la misma forma en que se introducen los datos en una hoja de cálculo de Excel.

Un ejemplo rápido: una heladería pide a 1.000 personas que voten por sus sabores de helado favoritos, y estos son los datos del año pasado.

No parecía muy elegante, ¿verdad?

Puedes desagrupar los objetos y utilizar el mismo método del ejemplo 1 para darles estilo. Puedes cambiar la forma del indicador, por ejemplo, yo elegí diferentes formas para representar el sabor.

Consejo rápido: Si has desagrupado todo pero quieres seleccionar las mismas formas o colores puede ir al menú de arriba y elegir Seleccione > Mismo > Apariencia .

¿Se ve mejor ahora?

Conclusión

Lo mejor de hacer gráficos y diagramas en Adobe Illustrator es que puedes darles estilo fácilmente y hacer que las visualizaciones de datos se vean muy bien. Los tres ejemplos de este tutorial deberían ayudarte a descubrir el resto de las herramientas de gráficos.

De nuevo, es importante asegurarse de que los datos son precisos antes de desagrupar y estilizar el gráfico.

Soy Cathy Daniels, experta en Adobe Illustrator. He estado usando el software desde la versión 2.0 y he estado creando tutoriales para él desde 2003. Mi blog es uno de los destinos más populares en la web para las personas que quieren aprender Illustrator. Además de mi trabajo como blogger, también soy autor y diseñador gráfico.