Comment créer et animer un QR Code avec des réplicateurs

Comportements avec réplicateurs
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Motion 5
Revoir le teaser Je m'abonne
4,0
Transcription


79,00€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
4,0

79,00€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'apprendre à créer un QR Code animé, à utiliser les réplicateurs pour générer des animations, et à appliquer des effets visuels pour améliorer l'apparence finale du QR Code.

Apprenez à générer, personnaliser et animer un QR Code en utilisant des techniques avancées de réplicateurs. Cette leçon couvre toutes les étapes nécessaires pour obtenir un QR Code animé de manière professionnelle.

Dans cette leçon, vous allez découvrir comment créer un projet de QR Code et l'animer en utilisant des réplicateurs. Nous commencerons par ouvrir un nouveau projet et ajuster les paramètres de base tels que la résolution et les proportions de pixels. Ensuite, nous allons importer un QR Code pré-généré, le modifier pour qu'il s'affiche en noir et blanc, et créer des réplicateurs pour générer l'animation.

Nous aborderons également la création et le placement de coins personnalisés pour le QR Code, ainsi que l'ajout de comportements aléatoires et d'effets visuels pour améliorer l'animation. Des techniques d'ajustement fin seront également discutées pour assurer une apparence professionnelle de votre QR Code animé.

Voir plus
Questions réponses
Quels sont les paramètres de base à configurer pour un nouveau projet?
Les paramètres de base incluent la résolution (1920x1080), le framerate (25p), et la proportion des pixels (1:1).
Comment ajuster la couleur de fond dans un projet de QR Code?
Vous pouvez utiliser un générateur de couleurs unies, puis sélectionner la couleur de votre choix en double-cliquant et en appliquant la couleur désirée.
Quelle est la méthode pour créer des coins personnalisés pour le QR Code?
La méthode comprend la création d'un nouveau groupe, le dessin de rectangles ou de formes carrées pour les coins, et leur ajustement pour correspondre au design du QR Code.
Alors, maintenant qu'on a vu les répugnés, je vous propose un exercice de QR Code, puisque c'est à la mode en ce moment. Donc, je vais créer un nouveau projet. POMMEN, ça me permet d'ouvrir mon navigateur de projet. Je crée un nouveau projet. Je fais ouvrir. Donc, je fais POMMEN. Je vérifie bien que je suis en 1900x1080 en 25p. J'ai un projet de 50, ça me suffira. Avec une proportion de pixels à 1, ce qui est parfait. Première chose que je vais faire, je vais enregistrer mon projet, que je vais appeler très originalement QR Code, vu qu'on va créer un QR Code, à donner l'impression qu'on génère un QR Code. Je vais aller chercher un générateur de couleurs unies. Je l'applique. Je vais aller mettre une couleur à moi, puisque je suis un peu maniaque. Je double-clic. Je vais me chercher mon vert foncé et je l'applique sur ma couleur unie. Très bien. Là, c'est mon background. Je vais créer un nouveau groupe, que je vais appeler QR Code. Et là, je vais importer un QR Code que j'ai créé à l'avance. Voilà, c'est un QR Code. Vous pouvez le scanner, vous n'avez rien à craindre. C'est tout simplement le site d'Eleform. Donc, on va essayer de créer un QR Code à partir de celui-ci. En fait, je vais déjà le passer. Je vais utiliser le « rapidement obscurcir », qui va me permettre de faire disparaître tout le blanc. Je vais me mettre en 250 %. Ça me paraît pas mal. Voilà. Et ensuite, on va préparer un réplicateur, qui va nous permettre de faire ce QR Code. Donc, je crée un nouveau groupe « Pommage N ». Je coupe et double-clic dedans. Ça me permet de le renommer. Je vais l'appeler « Répli ». Tout simplement. Et là, je vais aller créer un petit cube noir, qui va ressembler à tous les autres. Donc, je zoome un peu pour y être. J'appuie sur R. Et c'est parti. Je vais essayer de créer mon cube, qui va bien aller pour tout mon exercice. Donc là, j'ai cliqué. Ma partie, je ne sais pas où. Je vais aller voir dans « Form » et bien vérifier, voir la géométrie que j'ai utilisée. 22, ça me paraît pas mal. On va le recentrer. Je vais dans « Propriétés ». Je le remets au milieu. Et là, je dézoome un peu. Je vais faire un réplicateur. Je peux appuyer sur L, ou tout simplement, j'aurais pu créer ce réplicateur. Ensuite, là, je vais aller tout simplement essayer de chercher les bords de mon QR Code. Si on n'est pas parfait, on verra que vous allez voir qu'on va essayer de tricher. Donc, un réplicateur qui va essayer de faire tout le tour. Et on va rajouter plus de colonnes. On va passer de 26 à 26. Et voilà, on a quelque chose qui ressemble à un cube avec plein de cubes. Du coup, mon rectangle, je vais peut-être le passer en noir pour faire pareil. Donc du coup, comment je vais passer en noir ? Là, je suis totalement en blanc. Je vais passer en RVB. 0, 0, 0. 0. Je fais tab pour aller au prochain. 0. Tab pour aller au prochain. Et là, je pourrais faire tab pour entrer. Et là, j'ai du noir presque parfait. Donc du coup, là, je me rends compte, si je vais passer mon QR Code juste au-dessus, pour le voir, je vais... Je ne peux pas le voir, vu que j'ai tout mon réplicateur. Je me rends compte qu'un QR Code, c'est fait avec des carrés en haut à droite pour signifier les centres. Donc, je vais aller me créer moi-même des coins comme le... Je crée un nouveau groupe. Pauvre Mage N. Je vais me créer des coins. Je vais l'appeler coin. Coin. Vous voyez, j'ai marqué n'importe quoi. Coin. Et je vais l'appeler haut droite. Alors, je vais mettre H en petit pour bien montrer que c'est la hauteur et pas la même chose. H et D, c'est la direction droite. Je dis n'importe quoi, c'est gauche. Voilà. C'est gauche que je veux faire en premier. Donc du coup, je vais dans mon coin et je vais aller créer des carrés pour pouvoir gérer mes coins. Donc, j'ai zoomé. Je vais aller prendre mon outil R, mon outil rectangle, en appuyant sur R sur mon clavier. Je fais mon carré. J'essaie d'être à peu près exact comme le sien. Hop. Il disparaît d'un coup parce que... Voilà. Donc, on se rend compte que mon carré n'est pas parfait. Vous voyez, je suis passé en dessous. Ça me permet de voir que je suis en dessous de mon QR Code. Donc du coup, ça me permet de voir que je ne suis pas parfait sur mon blanc. Vous voyez que j'ai un tout petit peu de débord. Hop. On va aller chercher là, justement. Hop. Être bien sur le même noir. Hop. On essaie d'être plutôt bien. Si on n'est pas parfait, ce n'est pas grave. On va prendre une couleur. On va la faire passer en noir. Notre cube va passer en noir. Et on va se rendre compte... On va essayer de refaire ce coin. Tout simplement, je vais dupliquer ce rectangle. Au lieu d'être sur remplir, je vais passer en contour. Je vais prendre une couleur, la même couleur que mon fond. Je ne vais pas utiliser un match. Je fais exprès d'utiliser... Je vais utiliser des couleurs. Et je vais prendre géométrie. Et je vais la rendre plus petite. Vous voyez que là, j'ai mon... J'ai un autre rectangle. Je vais pouvoir... Cette forme, je vais pouvoir... Je vais propriéter le style. C'est une erreur qu'on fait souvent. Hop. Vous voyez, je fais un rectangle. Hop. Il s'arrête un moment. Je ne sais pas pourquoi. Hop. Ah oui. C'est à cause de mon QR Code. C'est pour ça. Voilà. Donc là, j'ai caché mon QR Code. Et je vais... Par contre, les jointures, je vais passer en carré parce que c'est quand même plus sympa en carré. Est-ce que celui-là, justement, il est en carré vu que c'est une forme. C'est bon. Et du coup, j'ai mon premier coin. Si je regarde encore mon QR Code, je le refais afficher. Je cache mon coin. Vous voyez que mon coin n'est pas pareil. Hop. Mon coin à moi, il est peut-être... Il a un... Je cache le QR Code. Voilà. En fait, le mien, il est un tout petit peu trop grand. Voilà. Je vais baisser un peu la géométrie de celui-là. Comme ça, je serai plus proche de l'autre. Ce n'est pas forcément très important. Mais ça peut être intéressant. Mais ça peut le faire. Voilà. J'ai mon coin. Et en fait, on se rend compte qu'il y a aussi un des bords qui va les couper. Et en fait, on va aller recréer un autre rectangle. Je le duplique. Je le passe carrément en dessous. Je vais prendre une nouvelle couleur. J'ai repris un autre rectangle. Et là, je vais aller avec mon outil de rectangle. Je vais pouvoir aller au bord de mon QR Code. Là, c'est bien joli. Mais en fait, on va essayer de le faire surtout avec notre réplicateur. Et là, on voit bien dans notre réplicateur les différents bords. Je vais peut-être tricher un tout petit peu sur mon rectangle pour avoir une meilleure ligne. Et je vais passer en 21. Comme ça, je vois bien les lignes. Encore, ça ne va pas encore. Je vais passer en 20. Et comme ça, je vois bien à peu près les lignes. En fait, ce qui me gênait, c'était mon QR Code. Je vais repasser en 21. Ce serait très bien. Non, c'est obligatoire. En fait, ça me permettait de bien voir la différence entre les cires et les cellules. Et je vais aller me caler exactement sur la ligne de la cellule. Hop, du bord de la cellule. On va essayer de se caler sur les deux. Hop. On se cale. Celle-là, on était à peu près calé ici aussi. Voilà, si je clique à côté, on est plutôt bien. Du coup, on a notre coin. Je vais revenir en plein écran avec un bon vieux match Z. Et là, je vais pouvoir cloner mon coin au gauche que je vais appeler coin au droit. Voilà, c'est ça. Et là, du coup, normalement, ça va être très simple à déplacer. J'ai juste à déplacer 90. Oula. Faire une rotation de 90 et mon coin est calé. Je pourrais cloner mon clone, mais ce n'est pas intéressant. On peut le faire, mais ce n'est pas intéressant. Je vais recloner mon coin que je vais appeler coin bas gauche. Vous voyez, j'ai marqué au droit. Ce n'est pas grave. Et là, ce bas gauche, j'ai encore la chance de rotation de 90. Et là, mes coins sont faits. Je peux revenir à mon rectangle. Je vais repasser la forme en 22 comme ça, on ne verra pas les traits entre eux. Et voilà, on a notre réplicateur. Mais maintenant, on va pouvoir le faire apparaître de façon aléatoire. Et là, on va utiliser un comportement de réplicateur, un réplicateur de séquence. Ce réplicateur de séquence, si je l'applique, ça ne fait rien du tout. Tout simplement, il va falloir nous rajouter un paramètre. On va rajouter un paramètre d'opacité. Et du coup, on va marquer un premier point. Je vais 10 secondes plus loin, je mets un autre point. Et je veux qu'au premier, il fasse zéro. Si j'appuie sur Play, vous voyez que ça n'a rien fait. Ça fait apparaître un truc bizarre au centre. En fait, tout simplement, au lieu de mise en séquence, au lieu de mettre vers, je vais mettre depuis les images clés. Et là, vous allez voir que toutes les cellules apparaissent peu à peu. Je vois qu'il y a un truc derrière. J'ai un émetteur qui s'est fait quelque part. On le surprime. Et là, on voit que les cellules apparaissent à partir du centre. On va pouvoir régler ça dans le réplicateur. Vous voyez qu'on est en début centre. Je pourrais mettre en haut à gauche. Là, je suis en travers, donc on va le voir apparaître. Ça n'apparaît pas tout de suite, parce qu'au début, ils sont cachés par mes coins. Donc, c'est en travers. Si je mettrais en par ligne, ça ferait apparaître l'une par ligne. Ce qui n'est pas mal. Mais moi, je vais mettre dans le désordre. Et là, j'ai mes réplicateurs qui apparaissent. Vous voyez que là, je vais continuer. Je m'arrête et je me rends compte que mon coin, mon rectangle vert, mon carré vert qui n'est pas rectangle d'ailleurs, il n'est peut-être pas parfait parce qu'on voit quelques pixels de certaines cellules. Je reviens avec mon modifier les rectangles. Et là, je vais pouvoir revenir renier les cellules qui ne me plaisent pas à gauche et à droite. Je continue à gauche. Vous voyez qu'en fait... Je peux y aller encore un peu. Encore un poil. Vous voyez que vu que ce sont des clones, ça a piqué sur mes trois images. Et du coup, je n'ai plus ce problème. Peut-être qu'ici, si on voit mon bas gauche, vous voyez qu'il n'est peut-être pas très bien placé. Pour le déplacer, j'utilise le commande flèche vers le bas pour pouvoir me déplacer et être au parfait endroit, au parfait moment. Pareil, sur la gauche, ce n'est peut-être pas parfait. Et voilà. Je recule. On se rend compte que ce n'est peut-être pas parfait. La ligne n'est peut-être pas parfaite ici, mais ce n'est peut-être pas forcément important parce que vous allez voir que j'ai créé un QR code et là, je voudrais qu'il s'arrête ici. Je voudrais que mon réplique s'arrête ici. Je me dis que je vais sélectionner mon réplique et j'appuie sur O. Sauf que quand j'appuie sur O, il se termine totalement. C'est-à-dire qu'il est rempli. Toutes les cellules ont apparu. Donc là, on ne va pas pouvoir faire ça. La petite triche qu'on va utiliser, c'est tout simplement l'opacité avec deux images clés. On pourrait utiliser Constant Egg. Je vais revenir à ma deuxième image clé et je vais passer à zéro. Et c'est à cet endroit-là que mon QR code va pouvoir apparaître. Du coup, j'arrive. Vous voyez, j'ai mon QR code qui apparaît. Du coup, on regarde. Ce n'est pas parfait. Du coup, on pourrait tricher. Non, pas tricher, excusez-moi. On pourrait essayer de trouver le même QR code. Je déplace de 1. Là, j'ai mes deux QR codes qui sont en même temps. Je pourrais aller dans mon réplicateur et aller chercher la bonne valeur qui ressemble bien à la valeur aléatoire qui lui va bien. Je vais vous montrer une autre technique qui va nous permettre de tricher cette fois vraiment. Je recherche mon QR code. Je le redéplace d'une image. Un petit i. On va faire un petit effet d'agitation au moment du changement de QR code. J'arrive ici. Je vais mettre un paramètre un comportement de paramètre agité à la position de mon groupe général qui est le QR code. En fait, je vais arriver avec mon comportement agité. Je vais en faire plusieurs points. Je vais mettre un point ici qui va être agité à ce moment-là. Je voudrais que 3, 4 images. Je me suis déplacé 1, 2, 3, 4. J'ai appuyé 4 fois sur les flèches. Je me suis déplacé de 4 images. Je reviens à l'autre. Je veux qu'on arrive 1, 2, 3, 4 à une image clé. Je ne veux pas que ça s'agite. Je reviens à l'autre. Je mets 0 ici. Ça monte d'un coup. C'est peut-être un peu fort. J'aime bien ajouter et soustraire. Comme ça, c'est pas mal. Il vaut mieux diminuer un peu. On va rajouter un peu de fréquence. Ça va bouger un peu plus. Avec un peu de bruit. Ça peut être pas mal. On va voir ce que ça donne. Ça fait un peu fort. On va descendre un peu. Et du coup, on regarde ce que ça donne. Vous avez l'impression que les pixels ont bougé. On va rajouter un petit truc qui pourrait être intéressant. J'ai envie de rajouter un petit flou directionnel. J'applique mon flou directionnel. Je vais le rajouter plein. Je vais passer en 90. Je vais pouvoir mettre des images clés. Je suis à 119. Je vais suivre les autres images clés comme mon agité. Je vais enlever le flou. Je vais mettre à 0 le flou avant l'agitation. A l'agitation, j'ai plein de flou. Au dernier point clé de l'agitation, je mets une dernière et j'enlève mon flou. Vous voyez que j'ai mis mon flou et mon QR code est devenu blanc, ce qui est étonnant. Je me rends compte que mes coins continuent alors que je n'en ai pas besoin. Je vais les faire se finir. Je sélectionne les trois en même temps. Je me déplace d'une image. Je fais Out. Mes coins n'existent plus quand on est agité. Je me rends compte que mon QR code, le blanc, est revenu. L'obstructure ne marche pas car j'ai ajouté un flou. Je vais utiliser l'incrustation en luminance. On va l'inverser car ça enlève les noirs. On va peut-être travailler un peu le noir pour enlever tous les blancs. Je l'ai enlevé. On va voir ce que ça donne. On a un QR code qui apparaît. Je pense qu'on pourrait avoir une animation intéressante au début. On va tout simplement déplacer. J'aimerais faire apparaître mes coins et que mon réplicateur commence un peu après. Je descends. Là, j'ai mes différents coins. J'enlève ma lumière qui me gêne. Je ferme mon coin car je n'en ai pas besoin. J'avais envie de voir mon réplicateur. Sans m'en rendre compte, je ne l'ai pas fait commencer dès le début. Je vais prendre mon répli et mon QR code. Je vais le sélectionner ici. J'appuie sur play sans faire exprès. J'ai mon QR code ici. Je vais sélectionner mon répli en même temps. Je vais les déplacer de 10 images en faisant CMD-MAGE-FLÈCHE-DE-DROITE et ça va déplacer tout mon répli de 10 images. Si je regarde, je vais avoir un problème. Mon effet n'est plus au même endroit. Je vais les déplacer. Je vais prendre les images clés. Je vais pouvoir sélectionner mes images clés dans l'éditeur d'images clés. Je mets ma barre de lecture au moment où on en a besoin. Je n'ai pas déplacé mon QR code. Je pensais l'avoir déplacé. Je le mets ici. Je reviens sur mes flous directionnels et mon agité. Je n'arrive pas à sélectionner les deux car je n'appuie pas au bon endroit. Je n'appuie pas sur la bonne touche. Je vais pouvoir déplacer mes points en les sélectionnant ici. Ce sera tout aussi simple que les prendre dans et je vais arriver sur le point où l'agitation se termine, où le réplicateur se termine et le QR code apparaît. Je vais pouvoir faire apparaître mes coins peu à peu. Mon premier coin, je vais le déplacer. Je vais me déplacer d'une image. Je vais faire trois images, un petit coup de « i » pour le faire apparaître. Trois images, flèche vers le haut. Cela me permet d'aller directement sans cliquer sur le calque juste dessus. Je mets un petit « in » et on est bon. Tout apparaît. On peut re-regarder. On va le regarder plusieurs fois. Mon QR code apparaît. J'ai bien fait de re-regarder. Mes coins disparaissent avant la fin. Cela a été déplacé. Je vais les faire venir jusqu'ici. J'ai juste à les sélectionner. J'ai mis ma barre de lecture. Je sélectionne mes trois coins. Je fais « out ». On va re-vérifier. J'ai un QR code qui apparaît. Pour finir, je trouve que l'agitation est peut-être un peu forte à ce point-là. On va aller chercher l'agitation. Je ne suis qu'à 20. Je le trouve quand même fort. On va diminuer. On va passer à 10. On va voir ce que cela donne. J'ai appuyé sur « V » sans faire exprès. C'est en dessous de l'espace. On va essayer d'avoir rien de sélectionné pour bien voir ce que cela donne. Nous avons un joli QR code qui apparaît tout doucement. C'est une façon de vous montrer comment utiliser les réplicateurs dans un exercice précis.

