Como são feitos esses quadros de linha swirly?

Eu amo e sempre fiquei intrigado com esse tipo de design swirly.

Depois de mais de 10 anos trabalhando como designer gráfico, ainda não consigo entender como isso é feito. Projeto curvo geométrico em geral.

Como eles conectam suas diferentes partes de maneira tão uniforme? Não pode ser uma peça única feita à mão, pois ao colocar todos os pontos e ajustar cada alça de bézier, é perfeito demais, geométrico demais para ter sido feito dessa maneira.

Algum de vocês já trabalhou nessa técnica no Illustrator? Qual é a abordagem?

Existem muitas maneiras de abordar isso. Você está certo, uma curva não precisa ser feita de uma peça, pode ser construída de várias peças. De fato, uma curva pode ser construída a partir de várias curvas.

Eu respondi uma pergunta semelhante, sobre tampas em espiral , principalmente o mesmo se aplica aqui. Quando você faz isso, cria uma forma inicial e depois gira e espelha. A imagem posterior é um ótimo exemplo disso. As curvas podem ser construídas usando 2 arcos adjacentes, por exemplo. Também pode haver uma reutilização liberal de um único caminho desenhado, deslocamentos, espelhos e cortes por círculos e linhas.

Segundo, a peça de construção pode ser construída com uma função diferente da espiral. Embora o encaixe com uma grade construída manualmente atinja uma precisão de linha semelhante. Novamente, o truque é espelhar e girar as partes simétricas e os segmentos de linha.

Imagem 1 : Construção de padrão repetitivo

A execução de trabalhos precisos no Illustrator depende do domínio das ferramentas Linha , Elipse , Rodar , Espelhar , Escala e Inclinar . Destas, a mais complicada de dominar é a ferramenta de linha, pois a maestria e a ferramenta elipse dependem de você saber como usar a caixa de diálogo alt click. E para a ferramenta de linha, existem 2 razões para fazer isso!

Imagem 2 : Faça guias de construção personalizados e você pode recortá-los e anexá-los ao conteúdo do seu coração.

Como é feito (tutorial, conforme solicitação)

Para responder ao comentário de como é feito, descreverei o processo de criação da Imagem 1 .

1. Desenhando seus guias principais.

   • Comece desenhando um oval e um pequeno segmento de linha no meio do oval. A linha está lá para que eu possa encaixar mais facilmente no centro de rotação (no final da linha)

     

     Imagem 3 : Lembre-se de marcar seu centro de rotação, é mais fácil assim

   • Use a ferramenta de rotação para girar a guia, neste caso 90 graus, mas você poderá usar qualquer outro ângulo. Dica : Alt+ Clicar colocará o pivô e abrirá uma caixa de diálogo para entrada numérica.

     Estritamente falando, não é necessário o terceiro e o quarto guia, mas, como a repetição está a apenas um toque de tecla que eu faço, ainda assim, isso me dá uma idéia melhor de qual será o tamanho. Ajuste as guias agora para atender às suas necessidades.

     

     Imagem 4 : Não se apresse em fazer os guias.

   • Você precisa se preparar para cortar as ovais nas interseções e depois (ou às) a curva começa a descer na direção da linha do espelho. Para isso, preparo uma linha de corte perpendicular e uma linha de espelho.

     

     Imagem 5 : Prepare as linhas de corte

   • Copie uma das formas ovais e faça uma nova camada, cole a oval na frente. Bloqueie a camada guia.

2. Construindo a forma.

   • Retire a metade inferior do oval.

   • Insira um ponto no primeiro cruzamento da oval e corte o oval em 2 no cruzamento oval para oval.

     

     Imagem 6 : Cortar em pedaços

   • Espelhe uma cópia do segmento sobre a linha de espelhamento e junte as curvas. Dica : se o Illustrator inserir uma extensão entre apenas mover um ponto para a extensão lateral de exclusão, retroceder e refazer a junção, as curvas agora estão apontando da mesma maneira e não haverá extensão extra.

     

     Imagem 6 : Junte-se ao espelho

   • Use a ferramenta converter ponto de ancoragem para tornar a extremidade do canto uma tangente unificada. Arraste a tangente perpendicular à linha de espelho. Dica Se você trabalha em um ângulo estranho, pode medir o ângulo com a ferramenta de linha e usar as prefs para girar sua grade.

     Faça a tangente ligeiramente menor que a largura do seu espaço nos pontos mais próximos (ou igualmente largos). Pode-se ajustar a circunferência da aresta, fazendo uma tangente mais longa. Estou tornando a forma um pouco mais pontiaguda do que no exemplo original para mostrar que é possível variar livremente a forma.

     

     Figura 7 Torne a tangente simétrica e perpendicular à linha de espelhamento

   • Arraste o ponto da curva de volta ao longo da linha de simetria até obter um bom comportamento assintótico.

     

     Imagem 8 Ajuste o loop.

   • Oculte guias e espelhe / gire e junte-se.

     

     Imagem 9 Imagem final.

Post Scriptum

Depois de todo esse trabalho, gostaria de dizer que representa graficamente a função:

x=20*cos(t)-10*sin(5*t+PI/2)
Y=20*sin(t)+10*cos(5*t+PI/2)

Produziria:

Muitas maneiras de esfolar o gato, eu acho.