Está en la página 1de 90

1) Tcnicas bsicas para crear mapas 2) Crear un mapa en Illustrator p.

06 3) Crear un mapa del mundo en 3D con Adobe Illustrator p. 21 4) Tutorial: Haciendo un croquis en el Ilustrador p.25 5) Graficas estadsticas p.29 6) Creando mapas de carreteras P. 59 7) Graphical estadistica Charts Illustrator Charts p. 72 8) Grafica estadisticas torta p. 76 9) Rotacion del mundo p. 84 10)

1. Tcnicas bsicas para crear mapas


http://gusgsm.com/mapas_illustrator
Adobe Illustrator es un programa ideal para hacer grficos como los mapas, pero si se conocen algunas tcnicas muy bsicas ("Apariencia" "Estilos grficos", "motivos" y "Smbolos", sobre todo), el trabajo se facilita mucho. Lo que viene a continuacin, construyendo un mapa ficticio es un simple vistazo a lo ms bsico. Muchos procedimientos se pueden hacer de ms de un modo.

Ciudades y pueblos
Se suele representar poblaciones con crculos, cuadrados y similares. Vamos a tener una capital, cinco pueblos medianos y seis aldeas.

Como no nos gusta trabajar en balde, usaremos una biblioteca de "Smbolos". Crear un "smbolo" es lo ms simple del mundo: Se crea un dibujo y se guarda en una "biblioteca

de smbolos" (con arrastralo dentro de la paleta "Smbolos" bastar. Desde ah se puede


arrastar en cualquier dibujo tantas veces cmo se quiera.

Lo mejor es que, si algo en el dibujo debe cambiar, con alterar el smbolo y pedir que se actualice, los cambios hechos se reflejarn en cada una de las veces que hayamos aplicado ese "smbolo". Adems, donde no queramos que cambien las cosas, bastar con "desenlazar" el smbolo.

Carreteras y vas de ferrocarril

Un camino es una lnea. As que, con la herramientas pluma los "Estilos grficos".

o lpiz

y un color visible

(negro, por ejemplo), trazamos nuestros caminos bsicos. Para darles el aspecto, usaremos

Seleccionamos una lnea cualquiera y abrimos la paleta "Apariencia". Ah se ve todo lo que tiene aplicado ese objeto. Los elementos se ven por orden: Lo de ms arriba en la paleta estar ms arriba (delante) en el dibujo. Seleccionamos el elemento "Trazo" y lo duplicamos ("Duplicar elemento" o pinchar en el icono ). Ahora habr dos "Trazos". Seleccionamos el que est debajo y le damos 4 puntos de grosor. Luego seleccionamos el de arriba y le damos 2 puntos y color blanco.

Para terminar, guardamos esa apariencia como "Estilo grfico" en el submen "Nuevo

estilo grfico...". Ya podemos aplicarlo a los dems caminos:

El ferrocarril? Es fcil: Dos "Trazos". El de debajo es ms grueso y discontinuo:

Obviamente, si tienes un buen juego de smbolos y estilos grficos hechos, hacer nuevos mapas es cada vez ms fcil.

Como vers, los textos del mapa tienen un contorno igual al color del suelo. Al hacer mapas, eso es bastante conveniente ya que muchas veces los textos tienen que pasar por encima de muchas rayas y eso ayuda a la lectura. Ese contorno se ha hecho tambin con un estilo grfico, aadiendo un trazo por detrs. La razn de no hacerlo con un trazo directamente es que el resultado no sera el mismo. Prubalo y vers porqu. Por cierto, lo que no te interese del mapa, las rebabas, lo quitas de la vista recortndolo con una simple "mscara de recorte".

Gustavo Snchez Muoz (libre reutilizacin)


[ Gustavo Snchez Muoz] Gustavo Snchez Muoz (tambin identificado como Gusgsm) es el autor del contenido de esta pgina. Su contenido grfico y escrito se puede compartir, copiar y redistribuir total o parcialmente sin necesidad de permiso expreso de su autor con la nica condicin de que no se puede usar con fines directamente comerciales (es decir: No se puede revender, pero s puede formar parte como citas razonables en trabajos comerciales) y los trminos legales de cualquier trabajo derivado deben ser los mismos que se expresan en la presente declaracin. La cita de la fuente con referencia a este sitio y su autor no es obligatoria, aunque siempre se agradece.

