Créer des illusions d'optique avec Adobe Illustrator

Introduction:

Bonjour chère communauté PSD. Je suis heureux de vous accueillir à nouveau pour l'un de mes tutoriels. Dans le tutoriel d'aujourd'hui, nous allons nous pencher sur le sujet des illusions d'optique. J'ai préparé quatre illusions d'optique pour vous et nous allons les créer ensemble pas à pas dans Adobe Illustrator.

Illusion d'optique 01:

Dans cette image, vous pouvez voir plusieurs cercles et au centre se trouve un carré dont les côtés sont courbés vers l'intérieur.

Que diriez-vous si je vous disais que le carré au centre a des côtés parfaitement droits? Vous ne me croyez pas? Eh bien, essayez simplement de tenir une règle le long des côtés. Vous constaterez que j'ai dit la vérité. :-).

Adobe Illustrator - Créer des illusions d'optique

Unités de mesure:

Avant de commencer enfin le tutoriel proprement dit, je vous prie de vérifier vos paramètres d'unités de mesure. Nous travaillerons exclusivement avec l'unité de mesure millimètre dans ce tutoriel. Si c'est déjà le cas pour vous, vous pouvez passer directement à l'étape 1.

Pour modifier l'unité de mesure sur Mac, vous devez cliquer dans la barre de menu supérieure sur Illustrator>Préférences>Unité…. (Figure 02).

Sur PC, allez dans Édition>Préférences puis dans l'onglet Unité…

Adobe Illustrator - Créer des illusions d'optique.

Dans la fenêtre qui s'ouvre, vous pouvez maintenant régler l'unité de mesure sur millimètre. (Figure 03).

Adobe Illustrator - Créer des illusions d'optique.

Étape 1: Créer un cercle

Une fois dans Illustrator, allez d'abord dans Fichier>Nouveau. Dans la boîte de dialogue qui s'ouvre, créez un format paysage en DIN A3 (vous pouvez cependant choisir tout autre format).

Adobe Illustrator - Créer des illusions d'optique

Puisque nous aurons besoin de plusieurs chemins circulaires pour cette illusion d'optique, commencez par sélectionner l'outil Ellipse dans la Barre d'outils. Il se trouve sous l'Outil Rectangle et peut être appelé en cliquant longuement dessus. Vous pouvez également appuyer simplement sur L sur le clavier.

Avec l'Outil Ellipse, cliquez à un endroit quelconque de la zone de travail. Un dialogue s'ouvrira dans lequel vous pourrez entrer la taille de l'ellipse. Pour la Largeur, vous avez besoin d'une valeur de 150 mm. Comme vous avez besoin d'un cercle, entrez cette valeur également pour la Hauteur. Pour l'épaisseur de Contour, réglez sur 0,5 pt.

Adobe Illustrator - Créer des illusions d'optique.

Étape 2: Dupliquer et mettre à l'échelle des cercles

Ensuite, ce cercle doit être dupliqué plusieurs fois et agrandi de manière uniforme. Le moyen le plus simple est de cliquer sur Objet>Transformer>Mettre à l'échelle dans la barre de menu.

Entrez une valeur de 1200% dans la fenêtre suivante.

Puisque cette mise à l'échelle doit être appliquée à une copie du cercle, nous confirmons cette boîte de dialogue en cliquant sur Copie. Si vous cliquez sur OK, le cercle ne sera pas copié, mais le cercle existant sera agrandi et le petit disparaîtra. C'est pourquoi vous devriez certainement cliquer sur Copie.

Adobe Illustrator - Créer des illusions d'optique.

Pour créer les cercles restants, vous avez besoin de l'Outil Aligner. Vous le trouverez dans la Barre d'outils à côté de la Pipette. Cliquez avec un Double-clic sur l'Outil Aligner et réglez dans la fenêtre suivante sur Niveaux spécifiés et une valeur de 10.

Adobe Illustrator - Créer des illusions d'optique

Après avoir confirmé avec OK, cliquez d'abord sur le petit cercle (Clic 1) puis sur le grand cercle (Clic 2). L'Outil Aligner créera automatiquement les 10 cercles internes qui manquaient (voir Figure 08).

Adobe Illustrator - Créer des illusions d'optique

Étape 3: Création du carré

