Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Infographics
Design

¿Cómo Crear una Gráfica de Pastel en Adobe Illustrator?

by
Difficulty:IntermediateLength:MediumLanguages:

Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)

Final product image
What You'll Be Creating

En los siguientes pasos, aprenderás a cómo crear una gráfica de pastel editable en Adobe Illustrator y cómo darle estilo fácilmente.

Primero, aprenderás a cómo crear la gráfica de pastel usando la Herramienta Gráfica de Tarta. Usando la Herramienta Selección Directa y el panel Apariencia, con algunos efectos y colores básicos, aprenderás a cómo darle estilo a los componentes principales de tu gráfica. Finalmente, aprenderás a cómo crear una leyenda simple y un fondo plano.

Para más inspiración sobre cómo ajustar o mejorar tu gráfica final, puedes encontrar muchos recursos en GraphicRiver.

1. ¿Cómo Crear un Nuevo Documento y Crear la Gráfica desde el Comienzo?

Paso 1

Presiona Control-N para crear un nuevo documento. Selecciona Pixeles desde el menú desplegable. Pon la Anchura: 850 y Altura: 980. Luego da clic en Configuración Avanzada. Selecciona RGB para el Modo de Color. Pon los Efectos de Rasterización a Pantalla (72 ppp), y luego da clic en Crear Documento.

Habilita la Cuadrícula (Ver > Mostrar Cuadrícula) y Ajustar a la Cuadrícula (Ver > Ajustar a la Cuadrícula). Necesitarás una cuadrícula cada 10 px. Así que simplemente ve a Edición > Preferencias > Guías y Cuadrículas, y pon 10 en la casilla Cuadrícula cada y 1 en la casilla de Subdivisiones. Trata de no frustrarte con toda esa cuadrícula—facilitará tu trabajo, y mantén en mente que puedes habilitar o deshabilitarla usando Control-" en tu teclado.

Puedes aprender más acerca del sistema de cuadrícula de Illustrator en este tutorial de Andrei Stefan: Entendiendo el Sistema de Cuadrícula de Illustrator.

Debes también abrir el panel de información (Ventana > Información) para una previsualización en vivo del tamaño y la posición de tus formas. No olvides poner las unidades de medida a píxeles desde Edición > Preferencias > Unidades. Todas estas opciones incrementarás significativamente tu velocidad de trabajo.

set up grid

Paso 2

Enfoca tu barra de tareas y da doble-clic en la Herramienta Gráfica de Tarta para abrir la ventana de Tipo de Gráfico. Pon los atributos mostrados en la siguiente imagen. Luego da clic en OK.

pie graph tool

Paso 3

Asegúrate de que la Herramienta Gráfica de Tarta esté seleccionada y da clic en tu mesa de trabajo para abrir la ventana Gráfica. Pon la Anchura y la Altura a 450 pt, y luego da clic en OK.

Pon los datos mostrado abajo y luego da clic en Aplicar. Pon tu nuevo gráfico como se muestra en la siguiente imagen.

graph

2. ¿Cómo Editar los Componentes de la Gráfica de Pastel?

Paso 1

Toma la Herramienta Selección Directa (A), selecciona solo la forma resaltada en la siguiente imagen, y enfócate en el panel Apariencia (Ventana > Apariencia).

Borra el trazo y el color existente; luego selecciona el relleno. Pon tu color a R=225 G=190 B=123 y ve a Efecto > Distorsionar y Transformar. Arrastra el deslizador Vertical a -1 px y pon 15 en la casilla de Copias. Luego da clic en OK. Regresa al panel Apariencia y añade un segundo relleno usando el botón Añadir Nuevo Relleno. Selecciónalo y pon el color a R=255 G=223 B=153. Luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el deslizador Vertical a -15 px y da clic en OK.

direct selection tool

Paso 2

Usando la Herramienta Selección Directa (A), selecciona la otra sección de la gráfica, una por una. Borra el color del trazo y reemplaza  los colores de relleno con los que se muestran abajo.

change color

Paso 3

Toma la Herramienta Selección Grupal y selecciona una de las piezas de texto de tu gráfica de tarta. Da clic una segunda vez en la misma pieza de texto para seleccionar todo el texto fácilmente.

Abre el panel Carácter (Ventana > Texto > Carácter) y selecciona la fuente Alma Mono Heavy. Pon Tamaño: 25 px y cambia el color a blanco.

edit text

3. ¿Cómo Darle Estilo a Tu Gráfica de Pastel?

Paso 1

Escoge la Herramienta Mover (V); selecciona toda tu gráfica y enfócate en el panel Apariencia.

Añade un nuevo relleno, selecciónalo, y asegúrate de que esté debajo de la sección "Contenidos". Pon el color a R=255 G=242 B=236 y ve a Efecto > Convertir a Forma > Elipse. Marca la casilla Absoluto. Pon la Anchura y la Altura a 500 px.Da clic en OK y luego ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra el deslizador Vertical a 7 px. Da clic en OK, y ve a Efecto > Estilizar > Sombra Paralela. Pon los atributos mostrados debajo y da clic en OK.