2.Crear un mapa en Illustrator http://www.capsule2.net/2009/03/como-hacer-un-mapa-en-illustrator/


Aqu va un tutorial de como hacer un mapa al estilo Google maps en Illustrator. Es un tutorial fcil, pero no para quien recin empieza con Illustrator. Digamos que es de un nivel medio. Y no por lo complicado, sin porque se manejan muchas capas, y el newbie puede armarse un taco del copn Pasaremos de esto

A esto.

Vamos a ello !!! 1.- Primero de todo, vamos a copiar el mapa del Google maps, por ejemplo. Para tener una base. Luego, cuando sepis como hacerlo, podreis inventaros vuestros propios mapas. Pantallazo al Google Maps.

2.- Luego abrimos la imagen con el Illustrator.

3.- Vale, empecemos. Creamos una nueva capa. Aqu la llamaremos Calle 30 negro. Ahora os explicar porqu

4.- Preparamos la pluma

5.- a un trazo de 30 puntos y sin relleno.

6.- Vale. Aqu va la explicacin. Las calles acostumbran a tener diversos anchos. Primero de todo debemos considerar que calles haremos de un ancho, cuales de otro, etc En este caso, crearemos 4 anchos distintos. El primero, de 30 puntos, marcar las calles principales. Evidentemente, estos valores son para este tamao de mapa, si el mapa es ms pequeo, los valores bajarn.

7.- As pues, dibujamos las 3 calles principales con un trazo de 30 puntos en negro.

8.- Bien. Ahora crearemos una nueva capa. ATENCIN: aqu me he colado sin querer !! a esta capa la llamaremos CALLE 28 BLANCO (haciendo el tutorial se me pas, pido disculpas )

9.- Como habris deducido, preparamos la pluma a un trazo de 28 puntos

10.- Y aqu viene el truco. Atenta la compaa. Seleccionamos toda la capa Calle 30 negro, la copiamos (Ctrl/Cmd + C) y en la capa superior (Calle 28 blanco) la pegamos EN EL MISMO SITIO (Ctrl/Cmd + F) Este proceso est explicado mucho ms detalladamente en este post.

11.- Ok, automticamente nos copia los trazos de las calles de 30 puntos encima mismo. Si no os lo ha hecho automticamente, seleccionad toda la capa Calle 28 blanco y asignar un trazo de 28 puntos y color blanco. Ahora tenemos algo similar a esto. (ocultad la capa de fondo siempre que sea necesario o queris ver los progresos).

12.- Ok, Ahora vamos a por las calles de segundo grado. El concepto es exactamente el mismo que antes. Crear una capa (Calle 20 negro)

13.- En esta capa dibujamos las calles del grosor correspondiente

14.- Lo dicho

15.- Copiamos toda la capa (Ctrl/Cmd + C), creamos otra capa (Calle 18 blanco) y copiamos en el mismo lugar (Ctrl/Cmd + F) luego seleccionamos la capa Calle 18 blanco y asignamos un grosor de trazo de 18 y color de trazo blanco. Siguiente nivel, calles de 12 pixeles crear capa,

16.- Dibujar las calles

17.- Copiar la capa entera (para quien no lo sepa, para copiar todo lo que contiene una capa, clicad en el crculo de la derecha de la capa), crear una capa Calle 10 blanco y en ella copiad (Ctrl/Cmd + F) y asignar valores de trazo 10 y color de trazo blanco.

18.- ltimo nivel, lo mismo. Crear capa, dibujar calles

19.- copiar capa entera, crear nueva capa, pegar en el mismo sitio y asignar valores un par de puntos inferiores y color blanco. Hasta aqu, tendra que quedaros algo as, no? Ok, vamos bien.

20.- Para establecer un fondo, creamos una capa inferior donde pondremos un fondo gris neutro.

21.- Y en ella dibujamos un rectngulo del gris que querais que ocupe todo el documento.

22.- Bien, para hacer que las calles no crucen unas encima de otras, y se vean todas las intersecciones iguales, vamos a mover capas

23.- Fijaros en la imagen inferior. Tenemos que agrupar todas las capas de los colores en 2 grupos. Las blancas y las negras. Dejad las calles negras debajo siempre, y las blancas arriba. Solo con esto, ya os aparecer todo bien, nop? Ok, ahora vayamos a por algunos detalles. Vamos a marcar unos jardines. Crear una capa inferior a las calles llamada, por ejemplo Jardines

