¿Cómo hago un trazo circular incompleto para un gráfico de donas?


11

Estoy tratando de emular este tipo de accidente cerebrovascular:

ejemplos de gráficos

Hasta ahora, solo he podido escribir sobre el trazo y tratar de minimizarlo (aunque soy un novato y todavía no entiendo completamente la herramienta Pathfinder), pero es tedioso y no soy tan bueno en eso

Sugerencias?


Capa un círculo sobre otro, darles diferentes colores y simplemente eliminar un nodo del círculo superior
SaturnsEye

¡Hola! Ordenar un novato aquí, cuando dices nodo ... ¿qué quieres decir exactamente? ¿Crear una ruta de la forma que quiero cortar?
Yoaquim

Un punto de anclaje. use el cursor blanco para seleccionar solo un punto de anclaje y no toda la forma. Creé un paso a paso, pero no tengo tiempo en este momento.
SaturnsEye

Respuestas:


15

Relacionados, si no duplicados: diferentes trazos de color en Illustrator (los gusanos gummi)

La forma más fácil para mí es simplemente con un gradiente en el trazo ... establecer las paradas intermedias para que estén en la misma ubicación.

ingrese la descripción de la imagen aquí

Las ventajas de este método es que simplemente cambia el gradiente para mover las secciones. No es necesario volver a configurar un pincel o cortar nuevas formas si necesita segmentos de diferentes tamaños.

ingrese la descripción de la imagen aquí

También es fácil usar múltiples colores ...

ingrese la descripción de la imagen aquí


eso es bueno, no es fácil de cortar después de eso, pero la idea es muy simple e interesante.
Ilan

¿Por qué necesitarías cortarlo? El objetivo de este método es que no hay necesidad de expandir y tratar con múltiples objetos. Es todo una cosa, fácilmente contenida y alterada.
Scott,

1
digamos que uno quiere segmentos separados ... shutterstock.com/pic-156346322/…
Ilan

Esa no era la pregunta @Ilan :) Si uno necesita separar los segmentos, hay al menos otros 5 métodos que usaría :) Algunos de los cuales son respuestas aquí.
Scott,

+1, parece la solución más rápida y sencilla para lo que el OP quiere lograr.
Brian S

13

Si necesita muchos segmentos, puede ser más fácil usar la herramienta de gráficos de Illustrator . Esto es esencialmente un gráfico circular ahuecado, por lo que puede colocar una elipse sobre un gráfico para crear su gráfico.

Gráfico circular de Illustrator

Círculo sobre gráfico circular en Illustrator


1
Esta es la solución más elegante. le permite volver y ajustar el tamaño con la menor cantidad de trabajo. si lo necesita, podría desagrupar su gráfico (lo que perdería la capacidad de regresar y editar las proporciones) y luego usar la herramienta Creador de formas o el panel Buscatrazos para crear formas compuestas.
Evan Oswald

1
Cada vez que en Photoshop echo mucho de menos al ilustrador ... Ojalá Photoshop tuviera increíbles herramientas vectoriales de ilustrador
Muhammad Umer

@MuhammadUmer ¿Esto no introduciría más software hinchado? Si una pieza de software incorpora demasiado de lo que realiza un software hermano, surge la pregunta de por qué ambos necesitan existir. PhotoShop ha sido acusado de software hinchado por un tiempo. La comodidad es maravillosa, pero debe considerarse con cuidado.
biscuitstack

Sí, Photoshop tiene toneladas de características (video, 3D, etc.), pero para el software que es estándar en la industria para el diseño gráfico, es triste que no sea compatible con vectores.
Muhammad Umer

6

Una manera bastante simple de hacer esto es colocar los segmentos como barras rectas y luego crear un Pincel Artístico a partir de eso:

Ejemplo de pincel de arte

Las proporciones seguirán siendo las mismas. Entonces, para crear un trazo de 25 px para nuestro círculo con una división del 25% / 75%, utilicé un rectángulo de 25 px x 25 px y 25 px x 75 px para el pincel artístico.

Aquí se explica cómo crear un Pincel de arte, tomado del sitio web de Adobe :

Crea un pincel

  1. Para dispersión y pinceles de arte, seleccione la obra de arte que desea usar. Para los pinceles de patrones, puede seleccionar la ilustración para el mosaico lateral, pero no es necesario. Para obtener pautas detalladas para crear pinceles de patrones, consulte Pautas para construir mosaicos de patrones. Para obtener más información sobre las opciones de pincel de patrón, consulte Opciones de pincel de patrón.
  2. Haga clic en el botón Nuevo pincel Nuevo icono de botón de pincelen el panel Pinceles. Alternativamente, arrastre la ilustración seleccionada al panel Pinceles.
  3. Seleccione el tipo de pincel que desea crear y haga clic en Aceptar.
  4. En el cuadro de diálogo Opciones de pincel, ingrese un nombre para el pincel, configure las opciones de pincel y haga clic en Aceptar.

+1 esta es una gran opción si quieres ser creativo de alguna manera. Sólo asegúrese de que es exacta y que los adornos que no se ponen en el camino de la información (creación de los rectángulos con 'barras apiladas' de la herramienta gráfica a continuación, desagrupar es una buena idea)
user56reinstatemonica8

0

Una (de muchas) formas de hacer esto:

  • Dibuja el circulo
  • Objeto | Camino | Esquema de trazo
  • Arrastre un par de guías desde las reglas que dividen el círculo.
  • Dibuje un rectángulo que sea más grande que el círculo, ajústelo al color que desee para el área más grande
  • Dibuja un rectángulo comenzando en el centro del círculo y extendiéndolo más allá.
  • Establecerlo en el segundo color
  • Arrastre los nodos que no están en el centro hasta que describan el área que desea
  • Agrupe las dos formas de colores y envíelas a la parte posterior
  • Shift clic en el círculo
  • Objeto | Máscara de recorte | Hacer (o pulsar el comando 7)

¡No lo entiendo exactamente! Lo siento, soy nuevo en esto: ¿podría dar una explicación más detallada?
Yoaquim

0

Diseñado por Travis Kochel, FF Chartwell es un tipo de letra fantástico para crear gráficos simples. Usando las características OpenType, las cadenas simples de números se transforman automáticamente en gráficos. Los datos visualizados siguen siendo editables, lo que permite actualizaciones y estilos sin complicaciones. Y sí, también hace gráficos de estilo donut.

ingrese la descripción de la imagen aquí

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.