Cómo Crear Gráficos de Barras Personalizados en Illustrator

crear gráficos de barras en Illustrator
Si te parece interesante... ¡compártelo!

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 estándar (gráficos 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 representació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 dijéramos 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 nuestro caso hemos creado un elemento que de alguna manera es capaz de ser estirado. Más adelante entenderás la razón.

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.

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.

cuadro de dialogo columna de gráfica

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 por lo 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 nuestro caso por la manga de la chaqueta.

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.

dedo

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.

graficos personalizados 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…

No nos 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. Si eres un incondicional de Illustrator, seguro que este post te va a interesar: Malla de degradado en Illustrator – Un paso más allá en el diseño vectorial.

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

Contenido relacionado, no te lo pierdas
Si te parece interesante... ¡compártelo!