24.- Y en ella dibujais polgonos (del color que querais) que cojan el espacio que querais marcar como Jardines

25.- Lo mismo para marcar edificios singulares. Cread una capa inferior a las calles, y en ella dibujais polgonos que incluyan las zonas que quereis marcar.

26.- Ms o menos, queda esto.

27.- Ms detalles. Cread una capa superior a todas, con el nombre Logos

28.- En mi caso, he transformado un logotipo de Metro en smbolo. Es una mana personal el trabajar con smbolos, podeis coger una imagen directa. Pero con smbolos, cuando hay mucho trabajo, siempre es mucho ms fcil. En breve postear como crear un smbolo en Illustrator.

29.- Bien, pues en dicha capa, arrastrad los smbolos o imgenes donde toquen. (as quedan encima de todo, claro)

30.- Y ahora, el siguiente trabajo duro la toponimia. Nadie dijo que sera fcil capa superior llamada Texto.

Cread una

31.- Y en ella, en modo texto, escribid toda la toponimia de las calles; rotando ( R) las cajas de texto. Es bastante trabajo, aviso. Luego cread otra capa ( Texto varios) y en ella incluid los textos de Metros, Jardines, Edificios singulares, etc Queda bien que las letras de Jardines sean de color verde, las de las calles negras, edificios singulares otro color diferenciado, etc Para los colores de diferentes calles, tan solo teneis que seleccionar la capa blanca de las calles que querais colorear y darle un valor que os guste. Si en este paso veis que os quedan superpuestos los colores, no panic. Trasladad las capas coloreadas arriba (pero debajo de los textos y logos). En este caso, la capa de 30 est en el cuarto lugar, la de 28 en el quinto, etc

32.- Y listos BONUS: poned una imagen de papel antiguo arriba de todo, y dadle una transparencia de 40. Desactivad la capa de fondo gris, y os lucir un mapa con aspecto algo antiguo

Es trabajo pero el resultado final, vale la pena, no?

3-Crear un mapa del mundo en 3D con Adobe Illustrator


By

http://tutorialesadobe.com/illustrator/mapa-mundo-3d-illustrator/
Marlon Ceballos Published: July 19, 2010Posted in: IllustratorTags: Illustrator

Comments [5] Digg it! Facebook 1tweetretweet

En ste tutorial mostraremos cmo crear un mapa del mundo en 3D con Adobe Illustrator mediante la caracteristica Revolve incluida desde la versin CS (11).

Lo primero que necesitaremos ser un mapa preferiblemente en formato vectorial (.ai, eps, pdf, etc) el cual abriremos con Illustrator. En internet hay muchos lugares donde descargarlos. En mi caso he usado el siguiente:

Figura 1. Mapa en formato vectorial abierto en Illustrator.

Paso 1: Tomamos el mapa y los arrastramos al panel Symbols (smbolos). Al hacerlo obtendremos ste cuadro de dilogo:

Figura 2. Cuadro de dilogo Symbol Options

En el cuadro de dilogo Symbol Options podemos dar un nombre al smbolo. La mayora de stas opciones son relevantes si vamos a pasar ste archivo a Flash Professional. Cmo ste no es el caso, simplemente hacemos click en el botn OK. Ahora podemos borrar el mapa de la pgina pues no lo necesitamos. Paso 2: Dibujamos un semicrculo. La forma ms fcil es dibujar un crculo con relleno azul (para simular el mar) y con la herramienta Direct Selection seleccionar uno de los nodos laterales y eliminarlo.

Figura 3. Semicrculo en modo Outline (izquierda) y Preview (derecha)

Paso 3: Con el semicrculo seleccionado vamos al men Effect > 3D > Revolve y para abrir la ventana 3D Revolve Options para evitar el brillo seleccionamos Diffuse Shading en la opcin Surface.

Figura 4. Resultado del efecto Revolve con la opcin de Plastic Shading (izquierda) y Diffuse Shading (derecha)

Paso 4: Dentro de la misma ventana 3D Revolve Options hacemos click en el botn Map Art para abrir la ventana Map Art donde en el men desplegable Symbol seleccionamos el smbolo del mapa que realizamos el paso 1.

Figura 5. Smbolo "mapeado" sobre la superficie de la esfera.

