Illustrator: como criar um espirógrafo?

13

Estou tentando criar um espirógrafo no Illustrator, conforme anexo. Como eu faço isso? Por onde começo?

espirógrafo

sabithpocker
fonte

Respostas:

16

Ok, um espirógrafo é apenas uma função e eu criei um script de desenho de função chamado jooGraphFunction . Com esta ferramenta em mãos, podemos traçar

cos(2*t)*(10*cos(12*t)) -sin(2*t)*(26*sin(12*t)) 
sin(2*t)*(10* cos(12*t)) +cos(2*t)*(26*sin(12*t)) 

sobre o alcance 0de PIpisar PI/24e você começa. Onde 12 é o número de lobos.

insira a descrição da imagem aqui

Imagem 2 : Captura de tela da GUI do jooGraphFunction e algumas versões alternativas com número diferente de lobos.

insira a descrição da imagem aqui

Imagem 2 : E desenhando com o mesmo número de lóbulos que o seu (36) feito com a mesma técnica.

Você também pode dissecar o script como ponto de partida para seu próprio aprendizado.

joojaa
fonte
Não conheço as opções do jooGraphFunction, mas a alternativa de código aberto é o LaTeX + TikZ. Você pode escrever um script, exportá-lo como PDF e importá-lo como um vetor gráfico no Illustrator. O Matlab / Octave também pode exportar bons gráficos vetoriais.
22617 Crowley
Isso é incrível, exatamente o que eu estava procurando. Também precisarei executar outras equações paramétricas, o que facilita muito. Obrigado pelo tempo gasto nisso.
sabithpocker
@ Crowley sim, é bem fácil de fazer em várias ferramentas diferentes. O script é licenciado no MIT, nada impede que alguém emita postscript, ou svg a partir dele. Mas esse script é modificado para se adequar à ilustração porque tenta encaixar os Béziers nele. E não faça isso de segmentos, como a maioria das ferramentas gráficas.
Joojaa
@joojaa os resultados do TikZ e Matlab dependem da amostragem da curva e ambos podem renderizar gráficos vetoriais. Se estiver sombreado, o Matlab exporta apenas bitmaps, no entanto ... Gostaria de poder apoiar sua resposta para a solução e a definição de função.
Crowley
O @Crowley Matlab pode exportar vetores. Mas sim, eu sei como tikz e matlab funcionam.
Joojaa
8

Sei que o OP pede pelo Illustrator, mas se você não se importa de gastar zero € / $ em um software, esse é um recurso nativo do Inkscape .

insira a descrição da imagem aqui

Ideograma
fonte
Isso é interessante. Eu nunca tentei o inkscape. Eu vou tentar isso.
23617 sabrepocker
7

Os espirógrafos verdadeiros não são facilmente alcançados, pois são linhas contínuas, ao contrário do seu exemplo. Você pode tentar scripts do Illustrator para conseguir isso, ou olhar para a resposta de Luciano.

Para um efeito muito semelhante, você usaria uma forma de elipse ou elipse e giraria e copiaria isso várias vezes. O ângulo de rotação deve ser um número de graus pelos quais 360 ° é divisível.

Uma maneira típica de dar o seu exemplo seria:

  • Desenhe sua elipse usando a Ellipseferramenta (atalho L);
  • Verifique se a elipse tem um traço e sem preenchimento;
  • Com a elipse ainda selecionada, alterne para a Rotateferramenta ( R);
  • Com o Left Altbotão pressionado, clique no centro da elipse - uma marca de registro já deve estar visível lá. Seu cursor deve ser uma cruz de precisão com três pontos ao lado;
  • No diálogo exibido, escolha um ângulo (θ) que, quando multiplicado por um número inteiro (n), produz 360 °;
  • Clique Copy;
  • Escolha Object > Transform > Transform Againou pressione Cmd / Ctrl+ Dvárias vezes (n-2) até que seu número esteja completo.

Como alternativa, você pode usar um efeito de transformação dinâmico para isso e manter a forma e o número de cópias editáveis:

  • Desenhe uma elipse sem preenchimento como acima;
  • Com a forma selecionada, escolha Effect > Distort & Transform > Transform...;
  • Escolha seu ângulo θ sob o cabeçalho 'Girar'. Não toque nas configurações de 'Escala' ou 'Mover' (ainda);
  • Digite um número de cópias n-1 na parte inferior da caixa de diálogo;
  • Pressione OK.

