Ilustrador: Existe uma maneira eficiente e precisa de unir dois círculos por suas tangentes (e mantê-los editáveis)?

9

É fácil juntar dois círculos se eles tiverem o mesmo tamanho e horizontal / vertical, em forma de pílula:

insira a descrição da imagem aqui

Se os círculos estiverem em um ângulo de adição, ainda será possível, mas você não poderá mais confiar em guias inteligentes.

insira a descrição da imagem aqui

Você pode adicionar linhas aproximadamente onde as tangentes devem estar e, em seguida, usar a ferramenta tesoura nos círculos, cortar a área interna e juntar as duas crescentes em uma forma.

insira a descrição da imagem aqui

Existe uma maneira melhor de fazer isso? Existe uma maneira de fazer isso que ainda é editável depois?

Existem outras perguntas que abrangem a mesma área, mas não podem ser editadas ou unidas a círculos que não estão alinhados entre si (onde os guias inteligentes não podem ajudar).

marcusdoesstuff
fonte
Existem algumas perguntas e respostas diferentes, mas nenhuma que foi exatamente o que eu queria abordar aqui, especialmente no que diz respeito à capacidade de edição e a como fazer isso quando os círculos não são do mesmo tamanho e são horizontal / vertical entre si para que você possa use guias inteligentes.
Marcusdoesstuff 31/03

Respostas:

9

Depois de experimentar, encontrei dois métodos decentes.


Você pode fazer um caminho com uma tampa redonda / grossa grossa. Se os dois círculos tiverem o mesmo tamanho, você poderá Object > Expand...e isso será suficiente.

Se você deseja que cada extremidade tenha um círculo de tamanho diferente, use a ferramenta Largura do traço ( Shift+W) para ajustar cada extremidade. Isso funciona bem e permanece editável, mas nem sempre oferece resultados perfeitos ... Especialmente se você começar a criar formas mais complicadas com cantos. Veja o seguinte gif para um exemplo:

insira a descrição da imagem aqui


Como alternativa, você pode usar as opções de mesclagem entre os dois círculos. Isso será melhor explicado através de algumas capturas de tela:

Aqui estão dois círculos.

insira a descrição da imagem aqui

Com os dois círculos selecionados, misture-os com Object > Blend > Make.

insira a descrição da imagem aqui

Você pode ajustar a mistura com Object > Blend > Blend Options. Selecione 'Etapas especificadas' na lista suspensa 'Espaçamento' e insira um valor entre 50 e 200. Maior que isso pode diminuir a velocidade do sistema se houver muitas misturas em seu arquivo, valores baixos podem afetar o resultado final .

insira a descrição da imagem aqui

Os círculos individuais podem ser movidos (agora alteramos os círculos descritos para círculos preenchidos) e a mistura se seguirá.

insira a descrição da imagem aqui

Neste ponto ... A mistura ainda é editável e o resultado é bom como rascunho. No entanto, como no meu caso, na verdade, existem 100 círculos que compõem essa forma, convém simplificá-la quando estiver feliz com ela ou ao finalizar a arte. Para fazer isso, primeiro Object > Expand.

insira a descrição da imagem aqui

Você pode abrir a ferramenta pathfinder e mesclar todos os círculos resultantes com a opção 'unir'.

insira a descrição da imagem aqui

insira a descrição da imagem aqui

Se você quiser refinar ainda mais as arestas entre os dois círculos originais, poderá excluir todas as âncoras do caminho entre as âncoras tangenciais ...

insira a descrição da imagem aqui

insira a descrição da imagem aqui

E junte-os novamente com a ferramenta Caneta.

insira a descrição da imagem aqui


Isso deve criar junções tangenciais quase perfeitas entre os dois círculos. Você também pode fazer cantos com a ferramenta Combinar, formas mais complexas com vários círculos ou até combinações de cores. Eu gosto desse método para quando a precisão é necessária para criar ótimos logotipos ou pictogramas. A ferramenta de largura do curso certamente é mais rápida e tem seu lugar no entanto.

Consulte a resposta da CAI abaixo para scripts que funcionam muito bem para fazer com que as tangentes se conectem perfeitamente.


insira a descrição da imagem aqui

insira a descrição da imagem aqui

marcusdoesstuff
fonte
excluída a minha resposta porque o seu é melhor de qualquer maneira :)
PieBie
Ótimos métodos se você estiver juntando 2 círculos - na minha experiência, muitas vezes você deseja conectar as tangentes de formas / curvas mais complexas. Grandes soluções sem dúvida, mas não é adequado para cada situação :)
Cai
A última foto mostra uma mistura com três círculos que funciona bem. Você pode estender ainda mais o caminho da mistura com bastante facilidade. Pode ser um pouco mais difícil de fazer com uma curva côncava. Eu posso adicionar mais exemplos mais tarde.
Marcusdoesstuff 31/03
Adicionada uma animação gif de uma forma mais complexa. Eu gosto desse método de mesclagem, pois também posso ser preciso com os tamanhos dos meus círculos, ao contrário da ferramenta de largura do traço.
Marcusdoesstuff 31/03
Adicionado um exemplo à minha resposta, onde a mistura não funciona. Eu não estou tentando tirar a sua resposta, eu não sou realmente, é um ótimo método, apenas tentando ilustrar que nem sempre é adequado :)
Cai
4

Existem scripts úteis que podem ajudá-lo a fazer isso.

Esta coleção de scripts do Illustrator inclui dois:

Quanto a "mantê-lo editável" - se você mover os círculos (ou qualquer parte das formas), as tangentes mudarão; portanto, será necessário redesenhar as linhas. Não vejo como contornar isso. Porém, com um script facilmente acessível, isso não deve ser um problema.

Exemplo do script Common Tangents em uso:

Script em ação

O uso do comando Illustrators Blend funciona bem ao conectar tangentes em certos casos, mas nem sempre funciona. Uma ilustração do script Common Tangents em uma situação em que o comando Blend não funciona:

Script em ação novamente

Usar uma mistura com as mesmas curvas não funciona:

Falha na mistura

Cai
fonte
Obrigado por essas opções de script. Eu vou fazer um experimento.
Marcusdoesstuff 31/03
Eu não consigo me ver quebrando a função de mistura dessa maneira, mas esse conjunto de scripts é muito bom. O script tangente é elegantemente simples e os scripts metaball e round corner são ótimos também.
Marcusdoesstuff
O script canto redondo é ótimo se você estiver usando qualquer coisa pré CC (como eu)
Cai
Eles melhoraram isso no CC?
Marcusdoesstuff 04/04
Eles têm .
Cai