Comment créer une conception géométrique kaléidoscopique dans Adobe Illustrator

Ce que vous allez créer

J'ai toujours été amusé par les dessins sur les cartes à jouer. Celles-ci semblent simples au début, mais lorsque vous regardez de plus près, vous réalisez que l’image est une combinaison de petites parties en miroir du dessin. Ce reflet crée un effet kaléidoscopique, qui garde nos yeux et notre esprit occupés et divertis. 

Dans ce tutoriel, je vais vous montrer comment utiliser ces effets simples afin de créer un design multifonctionnel impressionnant..

1. Créer un nouveau document imprimé

Cette conception peut fonctionner sur n'importe quelle zone de travail rectangulaire, mais essayons de le faire sur un modèle d'affiche traditionnel orienté paysage. Définissez le nouveau profil de document sur Web et mettre le Largeur à 800 px et la taille à 1100 px.

2. Esquisser des formes simples

Essayez de créer des formes géométriques simples. Faites-les sur le côté à côté de la planche. J'ai fait les quatre symboles de cartes à jouer (pique, coeur, club et diamant). J'ai aussi fait quelques autres tels que nuage, goutte d'eau, foudre, fantôme, arc-en-ciel, etc..

3. Tracez vos formes esquissées

Étape 1

Nous devrons pixelliser les croquis. Sélectionnez le groupe d'objets esquissés et allez à Objet> Rasteriser. Une boîte de dialogue apparaîtra. Du Résolution menu, choisissez Moyen (150 ppi).

Étape 2

Laisser tomber l'opacité à 40% et verrouiller (Contrôle-2) l'image tracée. En utilisant le Outil stylo (P), commencez à tracer les formes que vous avez faites

Lorsque vous utilisez l'outil Plume, essayez de ne pas ajouter beaucoup de points d'ancrage. De cette façon, vos lignes seront lisses et vous pourrez créer des formes avec des arêtes vives, ce qui convient parfaitement à notre tâche..

Étape 3

Utilisons quelques outils de base pour pouvoir créer des formes plus précises sur le plan géométrique..

En utilisant le Outil Ellipse (L), tracez deux cercles sur le dessin du nuage. Disposez-les de sorte qu'ils couvrent la partie supérieure du nuage. 

Ouvrez le Éclaireur panneau (Maj-Contrôle-F9). Sélectionnez les deux cercles et utilisez le Unir commander.

Étape 4

Après avoir fusionné les deux cercles, tracez un rectangle à l’aide des touches Outil Rectangle (M) et placez-le sur la moitié inférieure des cercles fusionnés. Sélectionnez les deux formes et utilisez le Minus Front commande du Éclaireur panneau.

La forme finale devrait ressembler à ceci.

Étape 5

Passant maintenant à la forme de la goutte de pluie, il peut être facilement créé en combinant deux formes différentes: un rectangle et un cercle. Utilisation Pathfinder's Unite commande de fusionner ces deux formes en une seule goutte de pluie.

Étape 6

La même chose vaut pour cette forme. Combinez un cercle et, à l'aide de l'outil Plume, dessinez une forme de «queue» que vous pourrez ensuite fusionner avec le cercle, en utilisant Pathfinder's Unite commander.

Étape 7

L'objet suivant est un fantôme pixelisé. Commencez par dessiner un rectangle pour le corps. Utilisez le Outil Rectangle (M) et ajoutez deux petits rectangles pour les mains. Je les ai faites en rouge pour que les lecteurs de ce tutoriel ne se confondent pas. Utilisation Pathfinder's Unite commande pour les fusionner en un seul objet.

Étape 8

Ajoutez deux longs rectangles positionnés en portrait dans la moitié inférieure du corps. Utilisation Le front moins de Pathfinder commande de découper leur forme du corps. De cette façon, nous aurons trois extensions comme jambes du fantôme de pixel.

Étape 9

En fin de compte, dessinez deux carrés et positionnez-les comme les yeux du fantôme.

Notre fantôme devrait ressembler à ceci.

Étape 10

Passons à l'objet suivant: lignes en forme d'arc-en-ciel.

En utilisant le Outil Ellipse (L), faire trois cercles concentriques. Sélectionnez le Outil de sélection directe (A) et sélectionnez la moitié inférieure des trois cercles. presse Effacer.

Étape 11

Vous devriez avoir des lignes semblables à un arc-en-ciel. Donnez-leur des épaisseurs de trait de valeurs différentes, en partant de l’intérieur. Augmentez la valeur d'épaisseur de trait suivante deux fois plus grande que la précédente. Ainsi, par exemple, si l'épaisseur intérieure est 5 pt, celui du milieu devrait être 10 pt et l'extérieur 20 pt.

Étape 12

Sélectionnez-les tous et allez à Objet> Développer. dans le Développer fenêtre, vérifiez seulement les Accident vasculaire cérébral option. Une fois les lignes développées, permutez le remplissage et le trait. (Maj-X).

Étape 13

Faisons-en un autre. Sélectionnez le Outil Ellipse (L) et cliquez n'importe où sur la planche. Dans la boîte de dialogue, entrez 170 px pour les deux Largeur et la taille valeurs.