Il ne reste maintenant plus qu'à créer le carré. Nous le créons avec l'outil Rectangle. En appuyant sur la touche de raccourci M, l'outil Rectangle est immédiatement activé. Tout comme précédemment avec l'Ellipse, il vous suffit de cliquer à nouveau quelque part sur la zone de travail. Ensuite, la fenêtre apparaît à nouveau, dans laquelle vous pouvez régler la taille. Vous définissez une taille de 112 mm pour la largeur et la hauteur. Pour l'épaisseur du contour, vous choisissez, comme précédemment, 0,5 pt.

Adobe Illustrator - Créer des illusions d'optique.

Étape 4: Finalisation de l'illusion d'optique

Dans la dernière étape, vous sélectionnez maintenant les cercles et le carré. Pour sélectionner plusieurs objets simultanément, maintenez la touche Shift enfoncée tout en cliquant sur les deux objets.

Maintenant, vous avez besoin de la palette Aligner. Vous la trouverez sous Fenêtre>Aligner.

Ici, vous n'avez qu'à cliquer une fois sur Aligner horizontalement et une fois sur Aligner verticalement (voir figure 10).

Adobe Illustrator - Créer des illusions d'optique

Après l'Alignement, votre première illusion d'optique est terminée et devrait ressembler à peu près à ceci (voir figure 11). Vous pouvez bien sûr encore embellir le tout en utilisant éventuellement d'autres couleurs.

Créer des illusions d'optique avec Adobe Illustrator.

Illusion d'optique 02:

Pour la deuxième illusion d'optique, il s'agit de la relation entre le grand et le petit. Le point central de gauche semble beaucoup plus petit que celui de droite. En réalité, ces deux points sont exactement de la même taille. Lors de la construction de cette illusion d'optique, vous apprendrez à manipuler la boîte de dialogue de déplacement et l'outil de rotation.

Adobe Illustrator - Créer des illusions d'optique

Étape 1: Création de la zone de travail

Avant de commencer la construction, vous avez besoin d'une nouvelle zone de travail. Vous la créez à nouveau via Fichier>Nouveau. Dans la fenêtre suivante, choisissez un format A3 (mais vous pouvez également choisir un format de votre choix si vous le souhaitez).

Après avoir créé la zone de travail, vous devez d'abord créer un centre comme point de référence pour le premier cercle au milieu. En appuyant sur les touches de raccourci Commande+R ou Ctrl+R, vous affichez les règles.

En maintenant le bouton gauche de la souris enfoncé, vous pouvez maintenant tirer des guides des règles. Vous avez besoin d'une ligne horizontale et d'une ligne verticale (approximativement au milieu) (voir figure 13).

Adobe Illustrator - Créer des illusions d'optique

C'est maintenant le moment de vérifier si les guides intelligents sont activés. Vous pouvez facilement le vérifier en allant dans la barre de menu supérieure sur Vue>Guides intelligents. S'il n'y a pas encore de coche à cet endroit, cliquez une fois pour activer cette fonction.

Adobe Illustrator - Créer des illusions d'optique.

Étape 2: Création de la moitié gauche de l'illusion d'optique

À l'étape suivante, prenez l'outil Ellipse et cliquez tout en maintenant la touche Alt sur le centre des guides que vous avez précédemment créés.

Dans la boîte de dialogue qui apparaît, entrez une taille de 38x38 mm. Le fait que vous ayez maintenu la touche Alt enfoncée précédemment fait que le cercle créé est directement généré à partir du centre de votre point de référence.

Adobe Illustrator - Créer des illusions d'optique.

En utilisant Commande+C et Commande+F (Sur PC : Ctrl+C et Ctrl+F) vous copiez ce cercle et le collez au même endroit. Maintenant, dans la barre de menu supérieure, allez sur Objet>Transformer>Mettre à l'échelle. Ici, entrez une valeur de 150% pour Uniformément et confirmez avec OK.

Adobe Illustrator - Créer des illusions d'optique

Vous devez maintenant déplacer ce cercle de 55 mm vers le haut. Vous pouvez facilement le faire en cliquant à nouveau sur Objet>Transformer>Déplacer. Pour Horizontal, laissez la valeur à 0 mm et pour Vertical, entrez une valeur de -55 mm (négatif, car vous voulez déplacer vers le haut et non vers le bas).

Adobe Illustrator - Créer des illusions d'optique

Ce grand cercle doit maintenant être réparti uniformément autour du plus petit cercle. Dans la palette d'outils, vous trouverez l'outil de rotation. En maintenant de nouveau la touche Alt enfoncée et en cliquant sur votre centre, vous pouvez faire pivoter le cercle directement autour de cet axe.