Esse efeito é aplicado dinamicamente à forma base, você pode editar a forma e o efeito seguirá o exemplo. Você também pode usar double clicko efeito na Appearancepaleta para editá-lo. Dessa forma, você pode criar várias formas diferentes em um instante.

Você pode experimentar todas as outras configurações para criar a arte mais incrível dessa maneira. Marcar a Previewcaixa permite que você espreite o que está alcançando.

Para mais diversão e risadinhas, você pode fazer esse truque com uma forma preenchida que possua qualquer modo de mesclagem não 'normal' e / ou uma opacidade menor que 100%.

espirógrafo de mistura

Vincent
fonte
1
Incrível, deixe-me tentar. Mas parece que isso é uma aproximação a um espirógrafo, que é uma linha única contínua e não elipses repetidas.
23417 sabrepocker
1
você ainda pode fazer linha contínua sem scripts, verifique minha resposta. Embora provavelmente fosse muito mais fácil com scripts.
Luciano
@Lucian A saída que você mostrou é apenas WOW. Sou um programador Javascript e já fiz um código de espirógrafo , mas nunca tentei o AI Scripting. Vou tentar também.
22617 sabrepocker
4

Há um excelente tutorial em vídeo que é muito longo para ser explicado aqui, mas existem diferentes maneiras de criar espirógrafos de linhas contínuas no Illustrator.

TL / DR; crie elipses, gire-duplique-os e limpe os pontos extras.

Verifique se você ativou os guias inteligentes (Exibir> Guias inteligentes)

  1. crie uma elipse mais alta que larga (somente traço, sem preenchimento)
  2. com a rferramenta Girar , option+ clique na âncora superior e digite um ângulo que, quando multiplicado por um número inteiro (n), produz 360 °. CliqueCopy
  3. Agora optionclique + na elipse recém-criada, no ponto oposto.
  4. continue duplicando a forma até ter (n) formas.
  5. Use a aferramenta para selecionar todos os pontos no centro do seu espirógrafo e excluí-los.
  6. Junte-se aos caminhos ( cmd+ j)
  7. Shift+ arraste ao redor do último ponto criado na última forma duplicada para desmarcá-lo
  8. Converta os pontos de ancoragem selecionados em um clique suave no botão no menu Ponto de ancoragem
  9. selecione os pontos não suavizados restantes e cmd+ shift+ option+ jpara ingressar nos pontos, escolha "Suavizar"
Luciano
fonte
Isso parece um método muito bom. Terá que me tentar!
22417 Vincent
0

Observe que estou usando o Illustrator CS 6 Podem ocorrer diferenças no atalho ou na aparência da ferramenta destacada em outras versões :-)

Primeiro faça um círculo (pressione L ou use a ferramenta eclipse) insira a descrição da imagem aqui

Em seguida, use o círculo para criar uma forma de pétala (pressione E ou use a ferramenta Transformação livre) arraste apenas o lado direito ou esquerdo enquanto pressiona alt para ter uma reformulação igual. insira a descrição da imagem aqui

Em seguida, faça a ponta inferior da pétala (pressione Shift + C ou use a ferramenta Converter ponto de ancoragem) insira a descrição da imagem aqui

Selecione os dois pontos à esquerda e à direita e ajuste-o para cima para ter a forma desejada (pressione A ou Ferramenta de seleção direta e a tecla Ajustar por cima) insira a descrição da imagem aqui

Alterar o local da âncora (pressione R + Alt + local - consulte a referência para o meu local) insira a descrição da imagem aqui

Gire a pétala em 5 Repita com base no trabalho artístico desejado (360/5 = 72) (pressione R ou use a ferramenta Girar + digite o ângulo e pressione COPY ) Repita a cópia (faça 3 vezes) pressionando Ctrl D enquanto a cópia está sendo em destaque.

insira a descrição da imagem aqui

Ajuste a forma da sua primeira pétala se precisar da estrela perfeita dentro.

insira a descrição da imagem aqui

Para que as linhas fiquem visíveis, selecione todos os caminhos / camada de pétalas e faça com que a opacidade seja multiplicada. insira a descrição da imagem aqui

Dodie Eslava
fonte
0

Desenhe 1 elipse ....

Escolher Effect > Distort & Transform > Transform...

Ajustar configurações ....

insira a descrição da imagem aqui

Scott
fonte
Bem, sim, não é apenas um espirógrafo :) Parece um, mas não é. Também esta é a resposta de Vincent. Mas parece-me 2 perguntas que não foram exatamente o mesmo got fundiram
joojaa