El mapa se puede manipular desde los manejadores ya sea para escalar, rotar, etc. Para previsualizar el resultado sin cerrar la ventana marcamos la casilla de verificacin Preview. Cuando tenemos el resultado deseado hacemos click en OK (dos veces) y tendremos el resultado de la primera imagen. Ya que la opcin Revolve es un efecto dinmico, podemos editarlo en cualquier momento haciendo doble click sobre el nombre del efecto en el panel Appearance. Puedes descargar los mapas desde los siguientes links:

Free Vector World Maps Collection (post recopilatorio con los links de diversos mapas para descarga gratuita) Printable world map (sito web con mapas de descarga gratis) Map Resources (Mapas de pago de alta calidad)

Tienes dudas sobre este tutorial? Puedes publicar tu preguntas en los foros Xpert.

4. Tutorial: Haciendo un croquis en el Ilustrador


Por: JuliaDiseoAgregar comentario

A menos que se seas bueno dando seas, siempre es bienvenido un pequeo mapa o un croquis de apoyo para dar santo y sea de tu paradero, no te ha pasado que tienes una fiesta o reunin en tu casa y te la pasas dando indicaciones por telfono la primera hora y media a los invitados para indicarles como llegar? Ser porque los incautos no saben de seguir indicaciones.. o por el croquis garabateado que hiciste a mano, repartiste en copiosas copias y que ni siquiera t entendiste? Si es as, ser mejor que aprendas a hacer uno ms o menos decente, o por lo menos que cumpla su propsito. Paso1: Primero, necesitas un mapa de referencia, a menos que tengas memoria de fotografa, claro!, sino, pues lnzate algoogle maps. Localiza tu sitio y dando un printscreen, pgalo en un archivo nuevo en el Ilustrador. Paso2: Antes de empezar, sera bueno diferenciar las rutas en avenidas, calles y calles principales, etc. Para hacer las rutas, slo traza un lnea con la herramienta Segmento de linea/line segment tool (\) con los colores y bordes de tu preferencia, yo lo hice as:

Haciendo las rutas con pinceles Paso3: Ahora, selecciona una de las lnea que hiciste para hacerla pincel (brush). Presionando (F5) aparece la ventana de pincel, y con el botn derecho del ratn, en la parte superior derecha de la ventana, da clic en la flecha, escoge la opcin New Brush (Nuevo pincel) y selecciona (New Art Brush)/nuevo pincel de arte; con los siguientes parmetros.

Repite el proceso con los otros dos trazos de rutas. Trazando las rutas. Paso4: Primero bloquea tu imagen para que no se mueva mientras haces tus trazos: selecciona la imagen de mapa y dale F2. Ahora con la herramienta pincel, sobre la imagen del mapa, ve trazando las rutas; primero, las avenidas principales, con el trazo de pincel ms grueso.

Paso 5: Luego sigue con las calles.

Paso 6: Ahora dibuja la manzana, aunque no dibujes todas las que estn en el mapa, slo cntrate en la zona importante, lo dems lo rellenas de gris y slo traza las rutas que puedan servir como gua de referencia.

Ahora si, se podra decir que ya tenemos un croquis, para terminar agrega los nombres de calles y avenidas, resalta tu casa, si quieres agregar algunas flechas como apoyo.. como tu quieras.

Be Sociable, Share!

5. Graficas estadsticas http://vector.tutsplus.com/tutorials/designing/turn-a-boring-bar-graph-into-a-3dmasterpiece/

Turn a Boring Bar Graph into a 3D Masterpiece


Jonathan on Oct 11th 2008 with 81 comments

In this tutorial, youll learn to plot an accurate bar graph using Adobe Illustrators Graph Tool. Well also render the graph to give it additional visual appeal. Successful completion of this tutorial requires an intermediate knowledge of Illustrators tools. Lets get started! Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join VECTORTUTS PLUS for just $19/month.

Step 1
Double click on the Column Graph Tool (J). The dialog box that opens up will give you several options that you can tailor to your liking. We have decided to keep all the options standard. If you dont want to change any options, simply click OK.

Step 2
With the Column Graph Tool selected, click and drag on your Artboard to draw where the graph will fall. Enter the information from left to right. The units of measure on the left side will be automatically adjusted depending on what values you enter into your graph. Click the check box in the upper right corner when you are finished.

Step 3
Our final outcome will require the graph to have depth and perspective, but the numbers on the side will only have perspective. In order to accomplish this, we will need to apply the 3D setting to the

