Cómo crear gráficos de barras personalizados en Illustrator
may 21, 2012 Illustrator, Tutoriales
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.
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 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.
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 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:
Tags: técnicas, truquillos
Crear un único bloque de texto desde varios… en Illustrator
feb 8, 2012 Illustrator, ¿Sabías que?
¿Sabías que Illustrator es capaz de combinar varios bloques de textos en uno?
El título de la entrada es tal vez poco descriptivo, pero creo que se entenderá mejor cuando explique este pequeño truco que he leído en Vectortuts.
Esto se puede realizar fácilmente mediante el sencillo procedimiento de copiar todos los bloques deseados, crear una nueva caja de texto vacía (texto de área) y pegar. Automáticamente el texto que comprendían los bloques separados se unirá en la nueva caja de texto, de tal manera que el orden de este nuevo texto pegado dependerá del orden en el que aparezcan los bloques copiados. Eso sí, tengo que advertir que el texto se une consecutivamente, y no se diferenciarán los bloques una vez unidos, por lo tanto habrá que tener cierto cuidado para poder separarlos posteriormente (si es necesario, claro).
Tags: técnicas, truquillos
Separación de frecuencias en Photoshop. Tutorial de retoque fotográfico profesional
jul 26, 2011 Photoshop, Tutoriales
Según le comentaba hace un tiempo a mi amigo Rubén, no quiero dejar pasar la oportunidad de presentar uno de los mejores tutoriales de retoque fotográfico en español que es posible encontrar por internet últimamente: se trata de la separación de frecuencias en Photoshop. .
Si te consideras un artista del retoque fotográfico y no conoces esta técnica, no dejes de visualizar el siguiente videotutorial, pues seguro que la sacarás el jugo necesario. La técnica se basa en hacer una separación del color y de la textura de una fotografía en dos partes distintas, de tal forma que podamos permitirnos la manipulación independiente de cada una de ellas, conservando así las propiedades de la otra parte. Es un recurso utilizado ampliamente en el retoque fotográfico de belleza y moda.
El autor, Omar Josef, se dedica al retoque fotográfico de moda y belleza, aunque su trabajo también abarca el retoque fotográfico publicitario y de arquitectura, y te aseguro que sus trabajos te asombrarán. Puedes comprobarlo en su seccion before/after (para verificar los resultados del retoque fotográfico deberás pasar el ratón por encima de cada foto).
Tags: on-line, retoques, técnicas, truquillos
Búsqueda de imágenes similares arrastrando y soltando con Google
jun 15, 2011 Recursos, ¿Sabías que?
¿Sabías que es posible buscar imágenes iguales (o similares) a una muestra a través de Google con sólo arrastrar y soltar?
Aunque una funcionalidad parecida ya existía, la forma de indicar qué imagen estamos buscando es la que ha variado facilitando sustancialmente el proceso.
Simplemente tendremos que arrastrar desde el escritorio (o cualquier localización de nuestro ordenador) la imagen a buscar en el espacio donde habitualmente introduciríamos el texto de búsqueda, y Google automáticamente la encontrará y nos mostrará los resultados.
Podrás problarlo accediendo al siguiente enlace:
Muy útil para encontrar “duplicados” de tus imágenes, o si simplemente quieres saber dónde se están utilizando.
Tags: on-line, truquillos, utilidades
Pegar según capas – Copiar y pegar capas entre documentos de Illustrator (Sí… sí que se puede)
ene 31, 2011 Illustrator, Tutoriales
Los Frijuaneros (entiéndase los usuarios de Freehand) saben bien de lo que hablo cuando digo que era (y es) algo muy cómodo el hecho de copiar elementos distribuidos en varias capas de un documento Freehand y pegarlas en un nuevo documento vacío de tal forma que la aplicación creaba automáticamente las nuevas capas necesarias y pegaba los elementos en su debido lugar.
Hace poco un lector de Desfaziendo Entuertos (romarker) me consultó la forma de hacer lo mismo pero con Illustrator. El motivo era que tenía varios archivos cada uno con distintas capas que pretendía unir en un único archivo con la totalidad de ellas.
De la misma forma que le contesté a romarker por correo electrónico, diré que en Illustrator existe la opción de Pegar Según Capas. Esta opción se activa en el desplegable de la ventana de capas. Si Pegar según capas está activado, al pegar en un nuevo documento las capas que has copiado anteriormente, Illustrator creará automáticamente los nombres de las nuevas capas y pegará los elementos en las capas correspondientes.
La solución viene dada por Adobe en su ayuda online:
http://help.adobe.com/es_ES/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-62c8a.html
Ya desde la versión 13 de Adobe Illustrator correspondiente a la CS3 (no recuerdo si en la CS2 también se puede) se puede utilizar esta técnica, que es una de las de “no olvidar”, y que se activa de una manera sencilla (pero un tanto escondida).
Tags: técnicas, truquillos
