Découvrir Procreate Dreams : concevoir et animer une présentation de logo

1. Introduction: Je pense que Procreate Dreams a élevé ma créativité. Cela a accéléré mon flux de travail, me permettant d' animer où que je sois, mais aussi de donner vie à certaines idées. Bonjour. Je suis Smitesh Mistry Une création multidisciplinaire incluant la vidéographie, l' illustration, l'animation et la création de contenu Au fil des ans, j'ai acquis toutes ces compétences différentes et j' aime les utiliser comme outils lorsque travaille sur des projets créatifs. Vous avez peut-être vu certaines de mes illustrations sur Instagram, ou certaines de mes vidéos sur TikTok, ou même certains clients comme Wingstop, mais aussi mes cours sur Skillshare Dans le cours d'aujourd'hui, nous allons créer une animation simple qui se terminera par la révélation d'un logo. Vous pouvez l' utiliser pour vos réseaux sociaux, pour une introduction sur YouTube ou même pour faire partie de votre portfolio Ce cours est parfait si vous n'avez jamais utilisé Procreate Dreams auparavant, ou si vous avez fait de l'animation et souhaitez utiliser un J'ai l'impression que les compétences que vous allez acquérir dans ce domaine, telles que les transitions ou même l'animation image par image, seront transférables à de nombreux projets à l'avenir Dans ce cours, nous allons commencer par vous expliquer l'interface de Procreate Dreams, où se trouvent certains outils et gestes que vous pouvez utiliser pour améliorer votre Nous passerons ensuite à l'utilisation du flipbook et images-clés pour ajouter de l' animation à notre illustration, puis nous compléterons le tout en ajoutant un design sonore en ajoutant un design À la fin de ce cours, vous aurez une solide compréhension de l'utilisation de Procreate Dreams et vous aurez un projet qui inclut des transitions et la révélation d'un logo Je suis ravi de donner ce cours et de vous montrer comment j'utilise Procreate Dreams dans mon flux de travail, ainsi que des trucs et astuces que vous pouvez également utiliser pour inclure dans le vôtre. Si vous êtes prêt à commencer à animer dans Procreate Dreams, prenons votre iPad et votre stylet, et allons-y 2. Pour commencer : découvrir Procreate Dreams: Ce qui est vraiment intéressant avec Procreate Dreams, c'est la simplicité avec laquelle il est possible de créer des animations complexes À la fin de ce cours, vous aurez une solide compréhension de l'utilisation de Procreate Dreams et d'un projet qui inclut des transitions et la révélation d'un logo Vous pouvez l' utiliser pour vos réseaux sociaux, pour une introduction sur YouTube ou même pour faire partie de votre portfolio C'est fou ce qui est possible avec Procreate Dreams, qu'il s'agisse de donner vie à des illustrations précédentes, planifier une animation ou même animer sans aucune Dans cette leçon, je vais passer en revue l' interface utilisateur de Procreate Dreams En tant qu'application Procreate, vous pouvez constater certaines similitudes avec Procreate. Commençons par cela. Dans l'application, il existe une fonction de dessin et de peinture. Comme vous pouvez le voir en haut à droite, vous avez votre pinceau , votre tache, votre rasoir, vos couches et votre couleur Ce sont toutes des choses que vous pouvez transmettre à partir de Procreate Mais sur le côté gauche, vous avez également la taille de votre pinceau et son opacité Maintenant, en ce qui concerne les gestes, ceux qui peuvent être transférés de Procreate sont le pincement pour zoomer, comme ça, et le double appui pour annuler, puis les trois doigts pour rétablir L'avantage, c'est que vous pouvez annuler et rétablir n' importe où sur l'écran. Vous pouvez donc le faire ici dans la chronologie, comme ça L'un des éléments que j'aime bien qui a été repris dans Procreate est la possibilité de créer des masques de découpage Supposons que vous ayez une forme et vous deviez y ajouter de la texture, comme dans Procreate, au lieu de couches, vous avez des pistes. Vous ajouteriez donc une nouvelle piste au-dessus Ensuite, vous pouvez simplement dessiner ce que vous voulez. Ensuite, une fois que vous en êtes satisfait, vous pouvez désélectionner le contenu principal, cliquer sur « Masques », puis sur « Découper les masques C'est aussi simple que cela. Comme dans Procreate, vous pouvez créer vos propres palettes de couleurs pour vous assurer que ensemble de votre animation est uniforme Maintenant que nous avons abordé les points similaires à Procreate, passons en revue certaines des nouveautés de Procreate Lorsque vous ouvrez l'application, vous serez accueilli par le cinéma. C'est là que seront placés tous vos films. Pour créer un nouveau film, cliquez simplement sur le bouton plus en haut à droite, et Procreate Dreams a chargé des modèles que vous pouvez utiliser Pour cet exemple, je vais passer en mode écran large, puis en mode vide. C'est la première chose que vous recevrez. Je veux le diviser en trois sections. Cette section supérieure, ici, s'appelle la scène. Cette section inférieure est la chronologie. Lorsque vous cliquez sur ce squiggle sur la droite, vous passez en mode dessin et peinture Passons en revue chacune d'elles et indiquons où vous pouvez trouver les outils. Commençons par la scène. En haut, c'est ici que vous allez faire la plupart de vos dessins et de vos animations. La section ci-dessus, qui est surlignée, s'appelle votre scène, et toute zone en dehors de celle-ci s' appelle vos coulisses Ce que j'aime bien, c'est que vous pouvez dessiner ici, afin que vous puissiez voir l'illustration que vous avez créée, sachant où l' animer et comment en sachant où l' animer et comment l'intégrer sur la scène principale Ensuite, ici, à gauche de la section supérieure, vous avez votre code temporel. Si vous cliquez dessus, vous trouverez ici outils tels que le pelage des oignons ou la couleur de votre arrière-plan Passons maintenant à la section inférieure, la chronologie. C'est ici que seront diffusées toutes vos chansons. Si je dessine une forme simple, vous verrez une piste apparaître. Vous pouvez le déplacer simplement en contenu enfoncé et en le faisant glisser Vous pouvez en modifier la longueur en cliquant sur le bord et en le faisant glisser vers l'intérieur et vers l'extérieur. Ensuite, lorsque vous le maintenez enfoncé, d'autres options apparaissent, telles que renommer, surligner, où vous pouvez modifier le tag auquel il fait référence, afin de vous faciliter la tâche lorsque vous travaillez avec des fichiers plus volumineux Une autre option, comme le masquage , que nous aborderons dans nos prochaines leçons En haut de la chronologie, vous avez votre règle. C'est là que vous pouvez voir en quelques secondes, et si vous zoomez davantage, vous pouvez voir chaque image individuelle, ce qui est très utile lors de l'animation L'un des outils utiles de la chronologie est la tête de lecture C'est ce truc rouge que tu peux déplacer. Non seulement il agit comme un curseur qui vous permet de voir où vous vous trouvez dans votre animation, mais il y a également un menu derrière celui-ci. Si vous appuyez dessus, cela vous permet de commencer à ajouter une animation via une image clé. Laisse-moi te montrer. Vous tapez là où vous voulez commencer. Pour cela, je vais juste faire une simple rotation. Ensuite, vous faites glisser la tête de lecture jusqu'à l' endroit où vous souhaitez qu'elle s'arrête, cliquez à nouveau, puis vous ajoutez l'animation Ensuite, nous le faisons glisser vers l'avant, et si vous appuyez sur le bouton Play, vous pouvez ajouter une simple rotation. Nous y reviendrons plus en détail dans chaque leçon, mais je veux juste vous montrer toutes les fonctionnalités possibles. Supposons que si vous avez créé quelque chose dans la scène et que vous souhaitez le déplacer, vous devez désélectionner le mode dessin et peinture Ensuite, lorsque vous appuyez sur l' objet que vous venez de dessiner, vous voyez apparaître cette boîte avec des options de chaque côté. Lorsque vous sélectionnez les points rouges, vous pouvez effectuer une mise à l'échelle supérieure ou inférieure. Mais lorsque vous tapez sur l'un des points rouges, une petite ligne apparaît juste à l'extérieur, ce qui vous permet de faire pivoter que vous venez de dessiner. Une autre chose que j'aime beaucoup, c'est le fait que vous puissiez modifier les points d'ancrage. C'est à partir de ce point que vous avez dessiné pivote, comme vous pouvez le voir ici, ce petit plus qui apparaît Pour changer cela, il y a un menu ici en haut à droite, les trois points, vous cliquez dessus une fois, puis vous pouvez modifier l'ancre. Cela vous permet de le déplacer. Ainsi, lorsque vous le faites pivoter, il pivote désormais autour du point d'ancrage, comme ça. Les principaux outils que vous allez utiliser se trouvent en haut de la chronologie. Vous avez le jeu, cela vous permet de jouer votre animation. À côté de cela, vous avez votre outil performant. Laissez-moi vous montrer comment cela fonctionne. Je vais dessiner une forme simple à l'écran. que j'aime bien, c'est qu'il enregistre simplement la façon dont vous déplacez votre main ou la façon dont vous déplacez le stylet sur l'écran Je vais cliquer sur « Exécuter ». Comme vous le voyez en haut à gauche, cela indique que c'est prêt Dès que vous interagissez avec l'objet que vous venez de dessiner, il commence à l' enregistrer sous forme d'images-clés, comme vous le verrez. Je vais juste le déplacer. Dès que je m'arrête, vous verrez que la tête de lecture s'arrête également. faisant glisser vers l'avant, si vous appuyez sur Play, vous verrez ce que vous venez d'animer maintenant à la fonction flipbook, passons en mode tiroir et peinture, et dessinons simplement un cercle Pour passer en mode flipbook, qui vous permet de faire des animations image par image, j'aime le faire en faisant simplement glisser cette petite ligne entre la scène et la chronologie, juste vers le haut, et vous avez maintenant cette petite fenêtre contextuelle qui vous cette petite fenêtre contextuelle permet Pour créer un nouveau cadre, appuyez simplement sur le cadre sur lequel vous venez de dessiner, puis cliquez sur l'icône représentant un petit plus. Comme vous l'avez vu, la forme que je viens de dessiner a disparu. Pour le voir, activons notre épluchage d'oignons. Je vais cliquer sur le code temporel, puis sur « Afficher la peau d'oignon ». Cela montre le cadre précédent que nous venons de dessiner. Maintenant, nous pouvons simplement continuer à dessiner en sélectionnant le cadre suivant. Pour le reproduire, vous pouvez soit faire glisser vos cadres pour voir ce que vous avez dessiné, soit quitter le mode flipbook en cliquant sur le X, puis en faisant glisser votre tête de lecture vers l'avant, puis en appuyant simplement sur le bouton Nous approfondirons cette question dans les leçons suivantes. À côté de l'outil performant, nous avons la modification de la chronologie. Cela permet certaines choses, comme regroupement de cadres simplement en dessinant dessus. Comme vous pouvez le constater, ils sont tous sélectionnés, puis si vous maintenez simplement l'un des cadres enfoncé, puis que vous cliquez sur « Grouper », il se trouve désormais dans une seule piste solide, ce qui vous permet de vous déplacer plus facilement. Pour voir le contenu de ce groupe, appuyez simplement sur le petit menu déroulant. Enfin, nous avons la fonction d'ajout qui vous permet d'ajouter des pistes, des photos, des vidéos, des textes et des fichiers, ce que nous ferons plus tard dans les leçons. Enfin, permettez-moi de passer en revue certains des gestes qui sont nouveaux dans Procreate Dreams Ici, sur la chronologie, comme précédemment, vous pouvez zoomer et dézoomer en pinçant, mais pour modifier la hauteur et la largeur de ces pistes, avec trois doigts, faites glisser le curseur vers la gauche ou vers la droite, cela vous permet de modifier la largeur, puis en glissant vers le haut ou vers le bas, vous pouvez modifier la hauteur Ensuite, pour voir l'animation, comme dans Procreate, il suffit de taper avec quatre doigts, puis d'appuyer sur « Play » Maintenant que j'ai parcouru l'interface, nous allons passer à la création du projet de classe. Nous utiliserons l'outil performant, les images-clés et la fonction flipbook pour créer une animation qui se terminera par une révision du logo 3. Créer une animation d'introduction: Commençons. Je vais commencer par faire un nouveau film. Je vais utiliser le modèle d'écran large. Je vais cliquer sur dessiner. Avant de commencer, je voudrais changer les images par seconde de ce film. Pour ce faire, je vais simplement cliquer ici , puis changer le 24 en 12. Commençons maintenant. Lors de cette première frappe, je vais colorier l'arrière-plan. Je sais que nous avons une fonction de couleur d'arrière-plan ici, mais comme je vais la modifier, je veux avoir la possibilité d'y ajouter des images clés plus tard. Je vais le faire en cliquant et en faisant glisser le pointeur sur la scène Maintenant, je vais créer une piste au-dessus en appuyant sur le bouton Ajouter puis en cliquant sur la piste, et comme vous l'avez vu, une nouvelle piste est apparue au-dessus de la précédente. Pour commencer, je vais d' abord dessiner une trajectoire de mouvement. Pour cette première partie de l'animation, un blob va arriver, se transformer en quatre blobs, puis passer à la partie suivante, que nous se transformer en quatre blobs, puis aborderons dans la leçon suivante fois l'outil de dessin et de peinture sélectionné, je vais choisir un crayon et une couleur plus claire, et je vais simplement dessiner une trajectoire de mouvement. C'est le chemin que le blob suivra lorsqu'il arrivera Vous êtes libre de dessiner la trajectoire de votre choix. Pour cela, je vais simplement me courber puis me redresser en ce qui concerne le milieu de l'écran Maintenant, je vais mettre quelques indicateurs juste pour savoir à quelle vitesse je veux que le blob arrive Au départ, je veux que le blob arrive rapidement, qu'il ralentisse lorsqu'il tourne, puis qu' il accélère à nouveau lorsqu'il s'arrête Parce que je veux que le blob se divise en quatre, je vais aussi les dessiner juste pour connaître l'espacement Ajoutons maintenant nos indicateurs. Je veux que ça s'arrête là. Je veux que le blob arrive rapidement Je vais en faire apparaître un un écart plus grand , puis réduisons la distance entre les deux. Plus la distance entre ces indicateurs est grande, plus l' animation sera rapide. Maintenant, je vais réduire l'opacité de ce contenu en cliquant simplement sur la tête de lecture, en cliquant sur le filtre, l'opacité, puis en le diminuant légèrement Nous avons maintenant notre trajectoire de mouvement avec nos indicateurs de temps dessus. Nous allons créer une nouvelle piste au-dessus, puis nous allons commencer à dessiner sur cette piste. Je vais donc cliquer sur « Ajouter une piste ». Maintenant, je voudrais ajouter la pelure d'oignon, juste pour voir où je fais dans le cadre précédent Cliquez sur le code temporel , puis sur Afficher la peau de l'oignon. Pour cela, nous allons utiliser la fonction flip book. Dessinons donc notre premier cadre, Dessinons donc notre premier puis nous partirons de là. Je vais passer en mode flip book en faisant glisser cette petite ligne vers le haut. Je vais le déplacer vers la gauche puis sur le nouveau cadre, appuyer simplement sur le cadre actuel, puis cliquer sur le bouton rouge plus. Comme vous l'avez vu, le cadre précédent est devenu violet Je vais donc l'utiliser comme indicateur, puis appuyer sur le cadre vide à côté pour ajouter le suivant et ainsi de suite. Une chose que j'aimerais faire, c'est que dans les parties où les indicateurs temporels sont assez éloignés les uns des autres, j'aime étirer l'animation pour ajouter à l'illusion de vitesse. Alors pour ce dernier point, je vais l'étirer un peu. Ensuite, au moment de l'arrêt, je voudrais en écraser un peu le bout Je vais exagérer , augmenter la hauteur du devant de ce blob Je vais aussi augmenter la surface du dos. L'avantage de la fonction flip book, c'est que vous pouvez simplement regarder vos images dos à dos en les faisant simplement glisser pour voir à quoi elles ressemblent c'est que vous pouvez simplement regarder vos images dos à dos en les faisant simplement glisser pour voir à quoi elles Alors maintenant, je veux que ce gros et long soit séparé en quatre individus. Je veux que cela soit séparé. Je vais progressivement rapprocher ce dernier blob pour obtenir un effet de recul Je vais séparer ce dernier blob des deux autres, puis ces deux-là seront presque séparés Ensuite, juste une dernière image avec les balles à nouveau au même endroit. Maintenant, si nous regardons cela en arrière, je vais simplement cliquer sur le petit x pour dézoomer sur la chronologie, puis faire glisser la tête de lecture vers le début Désactivons les guides pour cela afin de voir ce que nous avons fait. Ce qui est bien, c'est que vous pouvez maintenant parcourir la chronologie et modifier chaque image en fonction de ce que vous voulez Je vais revenir sur la trajectoire du mouvement. Je veux que ce bloc soit un peu plus grand au fur et à mesure qu'il arrive. Je vais désélectionner le tiroir et l'outil de peinture puis je peux simplement appuyer sur le cadre, puis je peux simplement l'agrandir, en faisant glisser le petit point rouge extérieur et je vais juste le faire Maintenant, regardons ça en arrière. Il y a une dernière modification que je souhaite apporter au tiroir et à l'outil de peinture sélectionnés. Je vais juste changer de pinceau , puis je vais simplement modifier la forme de ce cercle. Ensuite, un ajout que je vais ajouter pour rendre les choses un peu plus convaincantes, c'est que lorsque le blob recule, je vais juste en avoir un tout petit peu Je vais donc faire un simple blob, puis le suivre un autre petit blob Voilà le cadre de notre animation. Je vais maintenant entrer et colorier les différentes sections. Je vais entrer dans un flip book pour cela parce que tous les cadres sont dessinés maintenant, je vais désactiver le pelage des oignons Ensuite, à l'aide du pinceau de votre choix, entrez et coloriez tous les cadres que vous avez créés. Je vais juste image par image. Contrairement à Procreate, où vous pouvez faire glisser la couleur dans une forme de nuage pour la remplir, cela accélérera légèrement votre flux de travail Ce que je suis en train de faire maintenant, c'est de nettoyer cette dernière image, puis nous regarderons l'animation que nous avons créée pour cette première section. Comme chacune est image par image, on a l'impression que chacune est une toile différente, ce qui est bien. Voyons ce que nous avons fait maintenant. Je vais faire revenir la tête de jeu au début. Cool. Voici un bref aperçu de la fonction flipbook de Procreate dreams Ce que je vais faire maintenant, c'est supprimer cette trajectoire de mouvement que nous avons créée. Parce que nous n'en avons plus besoin . Je vais simplement maintenir le contenu, puis cliquer sur Supprimer le contenu. Ce que je veux faire, c'est maintenir le dernier cadre que nous avons dessiné un peu plus longtemps Je vais donc cliquer sur le cadre puis simplement faire glisser l'extérieur, peut-être 10 images, juste pour que le dernier cadre soit maintenu. Nous y voilà. Maintenant, ce que je veux faire pour passer à la scène suivante, je veux ajouter une image clé à cette dernière image que nous venons de tenir. Je vais juste zoomer sur la diapositive, puis au début de cette image, appuyer sur la tête de lecture Cliquez sur « Déplacer » pour déplacer et redimensionner. Ensuite, je veux m'assurer que mon point d' ancrage est au centre Je vais donc cliquer sur le menu de droite, ajouter un point d'ancrage, puis le faire glisser vers le centre. Cliquez ensuite sur OK en haut à droite. Ensuite, au départ, je veux qu'il rétrécisse et pivote, puis je veux qu'il ressorte et tourne dans l'autre sens. Je vais faire glisser la tête de lecture, en m'assurant qu'elle se trouve sur la piste de l'image clé, appuyer puis, avec la petite ligne à l' extérieur du point rouge, la faire pivoter légèrement, puis faire glisser le point rouge vers l'intérieur pour qu'il puis faire glisser le point rouge vers soit légèrement redimensionné Juste pour créer une certaine anticipation. Faisons-le glisser sur deux images, puis je veux qu'il explose vers l'extérieur. Je vais donc le faire pivoter dans l'autre sens, puis l'agrandir Regardons les choses depuis le début. Une chose à noter est que, selon ce que vous voyez dans votre chronologie, c'est ce que nous allons jouer en boucle. Si je zoome pour avoir l'animation complète dans la chronologie et que j'appuie sur Play, cela fera tourner en boucle ce que nous avons fait jusqu'à présent, mais si je veux juste voir la section que nous avons faite sur les images clés, je peux simplement utiliser deux doigts pour remplir la chronologie avec ceci cadre et cette partie de l'animation va juste tourner en boucle. Je pense que je veux que ce soit un peu plus exagéré Je vais donc cliquer sur la dernière image clé , puis la faire glisser légèrement vers l'extérieur Je ne sais pas si vous avez déjà travaillé avec des images-clés, mais une chose que vous pouvez faire est modifier la façon dont chaque image-clé interagit Si nous maintenons la trace d'images clés entre les images que nous avons créées, nous pouvons définir le type d'assouplissement souhaité. Pour cela, nous voulons le configurer de manière à ce qu'il s'enclenche et qu'il se retire, ce qui signifie qu' entre chaque image clé , il démarrera lentement, accélérera ou il sera le plus rapide au milieu, puis ralentira à nouveau à la fin. Facilitez l'entrée, la sortie. Ça va accélérer au milieu, ralentir ici, puis ça va beaucoup accélérer ici. Parfait. Maintenant que nous avons utilisé la fonction flipbook pour créer cette première partie de l'animation, dans la leçon suivante, je vais vous expliquer comment utiliser l'outil performant et les images clés pour créer la deuxième partie de cette 4. Ajouter des éléments volants: Sur la base de la leçon précédente, nous allons utiliser l' outil de performance pour créer la scène suivante. ce faire, nous allons créer une légère transition dans laquelle les blobs que nous avons créés dans la leçon précédente se transformeront désormais en formes En reprenant là où nous nous sommes arrêtés avec le cadre que nous avons maintenu, je vais simplement le découper en faisant glisser l'extérieur du cadre, de manière à ce en faisant glisser l'extérieur du cadre, de que la dernière image clé disparaisse Rejoue ça. C'est parfait. Je voulais terminer assez brusquement, car nous allons ensuite passer à la partie que nous allons dessiner maintenant Pour cela, je veux que les blobs prennent quatre formes différentes donc sur quatre pistes distinctes, je veux dessiner quatre formes différentes Je vais commencer par cliquer sur le bouton Ajouter une piste et je vais simplement utiliser le cadre précédent comme référence à l'endroit où se trouvent les blobs Pour aller dans le tiroir et l'outil de peinture, n'hésitez pas à utiliser le pinceau de votre choix et de n'importe quelle couleur. Notre première forme est terminée, donc je vais faire de même pour les trois autres formes, en cliquant simplement sur la piste plus une nouvelle piste. Ne vous inquiétez pas de la taille de la forme, car nous allons jouer avec l'échelle une fois que nous aurons dessiné nos formes. Encore une fois, en plus du bouton « nouvelle piste », je vais juste changer la couleur de celle-ci en vert. Maintenant, pour ce qui est de notre forme finale avec ces formes, je voulais juste que chacune soit bien distincte les unes des autres, puis avec les couleurs, je voulais juste que ce soit amusant. Même si le rouge est rugueux, il n'est pas nécessaire que ce soit parfait. Voilà, nos quatre formes se trouvent toutes sur pistes différentes. Maintenant , avant d'ajouter des images-clés, nous allons trier leur taille et leur position. Je vais commencer par faire glisser la tête de jeu vers la croix rose, puis désélectionner le tiroir et l'outil de peinture, appuyer simplement sur la forme et déplacons-la avec les points rouges, il suffit de les Pour l'instant, je vais juste les placer en haut du cercle juste pour les dimensionner, puis je vais vous montrer ce que nous allons en faire Si nous faisons glisser la tête de lecture et voyons la direction dans laquelle les blobs se dirigent, vous pouvez voir qu'ils tournent dans cette direction et vers l'extérieur. Comme ils se dirigent vers l'extérieur, nous voulons que la Si vous prédisez où ira le blob, il se trouvera ici, alors allons-y et déplaçons nos formes dans la direction dans laquelle le blob ira Je vais faire des allers-retours juste pour me faire une idée Parfait. Découpons nos clips ils commencent là où les taches pour qu' ils commencent là où les taches se terminent. Il existe deux manières de procéder : vous pouvez faire glisser chacun d'entre eux manuellement comme ça ou en utilisant la chronologie, vous pouvez simplement dessiner sur les quatre, puis les faire glisser pour que nous puissions les faire tous ensemble. Nous avons alors nos formes Nous allons maintenant utiliser l'outil performant pour les déplacer afin de créer une explosion. Je vais faire chaque forme à la fois, les exécuter, les faire exploser, puis faire de même pour chaque forme par la suite Pour cela, commencez par la croix. Je vais donc faire glisser la tête de lecture jusqu'au début du clip . Comme elle est déjà sélectionnée lorsque je clique sur l'outil de performance, dès que je commence à déplacer la forme, vous verrez que la tête de lecture commence à glisser le long de cette piste et à enregistrer les images clés Allons-y, juste comme ça. Je vais appuyer avec deux doigts , puis faire glisser trois doigts pour réduire la largeur Sélectionnez l'outil performant Je veux que la forme se déplace rapidement , puis ralentisse. Cela peut prendre quelques essais. Il va me falloir quelques essais pour m'en sortir puis y revenir Avec cela, j'essaie de créer un effet comme s'il rebondissait sur le bord de la scène Si tu regardes ça en arrière, ce n'est pas assez rapide pour moi. Je vais l'annuler puis réessayer. Je vais m' assurer que toutes ces images clés sont réglées sur linéaire. C'est une bonne chose avec l'outil performant, vous pouvez entrer et modifier les images clés par la suite, afin voir où elles commencent réellement à se déplacer. La première image semble n'avoir rien fait. Je vais donc la supprimer, puis faire glisser la première vers l'avant. Voilà, j'en suis content. Jouons, amusons-nous avec l'outil performant et faisons de même pour le reste. Ce que j'essaie de faire également, c'est d'essayer de faire en sorte que chacune s'anime à peu près pendant le même temps, en alignant l' image-clé finale, puis maintenant pour le cercle, donc je vais le faire rebondir ici puis se retrouver ici, juste pour m'assurer que la disposition finale des formes Je vais le regarder plusieurs fois pour m'assurer que j'en suis satisfait avant passer à l'étape suivante. Maintenant que nous avons joué avec la position de la forme sur la scène, jouons avec la rotation et l'échelle, pour faire exactement la même chose , forme par forme. Je vais commencer par le début du contenu, en sélectionnant l' outil performant, mais cette fois, au lieu de le déplacer, je vais utiliser les points rouges dans le coin pour le redimensionner au fur et à mesure qu'il sort de la transition précédente la transition précédente, assurant qu'il se termine là où le clip précédent se trouvait. Ce que je veux faire, c'est changer un peu de position, donc pour ce faire, je vais simplement maintenir la trace de l'image clé. Je vais élargir l'échelle mobile et nous voyons ici une forme en x et y, donc c'est là que le cercle change de direction. Je vais le déplacer un peu vers le bas puis vers l' extérieur, juste pour qu' il ait l' impression qu'il rebondit sur le bord de la scène Ensuite, réduisons cela à nouveau, simplement en maintenant enfoncée puis en réduisant l' échelle mobile, faites de même pour le rectangle. Maintenant, sélectionnez l'outil performant, puis avec les points rouges dans le coin, faites-le simplement glisser vers l'extérieur et parce que je veux qu'il corresponde à la vitesse à laquelle X s' étend par rapport à la transition précédente. Je vais faire de même avec ma main aussi. maintenant à la croix rose et enfin, Passons maintenant à la croix rose et enfin, comme je l'ai mentionné, ajoutons une rotation juste pour lier le tout. Pareil, sélectionnez l'outil performant, je suppose qu'avec le cercle, vous ne le verrez pas beaucoup, mais ajoutons quand même une rotation. Puis, avec la ligne qui sort du coin rouge, encore une fois, je ralentis coin rouge, encore une fois, au fur et à mesure que la tête de jeu se déplace le long du camion, Comme je l'ai mentionné, j'essaie de faire correspondre la vitesse des différents types d' images-clés que j' ajoute. Pour ce qui est correspondre la vitesse des différents types d' de l'échelle, de la rotation et de la position, je veux qu'elle démarre rapidement puis se termine lentement, donc avec la rotation, je la fais pivoter rapidement, puis au fur et à mesure que la forme ralentit, je ralentis également ma rotation. Si nous rejouons cela, n' hésitez pas à jouer autant que vous le souhaitez l'orientation de la forme, sa position sur la scène, mais j' en suis très content, tout comme la façon dont elle remplit la page. Ce que je vais faire maintenant, c'est diviser les clips, afin de nous assurer que toutes les images clés se terminent en même temps. Ce que je vais faire, c'est faire glisser la tête de lecture jusqu'à la fin des transitions, appuyer sur la tête de lecture, l' ajouter et la diviser Procédez ainsi pour tous les clips, veillant à ce que la tête de lecture se trouve sur la piste et non sur la piste de l'image clé Maintenant que nous avons la base de cette partie de l'animation, allons-y et ajoutons un peu d'intérêt en utilisant des masques de découpage et de la texture 5. Ajouter plus de texture et de mouvement: Allons-y et ajoutons un peu d'intérêt en utilisant des masques de découpage et de la texture Pour ce faire, je vais sélectionner la piste à laquelle je souhaite ajouter le masque de découpage, puis suivre Maintenant, avec le tiroir et l'outil de peinture sélectionnés, je vais avec le tiroir et l'outil de peinture sélectionnés, sélectionner la couleur de votre choix. Je vais choisir un vert et ensuite m'amuser. J'aime beaucoup ajouter des gribouillis et des lignes à mes formes. Ça ressemble beaucoup à ce à quoi ça ressemble, en fait. Maintenant, ce que je vais faire, c'est conserver le contenu, puis passer aux masques et aux masques à découper, pour que les gribouillis gardent leur forme rose Si nous parcourons la chronologie maintenant, vous verrez qu'elle reste simplement dans la croix rose Faisons-le pour les autres. Avec le bleu, appuyez sur le bleu, nouvelle piste, changement de couleur. Maintenez le masque de contenu et le masque de découpage. Pareil pour le rectangle vert. Assurez-vous que le jeu se déroule sur la piste. Nouveau morceau, il va prendre le chemin inverse du morceau rose. Encore une fois, maintenez le contenu, masque, le masque de découpage, puis enfin, pour le cercle, nous le jouons. Désormais, toutes les textures que nous avons ajoutées aux formes devraient être présentes tout au long de l'animation. Maintenant que nous avons parcouru l'outil performant, passons aux images clés. Ce que nous voulons qu'il advienne de cette animation maintenant, c'est que toutes les formes pivotent puis disparaissent. Nous allons utiliser des images-clés pour ce faire. Passons à l'endroit où nous avons divisé le clip. Commençons par une forme. Commençons par le croisement rose. En commençant par l'endroit où nous avons séparé le clip. Ajoutons un cadre clé. Tout d'abord, ce que je veux faire, c'est changer le point d'ancrage de ces quatre formes. titre de référence, À titre de référence, je vais cliquer sur le contenu principal, créer une nouvelle piste, et je vais dessiner un blob au centre juste pour référence, puis nous allons le supprimer Je change la couleur en blanc, et je vais juste dessiner une tache au centre Revenons maintenant à l' endroit où nous avons divisé le clip. Désélectionnons le tiroir et l'outil de peinture. Ensuite, dans le menu situé en haut de la forme, cliquez sur « Modifier le point d'ancrage ». Ensuite, faisons simplement glisser cette croix vers le point de référence que nous venons de créer. Nous pouvons le faire pour toutes les formes. Nous n'avons pas besoin de sortir du menu, nous pouvons simplement appuyer sur la forme suivante et faire de même, puis sur la verte et la jaune. La raison pour laquelle nous l'avons fait est que cela permet à la forme pivoter maintenant autour du centre, ce que nous voulions. Commençons par Pink Cross. Comme vous le voyez ici, la tête de lecture de l'image clé ressemble à un rouge foncé. Dès que vous le touchez, il devient blanc. Cela signifie que vous avez ajouté une image clé, alors faisons-la glisser vers l'extérieur, puis nous allons appuyer à nouveau. Ensuite, en utilisant la ligne à l'extérieur, faisons simplement pivoter cette belle rotation, et maintenant nous voulons qu'elle soit également redimensionnée. Sur ce dernier cadre clé que nous avons créé, réduisons simplement la forme à l'aide des points rouges situés dans le coin. Nous l'avons rejoué, il devrait pivoter et évoluer en même temps. Avec ce type d'assouplissement, nous voulons qu'il soit plus facile, je vais continuer à le faire. Cela signifie qu'il commence à tourner lentement, puis qu'il s'accélère au fur et à mesure qu'il devient petit Faisons de même pour toutes les autres formes. Sur le demi-cercle bleu, touchez une image clé Je vais m' assurer de l'avoir aligné avec le précédent, de cliquer à nouveau, de le faire pivoter puis de le réduire. Pareil pour le rectangle vert. Nous devons ajouter un cadre clé et une échelle. Enfin, le cercle jaune. Touchons pour ajouter un cadre clé. Faites glisser la tête de lecture jusqu'à l'endroit où vous souhaitez appuyer, puis réduisez la taille. Maintenant, débarrassons-nous du point de référence que nous avons mis. Conservez le contenu et supprimez-le, donc si nous le rediffusons, c'est parfait. Je vais juste modifier le vert. Je vais entrer dans l'image clé, la suivre, maintenir enfoncée, l'agrandir, puis avec la rotation qui va la réduire un tout petit peu. Résolvons cela. Je veux juste m' assurer que toutes les mesures d'assouplissement sont réglées de manière à faciliter l'entrée en vigueur. Maintenez la touche Frame Track enfoncée, sélectionnez tout assouplissement , relâchez, réglez tout assouplissement , relâchement, puis enfin pour le cercle. Pour ajouter un peu de mouvement à cette animation, je vais ajouter des traînées à la fin des formes au fur et à mesure qu'elles réduisent leur taille et pivotent vers le centre. Je vais faire glisser la tête de jeu, peut-être trois ou quatre images avant qu'elles ne disparaissent. Ensuite, une fois la piste sélectionnée, je vais créer une nouvelle piste au-dessus. Je vais utiliser le tiroir et l'outil de peinture, puis comme je suis d'abord sur le cercle, sélectionnons le cercle. Pour cela, je veux que l' oignon soit pelé, afin de pouvoir voir les images précédentes Je vais donc appuyer sur le code temporel, pour montrer la peau de l'oignon Il semble que la texture apparaisse en ce moment, mais ne vous inquiétez pas car nous allons la regrouper juste pour que la forme entière soit incluse dans la texture. Maintenant, je veux passer en mode retournement, donc je vais le faire glisser vers le haut, cliquer le cadre, cliquer sur le point rouge, puis vous pouvez simplement suivre cette procédure pour réduire l' ajout au mouvement. Nous allons regarder cela en arrière, ajoute de la trace à la forme. Faisons-le pour les autres. Je vais sélectionner le rectangle vert, puis la nouvelle piste. Encore une fois, trouvons le mouvement. Le sentier se trouvera de ce côté. Maintenant, c'est l'heure du demi-cercle bleu. Passons en mode Flip Buck. Appuyez sur votre cadre, puis sur le signe rouge plus. Enfin, pour ce qui est de la croix rose, appuyez sur le track plus, puis sur le track, passez en mode flip book , appuyez sur votre frame plus, et c'est parti Quittons le mode flip book. Maintenant, groupons-les. Je vais découper le clip sur le dernier cadre que j'ai dessiné pour les sentiers. Je vais cliquer sur le titre de lecture, modifier, puis le diviser, et maintenant je peux le supprimer. Supprimez le contenu, et je peux également faire de même pour le masque de découpage Ensuite, avec la modification de la chronologie, je vais sélectionner les images que nous avons dessinées ainsi que le clip que nous avons scindé auparavant. Je vais attendre et regrouper. Revenons au masque de découpage, puis faisons de même pour la piste précédente Maintenant, si vous regardez cela en arrière, la texture retrouvera la forme et les traces. Faisons-le également pour le reste des formes. chronologie, modifiez, sélectionnez, sélectionnez les cadres et le contenu, maintenez, regroupez, puis déplacez à nouveau le contenu vers le masque de découpage Ne vous inquiétez pas pour les pistes vides qui se trouvent ici. Nous allons les nettoyer sous peu. Maintenant, nous le regardons en arrière. La texture sera à l'intérieur de la forme et des sentiers, ce qui est parfait. Maintenant, pour un peu de ménage, je vais passer en revue et supprimer toutes les pistes qui ne contiennent aucun contenu. Regardons ce que nous avons animé jusqu'à présent. 6. Créer un dévoilement de logo textuel: Maintenant que nous avons fait disparaître toutes les formes, importons notre logo et faisons-le apparaître. Je vais cliquer sur le bouton Plus, Photos car c'est là que je l'ai enregistré. Je vais cliquer sur le logo puis sur Ajouter. Avec ce logo, je l'ai créé dans Procreate. J'ai simplement tapé mon nom , puis j'ai changé la couleur de chaque lettre Ajoutons une petite animation à notre logo. Nous allons simplement le faire écraser, puis l' étendre, puis revenir à sa forme normale Je vais toucher, déplacer, déplacer l'échelle. Je veux juste l' écraser un peu. Ensuite, peut-être deux cadres, appuyez à nouveau. Développons-le. Ensuite, deux autres images, et revenons à sa taille normale. Ensuite, pour joindre tout cela, je vais ajouter une lueur qui apparaît entre le logo et la disparition des formes Parce que si on le rejoue maintenant, ça a l'air un peu maladroit Je vais faire glisser le logo juste qu'il commence là où se termine le tract précédent. Voyons juste à quoi cela ressemble. allons-y et ajoutons notre éclat entre disparition des formes et l'apparition du logo Sur une piste ci-dessus, je vais utiliser le tiroir et l'outil de peinture, il va passer au blanc. Allons-y et ajoutons un peu de brillance à un dessin animé. Je veux que cela commence au fur et à mesure que les formes y arrivent. Passons en mode flip book. Je veux le dupliquer. Divisons le clip. Supprimez-le. Nous l'avons, puis conservons le double du cadre. Je veux juste ajouter une échelle et une rotation, en m'assurant que l'ancrage pointe au centre. Parfait Ajoutons ensuite une légère rotation sous l'échelle. Je suis juste en train de le parcourir et de le modifier, en réduisant un peu la taille pour voir ce le modifier, en réduisant un peu la taille que l'on ressent. Je veux être la plus grande au fur et à mesure que les formes disparaissent. Je vais juste reculer toutes ces images d'un seul cadre. Maintenant, pour ajouter un peu d' exagération au logo, cela ajoute également quelques pistes à cela. Je vais me concentrer sur le moment où les logos sont les plus larges. Ensuite, passez à la peinture et au pinceau, il va sélectionner la couleur de chaque lettre , puis détruire une petite tache Je vais en avoir un qui vient ici pour feuilleter un livre, un nouveau cadre. Revenons-en à notre épluchage d'oignons. Je vais les regrouper. Alors je veux juste les déplacer. Faisons de même pour toutes les autres formes. Il va passer en mode flip book. Appuyez sur le Plus , puis terminez. Maintenant, voyons juste ce dernier pack de pièces. Divisons le logo. Supprimez-le. Prolongeons cela jusqu'à sept secondes. Ensuite, réduisons simplement notre chronologie complète. Sachant que c'est dans sept secondes, je vais cliquer sur le titre et les paramètres du film. Ensuite, pour ce qui est de la durée, je vais la changer à sept secondes et les minutes à zéro. Vous pouvez voir la fin de votre chronologie grâce à cette section plus sombre située à droite. Je vais faire glisser la tête de jeu jusqu'au début. Touchez ensuite avec quatre doigts pour passer en mode plein écran. Appuyons ensuite sur Play pour voir ce que nous avons obtenu. Parfait Maintenant que nous avons terminé toute la partie technique de cette animation, allons-y et ajoutons du son pour compléter ensemble de l'animation . 7. Ajouter des effets sonores et lumineux: Dans cette leçon, nous allons rassembler l'ensemble de l'animation en ajoutant du son et des éléments supplémentaires. Les sons que je vais utiliser dans cette leçon se trouvent ci-dessous dans les ressources de la classe, alors n'hésitez pas à les télécharger et à les ajouter à votre animation. Je vais juste ouvrir mes dossiers. Je vais juste cliquer, faire glisser et déplacer le tout sur le côté, et c'est très simple. avantage de la fenêtre divisée est que vous pouvez simplement la faire glisser, puis nous allons récupérer notre fichier audio. Je vais juste effacer ça. [BRUIT] Maintenant, il suffit de jouer avec sa position pour voir comment il se sent et sonne. [BRUIT] Parfait. C'est ainsi que vous pouvez ajouter de l'audio dans Procreate Dreams. J'y suis déjà allé et j'ai ajouté un peu plus de son pour l'animation complète, alors rejouons-le et voyons à quoi cela ressemble. [BRUIT] À la fin, je voudrais ajouter une autre touche, comme nous l'avons fait au début. [BRUIT] Voici le son pop, donc je vais juste le maintenir enfoncé, dupliquer, puis faire glisser jusqu'à l'endroit où nous voulons obtenir le son pop. Je le veux quand le logo apparaitra. [BRUIT] Parfait. Maintenant que nous avons ajouté le son, je vais ajouter quelques petits éléments ici et là. Je vais changer l'arrière-plan au fur et à mesure que les éléments apparaissent pour ajouter à la rafale, puis je vais ajouter une lueur à la fin pour faciliter la transition entre la disparition des formes et l'apparition du logo Au début, lorsque nous avons créé une piste complète [NOISE] pour l'arrière-plan, je vais la scinder puis simplement [NOISE] changer la couleur. Puis séparez. Ensuite, avec le nouveau contenu, je vais juste changer de couleur. Je vais utiliser l'outil de dessin et de peinture, sélectionner la couleur que je veux, puis la faire glisser sur la scène. Nous allons regarder ça en arrière. [BRUIT] Parfait. Passons maintenant à la lueur, je veux que le morceau soit au-dessus de tout, pour que tout brille. Pour le moment, je vais simplement passer à la couche supérieure , ajouter une piste, puis, avec le pinceau souple sélectionné, dessiner un cercle au milieu du cadre. Avec la lueur jaune, c'est parce que la peau de votre oignon est toujours active, alors désactivez-la pour voir ce que vous avez Maintenant, ce que je vais faire, c'est simplement ajouter un cadre clé simple, faisant commencer petit, agrandissant, puis en le réduisant à nouveau. Je vais couper le clip, le modifier, le diviser. [BRUIT] Je suis juste en train de vérifier la durée. Je veux qu'il apparaisse puis disparaisse au fur et à mesure que le logo apparaît. Je vais juste le tenir d'un cadre de plus. Je vais appuyer au centre, cliquer sur « Déplacer et redimensionner » et le faire glisser pour qu'il remplisse l'écran. Réduisons-le pour le premier image-clé, puis pour le dernier, réduisons-le à nouveau. Je vais agrandir d'une seule image, puis faire glisser l'image clé. [BRUIT] Parfait. Ensuite, avec cette couche, je vais changer le mode de fusion Je vais donc maintenir le contenu, cliquer sur « Mode de fusion », puis je vais le modifier pour l'ajouter. [BRUIT] Parfait. Maintenant que nous avons ajouté du son et des effets supplémentaires, je vais le jouer plusieurs fois juste pour m' en assurer, puis nous allons entrer et exporter le fichier. Je vais taper avec quatre doigts, et regardons-le jusqu'au bout. [BRUIT] parfait. Laissez-moi vous montrer comment exporter dans Procreate Dreams Dans les paramètres de Dreams, je vais simplement accéder à la section Partager et cliquer sur « Vidéo ». C'est aussi simple que cela, puis cela devrait être enregistré dans vos fichiers. Vous pouvez soit l'enregistrer votre galerie, soit l' enregistrer dans vos fichiers. Pour cela, je vais simplement enregistrer la vidéo, puis vous la trouverez dans votre application photos, juste ici, et voilà, votre toute première animation. 8. Réflexions finales: Félicitations pour avoir terminé votre première animation dans Procreate Dreams Procreate Dreams Dans ce cours, nous avons commencé par parcourir l'interface de Procreate Dreams et nous avons indiqué où se trouvent vos outils, puis nous sommes passés à l'utilisation images-clés de l' outil performant et la fonction flip book pour créer notre Ensuite, nous complétons le tout en ajoutant du son et des effets supplémentaires. Maintenant que vous avez exporté votre animation, n'hésitez pas à la partager ci-dessous dans la galerie de projets. J'adorerais voir ce que vous avez fait et vous faire part de vos commentaires. Merci encore d' avoir suivi ce cours. J'espère que vous avez pris de la valeur et que vous verrez le prochain. Au revoir.