Comment créer des dessins Vector Spirograph

Je suis fasciné par les dessins Spirograph depuis mon enfance. J'aime la façon symétrique sympa dont ils ont l'air. Je sais qu'il existe des programmes capables de dessiner automatiquement les dessins Spirograph, mais ce n'est pas aussi amusant que de les créer à la main..

Quand j'ai commencé à apprendre Illustrator, j'avais du mal à faire les boucles manuellement et les résultats étaient loin d'être parfaits. Je savais qu'Illustrator devait avoir un meilleur moyen de le faire et je l'ai finalement trouvé! C’est tout ce dont il s’agit: apprendre à utiliser les outils pour libérer vos idées.

Aperçu de l'image finale

Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler.

Avant de commencer

Allez dans Edition - Préférences - Général et assurez-vous que l'option Echelle des traits et des effets n'est pas cochée. Sinon, la taille du trait peut changer lorsque vous utilisez Transformer chaque. Si cela se produit, il suffit de sélectionner toutes les formes et de changer leur largeur de trait en 1 pt.

Remarque: Le niveau de compétence de ce tutoriel est Facile. Si vous n'êtes pas sûr, il est préférable de faire les dessins dans l'ordre, car j'explique un peu moins les choses à mesure que nous progressons..

Design 1

Étape 1

Avec un trait vert de 1 pt, créez une Ellipse de 150 pixels sur 25 pixels..

Étape 2

Objet> Transformer> Transformer chacun, avec l'angle défini sur 30 °. Cliquez sur Copier (pas OK).

Étape 3

Allez dans Objet> Transformer> Transformez à nouveau (ou Commande + D) quatre fois pour faire les autres copies. Sélectionnez ensuite toutes les ellipses vertes et cliquez sur Objet> Groupe..

Étape 4

Maintenant, avec un trait bleu de 1 pt, faites une étoile à huit faces avec un rayon intérieur de 50 px et un rayon extérieur de 75 px..

Étape 5

À l'aide de l'outil de sélection directe, sélectionnez la moitié des points d'ancrage. Utilisez le Panneau de configuration ci-dessus pour convertir les points d’ancrage en points lisses. Ensuite, sélectionnez l’autre moitié et convertissez-la en douceur.

Remarque: une curiosité Illustrator est que si vous sélectionnez tout des points d'ancrage d'un objet, le Panneau de configuration s'en va. Le fichier d’aide indique: "Pour utiliser les options de conversion des points d’ancrage dans le Panneau de configuration, vous devez uniquement sélectionner les points d’ancrage appropriés, et non l’ensemble de l’objet. Si vous sélectionnez plusieurs objets, vous devez sélectionner l’un des objets uniquement. les objets sont sélectionnés, les options du panneau de configuration deviennent celles qui affectent l’ensemble de l’objet. "

Étape 6

Utilisez l'outil de sélection directe pour sélectionner l'un des points d'ancrage extérieurs. Il peut être judicieux de faire glisser une boîte sur l'emplacement du point d'ancrage de cette manière plutôt que de cliquer dessus, pour être sûr de sélectionner le point d'ancrage complet au lieu d'une de ses poignées..

Saisissez l'outil Rotation (R), faites l'angle à 180 ° et cliquez sur OK..

Étape 7

Répétez cette opération pour chacun des points d’ancrage extérieurs individuellement. Cela peut être fait rapidement si vous laissez l'outil Rotation sélectionné, maintenez la touche Commande enfoncée pour utiliser temporairement l'outil Sélection directe pour sélectionner le point d'ancrage suivant, puis appuyez sur Entrée pour afficher la boîte de dialogue Rotation. Appuyez à nouveau sur Entrée pour utiliser les mêmes valeurs.

Étape 8

Sélectionnez maintenant tous les points d'ancrage internes. Vous pouvez les obtenir tous en même temps en traçant un rectangle juste comme il convient. Utilisez l'outil Echelle pour les déplacer un peu vers l'extérieur, ce qui rend les courbes intérieures plus arrondies..

Étape 9

Puis sélectionnez un point d'ancrage. Utilisez l'outil Echelle de la boîte à outils pour l'agrandir de 150%.

Étape 10

Répétez l'opération avec tous les points d'ancrage dans la forme, à l'intérieur et à l'extérieur, l'un après l'autre. Encore une fois, cela ne prendra pas beaucoup de temps si vous laissez l'outil Echelle sélectionné, maintenez la touche Commande enfoncée et sélectionnez le point d'ancrage, puis appuyez deux fois sur la touche Entrée. Lorsque vous avez terminé, cela devrait ressembler à ceci.

Étape 11

Sélectionnez l'objet entier et utilisez Objet> Transformer> Transformer Chacune à une échelle de 95% et une rotation de -5%.
Cliquez sur Copier.

Étape 12

Appuyez deux fois sur Command + D pour faire deux autres copies. Puis sélectionnez les quatre formes et regroupez-les.

Étape 13

