Cómo crear gráficos de barras personalizados en Illustrator

Uno de los problemas con los que nos encontramos de vez en cuando es el hecho de tener que “embellecer” los gráficos (gráficas, o diagramas) que por defecto nos proporcionan los programas de diseño. Habitualmente estos gráficos son más o menos estandar (de barras, de líneas, de puntos, de tarta…), y al final todos  hacemos los mismos y con una apariencia bastante similar. Ya bien sea desde una hoja de cálculo, o mismamente desde Illustrator, la obtención de gráficos se basa en la introducción de datos, la elección del tipo de gráfico deseado  y, una vez obtenida la represenación gráfica de nuestros datos, añadimos un poco de sombra por aquí, cambiamos unos colores por allí, cambiamos unas tipografías por acá… Al final, hay que realizar una serie de labores más o menos tediosas y/o costosas para que el resultado sea, por lo menos, algo más atractivo.

Pero… ¿qué pensarías si te dijera que en Illustrator puedes crear gráficos de barras completamente personalizados?

No tengas duda de que a partir de ahora este tipo de gráficos lucirán mucho mejor en tus diseños que lo que venían haciendo anteriormente.

Para saber cómo hacerlo, nos pondremos manos a la obra de tal manera que lo primero que hemos de crear es la que va a ser nuestra “barra”. En mi caso he creado un elemento que de alguna manera es capaz de ser estirado. Más adelante entenderás la razón.

crear gráficos de barras en Illustrator

Acto seguido tendremos que indicar que nuestro gráfico va a ser la nueva “barra”. Esto lo hacemos seleccionando nuestro diseño y posteriormente accediendo al menú Objeto–>Gráfico–>Diseño. Aquí deberemos indicar la opción Diseño nuevo. Posteriormente podremos cambiar el nombre al diseño. En mi caso le he puesto Mano.

crear gráficos de barras

De momento sólo nos queda crear nuestro gráfico de barras, de tal manera que introduciremos los datos en su lugar correspondiente.

EN EL BLOG -  Cómo aprovechar al máximo las páginas maestras en InDesign

gráficos de barras en Illustrator

Ahora deberemos acceder al menú Objeto–>Gráfico–>Columna. En la ventana que aparece deberemos seleccionar el diseño de columna que previamente habíamos definido. En nuestro caso Mano.

como crear gráficos de barras en Illustrator

Pulsamos Ok y… Voilà… Ya tenemos nuestro gráfico personalizado. Pero… existe un pequeño problema, y es la deformación de nuestra “columna”. A la hora de mostrar los datos con mayor valor, Illustrator “estira” nuestra mano creando un efecto poco estético (aunque hay veces que esto bastará).

crear gráficos de barras en Illustrator

La solución pasa porlo siguiente: hay que indicar a Illustrator por dónde queremos que “estire” nuestra columna personalizada para que no se nos deforme a la hora de mostrar determinados valores.

La forma de hacerlo es sencilla. Volvamos a nuestra mano y tracemos una línea por donde deseemos que la columna sea estirada. En mi caso por la manga de la chaqueta.

crear gráficos de barras en Illustrator

En cuanto hayamos dibujado la línea deberemos convertirla en una guía. Esto es posible hacerlo seleccionando la línea y acceder al menú Ver–>Guías–>Crear Guías.

crear gráficos de barras en Illustrator

Ahora deberemos  crear un nuevo diseño igual que hicimos al comienzo del tutorial, de tal manera que seleccionaremos todo (incluida la guía) y nos dirigiremos  al menú Objeto–>Gráfico–>Diseño y generaremos nuestro nuevo diseño de columna.

crear gráficos de barras en Illustrator

 

Ya sólo nos queda volver al menú Objeto–>Gráfico–>Columna, y aquí seleccionar nuestro nuevo diseño de columna estirable y, además, definir el tipo de columna como Escala móvil.

crear gráficos de barras en Illustrator

 

Y… tachánnn… El efecto final de las columnas es el deseado…

 crear gráficos de barras en Illustrator

 No me queda nada más que esperar que este tutorial te sirva para que tus gráficos de barras sean un poco más vistosos, puesto que con relativamente poco esfuerzo se pueden conseguir unos resultados muy buenos.

El presente tutorial está basado un antiguo videotutorial de Layers Magazine:

Cómo crear gráficos de barras personalizados en Illustrator
¿Cuánto te ha gustado?

También te puede interesar...