¿Cuál es la forma más fácil y precisa de lograr un gráfico de este tipo en Illustrator?

Es posible obtener curvas tangenciales bastante precisas a los círculos usando algunos cuadrados rotados 45° como guías, es decir, cuadrados que tienen el mismo tamaño que el radio de cada círculo, rotados alrededor de los centros de los círculos usando la herramienta Rotar, y luego dibujando una ruta con la herramienta Pluma, asegurándose de que los controladores bézier de la curva se ajusten a las esquinas de los cuadrados.

Ejemplo

Luego puede copiar y pegar el camino que hizo, reflejarlo 180 ° y moverlo para que los extremos se ajusten al centro de los círculos.

Luego, una vez que tenga sus formas, puede usar la herramienta Shape Builder para hacer las piezas.

Y finalmente, puede usar la herramienta Selección directa para seleccionar todos los anclajes de un lado y moverlos libremente.

O incluso escalarlos

Aquí hay una toma ampliada que muestra la precisión de la tangente, en vista de contorno.

Un método sencillo para obtener puentes simétricos sin complementos de terceros:

Dibuja una línea entre los centros de los círculos.

Use la Herramienta de ancho para hacer que el puente tenga una buena variación de ancho. Debe insertar manijas de ajuste de ancho en ambos extremos, en el medio entre los círculos y aproximadamente en los puntos medios de los radios de los círculos.

Aprenda de la Guía del usuario cómo insertar, mover, ajustar y quitar las manijas de ancho. Es muy fácil insertar demasiados accidentalmente.

Finalmente trae los círculos al frente y selecciona los colores.

Importante: Es útil tener desde el principio círculos de colores sin trazo porque es bastante fácil ajustar accidentalmente el ancho del trazo del círculo cuando haces el puente. No usé relleno para que los controles fueran bien visibles en mis capturas de pantalla.

Este método se basa en mirar a ojo, no hace automáticamente puentes que se encuentran tangencialmente con los círculos. Pero el resultado es simétrico sin esfuerzo.

Mover un círculo con puente:

Si desea mover un círculo ya puenteado, arrastre con la herramienta de selección directa sobre el círculo y mueva uno de los nodos del círculo. Otros nodos y el final de la línea siguen:

Desafortunadamente, los lugares de las manijas de ancho se ajustan automáticamente de manera proporcional, como puede ver en la imagen. Los controles de ancho que originalmente estaban en los puntos medios de los radios de los círculos ahora están fuera de los círculos y hacen que la apariencia se vea abombada. Se deben mover o eliminar y se deben dibujar nuevos dentro de los círculos:

Otro método sin software adicional (observación) es dibujarlo con el lápiz. Haga clic solo para obtener un polígono y dibuje los mangos más tarde si no está familiarizado con el lápiz:

Arrastra los tiradores fuera de las esquinas con la herramienta de tipo ancla y colorea el puente:

No es automáticamente simétrico ni tangencial y mover un círculo en la práctica te obliga a volver a dibujar el puente, pero con un poco de práctica se dibuja un puente de apariencia suave en medio minuto.

Puedes decir: "Debe ser simétrico y tangencial sin mirar a los ojos, quiero instantáneas perfectas.

En ese caso, una idea de trabajo es obtener un complemento de extensión CAD para Illustrator. No tengo ese software, muestro la idea en un programa CAD simple (=TurboCAD dlx). Da la posibilidad de dibujar un arco que es tangencial con 3 curvas ya dibujadas:

Existen numerosos programas CAD 2D de bajo costo y gratuitos con la misma capacidad. Los complementos CAD de Illustrator no son gratuitos.

Las líneas discontinuas magenta son guías automáticas de ajuste rectangular que desaparecen pronto. He insertado un pequeño círculo en la línea de conexión entre los 2 círculos más grandes para tener el tercer elemento.

El resultado se puede exportar como SVG, PDF o EMF para usarlo en Illustrator. Un complemento de CAD funcionaría directamente en Illustrator.

Si los círculos están en la misma línea horizontal o vertical, los arcos tangenciales u otras curvas se pueden dibujar con bastante facilidad también sin complementos. Los casos más antiguos en GDSE muestran algunos métodos. También tienes una respuesta que muestra una forma.

Pero puede continuar : no voy a obtener complementos ni programas CAD. y los círculos ya están en buenos lugares, no los voy a rotar para que las tangenciales sean fáciles de dibujar"

El caso no es desesperado, pero debe aplicar algunas ideas de geometría antigua para obtener los arcos correctos. Cierre temporalmente en el panel Capas todos los demás objetos excepto los 2 círculos que necesitan un puente. Ver la siguiente imagen:

Dibuje un círculo (trazo negro, sin relleno) que tenga un radio = el radio deseado de los arcos de borde del próximo puente. Duplicar. Coloque los nuevos círculos para que toquen el círculo naranja y marrón en los nodos de las 9 en punto y de las 3 en punto. Si tiene Guías inteligentes y Ajustar a puntos activados, puede arrastrar los círculos fácilmente a los lugares correctos y ver cómo se ajustan. Solo seleccione un círculo con la herramienta de selección normal y mueva un nodo manteniendo presionada la tecla Ctrl; tiene activada temporalmente la herramienta de selección directa. Con él viene todo el círculo y el nodo movido se rompe.

Dibuja 2 líneas verticales (=mantén presionada la tecla Mayús) hacia los centros de los nuevos círculos:

Las líneas son necesarias para tener un buen ajuste en el siguiente paso. Dibuje 2 círculos nuevos desde los centros de los círculos de colores originales (=mantenga presionada la tecla Mayús+Alt, los círculos son magenta) para que los radios sean los radios originales + más el radio del círculo negro:

Agregue nuevos puntos de anclaje a los cruces de los círculos magenta. Mueva los círculos negros a los nuevos puntos:

Elimina los círculos magenta. Rellene el espacio entre los círculos con el Shape Builder:

La nueva forma es tu puente. Coloréalo como quieras y elimina los extras:

Un método fácil....

Dibuja tus círculos...

Seleccione todos los círculos...

Ejecute MetaBall Script ... (que es un archivo javascript simple , no un complemento. Y es gratis )

Luego, simplemente elimine lo que no desee y modifique el color y el orden de apilamiento según sea necesario.

Me tomó tal vez 30 segundos ... dibujar los círculos tomó más tiempo que crear los conectores.

El script le permite controlar la velocidad de las curvas en los conectores....

No es necesario usar el script en todos los círculos a la vez. Puede hacerlos 2, 3, 4 a la vez si prefiere tasas de curva más variadas entre las cosas. Simplemente necesita un mínimo de 2 círculos seleccionados para que se ejecute el script.

No hay que medir, ni refinar la curva, ni ajustar el ancho... solo pasos sencillos gracias al script. Siempre puede eliminar una sola forma de conector, seleccionar dos círculos y ejecutar el script nuevamente para volver a crear el conector rápidamente si algo cambia.