Étape 14

Sélectionnez le Outil de sélection directe (A) et sélectionnez la moitié gauche du cercle. presse Effacer. Vous obtiendrez un demi-cercle.

Étape 15

Faire le poids de la course 55 pt.

Étape 16

Sélectionnez le demi-cercle et allez à Objet> Développer. dans le Développer boîte de dialogue, cochez uniquement les Accident vasculaire cérébral option. Remplacez le remplissage par un trait (Maj-X).

Étape 17

Sélectionnez l'objet et allez à Objet> Chemin> Chemin décalé. Une boîte de dialogue apparaîtra. Faire le Décalage valeur -23 px. Laissez les autres options telles quelles. Un nouveau demi-cercle apparaîtra à l'intérieur, seul un plus petit et plus fin. Nous avons fini avec celui-ci.

Étape 18

Les autres formes que j’ai faites sont assez simples et nécessitent de combiner la Outil Rectangle et le Outil Ellipse, et bien sûr, l'utilisation inévitable de la Éclaireur commander. 

4. Construire la structure de la conception

Étape 1

Revenons maintenant à la planche graphique. Assurez-vous que votre Règles sont visibles (Contrôle-R) et les guides sont également visibles (Contrôle-;). Dessine un guide vertical au milieu de la planche, et un autre horizontal un, également au milieu de la planche. Ils devraient se croiser juste au milieu de la planche. Notre zone de travail ne sera que le quart supérieur gauche.

Étape 2

Faites une autre esquisse qui construira la structure de la conception. Vous pouvez faire un cercle au milieu de la planche d’art que nous utiliserons comme visage et quelques lignes courbes dans le quart supérieur gauche..

Nous devrons à nouveau pixelliser les croquis. Sélectionnez le groupe d'objets esquissés et allez à Objet> Rasteriser. Dans la boîte de dialogue, choisissez Moyenne résolution (150 ppp). Jeter le Opacité à 40% et Fermer à clé (Contrôle-2) l'image tracée.

Étape 3

Pour obtenir des lignes géométriquement correctes, nous allons utiliser le Outil Rectangle Arrondi, qui est situé au même endroit que le Ellipse et Outil Rectangle. Cliquez sur la zone de travail et une boîte de dialogue apparaîtra. Entrez les valeurs suivantes: Poids: 400 px, Hauteur 550 px, Rayon de coin: 84 px.  

Étape 4

