Crear gráficos estadí­sticos en 3D con Illustrator

Comentarios: 2
Tags: , , ,
Fecha: 26/04/2007

Este es el primero de, espero, una serie de tutoriales dedicados a Adobe Illustrator. Como la mayoría de los tutoriales que se presentan en el blog, se centra en la consecución de un objetivo y presupone una serie de conocimientos básicos (en este caso de Illustrator). El objetivo de este tutorial es crear gráficos estadísticos en 3D.

1.- Seleccionamos la herramienta "Gráfica de tarta" y sobre un documento en blanco creamos un rectángulo que contendrá el gráfico.

Gráficos 3D Illustrator Paso 4

2.- En el panel de datos introducimos los valores que conformarán nuestro gráfico.

Gráficos 3D Illustrator Paso 5

3.- Una vez hayamos terminado validamos el gráficoGráficos 3D Illustrator Paso 6 y cerramos.
4.- Con la herramienta "Selección Directa" (A), vamos seleccionando las distintas porciones y les vamos dando el color que deseemos. Es conveniente para cada porción seleccionar un color de relleno y un color de borde. El color de borde debe ser el mismo color que el de relleno pero con una tonalidad más oscura para, de este modo, lograr un mejor efecto cuando transformemos el gráfico en 3D.

Gráficos 3D Illustrator Paso 1

5.- Una vez tengamos cada elemento de un color, separamos ligeramente las distintas porciones de la tarta. Más o menos como en la siguiente imagen.

Gráficos 3D Illustrator Paso 2

6.- Una vez hecho esto, seleccionamos todos los elementos que conforman el gráfico y seleccionamos "Efecto > 3D > Extrusión & Bisel"
7.- Una vez se haya abierto el cuadro de diálogo del efecto es conveniente habilitar la opción de vista previa, jugar con las distintas opciones y rotar el cubo hasta lograr el efecto deseado.

Gráficos 3D Illustrator Paso 3

8.- Una vez tenemos la gráfica en 3D podemos crear el reflejo en el propio Illustrator duplicando el objeto, situando la copia por debajo del original y bajándole la opacidad o podemos pasar el gráfico a Photoshop para realizar los ajustes finales como el reflejo o la adición de un poco de brillo. Con esta técnica también podemos crear otro tipo de gráficas y obtener en unos cuantos minutos unos gráficos en 3D bastante aparentes.

Gráficos 3D Illustrator Final

1 Xe_fede

Muchas gracias !!!!
De verdad, lo necesitaba para hacer una presentación a mi jefe.... y voy a quedar muy bien.... jeje
Gracias mil....

Salu2 y sigue así que nunca sabes hasta donde puede llegar tu ayuda......
2 Sally Sanchez
www.rockaccess.tk

Gracias por estos tutoriales la verdad que son de mucho ayuda.Mil gracias
Atte, Sally Sanchez SPS-Honduras
3 koballo
http://grupopk.com

Sencillo y muy práctico!!

Estaba buscando algo al respecto (nunca he tenido que hacer gráficos...) me va a venir de perlas este tuto.

Muchas gracias,
saludos!!

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados.

Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web o deseas contactar conmigo lo puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com

El hombre nunca sabe de lo que es capaz hasta que lo intenta.Dickens, Charles
Pixer.us

Pixer.us es un servicio web que nos ofrece opciones sencillas de edición de imágenes, como modificar el tamaño o recortarlas. También podremos añadirle unos cuantos efectos básicos. Para utilizar este servicio tan sólo tenemos que subir nuestra imágen haciendo click en el botón de “Examinar” y luego en el de “Upload & Edit”. Una vez hemos realizado las modificaciones tendremos la opción de guardar la imagen en alguno de los siguientes formatos: JPEG, GIF, BMP o PNG.

7 Poderosos carruseles de imágenes para diseñadores

Este post es una colección de algunos de los mejores carruseles de imágenes y contenido que podemos utilizar para nuestros proyectos web. El listado incluye Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) y un tutorial acerca de cómo implementar un carrusel como los de Flickr utilizando Prototype-UI.

Listado de editores de PHP

Listado que aglutina la mayoría de editores de PHP que existen en la actualidad. El listado está dividido en editores gratuitos -con una subdivisión por sistema operativo- y editores comerciales. Interesante enlace.

50 lecciones acerca de teoría del diseño

Desde Psdtuts+ nos ofrecen 50 lecciones acerca de teoría del diseño gráfico. Si bien muchas veces nos enfocamos en el cómo de las cosas, cómo conseguir un efecto, cómo realizar una retícula en css,... también resulta muy importante entender el "por qué". Lecciones acerca de tipografía, psicología del color, composición, etc. Las lecciones están en inglés.

BonkEnc extrae, codifica y convierte archivos de audio

BonkEnc es una utilidad para extraer las pistas de audio de los CDs, codificar y convertir los archivos de audio a múltiples formatos. Es capaz de generar archivos en formato MP3, MP4 /M4A, Ogg Vorbis, AAC, y FLAC. Y dispone de su propio códec de sonido, Bonk. Además es compatible con CDDB (Compact Disc Database) y CDText

Times Reader: el New York Times en Adobe AIR

El prestigioso New York Times ha lanzado una aplicación, llamada Times Reader, basada en Adobe AIR, que permite leer las noticias de un modo más parecido a lo que sería un periódico en papel. Parece que la crisis de los medios escritos hace que se abran a nuevos modelos de negocio.

Appetizer

Appetizer es una aplicación gratuita para Windows que funciona como lanzador de aplicaciones. Permite organizar los accesos directos y carpetas que más a menudo utilizemos en una cómoda barra o "dock" . Entre sus características cabe destacar que tiene soporte para plugins; para pieles; teclas de acceso rápido; apoyo a iconos personalizados; etc. También es muy interesante mencionar que el programa posee una versión portable del mismo.

How To Create A Great Web Design CV and Resume?

Aprovechando que están cayendo chuzos de punta en el mundo laboral, en Smashing Magazine se han marcado un muy interesante artículo sobre como crear un buen currículum vitae.

13 trucos para Google Reader

Una interesante recopilación de recursos y recetas para sacar un mayor partido a Google Reader: atajos de teclado, uso de filtros, utilizar las notas,...