Créer des GIFs amusants avec Procreate : guide d'animation pour débutants

1. Introduction: Je m'appelle Maya. Je suis illustrateur et designer canadien et j'adore créer des images audacieuses et colorées. Je travaille généralement dans les domaines de la publicité, de l' édition, de l'emballage et de l'illustration éditoriale. Dans ce cours, je veux vous montrer comment nous pouvons explorer les fonctionnalités d'animation sur Procreate. Vous verrez à quelle vitesse nous pouvons créer une famille de GIF amusants et faire passer vos illustrations au-delà des images fixes. Vous pouvez ensuite utiliser vos GIF pour les envoyer à vos amis et à votre famille ou pour pimenter votre présence en ligne comme j'adore le faire sur Instagram ou Facebook. J'adore l'idée de pouvoir animer directement sur l'iPad sans avoir à toucher un autre logiciel ou même un ordinateur. Cela signifie que vous pouvez animer dans un café ou à la plage, lors du match de football de votre enfant ou même dans le bain, bien que je ne le conseille pas nécessairement. Cela est possible grâce aux fonctionnalités Animation Assist de Procreate. C'est un outil très simple et pratique que nous, artistes, pouvons utiliser pour donner vie rapidement à nos idées et explorer les principes de base du mouvement. Dans ce cours, nous allons passer en revue trois de mes bases d'animation, la technique de Wiggle, la technique du clignotement et la technique de flux d'animation. Vous allez apprendre à créer ou à impliquer des mouvements à partir de vos propres esquisses et je vais également vous donner quelques exercices supplémentaires sur lesquels vous pourrez travailler pour vous mettre à aise avec l'interface et le flux de travail Animation Assist. Vous verrez comment ces trois techniques simples peuvent être étendues dans une myriade d' animations différentes et vous donner la confiance nécessaire pour explorer des techniques d'animation plus avancées à l'avenir. Nous allons également couvrir tous les détails techniques tels que la configuration de votre canevas, façon de choisir votre palette de couleurs, comment exporter vos GIF et comment les utiliser en dehors de Procreate. De plus, si vous êtes actif sur Instagram, je vais également vous montrer comment demander un profil d'artiste Giphy afin que vous puissiez rendre vos GIF disponibles pour que tout le monde puisse les utiliser en ligne. Ce cours s'adresse à tous ceux qui ont joué un peu dans Procreate et qui cherchent à explorer au-delà du dessin. Il n'est pas nécessaire d'être animateur pour suivre ce cours. En fait, je ne suis pas un. Si vous souhaitez faire de la magie dans quelques images d'animation, retrouvez-moi dans la leçon suivante et nous pourrons commencer. 2. Le projet: Dans ce cours, nous allons créer une famille de GIF animés en explorant trois techniques d'animation image par image différentes sur Procreate. La première chose que vous allez remettre ou des croquis et des combinaisons de couleurs basées sur la palette que nous avons choisie. Votre premier projet sera ensuite un GIF animé tortillant, puis nous allons passer à l'animation clignotante et à l'animation fluide, et à l'animation fluide, donc à ce moment-là, vous aurez une série de GIF. Je vais également vous montrer comment vous pouvez postuler à GIPHY et rendre vos GIF disponibles pour d'autres personnes. Je voulais suivre ce cours car j'ai récemment découvert les fonctionnalités d'aide à l'animation sur iPad et j'ai été absolument étonné de la rapidité avec laquelle nous pouvons transformer un croquis plat en quelque chose d'amusant et d'excitant. J'adore utiliser ces GIF pour rendre mes cadeaux en ligne plus uniques et personnalisés. Je voulais également partager quelques façons simples d'explorer différentes avenues créatives, si vous êtes illustrateur ou artiste amateur. Avant de commencer, voici un petit conseil. Je veux que vous gardiez à l'esprit que toutes les leçons et techniques que nous allons suivre dans ce cours sont assez simples et que vous pouvez les appliquer à pratiquement n'importe quelle idée ou illustration que vous pourriez avoir. Gardez l'esprit ouvert et ne soyez pas timide et partagez vos projets dans les projets de classe ci-dessous, car je suis vraiment curieux de voir jusqu'où vous pouvez parcourir ces concepts très simples. De plus, si vous souhaitez profiter pleinement de ce cours, assurez-vous de télécharger les exercices supplémentaires que vous pouvez trouver dans les ressources du projet. C'est pour que vous puissiez vous familiariser avec le logiciel avant de passer à des techniques plus avancées. Maintenant que vous êtes prêt, commençons. 3. Que sont les GIF ?: Avant de nous lancer dans l'animation, parlons des GIF et de ce qu'ils sont même. Un GIF est essentiellement un format de fichier dans lequel nous pouvons stocker des images. Dans le contexte de cette classe, nos GIF seront composés d'un tas d' images statiques différentes qui, lorsqu'elles sont jouées assez rapidement les unes après les autres en boucle, vont créer des animations simples. Pour vous donner une compréhension plus concrète, disséquons un GIF sur l'ordinateur à l'aide d'un aperçu afin que nous puissions voir chaque image qui constitue l'ensemble de l'animation. J'ai enregistré ce GIF génial de l'illustrateur espagnol Magoz sur mon ordinateur. C'est à quoi ça ressemble. Si je l'ouvre en utilisant l'aperçu, nous pouvons voir toutes les différentes images qui composent cette animation. Si je clique sur chacun d'entre eux, un par un, on voit lentement un peu de mouvement dans chaque image. Lorsque je prévisualise très rapidement toutes ces images en appuyant sur la flèche vers le bas, vous pouvez voir la majeure partie de la boucle animée. Si ce graphique était notre GIF, chacun des cercles blancs constituerait une image de l'animation. Lorsque nous les jouons rapidement, l'un après l'autre, nous pouvons voir le mouvement que nous avons créé avec nos illustrations. Maintenant que nous savons exactement ce que sont les GIF et comment ils fonctionnent, vous pouvez me rencontrer dans la prochaine leçon et nous verrons comment créer votre propre palette de couleurs pour notre famille de GIF. 4. La palette de couleurs: Personnellement, j'adore vraiment la couleur et c'est une grande partie de mon style d'illustration. Je pense que si nous voulons créer une famille d'animations, je voudrais qu'elles aient l'impression qu'elles appartiennent ensemble. Cela va donner à un projet un domaine homogène et cohérent, et je pense que cela va rendre notre famille de cadeaux un peu plus professionnelle et organisée. Il existe de nombreuses façons de créer notre palette. Nous pouvons rechercher l'inspiration et les choses qui nous entourent comme si c'était votre décoration intérieure, ce soit le plein air, certaines photos que vous avez prises récemment, ou peut-être même votre tenue. Maintenant, j'aime personnellement choisir les couleurs avec lesquelles je vais travailler avant même d'entrer dans le croquis. n'est pas parce que ça va me détourner de l'esprit des couleurs que je n'aurai même pas à m'en inquiéter et je pourrai me concentrer sur le croquis lui-même. De plus, ça va me donner une idée du thème que je veux peut-être choisir ou du style que je vais choisir. Pour ce projet spécifique, comme je l'ai dit, je suis inspiré par les couleurs de mes marqueurs ici. Ce que je vais faire, c'est juste prendre une photo d'eux très rapidement directement sur l'iPad, comme ça, et ensuite je dois être parfait car nous allons modifier les couleurs de toute façon. Je vais aller de l'avant et ouvrir Procreate, appuyer sur le signe plus pour créer un nouveau canevas et faire simplement la taille de l'écran pour l'instant, car cela n'a pas vraiment d'importance. Tout ce que nous faisons, c'est de créer notre palette qui va être intégrée à Procreate. Je vais apporter mon image en appuyant sur cette petite icône ici, l'icône d'action, en insérant une photo, saisissant, en remarquant votre image, a peut-être été un peu surexposée, mais nous allons travailler avec ça. C'est un bon début, mais je cherche peut-être à ajouter quelques couleurs. Ce que je vais faire, c'est simplement sauter sur Google, chercher quelques choses qui pourraient m'inspirer ou je pense pouvoir travailler avec celles-ci, et les ajouter sur cette toile, et ensuite je vais choisir la couleur de tout. En sautant sur Safari, je viens de chercher céramiques turquoises car j'ai l'impression que cette palette pourrait utiliser un élément turquoise. J'ai du mal à zoomer sur une photo, donc je vais juste prendre une capture d'écran, recadrer un peu plus petite pour obtenir une variété de teintes et sauvegarder sur mes photos. Ensuite, je cherchais aussi ces radis pastèques que j'ai récemment mangés dans une salade, et j'ai juste trouvé qu'ils étaient si beaux. Cela m'a vraiment inspiré, alors je vais simplement copier cette photo en la tenant dessus, puis je vais revenir dans Procreate. Je vais appuyer à nouveau sur l'icône d'action et coller celle-ci. On y va, on a pris les radis. Je vais revenir dans le menu Action, toucher Insérer une photo et apporter mes teintes turquoise. Nous y allons, cela devrait suffire pour que nous commencions au moins à travailler sur une palette. Pour ce faire, je vais appuyer sur le bouton de mon calque et je vais créer un nouveau calque par-dessus. C'est dans ça que je vais essayer les couleurs. La façon dont je vais procéder est essentiellement par le choix des couleurs, et l'icône de sélection des couleurs sur Procreate est ce petit carré de coins arrondis ici. Si vous touchez celle-ci, puis que vous cliquez sur une couleur, vous pouvez les associer directement et elle la définira comme couleur de peinture. J'ai tapé sur l'icône, j'ai maintenu le crayon vers le bas et je vais juste frapper ce rouge ici. Ensuite, pour modifier cette couleur, vous suffit de cliquer sur la couleur ici à droite. vais juste passer à la vue classique en bas, et ici je suis capable de modifier cette couleur et de l'apporter à quelque chose que j'aime. En ce qui concerne la couleur, je suggère de choisir quelque chose autour de cinq ou six teintes principales. Une bonne façon de créer votre palais serait de chercher des couleurs plus chaudes, des couleurs plus fraîches, puis des tons neutres et sombres. Dans ce cas précis, je veux quelque chose qui se démarquera sur les réseaux sociaux, donc je vais aller avec des couleurs très fortes et j' irai 50/50 avec des tons chauds et des tons froids. Je pense que j'aime bien où ça va. Nous avons des tons chauds, des tons plus froids, et maintenant que j'ai mes échantillons, je vais pouvoir les transformer en palette. Pour ce faire, lorsque je clique à nouveau sur l'icône de ma couleur, je vais aller dans Palettes. J'appuie sur le bouton Plus ici, crée une nouvelle palette, devrais être en haut ici, je pense que j'en ai peut-être fait deux, et je vais la définir par défaut. Je vais revenir à ma vue classique ici, et ce que je vais faire, c'est que je choisirai chaque couleur. Je cliquerai à nouveau sur l'icône de couleur, et je vais juste toucher une fois dans la zone du palais. Chaque fois que je tape, ça va ajouter une couleur, donc je vais le faire avec chaque échantillon que j'ai choisi. Cela, bien sûr, si vous voulez changer de couleur, vous pouvez toujours le faire. Il vous suffit de le maintenir pendant une ou deux secondes, puis il vous demandera si vous voulez le supprimer ou vous pouvez les réorganiser en les tenant dessus et en les faisant glisser. J'ai d'abord fait les tons chauds, maintenant je vais aller de l'avant et faire des teintes vertes plus foncées et je vais finir avec le blues. Il n'est pas nécessaire d'utiliser toutes les couleurs, bien sûr, mais je pense qu'il est bon de les avoir comme référence pour que le projet final soit beau et cohérent. Ici, nous avons notre palette et lorsque nous cliquons sur l'icône de couleur et que nous allons dans la section palette, c'est celle qui se trouve en haut. Je vais juste cliquer sur Untitled et renommer la collection GIF. Maintenant, vous pouvez toujours revenir à la vue classique, mais votre palette sera définie par défaut et vous pourrez ainsi y accéder facilement pendant que vous animez. Maintenant, ce n'est pas le fichier que nous allons travailler lorsque nous animerons, mais ce qui est génial, c'est que chaque fois que nous créons un nouveau canevas sur Procreate, nous pourrons toujours accéder à cette palette, car nous la définissons par défaut. Nous sommes maintenant prêts à passer à l'étape suivante où nous pourrons commencer à esquisser quelques idées et à trouver un thème pour les animations. 5. Ébaucher vos idées: cool, donc nous avons maintenant une palette de couleurs, donc nous sommes prêts à commencer à esquisser. de suite, j'aimerais penser à un thème pour ma petite collection de cadeaux juste parce que ça va les rendre plus beaux ensemble. Je pense que ça va leur donner un peu plus d'objectif. Mon thème sera la Nature et l'Amour, alors voyons ce que nous pouvons trouver. Pour commencer à esquisser, je vais simplement accéder à mon panneau de calques. Je vais supprimer ces images car je n'en ai plus besoin et la palette de couleurs je peux les garder ici si je le veux. Mais vous pouvez également le supprimer car nous l'avons comme palette par défaut dans notre onglet de couleurs. Pour commencer à esquisser, je vais simplement créer un autre calque avec le signe plus ici et je vais juste y arriver. Je pense qu'il pourrait être vraiment agréable de faire des éléments très simples, car une chose à laquelle nous devons réfléchir immédiatement, c'est qu'allons-nous animer dans ces croquis que nous allons dessiner ? Vous devez vous assurer que peu importe ce que vous dessinez, il y a quelque chose que vous pourriez voir bouger dans ce croquis. Je vais commencer par quelque chose de très simple. Je vais juste dessiner avec peut-être une couleur brun foncé et je vais juste zoomer ici. ce faire, je vais simplement esquisser toutes sortes d'éléments différents sur la même page, que je vais ensuite introduire dans une composition différente une fois que nous aurons pu animer. Cette couleur me fait vraiment penser aux feuilles, donc je vais commencer par ça et peut-être faire quelques branches. C'est un très bon début. Je vais aller de l'avant et dessiner un autre élément. On peut peut-être faire des cerises ou quelque chose comme ça. Aussi très simple, n'importe qui peut dessiner ça. Je peux facilement voir ceux qui bougent avec un peu de balancement ou un effet domino lorsque l'un fait bouger l'autre ou quelque chose comme ça. J'ai trouvé que cette cerise était un peu trop grande, alors je suis allé à l'outil de sélection ici et j'utilise la sélection à main libre. Je fais le tour avec mon stylo et je clique sur l'outil de transformation avec l'icône de la petite souris. Ensuite, je me contente de l'adapter à tout ce qui fonctionne pour ma composition. Je le déplace ici, donc j'ai assez de place pour dessiner d'autres éléments. Puisque les techniques d'animation avec lesquelles nous allons travailler sont assez simples, je ne vais pas trop compliquer ce dessin. C'est un arc-en-ciel, mais je vais juste faire deux ou trois bandes de couleurs, quelque chose comme ça. Encore une fois, je vais le sélectionner, le réduire. Il serait amusant de faire quelques techniques avec le libellé. Je vais faire un petit mot ici. Je vais écrire, bonjour. Maintenant, j'ai dit que je voulais aussi faire des trucs sur l'amour, mais je n'y ai pas déjà abordé. Je pense peut-être à une petite enveloppe avec un cœur ou peut-être une fleur ici, puis peut-être un floon de neige. J'aime vraiment dessiner des gousses de fleurs ou des vases. Je vais essayer d'en faire un. C'est simple car il s'agit probablement de l'une des animations les plus complexes. Je pense que je peux travailler avec ça. Ce que je vais faire maintenant, c'est simplement prendre ce calque, amenant l'opacité ici dans le panneau du calque à environ 50, en créant un autre calque en haut et en parcourant mes esquisses avec une ligne plus propre. Je vais passer un peu de temps à les redessiner jusqu'à ce que je sois satisfait des formes , puis nous allons passer à la création de notre première toile pour notre premier GIF. Si vous êtes confondu avec l'esquisse que vous avez en dessous, vous pouvez toujours changer la couleur de votre dessin pour qu'elle se démarque un peu plus. Enfin, je vais juste retoucher un peu les arcs de cet arc-en-ciel. C'est une astuce cool, d'ailleurs, si vous avez besoin de faire des formes arrondies ou carrées, vous pouvez dessiner votre courbe et si vous vous y accrochez, Procreate corrigera la forme à quelque chose d'un peu plus égal. C'est encore assez désordonné, mais ça va être assez bon pour servir de guide pour mon animation à coup sûr. Je vais aller de l'avant et masquer mon calque d'esquisse initial. Je vais dupliquer celui que j'ai dessiné en bleu juste pour qu'il soit un peu plus lumineux. Je peux fusionner ces deux-là et cool maintenant j'ai mes croquis plus raffinés et je vais aller de l'avant et sauvegarder cela en cliquant sur le menu Action, Partager, juste un JPEG et je vais enregistrer l'image. Cela va simplement l'enregistrer sur l'iPad lui-même. Je vais simplement créer des petites compositions de couleurs très rapides afin de savoir à quoi ressemblera mon GIF avant de commencer à l'animer. Pour ce faire, je vais cliquer sur le panneau de calque, passer juste en dessous de mon calque d'esquisse bleu. Je vais nommer celui-ci, donc je vais les garder cachés et je vais juste aller de l'avant et ajouter une couche entre ces deux-là. Juste sous mes croquis, j'aurai ce calque que je vais nommer Colors. Les Canadiens l'écrivent avec vous, mais faites ce que vous voulez. Je vais garder le même pinceau que le pinceau à craie et je vais aller de l'avant et choisir les couleurs directement à partir d'ici ou vous pouvez partir de votre palette ici. Je vais juste les appliquer à ma composition pour avoir une idée de ce à quoi ressembleront mes GIF. Je vais commencer par ce rose ici. Une fois de plus, ce n'est qu'une référence, il n'a donc pas besoin d'être parfait comme vous le voyez. Je ne suis pas très douée pour colorier dans les lignes, mais ça n'a même pas d'importance. Une autre chose intéressante que vous pouvez utiliser est la fonction de remplissage automatique sur Procreate word. Si vous dessinez le contour d'une forme, vous pouvez simplement y déposer une couleur directement depuis votre onglet de couleurs et elle remplira cette forme tant qu'il s'agit d'une forme fermée. J'aime beaucoup la juxtaposition du rose et du rouge, c'est quelque chose que j'utilise souvent dans mon travail. Certaines personnes n'aiment vraiment pas ça, mais je pense que c'est super amusant. C'est ce que je vais faire tout au long de mon croquis avoir une idée de ce à quoi je veux que mes GIF finaux ressemblent. Je vais accélérer le processus que je fais et je vous rencontrerai dans une seconde quand j'aurai toutes mes compositions de couleurs prêtes. Hé, je pense que c'est bon en ce qui concerne les comps de couleurs. C'est assez rude, mais c'est juste pour me donner une idée immédiatement que j'ai configuré mon canevas et je veux commencer à animer. Maintenant, ce que je vais faire est simplement d'aller à nouveau dans le menu Actions et de l' enregistrer une fois de plus en JPEG sur mon iPad, afin que je puisse rapidement l'intégrer dans mes futures compositions et encercler tous les éléments que je vais animer. Nous avons des comps de couleurs, nous avons nos croquis. Nous sommes prêts à mettre en place notre toile et à commencer à donner du mouvement à notre projet. 6. Mettre en place le canevas: Nous avons obtenu notre croquis, nous avons obtenu nos comps de couleurs, il est maintenant temps de configurer notre canevas pour pouvoir commencer à animer. ce faire, nous allons cliquer sur « Galerie » et revenir à nos différentes toiles, et nous allons créer une nouvelle toile. Pour celui-ci, je vais faire une taille personnalisée en cliquant sur le petit plus, et nous allons faire 1 500 par 1 500. Ensuite, je vais conserver les 300 ppp, et je vais cliquer sur « Créer ». La raison pour laquelle je crée une toile aussi grande est gifs sont souvent utilisés dans de très petits formats, mais vous ne savez jamais à quoi vous allez l'utiliser, peut-être que vous l'aimerez tellement que vous voudrez en imprimer un alambic, ou peut-être souhaitez-vous l'utiliser sur votre site Web. Il est toujours bon d'avoir une résolution plus grande car vous pouvez toujours la réduire, mais il est beaucoup plus difficile de la faire sauter et vous perdrez généralement beaucoup de qualité. Nous travaillons gros, ce ne sera pas un fichier énorme de toute façon, et de cette façon, nous pouvons vraiment zoomer et travailler avec une image assez nette. J'ai mon Canvas et maintenant nous allons pouvoir activer l'assistance à l'animation, qui est la partie la plus importante de tout ce processus, car sans aide à l'animation, nous ne pouvions pas faire d'animation sur iPad. Pour l'allumer, je vais encore frapper la clé ici à Action. Je vais accéder à l'onglet Canvas sur lequel j'étais déjà sur, et je vais juste aller de l'avant et activer l'aide à l'animation juste là. Maintenant, cela va faire apparaître cette barre inférieure ici, et c'est ici que nous pourrons voir tous nos différents cadres. Voici une notion clé. L'aide à l'animation fait apparaître cette chronologie et chaque couche de notre document devient une image de notre animation, comme vous pouvez le voir ici. Souvenez-vous donc de ce que nous avons regardé lorsque nous regardions un GIF disséqué en avant-première et nous avons vu toutes les différentes images, eh bien, ce sont toutes les différentes images de nos animations. Nous pouvons ajouter des cadres en cliquant ici en bas à droite, Ajouter des cadres, ou simplement en ajoutant un calque ici comme je viens de le faire. Je vais tout effacer car c'était juste pour vous montrer. Dans Settings, nous pourrons également jouer avec la vitesse de nos animations, avec les images par seconde, et si nous voulons ou non qu'elle soit en boucle ou en ping-pong, ce qui signifie faire des allers-retours et des allers-retours. Nous pourrons également voir nos préférences en matière de peau d'oignon, mais je vais en parler dans une minute. La première chose que nous allons faire est choisir notre première animation et d'apporter notre croquis. Maintenant, notre toile est installée. Nous avons notre chronologie d'assistance à l'animation, nous avons notre Canvas, et la dernière étape que nous allons faire est d'importer la première esquisse que nous allons animer. Pour ce faire, je vais cliquer à nouveau sur la clé, le bouton Action. Je vais aller dans Ajouter, insérer une photo, et je vais sélectionner les croquis sur lesquels nous avons travaillé. Maintenant, ce que je vais faire, c'est simplement saisir l'outil Sélectionner à main levée une fois de plus, et je vais juste choisir ce type ici, et je vais cliquer sur Copier Coller pour qu'il soit sur son propre calque, et je vais simplement supprimer l'esquisse originale couche. Nous l'avons toujours dans notre fichier iPad, donc il ne va nulle part. Maintenant, je vais aller de l'avant et agrandir celui-ci dans ma toile pour pouvoir travailler facilement dessus. C'est un peu pixélisé parce que je l'ai fait exploser, mais ça n'a pas vraiment d'importance puisque c'est vraiment un guide. Maintenant, c'est ce que je vais faire référence pour créer mon animation. Maintenant, tout ce que je vais faire, c'est d'appuyer sur ce cadre sur ma chronologie et je vais le définir comme arrière-plan. Ce que cela va faire, c'est que chaque fois que j'ajoute un cadre, ici ou ici, je vais toujours voir mon tout premier cadre de référence. Maintenant, je réduit l'opacité pour que les couleurs ne soient pas les mêmes, ce qui signifie que je ne pourrai pas choisir la couleur à partir d'ici et obtenir la couleur exacte de mon palais, mais je pourrai toujours les atteindre grâce à la palette personnalisée que nous avons créée et nous défini comme personnalisé ici. Très bien, pour que notre fichier soit configuré, nous sommes prêts à passer à la leçon suivante et à commencer à créer un mouvement. 7. Technique de mouvement: Pour notre tout premier GIF, nous allons explorer la gigue ou la technique du tortillement. C'est l'un des moyens les plus simples d'animer une illustration, car elle n'implique pas vraiment beaucoup de mouvement. Cette technique vise plutôt à donner un peu de vie aux images statiques ou objets statiques en impliquant plus que tout mouvement. Commençons. Notre esquisse est placée comme calque d'arrière-plan, ce qui est une référence. Maintenant, nous allons simplement ajouter une couche et nous pouvons le faire. Ajoutez un cadre ici ou dans notre panneau de calques. Je vais dessiner dessus et je vais simplement utiliser un pinceau monoline et des formes remplies. Je vais juste utiliser le même vert. C'est beau et profond. Je peux simplement commencer à dessiner directement en haut de ma référence. Je vais utiliser la technique de remplissage dont j'ai parlé plus tôt. Cela fonctionne très bien avec le pinceau monoline car tous les espaces sont des formes vraiment fermées. L'une des raisons pour lesquelles j'utilise la monoline est que je vais redessiner cette illustration exacte plusieurs fois, et cela sera beaucoup plus facile à faire si je n'ai pas à trop changer la taille de mon pinceau. J'ai fait ces petites lignes de mouvement, ça ne me dérange pas. Je pense qu'ils sont cool. Maintenant, je veux juste ajouter un peu plus de détails à ma feuille, donc je vais la sélectionner en cliquant sur le calque. Je vais utiliser le même vert que celui que j'ai utilisé pour ces gars. Juste pour apporter un peu plus de détails, comme ça. Notre premier cadre d'animation est prêt à être lancé. À ce stade, je n'ai plus vraiment besoin de la référence pour le croquis, donc je peux aller de l'avant et cacher celle-ci. Il s'agit de notre premier cadre et pour donner vie à cette illustration, nous n'aurons pas besoin d'autant de cadres. Avec deux ou trois, nous devrions être bons pour obtenir cet effet gigue et ce dynamisme. Ce que je vais faire, c'est simplement aller de l'avant et ajouter un calque. Comme vous pouvez le constater, je ne vois pas ce sur quoi j'ai travaillé dans le cadre précédent, mais je peux allumer quelque chose appelé peau d'oignon et c'est ce qui nous permettra voir ce que nous avons déjà fait pour planifier ce que nous allons faire ensuite. Ici, comme vous pouvez le voir, mes cadres en peau d'oignon ne sont pas réglés. Mais dès que je les ramène à un seul, je peux voir ce que j'ai fait une seule image et si j'avais beaucoup d'autres cadres, je pourrais le régler à 2, 3, 4, etc. Je vais l'installer à une seule image pour l'instant, car je n'ai qu'une seule image. Je vais aller de l'avant et changer l'opacité, car c'est une autre chose avec laquelle vous pouvez travailler. Selon ce qui est le plus confortable pour vous, vous pouvez modifier l'opacité de la peau d'oignon pour voir sur quoi vous travaillez. J'ai mon deuxième cadre. Je vais le renommer pour que ce soit clair. Je vois ce sur quoi j'ai travaillé auparavant. Maintenant, ce que je vais faire, c'est littéralement recréer exactement la même illustration avec les mêmes couleurs et les mêmes pinceaux. Je ne vais même pas essayer de faire bouger quoi que ce soit, mais parce qu' il ne sera pas exactement parfait, cela va créer un peu d'écart et c'est ce que nous allons créer, l'effet vibrant ou l'effet de tortillement une fois que nous aurons ajouté deux ou trois images. Commençons par recréer cette illustration et nous verrons dans une minute à quoi elle ressemble. Je prends exactement le même vert avec lequel je travaillais pour l'autre et je ne fais que redessiner. Vous ne voulez pas que ce soit parfait, mais vous ne voulez pas qu'il soit trop éloigné. Ici, par exemple, vous pouvez voir n'est pas exactement le cas, ce n'est pas exactement le cas, mais c'est exactement ce que nous voulons pour cette technique spécifique. Nous avons maintenant deux images de cette animation. Comme vous pouvez le constater, quand je clique dessus, ils commencent déjà à bouger un peu. Pour prévisualiser notre animation, même si nous n'avons que deux images, nous pouvons toujours voir quelques mouvements. La première chose que je vais faire est de régler les images par seconde sur quelque chose de très bas puisque je n'ai que quelques images. Je vais juste jouer pour prévisualiser mon animation et comme vous pouvez le voir, elle bouge. C'était assez simple. Seulement quelques images et nous venons de redessiner la même image deux fois. Si j'ai joué avec les images par seconde et que je les ai amenés à quelque chose de très haut, ça commence à paraître un peu fou, mais si vous avez beaucoup d'images, c'est à ce moment que vous allez aller avec quelque chose de haut car cela fera de votre animation liquide supplémentaire. Maintenant, je vais le ramener à quelque chose d'un peu lent, comme quatre images par seconde. Pour compléter ce GIF, je vais aller de l'avant et faire exactement la même chose une dernière fois, où j'ajoute un nouveau calque au-dessus du second. Je vais l'appeler Frame 3 et je redessine exactement ce que j'ai fait dans Frame 2 et Frame 1. Je viens de finir de redessiner la troisième image et je vais la mettre à pleine opacité. Maintenant, j'ai ma première image, ma deuxième image et ma troisième image. Si je joue avec mes trois images, ma feuille bouge et nous l'avons animée. Maintenant, c'est un peu lent, donc je vais juste augmenter un peu le ratio d'images par seconde. Maintenant, c'est six images par seconde et je pense que j'aime bien ce que ça ressemble. Comme vous pouvez le constater, il vibre, se tortille. Je n'étais vraiment pas si précis avec quelle mesure j'ai suivi mon cadre initial, c'est pourquoi nous avons cet effet bancal amusant. Je pense que c'est une technique très simple et amusante que l'on peut appliquer à pratiquement n'importe quelle illustration ou croquis afin de le faire bouger un peu. C'est vraiment amusant pour le traitement de texte ou tout ce qui serait normalement une image plate. Si vous voulez simplement y apporter un peu de plaisir, vous pouvez vraiment créer une animation pour elle. Nous en avons fini avec notre première technique. Nous avons maintenant appris à animer une illustration très simple sur l'iPad, directement sur Procreate à l'aide d'Animation Assist. Nous avons fait tout cela en utilisant seulement trois cadres. Ce n'était pas si long ni compliqué. C'était une excellente introduction et je suis ravi de me lancer dans la deuxième technique, qui va être un peu clignotante avec seulement deux images. 8. Technique de flashing: Nous avons créé nos premiers GIF et ça s'est plutôt bien passé. Essayons une autre technique. Celui-ci, tout comme l'autre, nous n'utiliserons que quelques cadres, donc c'est tout aussi simple, sinon plus. Je vais appeler celle-ci la technique du clignotement. C'est ce que nous allons faire pour cette leçon. Pour commencer à travailler sur cette nouvelle technique, la première chose que nous allons faire est de sortir de notre premier GIF, et nous allons simplement le dupliquer. Entrez dans notre nouvelle, et nous commencerons simplement par supprimer les images que nous avons créées, juste pour commencer par le même canevas et que notre assistance d'animation est déjà prête. Apportons maintenant notre croquis. Nous allons sélectionner ce que nous allons animer comme nous l'avons fait dans l'autre technique. Je vais aller de l'avant et insérer une photo à partir de l'application d'onglets, sélectionner mon croquis, le faire sauter un peu puisque celui-ci est celui que je vais animer, celui avec du texte. Avec l'outil de sélection à main levée, une fois de plus, je vais simplement le contourner, cliquer sur copier-coller. Maintenant, j'ai mon texte de bonjour sur un nouveau calque, et je vais simplement supprimer le texte initial. Ensuite, je vais simplement centrer cela plus ou moins dans mon cadre pour que nous puissions commencer à l'animer. Pour cette animation, je choisis cette simple esquisse textuelle. La première chose que nous allons faire est de créer un nouveau calque, puis je vais cliquer sur celui-ci et le définir comme arrière-plan une fois de plus. Je vais réduire un peu l'opacité de mon croquis et nous pouvons maintenant commencer à travailler sur notre toute première image. Pour ce croquis, je vais utiliser le pinceau à encre sèche de la catégorie d'encrage de la bibliothèque de pinceaux. Celui-ci est également livré avec Procreate. En gros, ce que je vais faire, c'est contourner toutes mes lettres et commencer à les rendre. Je vais juste réduire cela un peu plus loin. Pour créer ce type personnalisé, je vais simplement dessiner sur mon croquis assez lâchement, puis je vais le peaufiner avec la gomme. C'est essentiellement comme ça que je crée un texte personnalisé simple. Ensuite, je vais juste prendre ma gomme à une taille assez petite. Il s'agit d'un stylo studio, également de la catégorie encrage. Ensuite, vous pouvez simplement affiner vos lettres, et le faire pour chaque lettre de n'importe quelle phrase que vous animez. Pour cette première image, je vais dessiner le mot entier sur le même calque. Tout va être sur un seul cadre. Je vais ajouter des détails par la suite. Vous pouvez toujours masquer votre calque d'esquisse si vous souhaitez voir plus clairement ce sur quoi vous travaillez actuellement. Si vous êtes un peu paresseux comme moi, vous pouvez même sélectionner une partie de votre croquis puisque nous allons dessiner le O deux fois. Je vais juste le copier et le coller, et je vais appuyer sur la capture et la magnétique, et je vais juste le déplacer légèrement vers la droite pour pouvoir créer mon deuxième O sans avoir à le redessiner. À ce stade, il s'agit de deux couches distinctes. Je vais juste aller de l'avant, appuyer sur le haut et le fusionner pour qu'ils soient de nouveau sur un seul calque. Comme vous pouvez le constater, je ne suis vraiment pas trop précis avec mon croquis. Je colorie autour de ça. Je déplace des choses juste parce que je l'utilise comme référence plus que toute autre chose. Lorsque vous dessinez des textes, vous pouvez toujours définir des guides pour vous-même. Ce que je vais faire, c'est que je vais juste changer de couleur. Je vais choisir un ton gris. Je vais toucher le calque que je viens de créer sous ma première image, et je vais le remplir. Ensuite, je vais appuyer sur la transformation de forme libre et venir le placer sous mon texte et réduire cette opacité juste pour que je puisse avoir un guide pour m'assurer que mes lettres sont plus ou moins alignées. Mais je veux aussi que cela soit un peu amusant et décalé, donc je ne vais pas être trop précis à ce sujet non plus. Maintenant, afin de voir le cadre sur lequel je travaillais, je vais juste toucher le cadre sur lequel je travaille, cliquez sur Paramètres et je tourne mes cadres oignon à deux ou deux. De cette façon, je pourrai voir mon croquis et les cadres d'oignon car ce sont les deux couches avant celle sur laquelle je travaille. Mais encore une fois, je ne veux pas être trop précis avec mon lettrage parce que je veux qu' il soit fait main et un peu décalé. Maintenant, ce que je fais ici, c'est juste ajuster mes lettres à l'aide de l'outil Sélectionner. Je ne fais que sélectionner les pièces que je veux déplacer. De cette façon, je peux les aligner sur la boîte que je viens de créer. Je copie à nouveau ce N et je le fusionne sur le même calque. Nous avons notre illustration de base pour notre première image. Maintenant, ce que nous allons faire, c'est plutôt que de créer un nouveau cadre en haut, tout d'abord, nous allons supprimer cette chose grise que j'avais en bas pour guider mes lettres. Je vais cacher mon croquis, et je vais juste faire glisser ce calque vers la gauche et le dupliquer. Maintenant, je vais revenir à cette première image. Je vais appuyer sur le calque, cliquer sur Sélectionner, et je vais commencer à colorer certaines parties de celui-ci. Pour obtenir le look clignotant, je vais colorer une partie de cela avec un vert différent. Je vais commencer par sélectionner ce vert que j'ai. Je pense que ces verts ne sont pas mauvais, mais ceux de ma palette sont peut-être un peu trop forts et cela pourrait rendre la lecture difficile. Je vais juste aller de l'avant et sélectionner mon mot et travailler un peu ici avec le sélecteur de couleur pour trouver un vert que je préfère. Même si vous avez une palette, vous pouvez toujours la retravailler et ajouter des couleurs au besoin. Je pense que c'est bon, ce vert plus foncé. Je vais juste l'ajouter à ma palette ici. Ce que je vais faire maintenant, c'est réduire la taille de mon pinceau. Je vais essentiellement colorer toutes les autres lettres. Si je commence par ce G ici, je vais sauter ce O, et je viendrai colorier celui-ci ici, et je vais faire la même chose pour le mot du bas. C'était assez simple. Maintenant, ce que nous allons faire, c'est aller à notre autre calque et simplement colorier les lettres inverses. Je vais sélectionner le même vert et faire la même chose. Maintenant, nous avons colorié toutes nos lettres. Si nous passons d'une image à l'autre, comme vous pouvez le voir, elle clignote déjà, c'est pourquoi j'ai nommé cette technique comme celle-ci. Je vais baisser leurs images par seconde, et je vais appuyer sur Play pour que nous puissions voir l'effet en mouvement. Cela ressemble aux néons brillants qui se trouvent parfois en dehors des magasins et autres. Juste en changeant les couleurs des deux cadres, nous pouvons créer essentiellement l'illusion du mouvement. Pour ajouter quelques détails, je vais simplement créer un autre calque juste au-dessus de mon croquis, et je peux voir les lettres grâce aux paramètres de peau d'oignon. Je vais simplement dessiner un arc le tenant à la fin pour que Procreate puisse corriger ma forme, juste pour l'utiliser à nouveau comme guide. Je vais dessiner un guide au milieu et sur les côtés. Ce ne sont que quelques guides pour ce que je vais ajouter à mes mainframes. Je vais maintenant passer à la première image de mon animation. Je vais dessiner directement ici en utilisant ce vert plus foncé. En gros, je vais ajouter des détails d'arc ou des détails clignotants. Parce que c'est un GIF bonjour, je veux créer quelque chose qui imite peut-être un peu le soleil. Je vais juste dessiner des rayures simples. Je peux maintenant supprimer le calque guide que j'ai créé, et je vais passer à ma deuxième image. Maintenant, je vais attraper le vert plus clair que j'ai commencé au départ. Je vais dessiner exactement le même motif, mais dans tous les espaces négatifs qui restent. Nous pouvons maintenant aller de l'avant et prévisualiser notre animation pour voir à quoi elle ressemble. Je vais juste frapper Play, et voici un mouvement clignotant. Maintenant, c'est un peu rapide. Je vais juste aller de l'avant et ramener le cadre par seconde à environ quatre. Ici, vous l'avez. C'est la technique du clignotement une fois de plus, une technique très simple où nous sommes capables de créer cet effet final de marche, un look clignotant et une illusion de mouvement avec seulement deux images. Découvrez la prochaine leçon où je vais vous montrer d'autres applications pour cette technique. 9. Flux d'animation: Maintenant que nous connaissons bien la chronologie de l'aide à l'animation, essayons une, troisième et dernière technique. Celui-ci s'appelle le flux d'animation, et nous allons créer cet arc-en-ciel. Contrairement aux deux autres techniques que nous avons faites jusqu'ici, celle-ci va réellement donner vie à certains éléments et nous allons créer un mouvement à partir de rien. Cette technique n'est pas nécessairement plus difficile. C'est une approche légèrement différente. Il ressemble davantage à une animation image par image comme l'animation 2D traditionnelle que vous verriez dans tous les films Disney, par exemple, ou l'animation stop motion. Ce que nous allons faire, c'est quitter celui-ci. Encore une fois, il suffit de dupliquer le dernier que nous avons fait pour pouvoir entrer sur Canvas et que toute notre configuration soit déjà prête. Je vais juste aller de l'avant et supprimer ces deux couches pour que nous puissions recommencer à zéro. Comme pour les autres techniques, je vais frapper la clé, insérer une photo, récupérer mon croquis. Pour cette animation, nous allons travailler avec cet arc-en-ciel. Je vais le sélectionner, le copier et le coller et m'assurer qu'il est centré dans ma composition. Fantastique. Nous avons prêt notre croquis. Oups, j'ai oublié de supprimer ce calque, donc je vais aller de l'avant et le faire. Maintenant, appuyez sur mon arc-en-ciel et définissez-le comme arrière-plan. Encore une fois, je vais baisser son opacité et créer un nouveau calque sur le dessus. Nous allons commencer par faire apparaître les nuages à partir de rien. Je crée un nouveau calque au-dessus de mon esquisse. Je prends le même pinceau à encre sèche et une taille assez petite. Je vais commencer par quelques points. Quelque chose comme ça. Rien de fou, mais nous allons les construire au fil du temps avec des cadres différents. Ce que je vais faire maintenant, c'est simplement ajouter un autre cadre. Grâce à ma peau d'oignon, je peux voir ce qui se passe ici. Je vais commencer à construire à partir de ces deux points que j'ai déjà faits. J'essaie simplement d'imiter un peu la forme de mon croquis, mais dans une taille miniature. Juste comme ça. Pour l'instant, je me concentre simplement sur le nuage gauche parce que le nuage de droite, nous allons dessiner davantage au fur et à mesure que la fin de l'arc-en-ciel l'atteindra. À partir de là, permettez-moi de créer une nouvelle couche et de faire exactement la même chose. Fondamentalement, créez vos formes lentement pour correspondre à votre esquisse. Ensuite, à partir de là, vous l'avez deviné, nous créons une nouvelle couche et nous continuons tout simplement. C'est ce que je veux dire en créant quelque chose à partir de rien. Il s'agit vraiment de construire le cloud à partir de quelques points. Si vous voulez voir à quoi ressemble votre forme, vous pouvez toujours masquer votre esquisse et l'affiner. Je vais en faire un autre pour faire bonne mesure. Si vous voulez regarder sans la peau d'oignon, vous pouvez soit diminuer l'opacité, soit diminuer la quantité de cadres que vous voyez vers le bas afin de voir exactement ce sur quoi vous travaillez en ce moment. Nous avons la forme de base d'un ensemble de nuages. Maintenant, nous pouvons commencer à faire venir notre arc-en-ciel. Pour ce faire, je vais créer deux nouvelles couches et je vais les regrouper. C'est parce que nous allons commencer à utiliser des groupes et c'est une autre notion clé de ce cours. Jusqu'à présent, nous n'avons utilisé que des calques uniques comme cadres. Mais lorsque vous utilisez l'aide à l'animation, si vous créez une animation légèrement plus complexe nécessitant plus de calques, vous pouvez regrouper deux couches, et le programme verra un groupe comme une seule image de votre animation. Par exemple, je vais commencer ici en retournant ma peau d'oignon et l'opacité. Je vais désactiver mon croquis parce que je ne peux pas seulement travailler sur ce que j'avais. Je vais redessiner mon nuage exactement comme ce que j'ai dessiné dans ma dernière image. J'ai dessiné mon nuage. Si je devais commencer à amener mon arc-en-ciel sur la même couche, il serait assez difficile de dessiner, façonner parfaitement à mon nuage. Je devrais effacer ou passer par le bleu. C'est pourquoi nous utilisons des calques. La couche sous le nuage est celle sur laquelle je vais commencer mon arc-en-ciel. J'ai sélectionné mon rouge dans ma palette. Je vais commencer à faire passer la lecture lentement. Comme un peu chaud qui culmine sa tête. C'est notre tout premier groupe de couches. Ce que nous allons faire à partir d'ici, c'est ajouter d'autres groupes, donc je crée deux autres couches. Encore une fois, je redessine mon nuage. Je vais éteindre mon croquis pour ça. Maintenant, pour mon deuxième groupe, je vais essentiellement faire la même chose qu'avec le cloud. Retournez mon croquis et ajoutez-en un peu plus à l'arc-en-ciel. Maintenant, nous avons notre rouge et nous allons l'avancer un peu plus loin, mais sur ce deuxième groupe, je vais créer un nouveau calque, amener sous le rouge. Je vais commencer à apporter du rose. Je vais sélectionner le rose dans ma palette et commencer à l'apporter lentement comme je l'ai fait avec le rouge du dernier groupe. Aussi simple que ça. Nous fermons ce groupe et vous l'avez deviné, nous en créons un autre. Tout d'abord, je dessine encore mon nuage. Maintenant que j'ai dessiné mon nuage, ce peu, nous allons également introduire l'autre bout de l'arc-en-ciel. Je vais réactiver mon croquis. Sur cette même couche de nuages, je vais commencer comme je l'ai fait avec ce nuage gauche et faire une petite balle ici. Maintenant, je peux continuer le rouge puis le rose. C'est notre troisième groupe terminé. Passons à notre quatrième, c'est essentiellement le même processus. Celui-ci, je vais créer trois calques, car comme l'autre, nous avons fait le rose, le rouge et le bleu. Je suis en train de redessiner exactement la même chose. Je vais m'ajouter au cloud. Je vais ajouter à chaque bande de l'arc-en-ciel. Nous avons maintenant quatre groupes dans notre animation. Voyons à quoi ça ressemble quand on le rejoue. Pour cela, je vais cacher mon croquis, mes antécédents. Je vais aller de l'avant et supprimer les paramètres à six images par seconde et appuyer sur Lecture pour voir à quoi cela ressemble. Il est en train de se réunir. Nous pouvons voir notre nuage apparaître lentement. Si nous le faisons monter d'un cran et le déplacer à 10 images par seconde, cela commence à avoir du sens. Continuons avec d'autres groupes jusqu'à ce que notre arc-en-ciel soit complet et que nos nuages soient complètement remplis. Nous avons maintenant un tas de trames simples et quatre groupes de couches. Nous allons simplement ajouter probablement quelques autres groupes où nous allons simplement passer en revue le même processus. Je fais trois couches en groupe, commençant par les nuages. Je suis sûr que vous connaissez l'exercice. Je viens de finir de dessiner les éléments suivants pour ce groupe. Comme vous pouvez le constater, j'ai presque fini finir ce nuage et ceux-ci ont presque atteint le cloud. Je pense à un groupe de plus et nous serons prêts. Mais si on y joue jusqu'ici, c'est à quoi ça ressemble. Allons de l'avant et créons ce dernier groupe afin que nous puissions commencer à ajouter quelques touches finales. C'est fini, notre dernier groupe de calques, qui sera notre dernière image. Celui-ci, vous devez vous assurer que vous aimez vraiment son apparence car nous allons faire une pause sur celle-ci, car c'est la fin de notre animation et nous voulons mettre un peu plus l'accent là-dessus. Comment faire durer ce cadre plus longtemps que les autres ? Eh bien, il y a plusieurs façons d'y arriver. Vous pouvez soit dupliquer le groupe plusieurs fois, soit le sélectionner, cliquer sur ce cadre spécifique et définir la durée pendant laquelle vous souhaitez qu'il soit conservé. Comme vous pouvez le voir lorsque je déplace le curseur vers la droite, il ajoute d'autres cadres. Si je veux qu'il ne s'agisse que d'une ou deux images, je le déplace vers la gauche. Pour ce cadre, je pense que je vais faire durer quatre images. Nous allons voir à quoi ça ressemble. Maintenant, avant de faire quoi que ce soit d'autre, je souhaite également ajouter quelques images vierges au début de mon animation. Nous pouvons vraiment entrer progressivement dans les nuages en se construisant eux-mêmes plutôt que de sauter dedans tout de suite. J'ai ajouté trois cadres vierges juste au-dessus de mon croquis, j'ai caché mon croquis. Voyons à quoi ressemble cette animation. C'est ce à quoi ça ressemble jusqu'ici, ce n'est pas mal. Cela pourrait être un peu plus fluide, donc nous allons travailler là-dessus. Mais ce n'est pas du tout un mauvais départ. Comment les rendre plus fluides ? Eh bien, nous pouvons toujours entrer dans chacun de nos cadres ou groupes et resserrer nos croquis, nous assurer que nos lignes sont belles et nettes. Puisque cette animation est un arc-en-ciel, je pense qu'elle serait encore meilleure si nous allons dans les paramètres et que nous la changions de boucle à ping-pong pour que l'arc-en-ciel puisse revenir sur lui-même. Allons-y et voyons à quoi ça ressemble. C'est déjà beaucoup mieux, je vais augmenter la fréquence d'images un peu plus élevée, peut-être 12 images par seconde, et voir à quoi elle ressemble maintenant. C'est plutôt amusant. Maintenant, le voyant à quelques reprises, je pense déjà que je peux ajouter un peu de nuage qui vient plus tôt de ce côté-ci. Nous pouvons même ajouter une troisième couleur si nous le voulions par la suite. Tout ce que vous avez à faire est de revenir à l'un de vos cadres et de commencer à ajouter une nouvelle couleur, soit sur un nouveau calque que vous avez déjà à l'intérieur de votre groupe. Je vais ajouter quelques étoiles et des étincelles à cette animation. Pour ce faire, je vais aller au dernier nuage que j'ai dessiné avant de sauter dans les groupes. Je vais faire de celui-ci un groupe en ajoutant un calque en haut et en le combinant vers le bas. Je vais prendre ce vert dans ma palette, et je vais faire quatre points ici et en face. Comme vous le verrez, elles vont devenir des étoiles dans les deux prochaines couches que nous allons ajouter. Maintenant, à partir de cette couche, nous allons passer au groupe juste au-dessus et créer un nouveau calque. Celui-ci va devenir le contour d'une étoile. Nous allons faire des bouts épineux pour celui-là. Passons maintenant au cadre ci-dessus, une fois de plus, je crée un nouveau calque. Maintenant, ce type est en train de devenir une star. Celui-là ne sera que des morceaux épineux. Nous allons mettre fin à ce cycle sur ce groupe ci-dessus, où celui-ci va devenir la croix au début et celui-ci ne sera que les quelques points. La raison pour laquelle j'ai fait des cycles inversés, c'est qu'ils ne brillent pas exactement en même temps. De cette façon, cela créera de la variété dans le mouvement. Voyons à quoi ça ressemble quand on y joue complètement. Nos étoiles brillent et elles étincelent au moment inverse, ce qui me semble joli. C'est notre dernière animation. J'espère que cette technique vous plaira. C'était un peu plus avancé que celui que nous avons vu auparavant, mais c'était beaucoup refaire la même chose. J'espère que vous apprendrez quelque chose, et que cela vous a plu. Dans la prochaine leçon, nous allons examiner comment exporter nos cadeaux et les utiliser dans divers contextes. 10. Autres applications: Félicitations pour l'avoir fait jusqu'ici. À ce stade, nous avons appris trois techniques d'animation différentes, allant de l'utilisation de quelques images à des groupes de calques complets. Bien, c'est fait et j'espère que cela vous incitera à créer de nombreux autres GIF animés. Avant de nous pencher sur la façon d'exporter nos GIF, je voulais partager avec vous quelques exercices supplémentaires que vous pouvez faire pour vraiment familiariser avec ces techniques et vous familiariser avec ces techniques et voir comment les appliquer à différents types d'illustrations. Il s'agit d'une petite animation d'enveloppe que j'ai créée récemment sur le même principe. Fondamentalement le premier cadre, je viens de dessiner cette enveloppe, et le deuxième cadre, je l'ai simplement déplacée à l'aide de l'outil flèche ici, ai simplement déplacée légèrement de l'autre côté. C'était au départ ici, comme vous pouvez le voir avec la peau d'oignon. Lorsque vous jouez cela, une fois de plus, vous avez de très légers mouvements, mais tout d'un coup, votre image est animée. Il s'agit essentiellement d'une variation de la même technique. Je vais laisser ces fichiers ci-dessous dans les ressources de la classe si vous voulez les télécharger et regarder comment je les ai configurés, ou si vous voulez essayer ces exercices vous-même. Il s'agit également d'une autre technique où j'utilise la même technique où je change simplement les couleurs d'un cadre à l'autre. Comme vous pouvez le constater, il n'y a que deux cadres. Ce type et ce type. Tout ce que j'ai fait, c'est de changer les couleurs d'un cadre à l'autre et de faire pivoter légèrement chaque élément en les sélectionnant et appuyant sur l'outil flèche et en les déplaçant légèrement d'un côté ou de l'autre. Chaque fois que vous jouez le GIF, même s'il ne s'agit que de deux images, il semble que beaucoup plus se passe. Jetons un coup d'œil à un autre exercice bonus. Celui-ci est simple et je viens d'utiliser la même technique que l'animation du flux. C'est le GIF que j'ai créé. Jetons maintenant un coup d'œil à la structure des calques. Comme vous pouvez le constater, il y a environ six images dans cette animation. En gros, d'un cadre à l'autre, comme vous pouvez le voir, la seule chose qui bouge vraiment, sont les feuilles et les fleurs. Maintenant, si je devais allumer la peau d'oignon et l'opacité pour vraiment vous montrer toute l'animation, vous verrez que le vase reste vraiment le même et les fleurs sont ce qui se déplace de gauche à droite. C'est une façon géniale de prévisualiser votre animation et de voir à quel point votre mouvement aura réellement l'air fluide. Une autre chose intéressante que vous pouvez faire est de demander à Procreate de tenir un cadre particulier. Cela contribue à l'élan. Il peut vous aider à chronomiser votre animation et ajouter de l'accent au début ou à la fin de celle-ci. C'est ce que j'ai fait pour les deux dernières images pour qu'il y ait un peu de pause avant de revenir au début de l'animation. Voici un autre conseil. Si vous souhaitez créer une animation comportant de nombreux éléments différents, ou peut-être un peu plus complexe, n'hésitez pas à utiliser la fonction de groupe. Comme nous l'avons déjà mentionné, chaque groupe équivaut à une image de votre animation. C'est en fait ce que j'ai fait au départ pour ce GIF. Dans chacun de mes groupes, j'ai le vase, j'ai les fleurs et j'ai les feuilles sur une couche distincte pour chacune d'elles. Cela m'a facilité la planification de mon mouvement et je n'ai pas eu à être aussi prudent lorsque je le dessinais. Quand j'en étais content, je l'ai juste aplatie. Il n'est pas nécessaire de l'aplatir, bien sûr, mais je veux juste que mes couches soient un peu plus propres, pour cet exemple. J'ai ajouté tous les fichiers Procreate pour ces exercices dans les ressources de la classe afin que vous puissiez les télécharger, les ouvrir dans Procreate, voir comment le fichier est structuré et que vous puissiez les recréer si vous le souhaitez. Bien sûr, il n'est pas nécessaire de redessiner exactement les mêmes dessins. Vous pouvez simplement parcourir les cadres et appliquer cette logique à n'importe quelle illustration ou esquisse que vous pourriez avoir. Maintenant que vous connaissez très bien l'animation image par image, voyons comment nous pouvons prendre ces GIF en dehors de Procreate et les utiliser dans différents contextes. Dans la prochaine leçon, nous verrons comment exporter nos GIF et comment ils peuvent vivre en dehors de Procreate. 11. Exporter: Très bien, nous avons fait des GIF assez sympas. Allons de l'avant et exportons-les pour que nous puissions réellement les utiliser. Allons dans notre premier GIF. Pour ce faire, je viens de cliquer sur le premier GIF que nous avons créé. Je vais appuyer sur cette clé et aller sur le troisième onglet pour partager et cliquer sur « GIF animé » dans le partage que vos options ici vous verrez votre GIF, un aperçu de celui-ci, et vous pourrez modifier la quantité d' images par seconde qui vous voulez qu'il soit dans l'exportation. Pour celui-là, je pense que nous allons y aller avec six. Vous pouvez également choisir de l'avoir avec un arrière-plan transparent, c'est ce que je vais chercher pour la plupart de ces GIF pour l'instant. Maintenant, il s'agit du GIF à résolution maximale. Vous pouvez également l'obtenir dans un format prêt pour le Web, ce qui sera beaucoup plus léger. Si vous voulez l'envoyer via des messages ou quelque chose comme ça, c' est peut-être une bonne option, si vous voulez le présenter sur votre site Web ou si vous souhaitez peut-être l'utiliser sur Instagram ou quelque chose du genre, j'opterais pour une exportation de résolution maximale plus importante. Je vais aller de l'avant et cliquer sur « Exporter » dans le coin, et à partir d'ici, vous pouvez l'AirDrop sur l'un de vos appareils. Si vous utilisez d'autres produits Apple, vous pouvez également les envoyer par SMS ou envoyer un e-mail à quelqu'un qui l'utilise. Pourquoi pas, et vous pouvez également le partager par messager avec un de vos amis. Mais pour l'instant, je vais juste aller de l'avant et cliquer sur « Enregistrer l'image » pour l'enregistrer sur mon iPad. Vous pouvez maintenant le faire avec tous les autres GIF que vous avez créés et commencer à les utiliser si vous le souhaitez. Retrouvez-moi dans la prochaine leçon où je vais vous montrer encore plus de façons d'utiliser vos animations. 12. Utiliser vos GIF: Nous avons une belle collection de GIF. Voyons maintenant quelles sont les façons amusantes de les utiliser. Une première idée pour utiliser vos GIF serait de les envoyer à vos amis et à votre famille par le biais d'un message ou d'un messager. Ce que vous pouvez faire directement via votre iPad, ou vous pouvez exporter vos GIF, les envoyer sur votre mobile et les utiliser à partir de là. Ici, comme vous pouvez le voir, j'ai copié pour donner sur mon téléphone et je le colle juste dans la zone du message et je l'envoie à ma mère pour lui souhaiter une bonne matinée. Une autre façon vraiment géniale de les utiliser serait de les copier et de les coller dans vos histoires Instagram. Elles apparaîtront sous forme d'animations superposées sur n'importe quelle image ou vidéo que vous essayez de publier. Ici, je ne fais que copier mon GIF depuis mon mobile et je vais me diriger vers l'application Instagram où j'ai déjà une photo, puis je suis prêt à poster sur mon histoire. Je peux soit utiliser ce bouton Ajouter un autocollant, soit utiliser l'outil de texte et simplement cliquer sur le texte et coller mon GIF en place. Comme ça. Comme vous pouvez le constater, elle apparaît dans mon histoire entièrement animée au fur et à mesure que nous l'avons créée. Je vais faire un autre exemple avec ce GIF de bonjour. Encore une fois, je vais le copier à partir de mon téléphone, me rendre sur Instagram, où j'ai un arrière-plan clair et je vais simplement le coller à partir de l'outil de texte ici. Ici, je peux le redimensionner et le placer là où je veux , puis je peux ajouter d'autres éléments d'interface si je veux à mon histoire. Si vous souhaitez que vos GIF soient plus accessibles au public sur des plateformes comme Instagram, par exemple, je vais vous montrer rapidement comment vous pouvez postuler pour un profil d'artistes GIPHY, que vous pouvez télécharger vos GIF sur le et demandez aux gens du monde entier de les utiliser en recherchant votre nom. 13. Postuler sur Giphy: Si vous souhaitez que vos GIFs soient disponibles publiquement via GIPHY, vous pouvez également l'appliquer à un artiste GIPHY comme moi. Vous souhaitez vous rendre sur giphy.com et vous connecter ou créer un compte. Une fois que vous y êtes, vous devrez télécharger au moins cinq GIF pour être pris en compte pour le profil d'un artiste. Vous pouvez sélectionner vos GIF, et vous serez en mesure de placer des balises ainsi qu'une URL source au cas où les gens veulent savoir qui a créé les GIF, ils y seront redirigés. Pour les étiquettes, si vous avez le nom d'un artiste ou une poignée spécifique, veillez à le placer là, car c'est ainsi que les gens pourront vous trouver. Si vous souhaitez ajouter des balises individuelles pour chaque GIF, vous devrez les télécharger une par une. Ensuite, cliquez sur « Télécharger » et vous verrez maintenant votre profil avec les GIF que vous venez de télécharger. À ce stade, vous devez aller sur giphy.com/apply. Rendez-vous dans la section de l'artiste et cliquez sur le bouton « Sélectionner des artistes ». Vous aurez un autre formulaire à remplir, puis vous pourrez soumettre votre demande. J'espère que quelques semaines plus tard, vous devriez pouvoir recevoir un e-mail comme celui-ci vous informant si vous avez été accepté pour un profil d'artiste. À ce stade, vos GIF seront disponibles pour tous les utilisateurs sur TikTok Instagram ou Facebook simplement en recherchant les différentes balises que vous avez insérées. J'ai mis ma poignée, et comme vous pouvez le voir lorsque je l'ai cherché sur Instagram dans l'onglet autocollant, je peux trouver les GIF que j'ai créés et je peux les ajouter à mes histoires. Il y a une dernière chose que je voulais vous montrer concernant les GIF Instagram. Si vous insérez un GIF dans votre histoire et que vous le maintenez pendant quelques secondes, vous pourrez l'épingler en place. Cela ajoutera une fonction de suivi et une deuxième couche d'animation où elle suivra tout ce qui se passe dans la vidéo. Vous l'avez, c'est ainsi que vous pouvez également devenir un artiste GIPHY vérifié et que vos GIF soient utilisés par des millions de personnes dans le monde entier. 14. Conclusion: Félicitations que tu as fait ça. Dans ce cours, nous avons abordé tout, de la configuration de votre canevas à la création d'une animation arc-en-ciel complète à partir de zéro. S'il y a une chose que j'espère que vous retirez de ce cours, c'est la suivante : donner vie à votre illustration n'est pas forcément compliqué. Vous pouvez y arriver avec seulement quelques images d'animation. J'espère que vous gardez ces techniques à l'esprit et que vous allez de l'avant et que vous les appliquerez à n'importe quel dessin que vous souhaitez apporter à un autre niveau. J'aimerais vraiment que vous partagiez ce que vous avez créé dans la galerie de projets. Si vous avez postulé pour un profil d'artiste GIPHY, assurez-vous de le partager également. Je suis vraiment excité et curieuse de voir ce que vous avez imaginé. J'apprécierais vraiment que vous puissiez laisser un avis sur ce cours et me faire savoir ce que vous pensiez. J'ai également un autre cours procreate consacré à l'illustration de portraits sur iPad. Vous pouvez également me suivre ici pour connaître les mises à jour et quand je publie de nouveaux cours. Merci encore beaucoup d'avoir suivi ce cours et à vous revoir la prochaine fois.