Sélectionnez le Outil de sélection directe (A) et sélectionnez les parties supérieure et droite du rectangle arrondi, y compris les bords (j'ai marqué cette partie en rouge). presse Effacer.

Étape 5

Placez cette ligne sur l'esquisse. Passons maintenant aux autres lignes similaires.

Étape 6

Utilisez le même processus pour créer quelques lignes courbes supplémentaires. Placez-les sur l'esquisse.

Étape 7

Pour la dernière ligne avec une extrémité en spirale, sélectionnez le Outil en spirale, que vous pouvez trouver à côté du Outil de segment de ligne. Cliquez sur la planche graphique et dans la boîte de dialogue, entrez les valeurs suivantes: Rayon: 40 px, Décomposition: 80%, Segments: 10 et choisissez le second style.

Étape 8

Gardez la spirale sélectionnée. Recherchez et double-cliquez sur le Outil de rotation (R). Dans la boîte de dialogue, entrez -90o pour la valeur de l'angle. Cliquez sur D'accord. La spirale tournera de 90 degrés dans le sens des aiguilles d'une montre.

Étape 9

Sélectionnez le Outil de sélection directe (A) et sélectionnez le dernier point d'ancrage à l'extérieur de la spirale et appuyez sur Effacer. De cette façon, nous raccourcirons la spirale pour un segment. Utilisez le Outil stylo (P) tracer une ligne droite verticale à partir du point final de la spirale.  

Étape 10

Placez la ligne en spirale en haut de l'esquisse. Sélectionnez toutes les lignes que nous venons de créer et donnez-les Poids de l'AVC de 7 px. De cette façon, ils se ressembleront et nous créerons un sentiment d'unité.

Étape 11

Pour l’objet visage central de l’image, nous aurons besoin d’un cercle simple. Sélectionnez le Outil Ellipse (L) et cliquez sur la planche. Dans la boîte de dialogue, entrez 270 px pour les deux valeurs, Largeur et la taille

Étape 12

En utilisant la technique précédemment utilisée, nous allons créer les yeux et la bouche en coupant les cercles en deux et en ajustant la taille de leurs traits. Vous pouvez donner aux yeux une valeur de trait de 20 pt et la bouche 10 pt.

Une fois que vous avez terminé, vous pouvez ouvrir la couche d'esquisse (Alt-Control-2) et le supprimer.

5. Organiser la composition

Étape 1

Maintenant, commencez à organiser les formes dans le quart supérieur gauche de la planche d’art, ce que nous avons déjà défini. Essayez de faire une sorte de bordure en multipliant les objets que vous utilisez. 

Il est très important d'ajouter quelques objets au-dessus des repères, le repérage passant exactement sur la moitié de l'objet et le scindant en deux parties égales et symétriques. Vous pouvez voir clairement comment j'ai fait cela avec les cercles et les X au-dessus du guide horizontal, ou les cercles et les losanges au-dessus de la ligne de guidage verticale. Ces formes seront très cruciales au cours des prochaines étapes.

Étape 2

Continuez à combler les espaces entre les objets. C'est comme construire un dessin avec des briques de jouet - je trouve toujours ce jeu de juxtaposition amusant et stimulant.


Étape 3

Et enfin, si vous remarquez de petites lacunes dans la composition, essayez de les remplir avec quelques objets supplémentaires..

6. Ajouter des couleurs

Étape 1

Essayez d'utiliser quelques couleurs. Si vous souhaitez utiliser plus de couleurs, je suggère d'utiliser des nuances de ces quelques couleurs. Par exemple, j'ai choisi des nuances de bleu et de rouge. Je rends généralement la palette accessible en créant des petits cercles colorés dans la palette de mon choix. Je les étiquette également pour pouvoir trouver facilement celui dont j'ai besoin. Je les place à côté de la planche.

Étape 2

Commencez à appliquer les couleurs. Nous pouvons commencer par le rouge foncé et avancer vers le brillant. Sélectionnez n'importe quel objet et avec le Outil Pipette (E) cliquez sur le cercle de couleur rouge foncé.

Répétez l’étape de sélection des couleurs de la pipette pour toutes les autres formes, en utilisant toutes les nuances de rouge et de bleu. Colorez les yeux et la bouche du visage au centre en blanc..

Étape 3

La conception devrait ressembler à ceci. J'ai repéré un espace vide sous l'objet pique. Donc, nous pouvons ajouter quelques petits objets, disons des cercles, pour combler cette lacune.

Ajouter quatre cercles de couleurs différentes dans cette zone. 

Je crois que ce quart de la planche est terminé. Multiplions-le sur le reste de la planche.

7. Refléter le design

Étape 1

Sélectionnez le dessin complet sans le cercle souriant au milieu et Groupe il (Contrôle-G). Copie il (Control-C) et coller il. Ensuite, sélectionnez le groupe collé et allez à Objet> Transformer> Refléter. Dans la boîte de dialogue, cochez la case Axe vertical option et cliquez D'accord.

Étape 2

Placez le groupe collé de manière à ce que les deux groupes se chevauchent (dans ce cas, ce sont les formes de cercle et de losange).

Vous devriez obtenir une composition symétrique, et si nous l’avons bien faite, elle devrait correspondre parfaitement au milieu. Vous pouvez vérifier cela en zoomant sur les groupes qui se chevauchent.

Étape 3

À présent, copie les deux groupes que nous avons fait et coller leur. Encore une fois, allez à Objet> Transformer> Refléter. Dans la boîte de dialogue, cette fois, cochez la case Axe horizontal option et cliquez D'accord. Alignez les deux nouveaux groupes où les formes se rencontrent et se chevauchent. Essayez de les positionner le plus précisément possible pour obtenir cet effet de kaléidoscope impressionnant..

Étape 4

Juste pour faire bouger les choses, nous pouvons remplacer les formes de pique d'angle par le reste des signes de cartes à jouer: cœur, club et diamant. Cela va briser la symétrie parfaite, mais cela ne perturbera pas l'équilibre dans la conception.

Étape 5

Je suggère que toutes les conceptions ou illustrations aient un espace autour d’elles pour leur donner un peu de répit. Pour ce faire, il suffit de sélectionner le dessin complet et double-cliquez sur le Outil d'échelle (S), et dans la boîte de dialogue, cochez la case Uniforme option et entrez 90 comme sa valeur. Assurez-vous également que le Traits d'échelle et effets l'option est cochée. Cliquez sur D'accord. Vous pouvez voir la différence notable avec l’espace libre autour du dessin..

Étape 6

Enfin, en dernier recours, nous pouvons ajouter un fond sombre. Nous avons utilisé des couleurs assez vives, elles seront donc encore meilleures avec un fond sombre. 

Sélectionnez le Outil Rectangle (M) et cliquez n'importe où sur la zone de travail. Dans la boîte de dialogue, entrez le même Largeur et la taille valeurs que notre artboard a: 800 px pour Largeur et 1100 pour la taille. Cliquez sur D'accord.

Étape 7

Sélectionnez le nouveau rectangle et choisissez le noir comme couleur de remplissage. Clic-droit dessus et sélectionnez Organiser> Envoyer à l'arrière. 

Travail impressionnant, vous êtes maintenant fait!

Nous avons fini! Cela peut paraître confus au début, mais nous avons simplement travaillé dur sur seulement un quart de la conception, puis nous l'avons facilement reproduit trois fois. De cette façon, vous pouvez créer des designs amusants pour des affiches, des cartes de vœux, des invitations, des emballages de cadeaux, etc.. 

Vous voudrez peut-être utiliser un modèle de produit si vous souhaitez créer un aperçu de votre affiche. Je suis sûr que vous trouverez de nombreux objectifs amusants dans ce tutoriel..