numbers and the graph separately. Duplicate the graph and numbers. Keep one copy off to the side. Ungroup the graph so that you can delete the numbers from the side. You will get an alert dialog that tells you graphs cannot be edited once they are ungrouped. Click OK.

Step 4
Delete the numbers from the side and give your graph a light grey fill and remove the thin black outline.

Step 5

Select the graph and go to Effect > 3D > Extrude & Bevel Enter the variables shown below to achieve the look Ive detailed. Feel free to experiment with different angles and perspective to make it look like you want it to. Make note of the values you enter, as you will need to use them again in a later step.

Step 6
Go to Object > Expand Appearance.

Step 7
Go to Object > Ungroup. You may have to repeat this step several times to fully ungroup all the pieces.

Step 8
Illustrator has built-in gradients that you can choose from. This makes it very convenient to pick colors that look good without much effort. To open the gradients swatches go to Window > Swatch Libraries > Gradients > Brights. Select each segment of the graph and give it a gradient fill.

Step 9
Notice that I have chosen to give the green column a slightly darker color where it meets the yellow column. This will give the impression of the side of the green column being in shadow.

Step 10
Well give the columns a reflection by using the Pen Tool (P) to draw a shape with no fill that cuts through the graph.

Step 11
Select the shape you just drew as well as the face of each column that the shape cuts through. Click Divide in the Pathfinder (highlighted below.) Go to Object > Ungroup to ungroup your objects. Delete the unnecessary shapes around the edges.

Step 12
Adjust the gradient on the face of each column to replicate the reflection shown below.

Step 13
Make a drop shadow by drawing a rectangle by hand that matches the angle of the columns. Give the rectangle a blur by going to Effect > Blur > Gaussian Blur.

Step 14
Place your drop shadow behind the graph. Below is what your artwork should look like right now.

Step 15
Add extra interest to the graph by giving each edge of the graph highlights. Simply use the Pen Tool (P) and make thin lines that are slightly wider in the center and taper down to a point.

Step 16
Make whimsical sparkles by drawing an ellipse using the Ellipse Tool (L), then distorting the ellipse by going to Effect > Distort & Transform > Pucker & Bloat Enter a negative number and click OK.

Step 17
Rotate the sparkles and place them in moderation throughout the illustration. Give some sparkles less Opacity by using the Transparency Palette.

Step 18

Add a haze around each sparkle by drawing a white ellipse using the Ellipse Tool (L) and giving it a blur by going to Effect > Blur > Gaussian Blur.

Step 19
Retrieve the copy of the graph that was off to the side and use only the numbers now. Since the graph will be 3D and have perspective it will be imperative that we extend the lines across the columns so its easy to read the graph when its complete. Using the Pen Tool (P) draw a line across each number and give it a Dashed Line with a 10 pt Weight.

Step 20
Draw another dashed line but this time give it a Weight of 1 pt.

Step 21
Well make the other 4 lines that extend from the numbers 30 through 120 by selecting the two dashed lines you just drew and going to Object > Blend > Blend Options Under the Spacing drop down menu select Specified Steps and enter 4 (where 4 is the amount of numbers on the left side of my graph that do not yet have dashed lines extending from them) and click OK. The second image below shows the result you will end up with.

Step 22
Enter the values you used to create the 3D column, with the exception of entering a number for the Extrude Depth. This number should be 0. If once you add perspective to your graph and some of the lines are not showing up (see last image in this step for an example) simply use the Direct Selection Tool (A) and select an endpoint of the line that extends from the number 0 and increase its weight until all the lines become visible.

Step 23
Reposition the graph over the columns using the center line highlighted below as a guide to insure the graph is perfectly positioned.

Step 24
Adjust the transparency of the lines on the graph to give it a little more visual appeal.

Step 25
Add Some type below the graph to complete the design. If you have been using your own 3D variables throughout this tutorial simply experiment with rotating the cube in the 3D Extrude & Bevel dialog until it matches the angle and perspective of the columns. You can continue to adjust the angle and perspective even after you click OK. To make adjustments once you have clicked OK, go to the Appearance Palette and double-click on the effect you want to edit.

Final Image

This is what your final graph should look like. Now, the next time you need to include a boring graph in one of your designs youll be able to add some extra emphasis and get people to really pay attention to those numbers!

Subscribe to the VECTORTUTS RSS Feed to stay up to date with the latest vector tutorials and articles.

