Please enable JavaScript.

Coggle requires JavaScript to display documents.

Motion design / animation 2D-3D, KINETIC TYPOGRAPHIE, Captura de pantalla…

- - - - L'animation traditionnelle (ou animation classique, animation cel ou animation dessinée à la main) est une technique d'animation dans laquelle chaque image est dessinée à la main
        
        ex: Blanche-Neige et les Sept Nains
    - - L'animation 2D, également connue sous le nom d'animation vectorielle, est une technique qui utilise des objets ou des personnages plats et bidimensionnels pour créer l'illusion du mouvement.
    - - L'animation 3D crée des images en mouvement dans un environnement 3D, donnant aux objets numériques l'illusion de mouvement à travers l'espace 3D, en utilisant des techniques telles que le gréement, le keyframeing et la capture de mouvement pour produire un mouvement réaliste ou stylisé
        
        ToyStory
    - - Les graphiques animés sont essentiellement des « graphiques avec mouvement ». L'émergence de la technique au milieu du XXe siècle a transformé la discipline du graphisme, qui jusque-là était centrée sur les graphiques statiques.
    - - Une technique cinématographique par laquelle la caméra est arrêtée et démarrée à plusieurs reprises, par exemple pour donner à des figures animées l'impression de mouvement.
- - - - Automatise les tâches créatives : rotoscopie, génération de textures et animations à partir d'invites
- - - - Wiggle (Tremblement aléatoire) C'est l'expression la plus utilisée pour ajouter de la vie et du réalisme organique aux objets.
        
        Code : wiggle(fréquence, amplitude)
        
        Exemple : wiggle(3, 50)
        
        Effet : L'objet bougera de façon aléatoire 3 fois par seconde avec une variation maximale de 50 pixels.
      - LoopOut (Boucle infinie)Idéal pour répéter une animation sans avoir à copier-coller des images clés (keyframes).
        
        Cycle : loopOut("cycle") (recommence du début à la fin).
        
        Ping-Pong : loopOut("pingpong") (va de l'avant vers l'arrière, comme un rebond).
        
        Note : Vous devez avoir au moins deux images clés créées pour que cela fonctionne.
      - Time (Rotation ou mouvement constant)
        
        Utilise l'avancement de la timeline pour créer un mouvement continu sans images clés.
        
        Code : time * 150
        
        Effet : Appliqué à la Rotation, l'objet tournera de 150 degrés par seconde indéfiniment.
      - Overshoot (Rebond élastique)
        
        Ce code permet à un objet de dépasser légèrement sa cible avant de se stabiliser, créant un effet "élastique" très professionnel.
        
        Code :
        
        freq = 3;
        
        amplitude = 50;
        
        decay = 5;
        
        s = amplitude Math.cos(freq time 2 Math.PI) / Math.exp(decay * time);
        
        value + [s, s]
      - Linear / Ease (Interpolation)
        
        Ce code permet de lier deux propriétés différentes. Par exemple : "Si cet objet s'approche, cet autre objet devient transparent".
        
        Code : linear(valeur_source, source_min, source_max, valeur_dest_min, valeur_dest_max)
      - CŒUR
        
        ECHELLE !
        
        freq = 0.5; // Vitesse du battement
        
        amp = 15; // Intensité
        
        s = Math.abs(Math.sin(time * freq * 2 * Math.PI)) * amp;
        
        [value[0] + s, value[1] + s]
      - POSITION !
        
        start = 19.36; // 0;00;19;09 (Les billets commencent à tomber)
        
        speed = 75; // vitesse
        
        if (time < start){
        
        value;
        
        }else{
        
        value + [0, (time - start) * speed];
        
        }
- - - - Mixte (2D/3D) : Combine des éléments vectoriels plats (flat design) avec des extrusions et des profondeurs 3D pour donner du volume aux affiches des artistes.
      - Esthétique maximaliste / Acid Graphics : Il utilise des couleurs saturées, des textures vibrantes et un flux de mouvement constant qui évite les espaces vides, très courant sur la scène musicale actuelle.
      - Boucles infinies : De nombreuses pièces sont conçues comme des boucles qui permettent une visualisation continue sur les écrans géants du festival.
- - - - https://www.youtube.com/watch?v=Mp0wplToOBY&embeds_referring_euri=https%3A%2F%2Fcoggle.it%2F
- - - - Effet : Elle permet de souligner l'énergie d'un mot ou de simuler un rythme musical.
      - Application : Très utilisée dans le projet Solfeggio Obscuro pour refléter les fréquences sonores.
  - - - Technique : Les amplitudes du son sont converties en données (keyframes) qui modifient l'échelle, la position ou la distorsion du texte.
      - Résultat : Le design devient un "instrument visuel" parfaitement synchronisé avec la musique.
  - - - Usage : Le studio Uniforma utilise cette technique pour alterner entre des polices avec et sans empattement (serifet sans-serif), créant un dialogue visuel.
      - Impact : Cela permet de maintenir l'attention sans changer le contenu du message.
  - - - Technique : Les mots s'adaptent, s'empilent ou se déplacent selon des axes rigides qui se déforment ensuite.
      - Référence : C'est la base de l'identité du festival THIS IS SHORT, où la typographie imite le montage cinématographique.
  - - - Technique : Utilisation d'effets de déplacement (displacement maps) pour donner un aspect gélatineux ou fondant au texte.
      - Objectif : Privilégier l'expression émotionnelle et la texture sur la lisibilité immédiate.
  - - - Application : On le voit souvent dans les identités de festivals comme Lollapalooza, où les lettres massives tournent sur elles-mêmes pour créer un impact visuel fort sur écran géant.