Catégories
Animate Création numérique

Développer sur VSCode avec Node.js pour Animate

Même si l’IDE d’Adobe propose une fenêtre « Action » pour rédiger votre code, dans certaines animations plus complexes il peut être intéressant d’écrire et de maintenir votre code depuis un éditeur pour léger et plus performant (comme Visual Studio Code). Voici un exemple simple de projet qui utilise des fichiers JS externes. Créer l’environnement de développement […]

Catégories
Création numérique Figma

Avoir un objet complexe en arrière plan d’un layout sur Figma

Admettons que vous souhaitiez placer Objet1, en bas au centre d’ Objet2, le tout devant être réactif. L’astuce consiste à modifier les contraintes de objet2 en « Scale« . Superposez les 2 objets, puis cliquez sur « auto-layout » en le modifiant au besoin pour avoir l’alignement désiré (ici en bas au centre) : Vous pouvez maintenant redimensionner l’ensemble, […]

Catégories
Création numérique Illustrator

Créer un motif dans Illustrator

Les motifs permettent d’habiller rapidement vos formes ou de répéter un objet selon un schéma précis. Créer le motif Commencez par dessiner une ou plusieurs formes pour composer votre motif. Sélectionnez votre forme puis, depuis le menu, « Objet » > « Motif » > « Créer ». Nommez votre motif puis choisissez le type de mosaïque qui vous convient. Si […]

Catégories
Blender Création numérique

Modifier l’origine de votre solide 3D dans Blender

Il est beaucoup plus facile de faire un maillage précis quand l’origine de votre solide est aligné avec l’origine de votre scène, mais comment aligner les 2 ? Commencez par configurer votre scène, en centimètres par exemple. Nous allons créer une plaque de 17.7 x 0.5 x 7.2 cm. L’origine de votre solide se place […]

Catégories
Blender Création numérique

Utiliser des unités de mesure dans Blender

Lorsque l’on souhaite créer un objet aux bonnes dimensions dans Blender, il y a une petite astuce à connaitre. Par défaut Blender n’affiche que le scale mais il y a un panneau qui vous sera très utile pour gérer les unités de mesure. Commencez par définir les unités de votre scène dans le panneau de […]

Catégories
Animate Création numérique

Gérer le clic sur un objet animé dans Animate

Il peut être utile dans une animation interactive de détecter les actions de souris avec vos éléments dans Animate, voici un exemple simple pour détecter le clic utilisateur. Activer le mouseOver Soit un symbole (Clip) « Square » dans la bibliothèque avec un nom de liaison « Square » (voir Instancier un symbole) et une forme simple statique à […]

Catégories
Animate Création numérique

Attendre qu’un objet soit ajouté à la scène dans Animate

Dans Animate, certaines propriétés ne deviennent accessibles qu’une fois l’objet ajouté à la scène (comme « stage » et « parent » par exemple). Comment être sûr d’attendre le bon moment ? A quels moment ces propriétés sont accessibles ? Les propriétés sont immédiatement accessibles après l’ajout sur la scène, après la méthode « addChild » par exemple : Ou sur […]

Catégories
Animate Création numérique

Instancier des symboles sur Animate en createJS

L’article suivant vous détaillera comment facilement instancier des symboles de votre bibliothèque Animate, directement en Javascript. Créer le symbole dans Animate Dessinez une forme, convertissez-la en symbole (« f8 » ou via le clic-droit), et nommez-le correctement. Enfin, supprimez le symbole de la scène afin d’avoir une scène vide pour les besoins de la démonstration. En l’état, […]

Catégories
Vidéo

La mélodie des mots

Réalisation d’animations pour l’habillage du documentaire « La mélodie des mots ».

Catégories
Vidéo

La mélodie des mots – Test

Création d’un test d’animation pour le documentaire « La mélodie des mots » de Marie Halopeau. L’idée est de personnifier les mots, où chaque lettre deviendrait un personnage. À travers la rencontre de Béatrice Sauvageot, orthophoniste révolutionnaire, et Valéria Milewski, biographe hospitalier pour personnes gravement malades, le film raconte combien les mots sont les compagnons indispensables de […]