Comme vous l'avez peut-être déjà vu dans l'aperçu de cette illusion d'optique, vous avez besoin exactement de cinq cercles répartis autour du centre. Étant donné qu'un cercle a normalement 360°, vous entrez simplement 360/5 dans la boîte de dialogue de rotation. Illustrator est assez intelligent dans ce cas pour comprendre ce calcul et afficher immédiatement le résultat. (Cela vous évite de calculer mentalement). Maintenant, il est important de ne pas confirmer avec OK, mais de cliquer sur Copier. Cela permet de conserver le cercle d'origine et de faire une copie qui sera tournée.

Adobe Illustrator - Créer des illusions d'optique

Avec le raccourci Commande+D (sur PC : Ctrl+D) vous pouvez répéter cette opération encore trois fois.

Adobe Illustrator - Créer des illusions d'optique.

Étape 2 : Création de la partie gauche de l'illusion d'optique

Ainsi, la majeure partie de cette illusion d'optique est terminée. Pour créer la partie droite avec les plus petits cercles, vous vous sélectionnez avec Commande+A (sur PC : Ctrl+A) tout et créez une copie à droite en maintenant la touche Alt.

Adobe Illustrator - Créer des illusions d'optique.

Le reste n'est plus qu'un peu de travail acharné. Vous devez maintenant attraper chacun des cinq cercles une fois et les réduire à chaque fois à 15 % via Objet>Transformer>Échelle.

Adobe Illustrator - Créer des illusions d'optique.

Voilà la deuxième illusion d'optique terminée :

Adobe Illustrator - Créer des illusions d'optique.

Illusion d'optique 03 :

Nous passons directement à la troisième illusion d'optique. Dans cette illusion, il est fait croire à notre œil que les lignes et les carrés (surtout dans la zone médiane) penchent fortement vers la gauche ou vers la droite. En réalité, cependant, les lignes et les carrés sont exactement horizontaux.

Adobe Illustrator - Création d'illusions d'optique.

Étape 1 : Commençons !

Pour réaliser cette illusion d'optique, créez dans un premier temps avec l'outil Rectangle un carré de dimensions 15x15 mm.

Adobe Illustrator - Créer des illusions d'optique

Nous avons besoin de 9 copies de ce carré, espacées de 15 mm en horizontal.

Pour cela, allez à nouveau sur Objet>Transformez>Déplacer. Dans la fenêtre suivante, entrez ensuite une valeur de 30 mm, pour avoir exactement un espace de 15 mm entre le prochain carré. Confirmez ce dialogue en cliquant sur Copier.

Adobe Illustrator - Créer des illusions d'optique.

Avec le raccourci Commande+D (sur PC : Ctrl+D) créez encore huit autres copies, de sorte qu'à la fin vous ayez 10 carrés espacés de 15 mm les uns des autres en une rangée.

Adobe Illustrator - Créer des illusions d'optique

Ensuite, prenez l'outil Ligne de la palette d'outils et dessinez une ligne horizontale directement sur le dessus des carrés. Assurez-vous que la ligne dépasse un peu à gauche et à droite comme sur l'image. (Épaisseur de ligne: 1pt).

Adobe Illustrator - Créer des illusions d'optique.

Ensuite, sélectionnez tous les carrés y compris la ligne que vous venez de dessiner et appelez à nouveau le dialogue de déplacement via Objet>Transformez>Déplacer. Dans Horizontal, entrez 0 mm et dans Vertical 15 mm. Confirmez également ce dialogue en cliquant sur Copier.

Adobe Illustrator - Créer des illusions d'optique.

Avec Commande+D (sur PC : Ctrl+D) créez encore sept autres copies.

Lors de la dernière copie, créez une ligne en bas des carrés pour terminer proprement le tout. Ensuite, cela devrait ressembler à l'image 29.

Adobe Illustrator - Créer des illusions d'optique

Étape 2: Finaliser l'illusion d'optique

Pour finaliser cette illusion d'optique, sélectionnez toujours une rangée de carrés avec l'outil de sélection et déplacez-la dans différentes directions avec les flèches. Une fois que vous aurez fait cela avec chaque rangée, il semblera que les lignes et les carrés tombent en diagonale dans les deux directions.

Adobe Illustrator - Créer des illusions d'optique

Illusion d'optique 04

Nous voici déjà à la dernière illusion d'optique de ce tutoriel.