Programme détaillé de la formation

8 commentaires
4,0
8 votes
5
4
3
2
1
mattlogy
Il y a 7 months
Commentaire
Formation très difficile à suivre le formateur se perd dans ses explications, cafouille dans ses démonstrations, des fautes de français à n'en plus finir. Heureusement que j'ai bénéficié d'un prix promo blackfriday sinon je demandais un remboursement. Au final des astuces pour découvrir mais c'est une galère à suivre.
spamluv
Il y a 1 year
Commentaire
Bonne formation qui vous donnera les clés fondamentales pour pouvoir explorer le logiciel, si vous partez de zéro ou presque je recommande !
QQ longueurs et qq hésitations mais rien de bien gênant.
Par contre petit message pour @Elephorm : dans le module 10 les titres des vidéos "générateurs" et "transitions" sont inversés
librecoaventure
Il y a 1 year
Commentaire
Assez déçu, pas du tout pédagogue, on a du mal a suivre ses explications sur lesquelles il revient... Ce n'est pas à la hauteur de la formation FCPX que j'ai prise précédement.
gerard.marxen
Il y a 2 years
Commentaire
Excellente formation, dommage que nous ne bénéficions plus de fichiers de travail comme dans les anciennes formations d'ELEPHORM
arnaudcastan
Il y a 2 years
Commentaire
TOP MERCI
arnaudcastan
Il y a 2 years
Commentaire
TOP
alexandre.clenet
Il y a 2 years
Commentaire
Génial ! Super formation ! Pédagogie extra ! Formateur au top ! Je trouve très bien de répèter les différents raccourcis et actions . Une des meilleures formation que j'ai pu faire sur Elephorm ! Encore bravo !
romuromu
Il y a 2 years
Commentaire
Bravo pour cette bonne formation qui fait le tour de Motion 5. Merci.
Nos dernières formations Motion 5