Illustrateur: comment créer un spirographe?


13

J'essaie de créer un spirographe dans Illustrator, selon la pièce jointe. Comment puis-je faire cela? Où est-ce que je commence?

spirographe

Réponses:


16

Ok, donc un spirographe n'est qu'une fonction et j'ai créé un script de dessin de fonction appelé jooGraphFunction . Avec cet outil à portée de main, nous pouvons aller tracer

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

sur toute la plage 0de PIavec le renforcement PI/24et vous obtenez. Où 12 est le nombre de lobes.

entrez la description de l'image ici

Image 2 : Capture d'écran de l'interface graphique de jooGraphFunction et de quelques versions alternatives avec différents nombres de lobes.

entrez la description de l'image ici

Image 2 : Et dessin avec le même nombre de lobes que le vôtre (36) réalisé avec la même technique.

Vous pouvez également disséquer le script pour un point de départ pour votre propre apprentissage.


Je ne connais pas les options de jooGraphFunction mais l'alternative open source est LaTeX + TikZ. Vous pouvez écrire un script, l'exporter au format PDF et l'importer sous forme de graphiques vectoriels dans Illustrator. Matlab / Octave est également capable d'exporter de jolis graphiques vectoriels.
Crowley

C'est génial, exactement ce que je cherchais. Je devrai également exécuter d'autres équations paramétriques, ce qui le rend si facile. Merci pour le temps que vous y avez consacré.
sabithpocker

@Crowley oui, c'est assez facile à faire dans de nombreux outils différents. Le script est sous licence MIT, rien n'empêche quiconque d'émettre un post-scriptum ou un svg. Mais ce script est modifié pour convenir à l'illustration car il essaie de faire correspondre les Béziers dessus. Et ne pas sortir de segments comme le font la plupart des outils graphiques.
joojaa

@joojaa Les résultats TikZ et Matlab dépendent de l'échantillonnage de la courbe et les deux peuvent rendre des graphiques vectoriels. S'il est ombré, Matlab exporte uniquement les bitmaps, cependant ... J'aimerais pouvoir voter pour votre réponse à la fois pour la solution et la définition de la fonction.
Crowley

@Crowley Matlab peut exporter des vecteurs. Mais oui, je sais comment fonctionnent tikz et matlab.
joojaa

8

Je sais que l'OP demande Illustrator, mais si cela ne vous dérange pas de dépenser zéro € / $ pour un logiciel, c'est une fonctionnalité native d' Inkscape .

entrez la description de l'image ici


C'est intéressant. Je n'ai jamais essayé Inkscape. Je vais essayer ça.
sabithpocker

7

Les vrais spirographes ne sont pas faciles à réaliser, car ce sont des lignes continues, contrairement à votre exemple. Vous pouvez essayer les scripts Illustrator pour y parvenir, ou regarder la réponse de Luciano.

Pour un effet très similaire, vous devez prendre une forme d'ellipse ou de type ellipse et la faire pivoter et la copier plusieurs fois. L'angle de rotation doit être un nombre de degrés que 360 ​​° est divisible par.

Une façon typique de donner votre exemple serait:

  • Dessinez votre ellipse à l'aide de l' Ellipseoutil (raccourci L);
  • Assurez-vous que l'ellipse a un trait et aucun remplissage;
  • L'ellipse étant toujours sélectionnée, passez à l' Rotateoutil ( R);
  • Avec votre Left Altpression, cliquez sur le centre de l'ellipse - une marque d'enregistrement devrait déjà y être visible. Votre curseur doit être une croix de précision avec trois points sur le côté;
  • Dans le dialogue qui apparaît, choisissez un angle (θ) qui, multiplié par un nombre entier (n), donne 360 ​​°;
  • Cliquez Copy;
  • Choisissez Object > Transform > Transform Againou appuyez sur Cmd / Ctrl+ Dplusieurs fois (n-2) jusqu'à ce que votre chiffre soit complet.

Vous pouvez également utiliser un effet de transformation dynamique pour cela et conserver la forme et le nombre de copies modifiables:

  • Dessinez une ellipse non remplie comme ci-dessus;
  • Avec la forme sélectionnée, choisissez Effect > Distort & Transform > Transform...;
  • Choisissez votre angle θ sous la rubrique «Rotation». Ne touchez pas (encore) aux paramètres «Échelle» ou «Déplacer»;
  • Entrez un nombre de copies n-1 au bas de la boîte de dialogue;
  • Appuyez sur OK.

Cet effet est appliqué dynamiquement à la forme de base, vous pouvez modifier la forme et l'effet suivra. Vous pouvez également double clicksur l'effet dans la Appearancepalette pour le modifier. De cette façon, vous pouvez créer plusieurs formes différentes en un tournemain.