Avec cette illusion, il semble que les longues lignes se trouvent à des angles différents les unes des autres. En réalité, elles sont toutes exactement à un angle de 45° les unes par rapport aux autres. Cette illusion est créée en alternant les courtes lignes horizontalement et verticalement le long des lignes à 45°. (Était-ce trop d'informations d'un coup? Pas de souci! Vous comprendrez tout en créant cette illusion :-)).

Adobe Illustrator – Créer des illusions d'optique

Étape 1: Créer les lignes

Commencez par créer un nouveau document au format DIN A3. Ensuite, prenez l'outil de ligne et cliquez une fois sur votre document. Une fenêtre apparaîtra à nouveau, dans laquelle vous pourrez définir la longueur de la ligne ainsi que l'angle. Entrez une longueur de 300mm et un angle de 45°, puis confirmez avec OK.

Adobe Illustrator - Créer des illusions d'optique.

Avec Objet>Transformer>Déplacer, déplacez la ligne de 40mm vers la droite et confirmez en copiant.

Adobe Illustrator - Créer des illusions d'optique.

Maintenant, reprenez l'outil de ligne. Cette fois, créez une ligne de longueur 30mm et un angle de 0°. Placez cette ligne au centre à l'extrémité inférieure de la première ligne, comme sur l'image.

Adobe Illustrator - Créer des illusions d'optique.

À l'étape suivante, appelez à nouveau la boîte de dialogue Déplacer. Objet>Transformer>Déplacer.

Cette fois-ci, vous devez déplacer dans les deux directions en même temps. Entrez 30mm pour horizontal et -30mm pour vertical. Confirmez en cliquant sur Copier et dupliquez à nouveau avec le raccourci Commande + D (sur PC : Ctrl + D).

Adobe Illustrator - Créer des illusions d'optique

Ensuite, le résultat devrait ressembler à ceci. (Voir image 36.)

Adobe Illustrator - Créer des illusions d'optique

Maintenant, créez une nouvelle ligne avec l'outil de ligne. Choisissez à nouveau une longueur de 30mm, mais cette fois avec un angle de 90°. Placez cette ligne au centre à l'extrémité inférieure de la deuxième ligne et appelez à nouveau la boîte de dialogue Déplacer. Objet>Transformer>Déplacer. Encore une fois, entrez 30mm pour horizontal et -30mm pour vertical et confirmez avec Copier. Dupliquez avec Commande + D (sur PC : Ctrl + D).

Adobe Illustrator - Créer des illusions d'optique.

Sélectionnez tout et appelez à nouveau la boîte de dialogue Déplacer. (Vous avez sûrement remarqué à quel point cette boîte de dialogue est très fréquemment utilisée maintenant :-)).

Cette fois, déplacez tout de 90mm horizontalement et confirmez une fois de plus en copiant. Dupliquez maintenant cela 5 à 6 fois avec Commande + D (sur PC : Ctrl + D).

Adobe Illustrator – Créer des illusions d'optique.

Le tout devrait alors ressembler à peu près à ceci :

Adobe Illustrator - Créer des illusions d'optique

Nous approchons maintenant de la fin. Dans la dernière étape, reprenez l'outil de rectangle et dessinez un rectangle directement sur toutes vos lignes (voir image 40).

Adobe Illustrator - Créer des illusions d'optique

Étape 2 : Création du cadre

Ensuite, sélectionnez tout. La meilleure façon de le faire est avec Command+A (sur PC : Ctrl+A). Faites un clic droit au milieu de votre rectangle et choisissez Créer un masque d'écrêtage. Cela permet de masquer tous les éléments qui ne doivent pas être visibles.

Adobe Illustrator - Créer des illusions d'optique.

Il ne vous reste plus qu'à appliquer un contour sur le masque d'écrêtage pour obtenir un joli cadre. Et voilà, la dernière illusion d'optique est terminée.

Adobe Illustrator – Créer des illusions d'optique.

Mots de fin :

J'espère que vous avez apprécié ce tutoriel et que vous pourrez désormais créer de belles illusions d'optique. Comme vous l'avez sûrement remarqué, certains raccourcis sont fréquemment utilisés dans Illustrator, et je suis assez sûr qu'une fois que vous aurez parcouru ce tutoriel en entier, vous n'oublierez jamais à quoi sert la boîte de dialogue Déplacer et l'astuce Command+D (sur PC : Ctrl+D).

Si vous avez d'autres questions sur le sujet, n'hésitez pas à me les poser dans les commentaires. Je ferai de mon mieux pour y répondre rapidement.

Meilleures salutations

Votre Julian