Apprendre l'animation sur Procreate : créez des lettres animées captivantes sur votre iPad

1. Introduction au cours: J'adore les illustrations animées. Les mouvements des éléments par ailleurs statiques racontent des histoires beaucoup plus fortes aux spectateurs. L'utilisation créative du temps et de l'espace invite les spectateurs à interagir et à apprécier l'impact visuel de manière plus approfondie. Bonjour à tous, bienvenue dans la classe. m'appelle Esther et Every O'Shea, je suis une illustratrice basée aux États-Unis et une enseignante de haut niveau sur Skillshare. Mon travail est visible sur diverses surfaces ainsi que sur des magazines et des blogs de design populaires. Aujourd'hui, nous allons créer de superbes animations sur iPad. Je suis fasciné par l' animation traditionnelle image par image. Et je suis étonné de voir à quel point les principaux résultats peuvent être obtenus en utilisant une seule application sur l'iPad. Ce cours est conçu pour les débutants qui ont peu ou pas d'expérience en dessin ou en animation. Bien que les compétences que vous apprenez en classe puissent être appliquées à des illustrations complexes. Nous n'aborderons que les lettres de cette classe, qui sont constituées de formes géométriques très basiques. Si vous avez plus de cinq ans, il y a de fortes chances que vous soyez déjà surqualifié pour le cours. À la fin du cours, vous serez en mesure d' animer une lettre en utilisant l'une ou l'ensemble des techniques que nous aborderons dans le cours. Vous pouvez le télécharger dans la galerie de projets de cette classe, ainsi que de nouvelles idées créatives postérieures sur les réseaux sociaux. Ou si vous êtes timide, vous pouvez simplement l'envoyer à votre maman et la rendre fière. J'ai hâte de vous montrer comment nous pouvons transformer nos lettres manuscrites en illustrations animées. Je te verrai en classe. 2. Technique 1 effet de glitch: Lorsque vous avez ouvert Procreate sur iPad, votre écran ressemble probablement à celui-ci. Vous devez vous rendre dans le coin supérieur droit et cliquer sur l'icône plus pour créer un canevas équivalent à un nouveau document. Vous pouvez choisir différentes tailles si vous avez une dimension particulière en tête. Je vais juste choisir la taille de mon écran, qui est le premier choix, la liste. Je peux continuer et appuyer simplement sur la taille de l'écran. Si vous souhaitez créer un document d'une taille spécifique, vous pouvez cliquer sur cette icône ici. Ensuite, entrez votre taille, la dimension de votre toile à partir d'ici. Je vais simplement annuler et appuyer sur la taille de l'écran pour créer mon canevas. Par défaut, la toile est blanche, je vais donc la changer pour une couleur plus foncée. Juste pour enregistrer, c'est plus agréable pour mes yeux. Je vais appuyer sur le site de couches Kong dans un coin et appuyer sur la couleur de fond. À partir de là, vous pouvez sélectionner la couleur de fond. Je vais choisir quelque chose comme le bleu marine, couleur grise, peut-être moins saturé. Ensuite, nous allons créer une animation au-dessus de cette couche d'arrière-plan. Comme je l'ai dit plus tôt dans l'introduction, nous n'allons pas utiliser techniques d'illustration très spécifiques car nous voulons nous concentrer sur l'aspect animation des choses. Nous allons donc utiliser des formes géométriques très simples. Dans ce cas, pour notre première technique, nous allons animer une lettre 0. Je vais utiliser un pinceau assez propre sur le bord. J'ai créé ce pinceau à partir de zéro, que je mettrai également à votre disposition pour que vous puissiez télécharger dans l'onglet des ressources. Une fois mon pinceau sélectionné, je vais appuyer sur mon canevas pour revenir à la zone de dessin principale afin de tester votre pinceau. Vous pouvez toujours simplement griffonner sur votre écran. Pour ce pinceau en particulier, j'ai créé de manière à lisser automatiquement vos lignes. Je vais donc dessiner une lettre 0. Alors allez-y et tracez un cercle sur votre écran, mais retardez le levage de votre stylet. De cette façon, vous pouvez obtenir un bien meilleur cercle ou ovale. Avec la pointe du stylet, vous pouvez toujours toucher l'écran. Je peux modifier la taille de mon ovale. Et je vais juste lâcher prise à partir de là. Pour tous les typographes, vous êtes probablement en train de grincer des dents en ce moment. Mais pour la simplicité de la classe, nous allons dessiner un OH, de cette façon. Comme vous pouvez le constater, certaines choses doivent encore être nettoyées. Je vais utiliser ma gomme, peut-être la rendre un peu plus fine pour lisser le point de connexion. Nous sommes plutôt zoomés à ce stade. Tu ne peux pas utiliser tes deux doigts. Pincez rapidement sur la toile pour la remettre à l'écran. C'est notre lettre 0. Je vais maintenant activer l'assistant à l'animation, qui se trouve sous cette icône en forme de clé dans le coin supérieur gauche. Cliquez dessus, cliquez sur Canvas et activez cette aide à l'animation. Il suffit de basculer. Vous verrez immédiatement le panneau d' assistance à l'animation apparaître en bas de votre écran. Cela vous montrera chaque image de votre animation. Par souci de simplicité, nous allons créer seulement cinq cadres différents. Je vais donc simplement cliquer sur l'icône de la couche dans le coin supérieur droit et balayer la couche vers la gauche pour afficher certaines options. Nous allons cliquer sur Dupliquer, vers la gauche, balayer, dupliquer jusqu'à ce que nous ayons cinq couches avec lesquelles travailler. Je vais donc revenir à la première couche. Ce que je veux faire, c'est ajouter un effet glitch. Cette lettre 0, qui est super simple à faire. Vous souhaitez cliquer sur le panneau de réglage dans le coin supérieur gauche et, en bas de la liste, cliquez sur le problème. Le pourcentage du fait est nul. C'est probablement pour cela que rien ne change lorsque vous jouez avec les curseurs situés en bas. Donc, ce que vous voulez faire, c'est prendre votre crayon et le glisser sur l'écran de gauche à droite. De cette façon, vous verrez l'effet glitch. 100 % est le plus fort. D'habitude, je reste peut-être entre 30 et 20 % . Ici, il y a quatre sous-catégories de l'effet glitch, et vous pouvez simplement appuyer dessus pour basculer. Ma préférée pour cette animation est l'artefact. Et d'ailleurs, ne vous inquiétez pas trop pour les couleurs. Nous pouvons complètement changer les couleurs plus tard. Je vais donc simplement choisir le premier effet, appelé artefact, puis jouer avec les curseurs jusqu'à ce que je sois satisfait de la taille et de la sévérité de l'effet. Peut-être que c'est mon lieu de bonheur. Une fois que vous en êtes satisfait, vous pouvez simplement appuyer sur l'écran et appliquer l'effet. Vous pouvez également appuyer directement sur le panneau de vos calques et passer au calque suivant. Dans ce cas, lorsque vous cliquez sur la couche suivante, vous pouvez toujours voir que l'ombre de la première couche s'appelle la peau d'oignon. C'est très, très utile car vous pouvez décisions réfléchies en vous basant sur les animations précédentes. Par défaut, Procreate affiche toutes les images précédentes. Je pense que c'est un peu trop. Je vais donc simplement appuyer sur Paramètres, puis changer les cadres en peau d'oignon en un ou deux. Dans ce cas, comme notre animation est assez simple, nous allons simplement limiter le nombre d'images à une. Nous ne pouvons donc voir qu' une image précédente au lieu des cinq images. Ensuite, vous pouvez également modifier l'opacité. Je pense que 50 %, c'est plutôt bien. Vous pouvez également changer les couleurs car nous avons ce bleu marine. Je vais changer les couleurs pour peut-être un jaune plus vif. Nous avons donc un peu de contraste. Nous allons donc maintenant travailler sur notre deuxième cadre. Le premier cadre est le cadre le plus bas et le second cadre est celui situé au-dessus. Il suffit donc de cliquer sur la deuxième image. Nous allons faire de même en cliquant sur le panneau de réglage en descendant la liste et en cliquant sur l'effet glitch. Encore une fois, nous allons réduire notre pourcentage d'effet glitch à environ 20 à 30. Ensuite, vous pouvez changer la taille du bloc pour quelque chose de similaire parce que nous avons le, laissez-moi simplement zoomer parce que nous avons la peau d'oignon sur nous. Vous pouvez ainsi voir la différence entre votre image actuelle, qui est entièrement en couleur, et l'image précédente. Vous pouvez donc savoir dans quelle mesure vous faites la différence. Cela me semble très bien. Je vais donc simplement appuyer sur l'écran et cliquer sur Appliquer, et passer à la couche suivante. C'est assez simple. Encore une fois, si les couleurs primaires vous rendent fou, accrochez-vous. Je te promets que nous nous en occuperons à la fin. Donc, pour la troisième image, il suffit d'appuyer sur le cadre et nous allons cliquer sur le réglage et le problème. Encore une fois, nous allons faire glisser notre crayon de gauche à droite. Pour modifier la gravité de l'effet de pépin. Vous pouvez le modifier à l'aide de l'un des curseurs situés en bas de votre écran. Et passez à la suivante. Lorsque vous cliquez sur l'image suivante, qui est la couche ci-dessus, la couche précédente se transforme automatiquement en peau d'oignon. Donc, un ajustement, un problème et une diapositive sur l'écran pour changer la gravité. Une fois que vous en aurez fait assez, tout cela deviendra de la mémoire musculaire. Une dernière image. Nous avons maintenant appliqué l'effet glitch aux cinq images. Pour la prochaine étape, nous allons changer les couleurs. Lorsque vous appuyez sur le panneau de réglages. Il existe quatre groupes d'effets. Nous examinons donc la dernière carte du premier groupe, appelée carte à gradient. C'est vraiment génial pour changer de couleur en même temps. Je vais simplement appuyer sur la carte du dégradé. Lorsque vous sélectionnez la carte de dégradés, vous pouvez voir une bibliothèque de dégradés à votre disposition. Vous pouvez ensuite basculer entre différentes options et tout sera automatiquement recolorié. J'ai remarqué que lorsque je change la couleur de la carte en dégradé, la couleur de la peau de l'oignon est toujours visible pour moi. Je vais donc appuyer sur l'écran pour quitter la carte du dégradé pendant une seconde, pour éteindre ma peau d'oignon. Il suffit donc d'appuyer sur l'écran et de cliquer sur Annuler. Et revenez à mon assistant d'animation. Je vais appuyer sur Paramètres et faire glisser les cadres en peau d'oignon à zéro. De cette façon, nous ne pouvons voir que le cadre actuel. Revenons donc à notre carte des dégradés. Nous pouvons parcourir toutes les options de couleur sans interférence. J'aime beaucoup cette option de couleur, mais je devrais peut-être faire quelques ajustements pour améliorer un peu le contraste. Ainsi, par exemple vous pouvez appuyer sur l'une des couleurs. Ensuite, il suffit de jouer avec les curseurs pour modifier la valeur. Si vous souhaitez que certaines couleurs soient plus visibles, vous pouvez également appuyer sur le carré, puis le déplacer pour que certaines couleurs aient plus de pourcentage ou de présence dans votre image d'animation actuelle. . Une fois que vous êtes satisfait, vous pouvez aller dans le coin et cliquer simplement sur OK, et votre dégradé sera automatiquement mis à jour et enregistré. Pour l'onglet suivant, nous pouvons parcourir chaque image. Appuyez simplement sur la couche et passez à l'image suivante. Réglages, dégradé, carte et appuyez sur le dégradé que vous avez choisi. Et allez-y, recoloriez le reste du cadre. Réglage, carte du dégradé. Terminé. Et faites de même pour la dernière image. Maintenant, nous avons recolorié tous les cadres. Nous allons jeter un œil à notre animation et en faire un aperçu. Nous allons donc cliquer sur le bouton Play. Ça a l'air, ça ne ressemble pas vraiment à un bouton, mais c'est cliquable. Alors allez-y et appuyez sur Play. Et il vous montrera l'animation. Vous avez toujours le choix de peaufiner votre animation en accédant aux paramètres. Vous pouvez également modifier la façon dont vous souhaitez que votre animation soit jouée. Il peut passer de la première à la cinquième image et revenir à la première. Ou vous pouvez également choisir le ping-pong, qui fonctionne comme un ping-pong, ou vous pouvez le jouer une seule fois. Par défaut, le nombre d'images par seconde est de 15, et vous pouvez le remplacer par un nombre plus lent, ce qui donne une apparence plutôt saccadée. Par exemple, cela représente huit images par seconde. Laissez-moi revenir en arrière et appuyer sur Play. Et je veux changer mon option de boucle pour peut-être du ping-pong. Allons voir. N'importe quel clic sur Play. Cela fait huit images par seconde, ce qui est plutôt cool. C'est donc notre lettre 0. Très bien, c'est notre première animation. J'espère que vous prendrez le temps de célébrer et de faire une petite danse de fête. Et nous allons passer à la technique suivante. Je te verrai dans quelques minutes. 3. Technique 2 effet des voies en mouvement: Dans la première leçon, nous avons appris à utiliser l' effet glitch de base pour animer notre lettre 0. Dans cette leçon, nous allons apprendre à animer une autre lettre, mais en utilisant une technique d' animation un peu compliquée, je vais cliquer sur l'icône plus pour créer un nouveau canevas de la même taille que l'écran. Ensuite, cliquez sur l'icône Couches pour changer mon arrière-plan en une couleur légèrement plus foncée. Vous y voilà. Peut-être un peu plus heureuse. C'est un peu trop sombre. Alors ramène-le un peu. Ça ressemble à du gris froid, peut-être plus chaud. D'accord, je le ferai, je vais utiliser celui-ci. Très bien, allons-y. Donc, la première chose que je vais faire est d'écrire ma lettre e. Je veux donc m'assurer que la couche vide est sélectionnée. Et avec le même stylo. Je vais juste écrire la lettre E. Rien d'extraordinaire. Allez-y et écrivez un petit e. Ce sera donc l'objet principal de l'animation. Donc, peut-être que je vais effacer un peu la queue. Cela semble un peu trop grand. Très bien, voici ma lettre E. Au fait, chaque fois que vous souhaitez modifier la position du contenu de la couche, vous pouvez simplement appuyer sur cette petite icône de curseur, puis déplacer des éléments. Lorsque vous souhaitez déplacer des objets par petits incréments, vous pouvez simplement appuyer sur n'importe quel côté du cadre de sélection. Et il bougera peut-être d'environ un pixel à la fois. Il y a donc cette petite astuce. Et je vais m'en servir comme base de l'animation. Comme vous pouvez le constater, voici l'aperçu de notre animation de la lettre E. Chaque cadre n'a qu'un tout petit bord et se déplace le long de cette lettre image par image. Donc c'est ce que nous allons faire, c'est que vous pouvez voir maintenant qu'il se déplace à l'intérieur. Et le long du comptoir intérieur. Nous allons revenir à notre propre dossier. Pour commencer. Nous allons d'abord en faire une copie, balayez vers la gauche sur l' icône de la lettre E et cliquez sur Dupliquer. Ensuite, nous pouvons simplement décocher cette petite case pour masquer cette couche. Cette couche est essentiellement assurance au cas où nous perdrions la copie originale. Quelle que soit la couche masquée, elle ne sera pas affichée dans l'animation, donc je ne m'en fais même pas. Nous allons faire quatre copies de la première couche. Balayez vers la gauche, dupliquez. Faites de même jusqu'à ce que nous ayons cinq couches visibles ici. Pour rendre les choses un peu plus intéressantes, je vais créer l'ancien bord, l'animation, d' une couleur différente. Supposons que je veuille utiliser ce jaune, cette couleur jaune vif dans le cadre de l'animation. À ce stade, la structure de la couche ressemble beaucoup à la première. Mais pour cette technique particulière, nous allons créer plusieurs couches dans une seule image. Encore une fois, nous allons travailler à partir de la première couche, qui est l'avant-dernière couche. N'oubliez pas que la couche inférieure est une assurance vestimentaire et qu'elle n'apparaîtra pas parce que cette case n'est pas cochée. Peut-être que tu peux même le verrouiller. Vous pouvez le faire en faisant glisser vers la gauche la couche inférieure et en verrouillant. Pour la première étape, nous allons créer une toute nouvelle couche. Par souci de clarté, je vais changer mon pinceau pour une couleur différente, qui est ce jaune vif. Je veux aussi m'assurer que la peau de l'oignon est revenue à une. Cliquez donc sur les paramètres et utilisez le curseur pour modifier le nombre de peaux d'oignon. Je ne peux donc voir que l'image précédente. Pour plus de simplicité, je vais simplement animer le bord extérieur, car nous n' avons que cinq images pour cette leçon en particulier. Si vous le souhaitez vraiment, vous pouvez créer peut-être 20 images pour rendre votre animation plus nuancée. Avant. Maintenant, permettez-moi de vous montrer comment l'effet a été obtenu. Comme nous l'avons dit précédemment, nous avons déjà créé une nouvelle couche. Nous allons maintenir cette couche et la faire glisser sous la première couche. Je vais dessiner un nouveau trait. Cette couche vide sous la première lettre E, avec le même pinceau sélectionné. Je vais juste m'imprégner. À ce stade, chaque couche existe indépendamment et se reproduit, considère chaque couche comme une image d'animation. Ce que nous allons faire ensuite est de regrouper notre première lettre E et notre premier trait jaune en un seul groupe. Avec le trait jaune sélectionné. Je vais écrire, glissez sur la première lettre E et cliquez sur le coin pour la regrouper. De cette façon, Procreate voit l'ensemble de ce groupe, grand soit-il, comme une seule trame. Pour que ce soit vraiment très utile. Ce que je vais faire maintenant, c'est créer une autre couche et ajouter un autre trait jaune à l'écran. Et revenez à mon calque pour le grouper avec le second E. Sélectionnez donc notre nouveau trait jaune, faites glisser votre doigt vers la droite et regroupez-le. C'est essentiellement la technique principale. Encore une fois, je vais cliquer sur Plus pour créer une nouvelle couche sous la troisième, c'est-à-dire. Et dessinez ce trait jaune un peu plus loin autour du bord extérieur de la lettre E. Et regroupez ce trait avec le cadre ci-dessus. Même chose pour la lettre ci-dessus. Nous allons dessiner ce trait jaune. Rends-le encore plus longtemps. Nous voulons regrouper cette lettre de la largeur du trait jaune que vous êtes au-dessus. Et c'est notre dernier. Et dessinez un trait sur cette nouvelle couche et regroupez cette largeur de trait en haut, par exemple. C'est assez simple. Nous avons maintenant une animation lorsque vous cliquez sur le bouton Play et sur le panneau d'assistance à l'animation. Et vous pouvez voir comment l' animation est jouée. Vous pouvez certainement le ralentir en utilisant les paramètres. Et vous pouvez changer le nombre d'images par seconde en un nombre plus petit. Si vous voulez rendre les choses encore plus compliquées, vous pouvez accéder à l'un de ces groupes et ajouter un détail secondaire, par exemple si je veux ajouter un autre trait, et vous pouvez simplement cliquer sur l'icône plus pour créer une nouvelle couche. Supposons que je veuille ajouter peut-être un trait rose au-dessus de la lettre E. Et que vous déplacez cette nouvelle couche par-dessus la lettre E. Et ensuite, dessinez simplement un trait simple comme celui-ci. D'après Procreate, l' ensemble de ce groupe compte pour une couche. Je l'aime beaucoup car il vous donne également la flexibilité de manipuler chaque couche de manière indépendante. Vous pouvez ainsi profiter des avantages des couches sans avoir à les fusionner en une seule couche, puis à redessiner 1 million de fois lorsque vous apportez une petite modification. Bref, c'est notre deuxième technique. 4. Technique 3 effet de l'essuie-glace liquide: Dans la leçon précédente, nous avons appris comment Procreate considère un groupe comme une seule image en termes d'animation. C'est donc très utile. Dans cette leçon, nous allons créer un effet plus de liquidité et un effet organique sur la base de cette compréhension. Voici donc un autre nouveau canevas. Je vais appuyer sur le calque et changer la couleur de fond. Parfois, lorsque je fais encore des illustrations, je peux simplement créer un calque et le déposer en couleur, par exemple comme ceci, pour l' utiliser comme arrière-plan. Mais cette technique ne fonctionne pas aussi bien pour l'animation car parfois, selon la façon dont vous organisez vos couches, Procreate peut voir cette couche particulière comme une image de l'animation qui peut gâche le projet. Je vais simplement utiliser la couche de couleur d' arrière-plan intégrée à Procreate pour mon arrière-plan. Bien que je veuille vous montrer si certains éléments restent immobiles sur votre toile. Vous pouvez également définir cette illustration secondaire comme arrière-plan. Par exemple, disons que je souhaite ajouter des textures à mon arrière-plan. Je peux utiliser l'un des pinceaux de texture, par exemple celui-ci. Et allez-y et poivrez ma toile avec cette belle texture. On dirait de la neige. Mais cette texture restera la même tout au long de mon animation. Donc, ce que je veux faire, c'est créer une nouvelle couche et m' assurer que j'ai plusieurs couches. Passez à l'icône en forme de clé à molette et cliquez sur l'assistant d'animation. Par défaut, il existe deux couches. La première est recouverte de neige la seconde n' est qu'une couche vide. Ce que je vais faire, c'est appuyer sur cette couche enneigée et activer cette option qui indique l'arrière-plan. Cela transformera ma couche poivrée en arrière-plan, ce qui signifie que même si j' ajoute 100 couches par la suite, l'arrière-plan sera toujours présent pour chacune d'entre elles. Ce qui est vraiment sympa. Et je vais cliquer sur Paramètres et m'assurer que mes cadres d'oignons reviennent à un. Ce n'est donc pas trop encombré. Lorsque vous créez des animations très rapides, vous pouvez définir votre peau d'oignon en plusieurs, mais les animations de cette classe sont assez simples. Je vais donc m'en tenir à l'un d'eux. Je peux donc commencer à animer d'une couche à l'autre. Aucun effet ne semble un peu fort. Je vais donc revenir à la couche 1 et appuyer sur le N de ma couche pour modifier l'opacité. Revenons donc à notre première couche. Si notre animation, je vais faire, est de dessiner un effet liquide de la lettre I, comme je vous l'ai montré au début de cette leçon, je vais commencer par une lettre très lumineuse, vert énergique, verdâtre, jaune. Je vais donc revenir à mon pinceau à dessin habituel. Vous pouvez utiliser un pinceau plus texturé. Cela rend les choses encore plus amusantes. Mais pour l'instant, je vais utiliser ce pinceau en particulier parce qu'il est assez clair. C'est ma première image. Encore une fois, je vais en faire un tout petit début de lettre I. Et le liquide va couler. Peut-être qu'un côté est légèrement plus lourd que l'autre. Et je vais créer une autre couche et la faire glisser en dessous. Ce sera la couleur bleue qui apparaît sous le vert. Ces deux couches seront vues comme une seule image d'animation. Je vais donc écrire swipe pour les regrouper, cliquer sur Grouper, puis travailler sur la deuxième couche. Donc, je vais juste avoir un, laissez-moi simplement zoomer. Il suffit d'avoir une toute petite image de cette couche bleue en dessous. C'est donc notre toute humble première image d'animation. C'est donc notre groupe qui possède le cadre, et je vais créer deux nouvelles couches pour le cadre suivant. Ensuite, regroupez-le pour dire à Procreate qu'il s'agit d'une image unique. Encore une fois, nous allons avoir. Le bleu en bas. Cette fois, le bleu va être un peu plus grand. En fait. Je vais commencer par le vert parce que c'est la principale couleur de conduite. Ça coule un peu plus. Et je vais juste laisser tomber la couleur ici. Et pour passer d'une couleur à l'autre, vous pouvez simplement appuyer longuement sur l'icône de couleur pour revenir à la couleur précédente. Je vais faire pousser cette couleur un peu plus, puis la laisser tomber. Donc, en gros, le vert ou le jaune va couler principalement à droite et le bleu va couler principalement à gauche. C'est donc notre deuxième image. Et vous pouvez cliquer sur la première image et la deuxième image pour comparer. À l'étape suivante, nous allons appuyer sur l'icône plus pour créer deux nouvelles couches. Encore une fois, nous allons écrire swipe pour les regrouper. Donc cette icône bleue va être un peu, cette couleur bleue va être un peu plus longue. On dirait une molaire. Je vais donc l'allonger un peu et utiliser la goutte de couleur. Je me suis rendu compte que j'avais coloré en bleu la couche supérieure. Je vais donc simplement sélectionner la couche inférieure et la faire glisser vers le haut. Ensuite, créez ma couche jaune. Si vous voulez être aussi précis que possible à propos de cette animation, vous pouvez rechercher des vidéos qui montrent très, très lentement le mouvement de l'eau. Cela rendra votre animation plus réaliste. Avant maintenant, nous optons pour le bio et les gros morceaux. Peut-être qu'il dégouline même un peu ici. Et nous pouvons appuyer sur la pièce pour la prévisualiser très rapidement. C'est trop rapide. Je vais donc changer le nombre d'images par seconde à peut-être cinq. Allons voir. OK, c'est mieux. Encore une fois, accédez au groupe supérieur créez deux nouvelles couches et regroupez-les ensemble. Et continuez à écrire notre lettre. Je vais faire en sorte que ça s'arrête peut-être par ici. Alors peut-être que celui-ci était dans les parages. Alors colorie celui-ci. N'hésitez pas à le faire, vous. Vous n'avez pas à ajouter exactement deux couleurs. Tu peux. Qui j'ai perdu mon bleu, mais je sais que c'est la couleur que j'ai utilisée auparavant. Donc, je vais juste garder ma couleur longtemps. Je vais revenir au bleu. Vous pouvez ajouter une troisième, quatrième ou autant de couleurs que vous souhaitez ajouter. Vous n'êtes pas obligé de vous en tenir à deux couleurs. Je veux juste vous montrer comment cela fonctionne. Mais tu peux totalement devenir fou. Colorie mon bleu. Je vais donc ajouter ma dernière image. Appuyez sur Plus plusieurs fois. Et regroupez les deux couches supérieures. C'est ma dernière image. Je vais juste créer ce gros I, le corps du gros I. En fait, c'est l' avant-dernière image, parce que pour la dernière image, le jaune rattrapera complètement son retard. Tu ne pourras pas voir le bleu. Revenez à la couleur jaune. C'est juste qu'il a presque atteint la fin, sauf pour un petit moment. N'importe quelle couleur pour la dernière image. Je vais juste créer un cadre. Et ce sera ce jaune qui couvrira tout. Tu y vas. Appuyons sur Play et voyons à quoi cela ressemble. Plutôt mignon. J'aime que ça ressemble plus à un popsicle qu'à une lettre. Je veux un peu arranger ça. Je vais donc tout déplacer un peu vers le bas et ajouter un point en haut. Cela ressemble donc à une petite lettre I. Donc, ce que je vais faire, c'est écrire et balayer chaque couche. De cette façon, nous pouvons déplacer tout le monde ensemble sur la même distance. Et je vais ouvrir chaque groupe individuellement pour créer ce point. Ainsi, lorsque vous développez le premier groupe, qui est le groupe inférieur, et que vous appuyez sur Plus pour créer une nouvelle couche au sein de ce groupe. Et peut-être cette couleur rose. Et je vais juste dessiner un cercle et le colorier. Ouvrez un autre groupe et ajoutez une autre couche. Et dessinez un point similaire, mais pas identique. Continuez donc jusqu'à ce que chaque image comporte un point. Et vous voulez égarer intentionnellement un peu le point afin de pouvoir voir le changement de position et voir le mouvement. Il nous reste trois points à parcourir. En fait, ils ont l'air très petits. Quoi qu'il en soit Je vais juste laisser les choses comme ça. Et peut-être qu'elle grandit un peu. Donc ça grossit. Et remarquez que notre dernière image n' est qu'un œil. Nous allons créer une autre couche et un groupe avec ceci, je veux cette ligne jaune. Nous avons donc ces deux groupes en un seul groupe. Si vous connaissez un peu le principe de l' animation, vous pouvez même y ajouter du squash et de l'équilibre entre chaque image. Mais pour l'instant, je me contente d'un léger déplacement différent. Je vais retourner jouer. Donc, oui, c'est notre troisième technique. Et je te verrai dans la prochaine leçon. 5. Technique 4 effet de morphing: Nous avons donc déjà appris à animer en utilisant un seul effet. Nous avons également appris à rendre chaque image d'animation plus attrayante en utilisant des couches. Dans cette leçon, nous allons continuer à développer nos connaissances antérieures et à animer cette lettre M. Je vais juste jouer à l'écran pendant un petit moment afin que vous puissiez vous familiariser avec l'apparence et la convivialité de cette animation. Je vais donc m'arrêter quelque part à un cadre intermédiaire. En termes de structure, nous avons ce trait orange rougeâtre qui tourne autour de nous. Et si vous regardez le bout du trait, nous avons ce petit ovale avec ces deux fils qui sortent. Ceci a pour but d' indiquer la direction de l'étape suivante. Donc, vous créez un peu d'anticipation. Je vais donc juste jouer cette animation une fois de plus. Dans cette leçon, nous allons créer quelque chose de très similaire. Donc, au lieu de la lettre M, ce qui est assez compliqué, nous allons créer une petite lettre I. Je vais aller sur une nouvelle toile et créer une nouvelle couleur de fond. C'est donc notre couleur de fond. Je vais juste utiliser notre premier pinceau, le clean mono liner, pour vous montrer la direction principale et la taille principale de notre lettre I. Donc, en gros, ce sera quelque chose comme ça, peut-être avec un point. Nous allons donc développer notre lettre du début à la fin. Et pour la lettre elle-même, je vais la rendre un peu plus épaisse. Et je vais créer ce point. Et je vais effacer un peu la queue ainsi que la tête, juste pour la rendre un peu plus propre. Voici donc notre lettre. Je vais peut-être en faire un tout petit Ted, plus petit. Et je vais en créer une copie nouveau à des fins d'assurance, juste pour la protéger. Si nous faisons des bêtises, nous pouvons toujours supprimer tout le reste et recommencer à zéro. Dupliquez et masquez donc la première couche, qui est la couche inférieure. Vous pouvez également vous connecter si vous le souhaitez. Pour cette animation en particulier, je vais passer à l'ordre inverse. Nous allons donc essentiellement travailler à rebours. Nous allons recevoir une lettre complète. Ensuite, vous l' augmentez petit à petit. Pour la dernière image, nous n'aurons que le début de la lettre. De cette façon, nous n'avons pas besoin de faire correspondre chaque image pour dessiner chaque image afin de créer ce déplacement indésirable. Lorsque nous effaçons nos lettres image par image, nous pouvons nous assurer que ce qui reste chevauche parfaitement l'image précédente et l'image suivante. Si cela vous embrouille, vous pouvez simplement suivre ce que je fais et cela aura du sens au fur et à mesure que nous travaillerons sur le processus. Je vais donc commencer à créer pour d'autres copies. Je vais donc balayer pour dupliquer quatre fois jusqu'à ce que nous ayons cinq images. Ensuite, nous allons passer à la clé et ouvrir notre assistant d'animation. Encore une fois, nous allons cliquer sur les paramètres pour redéfinir nos cadres en peau d'oignon. Ensuite, nous allons revenir à nos couches. La première image de notre animation est l'avant-dernière image, comme précédemment. Nous allons donc laisser la première image intacte et effacer un peu de notre deuxième image. Faites donc sélectionner votre gomme. Et il suffit d'effacer un peu la fin de la deuxième image. Et vous récoltez encore plus pour la troisième image. Ensuite, vous pouvez continuer à prendre le cadre après. Il semblerait que cinq images soient trop petites. Je vais donc créer peut-être quelques couches supplémentaires. Donc, au lieu de cinq images, nous avons sept images. C'est donc le premier et le troisième. Fondamentalement, chaque image suivante a une queue plus courte. Et la toute dernière image n'a probablement que le point en haut. Il semble que nous ayons besoin de créer un autre cadre. Oh, en fait, c'est parfait. Il s'agit de notre dernière image et nous allons effacer le corps de la dernière image et n'avoir que le point à gauche. On dirait que nous avons oublié un fragment de la lettre I. Donc je vais revenir à, parce que pour le dessin des encadrements d'oignons, je vais revenir au cadre précédent pour corriger cela. Quand on appuie sur Play. En ce moment, ce sera le cas. Oh mec, c'est trop rapide. Je vais réduire le nombre d'images par seconde, peut-être quatre images par seconde. Je vais juste regarder le timing approximatif de la lettre I. Et je vais également changer l'option de boucle pour le ping-pong. De cette façon, l'œil, le corps du Moi feront des allers-retours. Et une fois qu'il est complètement rempli, il rebondit. À ce stade, je vais passer en revue chaque image pour m'assurer d'avoir effacé toutes les parties que j'ai l'intention de supprimer. Allons voir. OK, c'est suffisant. Maintenant, je vais ajouter quelques couches secondaires, la petite autour de la petite calotte ovale ainsi que la couche diffuse. Je vais trouver la première couche qui contient votre partie surélevée. Je vais créer une nouvelle couche au-dessus de celle-ci. Et regroupez simplement ces deux nouvelles couches. De cette façon, l'ensemble de ce groupe sera considéré comme une seule couche. Cette nouvelle couche que je viens de créer sera le point final de ma lettre de mon choix. Peut-être un jaune plus vif. Vous pouvez voir le jaune apparaître derrière. C'est la peau de l'oignon. Cela nous montre à quoi ressemble la couche précédente. Vous pouvez également l'atténuer jusqu'à environ 25 %. Cela n' interfère donc pas avec le, avec la nouvelle couche. Je vais juste sélectionner le calque vide que nous venons de créer au-dessus de ce I. effacé et je vais juste dessiner un capuchon ovale autour de celui-ci. Et si vous voulez être chic, vous pouvez créer une autre couche pour créer un fusible. Peut-être le fusible rouge. Cela ne contraste pas très bien avec le bas. Cette couleur pêche. Techniquement, vous pouvez combiner tout le contenu en une seule couche. Mais si vous avez suivi de mes cours d' illustration numérique, vous savez que je suis un grand fan des calques car cela vous permettra de modifier les propriétés individuellement. Cela vous donne beaucoup plus de flexibilité lorsque vous avez plusieurs couches. Je vais donc fermer ce groupe et passer au suivant. Et créez deux nouvelles couches par-dessus. Et faites glisser votre doigt vers la droite pour regrouper ces trois couches en un seul cadre. Donc, pour chaque cadre, nous avons un capuchon et un fusible ou une petite queue, si vous voulez. Donc je veux revenir à ma couleur jaune. J'ai perdu mon jaune à ce moment-là. Je veux donc ouvrir ce jaune et appuyer longuement pour échantillonner à nouveau la couleur. Et appuyez longuement pour goûter à la couleur pêche. De cette façon, j'ai les 22 couleurs comme couleurs les plus récentes. Revenons donc à ma couche sur le dessus de l'œil pour dessiner la casquette. Glissez-déposez pour le colorier. C'est donc ce groupe. Donc, chaque groupe Nous avons une forme de lettre I. Nous avons le capuchon et le fusible ou la queue. Et vous pouvez passer à la lettre suivante. I. Créez deux nouvelles couches. Et regroupez ces deux nouvelles couches avec une partie de l' œil en bas. Et dessine simplement la casquette. Et vous pouvez utiliser deux doigts pour faire pivoter la toile. Cependant, cela vous permet de dessiner plus facilement puis de sauter la couche supérieure pour tirer le fusible. Vous souhaitez passer à une autre couleur ? À peu près C'est comme ça que ça se passe. Deux nouvelles couches. Et regroupez ces trois couches. Ce cours se concentre sur les techniques d'animation. Mais si vous souhaitez en savoir plus sur l'illustration, comme les techniques d' illustration traditionnelles, vous pouvez consulter mes autres cours sur Skillshare, où j'enseigne une variété de utilisant principalement Procreate et Adobe Illustrator. Vous pouvez prévisualiser l'animation en appuyant sur Play. Comme vous pouvez le voir, ça se porte plutôt bien. Il suffit donc de passer à chaque lettre I pour y ajouter les deux autres éléments. La calotte jaune et les groupes de queues. Touchez deux fois, touchez deux fois l'écran pour annuler. J'aurais probablement dû l' expliquer plus tôt. Et c'est notre dernière image et nous n'avons qu'une lettre I. Il semble qu'il y ait une partie à effacer. Vous pouvez cliquer sur chaque groupe pour en afficher un aperçu. Par exemple, celui-ci semble avoir besoin d'être effacé, donc je vais juste entrer et effacer cette partie rose. Au fait, lorsque je tape sur l'écran, cela me montre le groupe. C'est parce que j'ai sélectionné le groupe sur mon panneau de calques au lieu de calques individuellement. Procreate vous demande à quelle couche du groupe souhaitez-vous faire appel ? Je veux donc appeler cela un œil rose. Il y a une petite trace que je dois effacer. C'est un autre avantage de l'utilisation de différentes couches car tous mes éléments ne se trouvent pas le long d'une seule couche. Je peux être plus généreux quand j'efface. Je sais que le rose se trouve sur PINKO et que la queue de pêche dépend uniquement du pH. Alors pourquoi ne l'augmentes-tu pas ? Je n'ai pas besoin de danser autour de ça pour être très prudent. Je peux y aller avec audace et seul le rose sera effacé. Le reste du cadre semble excellent, nous pouvons donc cliquer sur Play et voir comment vous l'aimez. Oui, c'est notre quatrième technique. Chaque fois que vous souhaitez ajouter des éléments supplémentaires, vous pouvez toujours élargir votre groupe et ajouter des couches supplémentaires. Par exemple, si je veux ajouter un surlignage à ma lettre, je peux simplement créer une nouvelle couche. Vous agrandissez le groupe, créez une nouvelle couche sur le dessus et faites comme si la lumière passait par le coin supérieur droit. Il suffit d'ajouter un tout petit peu de surlignage. Et vous pouvez faire de même au niveau cette couche de surbrillance dans tout ce groupe, dans chaque image. Et cela ajoutera plus de caractère à votre animation. Et vous pouvez délibérément ne pas ajouter le surlignage exactement à la même position. Ainsi, lorsque vous prévisualisez l'animation, il y a un petit décalage par rapport à celle-ci qui n'aura probablement pas de surbrillance parce qu'elle est si courte. Je vais juste appuyer sur Play. Donc c'est plutôt mignon. C'est notre quatrième technique. 6. Technique 5 effet de brisage: Très bien, c'est le dernier fait ou technique de notre cours d'animation. Si nous regardons cette lettre S, lorsque je fais glisser la chronologie de l' animation, elle commence par une lettre S complète. Et lentement, elle se décompose, elle se brise et les pièces s' envolent hors de l'écran. C'est donc le fait que nous allons développer dans notre dernière leçon. Encore une fois, nous allons créer une toile. Et nous allons lui donner une couleur de fond. Je vais faire en sorte que tu la laisses entrer dans la police du script. Je vais effacer un peu le début et la fin. En fait, je vais changer la couleur de l'arrière-plan car cela produit un peu d'éblouissement. Juste pour le bien de tes yeux, je vais à nouveau prendre une couleur plus foncée. Je suis peut-être ce vert bleuté, cette couleur P Cauchy comme nous le faisions auparavant. Nous allons créer une copie de notre lettre pour des raisons de sécurité. Dupliquez et décochez la visibilité. Verrouillez-le. Et nous allons faire cette animation et peut-être cinq images. Cela va voler en éclats très rapidement par rapport à l' exemple que nous avons. Nous avons donc maintenant cinq couches d'animation. Nous allons également activer l'assistant à l'animation en cliquant sur l' icône en forme de clé à molette, sur le canevas et sur l'assistant d'animation. Et nous voulons également cliquer sur les paramètres pour changer les images de skin d'animation à peut-être trois. Dans ce cas, nous pouvons voir deux images précédentes, ce qui nous permet de voir à quelle vitesse les pièces se déplacent. Revenons maintenant à notre première couche d'animation, qui est la couche inférieure. Cette technique utilise peu près la fonction de sélection seule. Donc. Il s'agit de cette petite icône de ruban le coin gauche des quatre sous-catégories sous l'outil de sélection, vous devez vous assurer que vous avez sélectionné la main libre et que vous devez l'ajouter en surbrillance, mais le remplissage par couleur n' est pas sélectionné. Dans le cas contraire, il recolorera votre sélection avec la couleur actuelle. Nous ne voulons pas faire ça. Nous voulons juste sélectionner les pièces brisées. Revenons donc à notre lettre N. Pour la première image, nous allons avoir la lettre N sous forme de lettre entière. Rien n'a besoin d'être modifié. Lorsque nous passons à la couche ci-dessus. Pour ce cadre, nous voulons utiliser l'outil de sélection et peut-être simplement dessiner un triangle. Juste à main levée. Une fois que vous avez une forme fermée, cliquez sur cette petite icône de curseur pour la sélectionner et la déplacer légèrement. Quelqu'un veut faire ça pour différentes parties de la lettre ? J'ai donc sélectionné le ruban et dessine une autre pièce plus grande, et je clique sur le curseur pour le déplacer plus loin. Et vous pouvez saisir la poignée verte pour la faire pivoter selon vos besoins. Je vais juste faire le tour et sélectionner mes petites pièces brisées. C'est donc le premier mouvement. Tu ne veux pas être trop sévère. Donc ça bouge juste un peu. Je vais peut-être en sélectionner un autre. Au sommet. Tu y vas. Et c'est notre deuxième pièce. Lorsque j'ai créé notre document pour la première fois, j'ai commis l'erreur de créer trop de doublons du n parfait. Ce n'est pas ce que nous voulons pour cette technique. Ce que nous voulons, c'est construire une pièce brisée, puis construire au-dessus de celle-ci à partir de là au lieu du n. parfait. Donc je vais supprimer mes trois extrémités parfaites supérieures et faire une copie de la couche que nous venons de créer créé, celui avec de minuscules pièces brisées. Balayez vers la gauche pour dupliquer. Ce que nous allons faire maintenant, c'est déplacer davantage nos pièces et créer d'autres pièces brisées. Utilisez donc cet outil de sélection, le ruban. Nous voulons sélectionner nos pièces brisées existantes et les déplacer un peu plus loin. Et peut-être changer l'angle en utilisant le point vert et les mains libres. Pour utiliser l'outil Lasso et une icône en forme de curseur pour le déplacer plus loin. Et nous voulons que chaque pièce ait au moins un peu de mouvement. Dans le cas contraire, il apparaîtra stagnant sur l'animation. Une fois que chaque pièce a été déplacée plus loin, nous pouvons créer de nouvelles pièces brisées. Nous voulons donc le sélectionner et le déplacer plus loin. Il suffit de contourner notre lettre n. Peut-être de la déplacer vers le bas comme ça. Nous allons donc déplacer les pièces depuis le centre ou faire semblant qu'il y a un centre au centre de la lettre N. Et toutes les pièces s' en éloignent. Et puis nous avons notre deuxième couche. Nous voulons créer une copie de notre deuxième couche et continuer à partir de là. Maintenant, cela semble un peu encombré, je vais cliquer sur les paramètres, sur l' assistant d'animation pour revenir à une image en peau d'oignon et lasso, ou utiliser l'outil de sélection pour déplacer les choses. Ainsi, les pièces qui se trouvent plus loin se déplacent un peu plus vite. Vous pouvez donc sélectionner un groupe d'objets au lasso , puis déplacer individuellement le retable un peu plus loin. On dirait que le retable va un peu plus vite. Je vais le déplacer vers le haut. Déplace ça vers le bas. Je vais prendre celui-ci, bouger en gros morceaux. C'est notre nouvelle couche. Et nous voulons en faire une copie pour continuer à faire avancer nos pièces. Donc, en gros, sélectionnez et déplacez. Comme précédemment à ce stade pour les pièces situées sur le bord, il est possible de le sortir du cadre. Vous n'avez pas à les y garder, car ils devraient déjà voyager plus loin de l'écran. Vous pouvez ensuite décomposer les pièces qui semblent trop grandes. Et puis n'oubliez pas d' utiliser l'outil de rotation. Ils ont donc l'air de voler. À l'écran. Tu y vas. Très bien. Nous allons créer un cadre de plus lequel tout sera encore plus éloigné et à peu près tout sera presque dépassé, sauf quelques-uns. Et notre dernière image sera juste vide parce que tout s'est déjà envolé de l' écran. OK. Et pour la dernière image, nous allons simplement créer un cadre vide. Et maintenant, nous pouvons appuyer sur Play pour voir, en fait, avant de le faire, je veux réduire le nombre d'images par seconde à peut-être cinq ou six, puis appuyer sur Play. Vous pouvez maintenant voir l'effet d'ombre. Ce sera plus amusant si nous transformons le décor en ping-pong. C'est comme les pièces que nous allons réunir pour aller de l'avant appuyer sur Play et voir si nous pouvons aller un peu plus vite, peut-être huit images par seconde. Là-bas. C'est notre dernier effet. 7. Réflexions finales: Salut les gars, félicitations, vous avez réussi. Vous avez suivi toutes les leçons de ce cours et vous vous êtes peut-être un peu entraînée en cours de route. Je suis très fier de toi, si tu aimes mon style d'enseignement. J'ai des tonnes d'autres cours sur Skillshare. N'oubliez pas de me suivre sur Skillshare de cette façon, vous serez averti la prochaine fois que je publierai un nouveau cours, jusqu'à la prochaine fois. Bonne création.