6. Creando mapas de carreteras http://blog.spoongraphics.co.uk/tutorials/creating-road-maps-in-adobe-illustrator

Creating Road Maps in Adobe Illustrator

This post was originally published in 2007 The tips and techniques explained may be outdated. Sooner or later every designer comes across the exciting job of producing a map, whether its on a leaflet or website the overall aim is to visually document a particular area of land to allow for people to find their way to a place of business or event. An important factor is the amount of detail required for the map, for most situations the map should be basic enough to provide a recognisable road structure without too much intricate detailing. As you will have seen on existing maps, the use of graphics and colours are important to distinguish between different types of road, this tutorial will cover the process of using Illustrator brushes to create a map of a small road network.

The finished map graphic needs to be crisp and clear which is why the map will be created in vector format in Illustrator. Imagine if the map needs to be enlarged on the leaflet as a client requirement, in Photoshop you would be left with fuzzy

pixelated edges. Plus, the complete map will be editable allowing the road shapes to be tweaked without having to delete and redraw the complete line.

Start by drawing a straight line (hold Shift) on your new documents, add a quite thick blue stroke. This will be the base for our UK Motorway, being the largest type of road this line needs to be the thickest.

Copy and paste the line back into place (CTRL / CMD + F), and change the weight to a thinner stroke and colour in white. This will give a blue and white striped appearance to simulate the dual carriageways.

Select both of your strokes and click the 'New Brush' icon in the brushes window.

In the option box select the 'New Art Brush' radio button.

In the next dialog box you have the option of naming your new brush, in this case it's a 'Motorway'. Also check the direction is running along the length of the brush and not across it.

You will now notice your new brush appears in your Brushes Palette. (I have deleted the default brushes here to allow for easier access)

Go ahead and repeat the previous steps to create a selection of brushes to represent the different road types. Experiment with different stroke weights and arrangements to produce some interesting effects. Remember to produce these brushes according to the hierarchy of the roads they represent, for example a minor road needs to be thinner and less prominent than a major road. TIP: Extend the inner stroke outwards slightly on roads that will need to interconnect, this will allow them to merge together without the outline running across the joint.

As well as the road graphics, use circles to produce matching junction icons. Using similar fill and stroke colours will allow them to blend with the roads.

Now we're ready to draw the actual map, create a container box for reference and press CTRL / CMD + 2 to lock it. Don't worry about any roads extending beyond this container, we'll clip these later. Use the Pen tool to draw your first major road, refer to an existing map to ensure the shape and scale is correct. This is where all you USA residents have it easy! The UK is full of curly whirly roads which are great for driving on, but a pain to draw up!!

Add the appropriate brush to the new path, transforming it into a Motorway.

Add in a couple of junctions where necessary and use the text tool to provide additional information.

