Illustrator: come creare uno spirografo?


13

Sto cercando di creare uno spirografo in Illustrator, come da allegato. Come faccio a fare questo? Da dove comincio?

spirograph

Risposte:


16

Ok, quindi uno spirografo è solo una funzione e ho creato uno script per il disegno di funzioni chiamato jooGraphFunction . Con questo strumento a portata di mano possiamo andare e tracciare

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)) 

oltre il raggio 0d'azione PIcon stepping PI/24e si ottiene. Dove 12 è il numero di lobi.

inserisci qui la descrizione dell'immagine

Immagine 2 : Schermata della GUI di jooGraphFunction e di alcune versioni alternative con diverso numero di lobi.

inserisci qui la descrizione dell'immagine

Immagine 2 : e disegno con lo stesso numero di lobi del tuo (36) realizzato con la stessa tecnica.

Puoi anche sezionare la sceneggiatura come punto di partenza per il tuo apprendimento.


Non conosco le opzioni per jooGraphFunction ma l'alternativa opensource è LaTeX + TikZ. Puoi scrivere uno script, esportarlo come pdf e importarlo come grafica vettoriale in Illustrator. Matlab / Octave è anche in grado di esportare belle grafiche vettoriali.
Crowley,

Questo è fantastico, esattamente quello che stavo cercando. Avrò bisogno di eseguire anche altre equazioni parametriche e questo rende tutto più semplice. Grazie per il tempo dedicato a questo.
sabithpocker,

@Crowley sì, è abbastanza facile da fare in numerosi strumenti diversi. Lo script è concesso in licenza in base al MIT, nulla impedisce a nessuno di emettere Postscript o svg da esso. Ma questo script è stato modificato per adattarsi all'illustrazione perché cerca di adattarlo ai Béziers. E non uscire da segmenti come fanno molti strumenti grafici.
joojaa,

@joojaa i risultati di TikZ e Matlab dipenderanno dal campionamento della curva ed entrambi possono eseguire il rendering della grafica vettoriale. Se è ombreggiato, Matlab esporta solo bitmap, però ... Vorrei poter votare la tua risposta sia per la soluzione che per la definizione della funzione.
Crowley,

@Crowley Matlab può esportare vettori. Ma sì, so come funzionano tikz e matlab.
joojaa,

8

So che l'OP richiede Illustrator, ma se non ti dispiace spendere zero € / $ su un software, questa è una funzionalità nativa di Inkscape .

inserisci qui la descrizione dell'immagine


È interessante. Non ho mai provato Inkscape. Ci proverò.
sabithpocker,

7

I veri spirografi non sono facilmente raggiungibili, poiché sono linee continue, al contrario del tuo esempio. Puoi provare lo scripting di Illustrator per raggiungere questo obiettivo o guardare la risposta di Luciano.

Per un effetto molto simile, avresti una forma ellittica o ellittica, ruotandola e copiandola un numero di volte. L'angolo di rotazione dovrebbe essere un numero di gradi per cui 360 ° è divisibile.

Un modo tipico di fare il tuo esempio sarebbe:

  • Disegna la tua ellisse usando lo Ellipsestrumento (scorciatoia L);
  • Assicurarsi che l'ellisse abbia un tratto e nessun riempimento;
  • Con l'ellisse ancora selezionata, passa allo Rotatestrumento ( R);
  • Con la tua Left Altpressione, fai clic sul centro dell'ellisse - un segno di registrazione dovrebbe essere già visibile lì. Il cursore dovrebbe essere una croce di precisione con tre punti sul lato;
  • Nel dialogo che si apre, scegli un angolo (θ) che, moltiplicato per un numero intero (n), produce 360 ​​°;
  • Fare clic Copy;
  • Scegli Object > Transform > Transform Againo premi Cmd / Ctrl+ Dper un numero di volte (n-2) fino al completamento della cifra.

In alternativa, è possibile utilizzare un effetto Trasforma dinamico per questo e mantenere modificabili sia la forma che il numero di copie:

  • Disegna un'ellisse non di riempimento come sopra;
  • Con la forma selezionata, scegliere Effect > Distort & Transform > Transform...;
  • Scegli l'angolazione θ sotto l'intestazione "Ruota". Non toccare le impostazioni "Ridimensiona" o "Sposta" (ancora);
  • Immettere un numero di copie n-1 nella parte inferiore della finestra di dialogo;
  • Press OK.

Questo effetto viene applicato in modo dinamico alla forma di base, è possibile modificare la forma e l'effetto seguirà l'esempio. Puoi anche modificare double clickl'effetto nella Appearancepalette. In questo modo, puoi creare più forme diverse in un batter d'occhio.