Vous pouvez expérimenter avec tous les autres paramètres pour créer l'art le plus étonnant de cette façon. Cocher la Previewcase vous permet de voir ce que vous réalisez.

Pour plus de plaisir et de rires, vous pouvez faire cette astuce avec une forme remplie qui a un mode de mélange non `` normal '' et / ou une opacité inférieure à 100%.

spirographe de mélange


1
Génial, permettez-moi de l'essayer. Mais cela ressemble à une approximation d'un spirographe qui est une ligne unique continue et des ellipses non répétées.
sabithpocker

1
vous pouvez toujours faire une ligne continue sans script, vérifiez ma réponse. Bien que ce soit probablement beaucoup plus facile avec les scripts.
Luciano

@Lucian La sortie que vous avez montrée est juste WOW. Je suis moi-même un programmeur Javascript et j'ai fait un code spirographe , mais je n'ai jamais essayé AI Scripting. Je vais essayer aussi.
sabithpocker

4

Il y a cet excellent didacticiel vidéo qui est beaucoup trop long à expliquer ici, mais il existe différentes façons de créer des spirographes en ligne continue dans Illustrator.

TL / DR; créer des ellipses, les faire pivoter-dupliquer et nettoyer les points supplémentaires.

Assurez-vous que les guides intelligents sont activés (Affichage> Guides intelligents)

  1. créer une ellipse plus haute que plus large (trait uniquement, pas de remplissage)
  2. avec l' routil Rotation , option+ cliquez sur l'ancre supérieure et tapez un angle qui, multiplié par un nombre entier (n), donne 360 ​​°. Cliquez surCopy
  3. Maintenant, faites le option+ clic sur l'ellipse nouvellement créée, sur le point opposé.
  4. Continuez à dupliquer la forme jusqu'à ce que vous ayez (n) formes.
  5. Utilisez l' aoutil pour sélectionner tous les points au centre de votre spirographe et supprimez-les.
  6. Rejoignez les chemins ( cmd+ j)
  7. Shift+ faites glisser le dernier point créé dans la dernière forme dupliquée pour le désélectionner
  8. Convertissez les points d'ancrage sélectionnés en un simple clic sur le bouton du menu Point d'ancrage
  9. sélectionnez les points non lisses restants et cmd+ shift+ option+ jpour rejoindre les points, choisissez "Lisser"

Cela ressemble à une très belle méthode. Devra m'essayer!
Vincent

0

Notez que j'utilise Illustrator CS 6 Des différences de raccourci ou d'apparence de l'outil en surbrillance dans d'autres versions peuvent se produire :-)

Faites d'abord un cercle (appuyez sur L ou utilisez l'outil Eclipse) entrez la description de l'image ici

Ensuite, utilisez le cercle pour créer une forme de pétale (appuyez sur E ou utilisez l'outil de transformation gratuite), faites glisser uniquement le côté droit ou gauche tout en appuyant sur alt pour avoir une mise en forme égale. entrez la description de l'image ici

Faites ensuite la pointe inférieure du pétale (appuyez sur Maj + C ou utilisez l'outil Convertir le point d'ancrage) entrez la description de l'image ici

Sélectionnez les deux points à gauche et à droite puis ajustez-le vers le haut pour avoir la forme définie (appuyez sur A ou sur l'outil de sélection directe et sur la touche Ajuster par le haut) entrez la description de l'image ici

Changer l'emplacement de l'ancre (appuyez sur R + Alt + Emplacement - voir la référence pour mon emplacement) entrez la description de l'image ici

Faites pivoter le pétale de 5 répétitions en fonction de l'illustration souhaitée (360/5 = 72) (appuyez sur R ou utilisez l'outil de rotation + tapez l'angle, puis appuyez sur COPY ) répétez la copie (faites-le 3 fois) en appuyant sur Ctrl D pendant que la copie est Souligné.

entrez la description de l'image ici

Ajustez la forme de votre premier pétale si vous avez besoin de l'étoile parfaite à l'intérieur.

entrez la description de l'image ici

Pour que les lignes soient visibles, sélectionnez tous les chemins / couche de pétales et faites l'opacité à multiplier. entrez la description de l'image ici


0

Dessinez 1 ellipse ....

Choisir Effect > Distort & Transform > Transform...

Ajustez les paramètres ....

entrez la description de l'image ici


Eh bien oui, ce n'est tout simplement pas un spirographe :) Il en ressemble un, mais ce n'est pas le cas. C'est aussi la réponse de Vincent. Mais il me semble que 2 questions qui n'étaient pas exactement les mêmes ont été fusionnées
joojaa
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.