To add an interconnecting road draw the path as required, then use CTRL / CMD + [ to send the new path to the back of the stack allowing for the junction circles to remain on top.

Continue drawing paths and selecting the appropriate brush to produce a network of roads.

Go in and add in the junctions and roundabouts by copying and pasting the junction circles created earlier.

Work down the hierarchy onto the minor roads, which will be even more intricate. Draw each path and add the Minor Road brush. This is where the tip mentioned above comes in handy, allowing the roads to interconnect without the outline running across the joints.

To add some names to your roads, use the Pen Tool to draw a path in a similar contour to a particular road.

Then, select the Type tool and hover over this line until you see the Type of Path icon appear. Type out your road name and you will notice the text flow follows the line, you can use the little handles to edit the position of the text, or use the Direct Selection Tool to fine tune the shape of the path.

Finally, trim off the excess roads from beyond the container. Copy and Paste the container shape (CTRL / CMD + Alt + 2 to unlock the object), then select all (CTRL / CMD + A). Go to object > Clipping Mask > Create and notice how the lines are trimmed back to the outline of the box.

7. Grafica estadisticas torta http://ndesign-studio.com/tutorials/3d-graphs

1.Create the Graph


Select the Pie Graph Tool, click on the Artboard/screen, then enter 200200px.

Data Table
Your graph data table will pop-up like the image below. Enter 15, 55, 30 and then click on the check mark to apply changes. Close the data table.

2.Ungroup the Graph


You need to ungroup or break the graph into parts in order to apply colors and effects to each individual piece. With the graph selected, go to Object > Ungroup or pressCtrl+Shift+G to break-up the graph into individual parts. There will be a warning box with this message: After a graph is ungrouped you will no longer be able to access its graph style, its data or change its graph designs. Click Yes. Now Ungroup again to break the object into pieces. Fill with any color you want and remove the stroke color.

3.Apply Extrude & Bevel


Select any piece(Ive selected yellow here), go to Effect > 3D > Extrude & Bevel.

3D Extrude & Bevel option


Expand the window by clicking on More Options. Now you may drag the cube on the left to specify the Rotation or enter the X-Y-Z Axis values manually. Enter 20pt for Extrude Depth. Add one more Light by clicking on the New Light icon and drag it as shown below.

4.Make a Graphic Style


With the yellow piece selected, in the Graphic Styles pallate, click on the New Graphic Style icon. If your Graphic Styles pallate is not showing, go to Window > Graphic Styles or press Shift+F5.

5.Apply Graphic Styles


Now select the orange and green piece, click on the Graphic Style youve created in the previous step to apply the styles to the orange and green piece.

Final
To finish off, reposition the pieces of the pie. Notice after you have applied the Graphic Styles, the pie is off a bit, use the Selection Tool and put them back together. Now you have a nice colorful 3D pie graph.

Bonus Tips
You can use the same technique to create the bar graph like the image below. Click here to download the source file for this Bar Graph sample.

8. Graphical estadistica Charts Illustrator

Charts

Another Step-by-step Tutorial by Veerle http://www.duoh.com/varia/illustrator_charts/


This tutorial is made in Adobe Illustrator CS2, however it should be no problem if you use an older version.

Select the Pie Chart Tool in the toolbox. If you double click the graph icon in the Toolbox you can set the preferences of the graph. The preferences are available (and will be applied) even after you've created your graph.

Draw a square (press shift key while dragging your mouse).

Enter your data in the datasheet (labels in the first row and values in the second).

The result should look similar to this.

Use the Direct Selection Tool (the white pointer / press A) to select only 1 piece of the pie to change its color.

Use a different gradient for each slice of the pie and add a 1pt white line.

Alter the gradient's direction of each slice 1 by 1. In Illustrator CS2 you can do this all in once by selecting the entire pie. Don't forget to do the same for the legend. Notice that I've changed the rectangles to squares.

Add a circle with a 4pt border and transparant fill on top of the pie (pure to add an extra nice touch).

Instead of using the dropshadow effect I've decided to draw another circle below the pie to create the soft shadow. The circle has a radial gradient from black to white, 40% opacity and the mode is set to

Multiply. If you want to use the dropshadow feature, you need to expand the graph (Object > Expand) which means you can't alter (update) your pie data anymore. If you want to expand your graph, you need to make sure your datasheet is closed.

Use the Direct Selection Tool to select the legend colors and go to Effect > Stylize > Drop Shadow

Choose Multiply as mode and enter 10% of opacity, an x and y offset of 1.5 mm and no blur (0 mm).

That's it!

You can still update your data by control + click / second mouse button click on the pie and choose Data in the contextual menu.

8. Rotacin del mundo

http://blog.spoongraphics.co.uk/tutorials/create-a-rotatable-globe-in-adobe-illustrator
Adobe Illustrator has some nifty built in features when it comes to working in three dimensions. This example gives a quick walkthrough on using such features to create a 3D rotatable globe, allowing the earth to be revolved in order to show the desired countries and continents.

One of the first steps is to source a continental layout of the globe in 2D format, follow the recent post; Free Vector Maps and Country Outlines and download the vector world map from MacDaddy.

Open up the map in Illustrator and select the main vector shapes, click the 'New' icon in the Symbols palette. With this symbol saved into the palette delete out the shapes.

Draw a circle on the artboard with a blue fill.

With the Direct Selection Tool (White Arrow) select just the right hand point.

Hit delete to remove this point and leave a semi-circle.

With the semi-circle still selected go to Effect > 3D > Revolve.

In the 3D Revolve options change the source to the Right Edge and Surface to Diffuse Shading.

Click the Map Art button and select the previously created symbol of the world map, scale the artwork to fit and also check the Shade Artwork checkbox.

This will leave you with a three dimensional sphere mapped with the continents of the world.

Should you want to adjust the angle of the globe, open up the Appearances palette and double click on the 3D Revolve effect to open back up the options window.

As you can imagine this feature is not limited to maps of the world, imagine the advantage of drawing up a drinks can and being able to place a label design for review.