Pendant mon congé maternité, j’ai suivi une formation Photoshop afin de peaufiner mon savoir-faire, et j’ai notamment appris à utiliser « l’effet Parallax ».
 

-> Pour résumer, il s’agit d’ajouter un effet de profondeur en animant différents objets ou plans à des vitesses différentes. Dans la conception web, cette technique permet de faire déplacer des images disposées sous différentes couches. L’interaction se fait à partir de la souris ou du scroll afin de créer un effet de vitesse/perspective pour donner une illusion agréable et intéressante de 3D.

Je vois beaucoup de potentiel dans cet effet avec mes illustrations et je me suis amusée à faire mes premières animations…

Cela fonctionne plutôt pas mal pour faire un mouvement de translation dans le sens horizontal ou vertical (de droite à gauche/de gauche à droite ou de haut en bas/de bas en haut).

J’ai donc testé avec une de mes illustrations représentant la ville de Brest et son milieu aquatique. Il s’agissait ici d’animer quelques éléments comme les poissons, les bulles en arrière-plan, les petites vagues à la surface et les cabines de téléphérique :

 

J’ai également testé avec une illustration qui comporte un premier plan et un arrière-plan bien distincts afin de mettre en mouvement le premier plan et de donner l’illusion du personnage qui se déplace. Vous reconnaîtrez peut-être un extrait de mon histoire jeunesse « Les vacances de Fanfan l’éléphant » :

L’effet Parallax peut également être utilisé sur des sites web originaux afin de proposer une expérience interactive intéressante. Voici quelques sites qui utilisent cet effet : 

Vous connaissiez cet effet ? Est-ce que ça vous donne envie de tester à votre tour sur des images ?

Mettre en mouvement mes illustrations avec l’effet Parallax !

6 avis sur « Mettre en mouvement mes illustrations avec l’effet Parallax ! »

  • 11 août 2022 à 12 h 37 min
    Permalien

    Hi oui, très sympa !
    Ca me fait penser aux premiers dessins animés japonais qui passaient à la télé … mais là c’est beaucoup beaucoup plus mignon …
    A bientôt pour de nouvelles aventures alors !?

    Répondre
    • 11 août 2022 à 16 h 34 min
      Permalien

      Coucou, Je vois ce que tu veux dire pour les dessins animés japonais, c’est vrai que c’est le même style d’animations ! Oui, je sens que je vais m’amuser avec cet effet ! 😊

      Répondre
  • 11 août 2022 à 17 h 58 min
    Permalien

    c’est super ! Moi, je n’ai pas les compétences voulues, ni le matériel sinon j’adorerais !

    Répondre
    • 11 août 2022 à 18 h 55 min
      Permalien

      Oui, j’entrevois beaucoup de possibilités avec mes illustrations, mais c’est sûr qu’il faut le logiciel adapté et un peu d’entraînements pour arriver à faire ce que l’on souhaite… Je tâtonne encore pas mal et ça prend du temps ! ^^

      Répondre
    • 8 septembre 2022 à 19 h 25 min
      Permalien

      Oui il y a du potentiel, y’a plus qu’à ! 😉 Bises

      Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.