Hoy vamos a ver una guía paso a paso de 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 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.
De momento sólo nos queda crear nuestro gráfico de barras, de tal manera que introduciremos los datos en su lugar correspondiente.
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.
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á).
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.
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.
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.
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.
Como hacer gráficas en Illustrator
Consejos generales sobre cómo hacer gráficas en Illustrator.
- Abre Adobe Illustrator y crea un nuevo documento.
- Selecciona la herramienta de «rectángulo» o «elipse» en la barra de herramientas para crear la forma básica de la gráfica que deseas.
- Añade color y estilo a la forma usando la herramienta «relleno» y «trazo» en la barra de herramientas. Puedes elegir el color, la opacidad, el grosor y otros atributos para personalizar el diseño.
- Para agregar texto a la gráfica, selecciona la herramienta «Texto» en la barra de herramientas y haz clic en el área donde quieres agregar el texto. Escribe el texto y personaliza su apariencia utilizando la barra de propiedades.
- Si deseas añadir una imagen a la gráfica, selecciona la herramienta «Imagen» en la barra de herramientas y coloca la imagen en el área de la gráfica.
- Una vez que hayas creado tu gráfica, puedes exportarla en diferentes formatos para su uso en diferentes medios. Para exportar la gráfica, selecciona «Archivo» en la barra de menú y luego «Exportar».
- Selecciona el formato de archivo que deseas utilizar, como PNG, PDF o SVG, y luego elige la ubicación donde deseas guardar el archivo.
- Finalmente, haz clic en «Exportar» para guardar la gráfica en el formato deseado.
Recuerda que Illustrator es una herramienta muy potente para crear gráficas y hay muchas más técnicas y opciones avanzadas que puedes utilizar para mejorar tu trabajo. ¡Diviértete experimentando!
