Comment créer une illusion d'optique en mouvement

Avez-vous déjà remarqué à quel point les images peuvent parfois vous jouer des tours? Dans le tutoriel d'aujourd'hui, je vais montrer comment créer une illusion d'optique qui semble bouger, même si, en réalité, elle reste immobile. Commençons!


Étape 1

Créer un nouveau document avec des dimensions définies à 1280px par 800px.


Étape 2

Appuyez sur CMD + R pour activer les règles si vous ne les avez pas activées par défaut. Assurez-vous qu'ils affichent des pixels. Créez une nouvelle ligne de repère tous les 50 pixels à la fois verticalement et horizontalement. Vous pouvez les créer en allant dans Affichage> Nouveau guide ou en cliquant sur une règle et en la faisant glisser sur le canevas. Si vous préférez utiliser une boîte de dialogue, vous devrez l'activer plusieurs fois et taper simplement des valeurs de 50px à 1250px pour les repères verticaux et de 50px à 750px pour les repères horizontaux..


Étape 3

Remplissez le calque d'arrière-plan avec le n ° 564734 à l'aide de l'outil Pot de peinture (G). Prenez un outil Ellipse (U) et créez une ellipse sur un nouveau calque (appuyez sur CMD + Maj + N et sur Entrée pour créer un nouveau calque). Mon ellipse a 46px par 34px, y compris une bordure noire et blanche de 3px. Donc, je recommanderais quelque chose qui a entre 43px par 31px au début mais il ne doit pas nécessairement avoir exactement ces dimensions. Ses dimensions ne font pas une grande différence mais vos ellipses doivent être placées les unes à côté des autres. Des écarts importants produiront de mauvais résultats.


Étape 4

Double-cliquez sur la vignette de votre couche avec une ellipse et appliquez le style suivant. Activez Stroke. Changez le type de remplissage de Couleur en dégradé. Changer l'angle de 90 degrés à 180 degrés. Cliquez sur la barre de dégradé et une nouvelle fenêtre devrait apparaître. Créez deux indicateurs supplémentaires au milieu de la barre. Définissez les deux premiers indicateurs sur blanc (#ffffff) et les derniers sur noir (# 000000). Activez également la superposition de couleurs et changez sa couleur en # 564734, par exemple..


Étape 5

Saisissez à nouveau l'outil Ellipse (U) et créez un nouveau calque au-dessus du calque précédent (appuyez sur CMD + Maj + N et sur Entrée). Dessinez une ellipse plus petite dans votre dernière. Sa taille est à vous. Assurez-vous simplement que tout ressemble à l'image ci-dessous.


Étape 6

Regroupez ces deux couches en les sélectionnant puis en appuyant sur CMD + G. Cliquez avec le bouton droit sur le groupe et choisissez Fusionner le groupe..


Étape 7

Déplacez votre premier calque là où les deux repères se croisent dans le coin supérieur gauche, comme indiqué ci-dessous.


Étape 8

Appuyez sur CMD + J ou allez dans Calque> Dupliquer le calque afin de dupliquer ce calque. Placez la copie juste en dessous de votre première couche. Une fois que c'est exactement au milieu des deux lignes directrices de passage à niveau, appuyez sur CMD + T. Faites pivoter la copie de 30 degrés. Vous pouvez le faire dans la barre d'outils supérieure (voir la capture d'écran ci-dessous).


Étape 9

Continuez à copier LA PREMIÈRE ellipse et faites pivoter chaque copie par multiples de 30 degrés. Placez chaque copie par-dessus tout le reste (c'est aussi très important). Une fois que vous aurez atteint 180 degrés, vous ne pourrez pas saisir 210 degrés, utilisez simplement des valeurs négatives. Ainsi, la troisième copie aurait 60 degrés, le quatrième 90 degrés, le septième 180 degrés, le huitième -150 degrés et ainsi de suite. Une fois que vous avez terminé, vous devriez avoir 15 copies au total. Sélectionnez chaque copie en sélectionnant la première dans la palette des calques, en maintenant la touche Maj enfoncée et en sélectionnant la dernière. Toutes les copies entre les deux devraient avoir été sélectionnées. Appuyez sur CMD + G pour les regrouper.


Étape 10

Allez dans Couche> Dupliquer le groupe et dupliquez-le. Sélectionnez votre outil de déplacement (V) et faites glisser ce groupe comme l'un de l'image ci-dessous.


Étape 11

Ouvrez votre copie du groupe que vous venez de créer et supprimez la couche inférieure (qui devrait être votre ellipse supérieure). Puis dupliquez la troisième couche en partant du bas de ce groupe, qui devrait être votre troisième couche en partant du haut des ellipses. Si vous ne savez pas quelles couches doivent être supprimées et lesquelles ont été déplacées, regardez l'image ci-dessous..


Étape 12

Répétez la 11ème étape plusieurs fois jusqu'à obtenir l'image finale..


Quand fonctionne cet effet?

Cet effet fonctionnera dans plusieurs cas.

  • Vous pouvez utiliser différentes formes pour obtenir le même effet. Les cercles et les ellipses semblent fonctionner au mieux, mais des rectangles ou des carrés feraient également l'affaire.
  • Chaque forme doit être plus claire d'un côté et plus sombre de l'autre. Cela pourrait être une bordure noire et blanche comme dans mon cas ou juste un dégradé avec n'importe quelle couleur tant qu'il y a un contraste visible entre elles.
  • Vous pouvez insérer quelque chose dans la forme pour la rendre plus détaillée.
  • Votre image doit comporter de nombreuses formes similaires et chacune doit être très proche les unes des autres..
  • Votre image doit être suffisamment grande pour que vos yeux bougent constamment.
  • Vous pouvez créer à peu près n'importe quel motif à partir de ces cercles ou ellipses.
  • Vous devez faire pivoter vos formes pas à pas de manière à ce que leurs côtés les plus sombres (noir dans mon cas) soient juste à côté des plus clairs (blanc dans mon cas). C'est une très bonne idée de faire pivoter chaque cercle un peu (comme 15 ou 30 degrés). Si vous ne les faites pas pivoter, cela devrait quand même fonctionner correctement, mais cela «bougerait» verticalement ou horizontalement.

Sinon, vous n'obtiendrez pas ce genre d'effet ou ce ne serait pas aussi observable.


Comment fonctionne cet effet?

Lorsque nous regardons l'image ci-dessous, notre cerveau tente de la convertir de la 2D à la 3D. En effet, les bordures autour des ellipses sont incohérentes. Cela nous confond et crée une illusion de mouvement.


Image finale

Regardez l'image finale ci-dessous.