Sélectionnez les deux groupes et cliquez sur Aligner horizontalement le centre dans le panneau de configuration (ou dans le panneau d'alignement), puis verticalement l'alignement au centre..

Fini!

Design 2

Étape 1

Avec un trait aqua de 1 pt, faites un carré de 100 px de large.

Étape 2

Une fois le carré sélectionné, cliquez sur Effet> Déformer et transformer> Pucker et gonfler et créez l’effet à 100%..

Étape 3

Allez à Objet> Développer l'apparence. Ensuite, objet> Transformer> Transformer chacun à une échelle de 90% et une rotation de -10%.

Étape 4

Commande + D pour faire plus de copies. Puis sélectionnez-les tous et cliquez sur Objet> Groupe.

Étape 5

Avec un trait rouge de 1 pt, créez une ellipse de 150 px sur 25 px. Aller à l'objet> Transformer> Transformer chacun à une échelle de 95% et une rotation de -8%.

Étape 6

Faites plusieurs copies. Sélectionnez tous les ovales rouges et Objet> Groupe. Puis faire pivoter tout le groupe de 45 °.

Étape 7

Sélectionnez les deux groupes et cliquez sur Horizontal Align Center puis sur Vertical Align Center..

Fini!

Design 3

Étape 1

Utilisez l'outil Étoile pour créer une étoile à 7 branches avec un rayon extérieur de 75px. Ce sera un guide pour que la couleur n'ait pas d'importance.

Étape 2

J'ai retourné le mien pour qu'il pointe vers le haut, en utilisant Objet> Transformer> Refléter. Ensuite, allez à Objet> Verrouiller> Sélection pour empêcher l’étoile guide de bouger. Définissez le trait sur 1 pt bleu. Maintenant, utilisez l'outil Plume pour tracer une forme d'étoile à 7 branches en cliquant d'un point à un autre, comme indiqué..

Étape 3

Allez dans Objet> Déverrouiller tout et supprimez l'étoile guide. Utilisez l'outil de sélection directe pour sélectionner les ancrages (une par une, comme nous l'avons fait dans Design 1) et les convertir en lissage..

Étape 4

Faites une copie de la forme. Sélectionnez un point d'ancrage de la deuxième étoile et réduisez-le à 50%. Répéter avec tous les points d'ancrage.

Étape 5

Faites une copie de la deuxième étoile. Maintenant, il y a trois étoiles. Sur la troisième étoile, sélectionnez l’un des points d’ancrage et utilisez l’outil Rotation pour le faire pivoter à 180 °. Répétez cette opération pour tous les points d'ancrage.

Étape 6

Sélectionnez les trois étoiles et alignez leurs centres horizontaux et verticaux.

Final!

Changez de couleur sur deux des formes, et pour que cela ressemble davantage à un authentique spirographe, réduisez la plus grande étoile de 90%.

Design 4

Étape 1

Faire un carré orange de 100 px de large. Convertir les points d'ancrage en douceur.

Étape 2

Faire pivoter chaque point d'ancrage individuel de 180 °.

Étape 3

Sélectionnez l'objet entier, utilisez Objet> Transformer> Rotation 10 ° et effectuez huit copies..

Étape 4

Sélectionnez maintenant l'une des formes, Copier puis Coller devant et modifiez sa couleur de trait en bleu. Avec cette forme toujours sélectionnée, Objet> Transformer> Transformer chacune à une échelle de 90% et faire une rotation de -5 °. Cliquez sur Copier.

Étape 5

Utilisez Command + D pour faire plusieurs copies..

Fini!

Conception 5

Étape 1

Créez une forme d’étoile avec huit points et un rayon extérieur de 75 px. Cette étoile va être un guide. Utilisez Objet> Verrouiller> Sélection pour l'empêcher de bouger.

Étape 2

En utilisant l’outil Plume avec un trait rouge de 1 pt, tracez d’un point à l’autre comme indiqué ci-dessous.

Étape 3

Allez à Objet> Déverrouiller tout puis supprimez l'étoile guide.

Étape 4

Demi à la fois, convertissez les points d'ancrage en points lisses..

Étape 5

Et tour à tour, tournez-les…

Quand ils sont tous en rotation, cela ressemble à l'image ci-dessous.

Étape 6

En utilisant un trait magenta de 1 pt, créez une étoile à 4 branches avec un rayon extérieur de 75px.

Étape 7

Convertissez les points d'ancrage en douceur. Faites pivoter les quatre points d’ancrage aux quatre coins de 180 °.

Étape 8

Sélectionnez les quatre autres points d'ancrage au milieu. Supprimez-les en utilisant Objet> Chemin> Supprimer les points d'ancrage. Copier la forme trois fois, pivoté à 22,5 °.

Étape 9

Regroupez les formes, puis sélectionnez-les avec la forme précédente. Aligner verticalement et horizontalement.

Fini!

Conception 6

Étape 1

Avec un trait magenta de 1 pt, faites un cercle de 100 px.

Étape 2

Appliquez l'effet Pucker & Bloat à 140%.

Étape 3

Transformez chacune à une échelle de 85%, une rotation de -18 ° et cliquez sur Copier. Ensuite, utilisez Command + D pour créer trois autres copies..

Étape 4

Sélectionnez la troisième copie la plus grande, puis sélectionnez Edition> Copier, puis Edition> Coller devant.

Étape 5

Change le trait en vert foncé, puis tourne de 36 °.

Étape 6

Dans le panneau Apparence, double-cliquez sur l'effet Pucker and Bloat pour le modifier. Changer le montant à 100%.

Final!

Maintenant transformer chacun aux paramètres précédents comme indiqué.

Variations

A présent, vous pouvez à peu près reproduire quoi que ce soit du livret Spirograph.

Voici l'ovale vert du dessin 1, pivoté et copié à un angle de 5 °, combiné à une Ellipse violette de 90 px sur 60 px, pivoté à un angle de 20 °.

Voici l'étoile rouge de Design 3, sa couleur a été changée en bleu, avec des copies pivotées à -10 ° et redimensionnées à 90%, combinées à une Ellipse bleu clair de 135px par 85px avec des copies pivotées à 15 °.

Il s’agit de la forme bleue de Design 1, réduite à 90%, et de la forme rouge de Design 5, copiée et tournée à 60 °.

Voici deux formes de Design 3, la plus étroite tournée à -10 ° et réduite à 90% et la forme arrondie réduite à 80%, puis une copie à 80%..

Conclusion

S'amuser! Si vous faites quelque chose de vraiment cool avec ça, j'aimerais voir à quoi ça ressemble! Merci!