Puoi sperimentare con tutte le altre impostazioni per rendere l'arte più sorprendente in questo modo. Selezionando la Previewcasella puoi dare un'occhiata a ciò che stai raggiungendo.

Per ulteriore divertimento e risatine, puoi fare questo trucco con una forma piena che ha una modalità di fusione non "normale" e / o un'opacità inferiore al 100%.

spirografo di fusione


1
Fantastico, lasciami provare. Ma sembra che questa sia un'approssimazione di uno spirografo che è una linea singola continua e non ripetute ellissi.
sabithpocker,

1
puoi ancora fare una linea continua senza script, controlla la mia risposta. Anche se probabilmente sarebbe molto più semplice con gli script.
Luciano,

@Lucian L'output che hai mostrato è solo WOW. Anch'io sono un programmatore Javascript e ho fatto un codice spirografo , ma non ho mai provato AI Scripting. Ci proverò anche io.
sabithpocker,

4

C'è questo eccellente video tutorial che è troppo lungo per essere spiegato qui, ma ci sono diversi modi per creare spirografi a linee continue in Illustrator.

TL / DR; creare ellissi, ruotarli-duplicarli e ripulire i punti extra.

Assicurati di avere le guide intelligenti abilitate (Visualizza> Guide intelligenti)

  1. crea un'ellisse più alta che più larga (solo tratto, nessun riempimento)
  2. con lo rstrumento Ruota , option+ fai clic sull'ancora superiore e digita un angolo che, moltiplicato per un numero intero (n), produce 360 ​​°. ClicCopy
  3. Ora fai option+ clic sull'ellisse appena creata, sul punto opposto.
  4. continua a duplicare la forma fino a quando non hai (n) forme.
  5. Utilizzare lo astrumento per selezionare tutti i punti al centro dello spirografo ed eliminarli.
  6. Unisciti ai percorsi ( cmd+ j)
  7. Shift+ trascina intorno all'ultimo punto creato nell'ultima forma duplicata per deselezionarlo
  8. Converti i punti di ancoraggio selezionati in modo uniforme facendo clic sul pulsante nel menu Punto di ancoraggio
  9. seleziona i restanti punti non uniformi e cmd+ shift+ option+ jper unire i punti, scegli "Smooth"

Sembra un metodo molto carino. Dovrò provare me stesso!
Vincent,

0

Si noti che sto usando Illustrator CS 6 Potrebbero verificarsi differenze nel collegamento o nell'aspetto dello strumento evidenziato in altre versioni :-)

Prima fai un cerchio (premi L o usa lo strumento eclissi) inserisci qui la descrizione dell'immagine

Quindi usa il cerchio per creare una forma a petalo (premi E o usa lo strumento Trasforma gratis) trascina solo il lato destro o sinistro mentre premi alt per avere la stessa rimodellatura. inserisci qui la descrizione dell'immagine

Quindi crea la punta inferiore del petalo (premi Maiusc + C o Usa lo strumento Converti punto di ancoraggio) inserisci qui la descrizione dell'immagine

Selezionare i due punti a sinistra e a destra, quindi regolarlo verso l'alto per avere la forma desiderata (Premere A o lo strumento di selezione diretta e il tasto Regola in su) inserisci qui la descrizione dell'immagine

Modifica la posizione di ancoraggio (Premi R + Alt + Posizione-vedi riferimento per la mia posizione) inserisci qui la descrizione dell'immagine

Ruota il petalo di 5 Ripeti in base al disegno desiderato (360/5 = 72) (Premi R o Usa strumento Ruota + digita l'angolazione quindi premi COPIA ) Ripeti la copia (fallo 3 volte) Premendo Ctrl D mentre la copia è evidenziato.

inserisci qui la descrizione dell'immagine

Regola la forma del tuo primo petalo se hai bisogno della stella perfetta all'interno.

inserisci qui la descrizione dell'immagine

Affinché le linee siano visibili selezionare tutti i percorsi / strato petalo e fare moltiplicare l'opacità. inserisci qui la descrizione dell'immagine


0

Disegna 1 ellisse ....

Scegliere Effect > Distort & Transform > Transform...

Regola le impostazioni ....

inserisci qui la descrizione dell'immagine


Beh sì, non è solo uno spirografo :) Sembra uno ma non lo è. Anche questa è la risposta di Vincent. Ma mi sembrano 2 domande che non erano esattamente le stesse sono state unite
joojaa il
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.