add new fill

Paso 2

Asegúrate de que toda tu gráfica aún esté seleccionada y mantente enfocado en el panel Apariencia. Añade un segundo relleno, arrástralo debajo del relleno existente y selecciónalo.

Pon el color a R=255 G=82 B=119. Disminuye su Opacidad a 30%. Ve a Efecto > Convertir a Forma > Elipse. Arrastra el deslizador vertical a 35 px. Da clic en OK, y ve a Efecto > Desenfoque > Desenfoque Gaussiano. Pon un Radio de 15 px y da clic en OK. Arrastra el deslizador vertical a 45 px. Da clic en OK y ve a Efecto > Desenfoque > Desenfoque Gaussiano. Pon el Radio 15 px y da clic en OK.

gaussian blur

Paso 3

Asegúrate de que toda tu gráfica esté seleccionado y mantente enfocado en el panel Apariencia. Añade un tercer relleno. Arrástralo derriba de los otros dos relleno y selecciónalo.

Pon el color a R=255 G=82 B=119. Disminuye su Opacidad a 50%, y ve a Efecto > Convertir a Forma > Elipse. Marca la casilla Absoluto. Pon la Anchura y Altura a 350 px. Da clic en OK, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el deslizador vertical a 35 px. Da clic en OK, y ve a Efecto > Desenfoque > Desenfoque Gaussiano. Pon un Radio de 15 px y da clic en OK.

chart shadow

4. ¿Cómo Crear una Leyenda Simple?

Paso 1

Usando la Herramienta Rectángulo (M), crea una forma de 510 x 80 px, y colócala como se muestra en la siguiente imagen. Asegúrate de que este rectángulo permanezca seleccionado y enfócate en el panel Apariencia.

Selecciona el relleno, pon su color a R=255 G=242 B=236, y ve a Efecto > Estilizar > Redondear Vértices. Pon un Radio de 40 px y da clic en OK. Ve a Efecto > Estilizar > Sombra Paralela. Pon los atributos mostrados debajo.

rounded rectangle

Paso 2

Asegúrate de que tu rectángulo permanezca y mantente enfocado en el panel Apariencia. Añade un segundo relleno y arrástralo debajo de otro.

Pon el color a R=255 G=82 B=119. Disminuye su Opacidad  a 30%, y ve a Efecto > Estilizar > Redondear Vértices. Pon un Radio de 10 px. Da clic en OK, y ve a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados debajo. Da clic en OK, y ve a Efecto > Desenfoque > Desenfoque Gaussiano. Pon el Radio a 15 px y da clic en OK.

legend shadow

Paso 3

Para este paso, necesitarás una cuadrícula cada 5 px. Simplemente ve a Edición > Preferencias > Guías y Cuadrículas y pon 5 en la casilla de Cuadrícula cada.

Toma la Herramienta Elipse (L) y crea un círculo de 60 px y luego selecciona la Herramienta Rectángulo (M) y crea un cuadrado de 30 px. Pon tu cuadrado com se muestra en la segunda imagen y rellena con R=255 G=190 B=123. Selecciona ambas formas hechas en este paso y da clic en el botón Formar Intersección desde el panel Buscatrazos (Ventana > Buscatrazos).

pathfinder panel

Paso 4

Selecciona tu cuarto de círculo y colócalo como se muestra en la siguiente imagen.

quarter circle

Paso 5

Haz tres copias de tu cuarto de círculo. Colócalo como se muestra debajo y reemplaza el amarillo con los colores que se muestran debajo.

change color

Paso 6

Ve a la barra de Tareas y pon el color de Relleno a R=178 G=70 B=116. Enfócate en el panel Carácter. Selecciona la fuente Auro, y pon el tamaño a 16 px.

Toma la Herramienta Texto (T), y da clic en tu mesa de trabajo. Añade la pieza de texto "Limón", y luego ponla como se muestra abajo. Pon las otras tress piezas de texto y colócalas como se muestra debajo.

type tool

Paso 7

Selecciona todas las cuatro piezas de texto y ve a Efecto > Estilizar > Sombra Paralela. Pon los atributos mostrados debajo y da clic en OK.

drop shadow

5. ¿Cómo Crear un Fondo Simple?

Toma la Herramienta Rectángulo (M) y crea una forma de 870 x 1000 px. Rellena este nuevo rectángulo con R=255 G=255 B=250. Asegúrate de que cubra toda la mesa de trabajo. Envíala hacia atrás (Mayus-Control-[).

background

¡Felicidades! ¡Terminaste!

Aquí está como debe de verse. Espero que hallas disfrutado este tutorial y puedas aplicar estas técnicas en tus proyectos futuros. No temas compartir tu resultado final en la sección de comentarios.

Siéntete libre de ajustar el diseño final y hacerlo tuyo propio. Puedes encontrar algunos recursos grandes en GraphicRiver, con soluciones interesante para mejorar tu diseño.

final product
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.