L'animation sur Procreate pour les débutants : créez vos propres GIF et autocollants

1. Bande-annonce du cours: Tu connais ce sentiment ? Parfois, vous recherchez le bon GIF, mais vous ne trouvez tout simplement pas quelque chose qui correspond à votre humeur. Plus maintenant. Aujourd'hui, vous allez apprendre de moi comment animer vos propres GIF animés dans Procreate. Bonjour et bienvenue. Je m'appelle Vera. Je travaille en tant qu'artiste indépendant à Hambourg et j' enseigne sur Skillshare depuis 2019. Mon travail est plein de petites histoires. Ils sont souvent inspirés par les aventures que j'ai vécues en tant qu'ouvrier ou dans d'autres jeux de rôle et j' adore la façon dont ils m'ont aidée à entrer en contact avec les autres. Dans ce cours, je veux vous aider à vous exprimer avec de petits GIF et des autocollants. Non seulement sur les réseaux sociaux, mais aussi dans les messages privés. Avec mes conseils, vous allez générer quelques idées que vous transposerez en croquis, puis en concepts finaux pour un tas d'autocollants de réaction animés. Afin de les adapter exactement à votre goût, je vais vous inspirer quelques exemples différents pour vous aider à comprendre ce qui est possible. auriez-vous jamais dû animer auparavant ? Ne vous inquiétez pas. C'est également quelque chose que vous allez apprendre aujourd'hui. Pour le projet de classe, vous collecterez toutes vos étapes, de première idée à l'animation finale. C'est tellement cool de voir comment quelques gribouillis aléatoires se transforment en un objet émouvant. Je vous promets que non seulement votre travail le plus parfait sera apprécié. Non. Nous voulons tous voir les étapes inachevées entre les deux et peut-être pas aussi parfaites que vous l'imaginiez en animation. Ces choses sont très inspirantes pour vos camarades et moi. Vous pouvez également recueillir des commentaires et des éloges sur une longue distance, ce qui vous motivera en retour. Si vous êtes un artiste et que vous aimez les GIF et autocollants, ce cours peut-être la bonne chose pour vous. Comme je l'ai mentionné, vous n' avez pas besoin d' expérience préalable en matière d'animation. La seule chose importante est que vous aurez besoin d'un iPad avec Procreate car le processus est illustré et adapté à ce support. De plus, tout le monde est le bienvenu. vous soyez un artiste débutant ou confirmé, tout le monde pourra tirer quelque chose de ce cours et élargir son horizon. À la fin du cours, vous aurez non seulement transformé nombreuses idées géniales en petits GIF animés, vous aurez également appris beaucoup de choses qui vous accompagneront tout au long de votre parcours en tant qu'artiste. Alors prenez votre iPad et c'est parti. 2. Projet du cours: [MUSIQUE] Es-tu prêt ? Dans ce cours, vous allez créer vos propres animations de poche. Vous pouvez présenter vos idées et itérations dans votre projet de classe. Personnellement, j'aime utiliser petits GIF et des autocollants pour m'exprimer, mais il me manque souvent quelque spécifique ou de quelque chose qui correspond à mon identité visuelle. J'ai décidé d'apprendre à créer mes propres petites animations que je pourrais utiliser sur les réseaux sociaux, et comme je suppose que d'autres peuvent ressentir la même chose, je veux que ce soit le projet de classe. Vous n'avez pas besoin de connaissances préalables en animation, mais un peu d'expérience en dessin est bien sûr un avantage, mais ce n'est pas une obligation. Vous avez besoin d'un iPad, Apple Pencil et de Procreate. Vous pouvez acheter cette application pour environ 10 dollars dans l'App Store. J'ai lié leur page dans la description. Avant de passer au sujet, vous recevrez une introduction à Procreate. également quelques informations sur l'animation 2D et son fonctionnement, ainsi que quelques spécifications techniques que vous devez connaître lorsque vous créez des GIF pour votre projet de classe. Afin de stimuler votre créativité, nous organiserons une session de brainstorming et collecterons des idées pour vos autocollants. À l'étape suivante, vous ferez des croquis de ces idées, puis nous passerons aux parties les plus juteuses. Je vais vous montrer différents types d' animation et la façon dont je les aborde, afin que vous puissiez les choisir et les appliquer à vos propres idées. À la fin de ce cours, vous aurez créé au moins cinq animations différentes et vous saurez également comment les utiliser exactement sur Instagram, par exemple. J'ai créé ce cours pour qu'il soit particulièrement adapté aux débutants, car j'ai personnellement été très intimidé par l'animation pendant un certain temps. J'espère pouvoir me débarrasser de cette peur. Ensuite, c'est à vous de partager votre processus avec nous afin de vous sentir accompli après ce cours. Vous pouvez télécharger toutes les étapes intermédiaires dans la galerie afin que nous puissions voir votre processus et votre progression. Je suis là pour vous soutenir tout au long de votre parcours, et je suis très heureuse de voir votre projet et ceux de vos camarades de classe. N'oubliez pas de vous amuser. [MUSIQUE] 3. Introduction à Procreate: Avant de vraiment commencer, je voudrais vous présenter l'application afin que vous puissiez toujours comprendre exactement ce que je fais. Si vous connaissez déjà Procreate, tant mieux. Je vais tout de même passer toutes les fonctionnalités de base qui seront pertinentes dans ce cours afin que nous soyons tous sur la même longueur d'onde. Voici à quoi ressemble Procreate lorsque vous l'ouvrez. Dans la galerie ici, vous pouvez voir l'aperçu de tous vos projets ou des œuvres d'art préinstallées si vous venez d' installer l'application. haut à droite, vous verrez différentes options qui permettront toutes de démarrer un nouveau projet. Commençons par un document vide. Appuyez sur le signe plus. Dans le menu qui s'affiche, vous pouvez choisir des préréglages. Pour moi, il y en a quelques autres parce que j'en ai enregistré de nouveaux au fil du temps. La taille de la toile n'est pas très pertinente pour les tests pour le moment, vous pouvez simplement choisir celle du haut ou, comme moi, créer une nouvelle toile en appuyant sur ce bouton en haut. Vous pouvez définir n'importe quelle taille ici. J'aime commencer par un format carré. Plus votre canevas contient de pixels, moins vous pouvez utiliser de couches. Malheureusement, cela est quelque peu limité sur l'iPad et varie également en fonction du modèle sur lequel vous travaillez. Puisque je souhaite créer quelque chose pour une utilisation numérique aujourd'hui, je vais m'assurer que le profil de couleur est réglé sur RGB. Ce type de profil permet d' accéder à la gamme complète de couleurs que l'iPad et tout autre écran peuvent afficher. Le CMJN est utilisé pour les éléments qui doivent être imprimés ultérieurement. En conséquence, les couleurs sont un peu plus limitées. Attention donc car si vous avez créé un fichier dans l'un des deux espaces colorimétriques, il ne pourra plus être modifié ultérieurement, vous ne pourrez modifier le profil que dans l'espace colorimétrique RGB ou CMJN. Vous pouvez laisser les autres préréglages sur la gauche tels quels. Nous sommes maintenant dans le document et notre Canvas est prêt. Vous pouvez zoomer en pinçant deux doigts l'un contre l'autre. Les fonctions les plus importantes se trouvent dans la barre de menu en haut et sur le bord de l'écran. C'est ici que vous retournez à la galerie. La clé vous indique les différentes actions et réglages. Vous pouvez utiliser la fonction magique pour effectuer des ajustements concernant les couleurs, les effets et la netteté, entre autres choses. Ce symbole en forme de boucle hélicoïdale S est ici l'outil de sélection et la flèche est l'outil de transformation. Vous trouverez également des pinceaux, des doigts tachés et des gommes à effacer sur la droite et, bien sûr, le menu des calques et les couleurs. Ces curseurs sont sur la gauche pour moi parce que je suis droitier, mais bien sûr si vous dessinez avec votre main gauche, vous pouvez changer cela. Le curseur supérieur modifie la taille de l'outil que vous utilisez et le curseur inférieur modifie son opacité. Ce que je trouve particulièrement intéressant , c'est que vous pouvez définir les paramètres que vous utilisez régulièrement pour les deux avec un avantage ici afin de pouvoir les retrouver rapidement. Je ne suis pas sûr que cela soit possible avec les préréglages d'origine, mais vous me verrez probablement faire cela aussi. Un balayage de trois doigts de haut en bas permet d' ouvrir le menu Copier et coller. Une simple pression du doigt ouvre le menu rapide pour moi. Vous pouvez trouver des commandes gestuelles sous clé et les paramètres et personnaliser tout ce qui s'y trouve à votre guise. De plus, une pression avec deux doigts annule une étape et une pression à trois doigts rétablit une étape annulée. Enfin, je vais vous montrer comment préparer votre fichier pour l'animation. Appuyez sur cette clé, puis sur Canvas. Vous y trouverez un bouton coulissant pour l'assistance à l'animation. Lorsqu'elle est activée, la barre d'animation apparaît en bas de l'écran. J'expliquerai exactement ce que nous en faisons dans la prochaine leçon. [MUSIQUE] 4. Animation 101: [MUSIQUE] Notre fichier est prêt à être animé. Mais qu'est-ce que l'animation exactement ? Nous appelons animation tout ce qui crée l'illusion d'un mouvement sur un support visuel. Les dessins individuels dans lesquels quelque chose change d' image à l'autre sont une image à l'autre sont reproduits rapidement, et notre cerveau interprète ces changements comme des mouvements. Cela fonctionne mieux lorsque le nombre d'images affichées est supérieur à 10 par seconde. Tout ce qui se trouve en dessous peut encore être reconnu par nos yeux comme des images uniques et rendre ainsi l'illusion moins convaincante. Voyons à quelle fréquence d'images est définie notre fichier. Pour ce faire, appuyez sur Paramètres dans la barre d'animation en bas. Le menu ci-dessous vous montre les différents aspects de votre fichier. En haut, vous pouvez sélectionner le type de lecture. L'infini est, je pense, explicite. L'animation se joue du début à la fin, encore et encore , jusqu'à ce que vous l'arrêtiez. Ping-Pong y jouera du début à la fin, puis de la fin au début, et ainsi de suite. One Shot lit l'animation une fois, puis la met en pause. Ensuite, vous verrez un curseur pour les images par seconde. Cela va d'une image, ou image par seconde, à 60. Vous n'avez pas encore vraiment besoin des autres paramètres. J'y reviendrai plus tard. Vous pouvez toujours modifier la fréquence d'images lorsque vous travaillez sur votre animation. N'oubliez pas que plus vous définissez une fréquence d'images élevée, plus l' animation sera jouée rapidement et plus vous devrez faire de dessins. C'est toujours un équilibre entre, ça a l'air super doux et cool, et ****, pourquoi ai-je travaillé autant sur moi-même ? J'aime commencer avec une fréquence d'images de 12, et parfois au cours du processus, je trouve que d' autres peuvent mieux fonctionner . C'est très bien. L'animation est un processus d'apprentissage constant, et vous aurez une meilleure idée et compréhension de ces subtilités au fil du temps. Maintenant, vous devez avoir une compréhension de base de l' animation et de son fonctionnement. Dans la leçon suivante, nous examinerons les conditions-cadres qui sont importantes pour notre projet de classe planifié. [MUSIQUE] 5. Conditions cadres: [MUSIQUE] Pour le projet de classe, l'objectif est d' animer une poignée de cadeaux personnels que vous pouvez utiliser comme réactions. Cependant, j'aimerais pouvoir non seulement les utiliser dans des messages privés, mais aussi les utiliser sur Instagram, par exemple, et les partager avec d'autres. Voici la difficulté, ces animations seront principalement visualisées sur l'écran d'un téléphone portable. Cela signifie qu'ils ne sont pas particulièrement grands et doivent fonctionner correctement et rester lisibles dans leur taille correspondante. Lisible non seulement dans le sens où il contient de l'écriture, lisible dans le sens où vous le regardez et reconnaissez ce que c' est sans avoir à vous concentrer dessus pendant une demi-heure. Cela ne semble pas particulièrement dramatique. Mais le fait est qu'il est en fait beaucoup plus difficile présenter quelque chose de réduit et trop surchargé avec plus de bling, bling et d'informations visuelles. Voici quelques conseils pour que votre design reste lisible. Les formes de votre animation doivent être claires et simples. Si vous regardez cet exemple, vous pouvez voir qu'il est beau et grand. On reconnaît tout, on peut différencier les formes et bien lire le mouvement. Mais dès qu'on la regarde en petits morceaux, elle se transforme en une masse brune et on ne peut plus savoir ce qui se passe. Alors, que peux-tu faire ? J'ai essayé de réduire les courbes et les rayures. Moins la forme comporte de points d'inflexion, plus le dessin est clair et simple, plus il est facile à reconnaître, même à petite échelle. Après tout, vous pouvez voir tous les détails de toute façon alors pourquoi ne pas vous faciliter la tâche et celle de vos yeux ? Je ne dis pas que les détails sont stupides, juste qu'ils ne servent pas grand-chose à cette fin. La coloration des différents éléments suit un schéma similaire. Plus les couleurs des formes sont différentes, plus il est facile de les reconnaître. Cela ne signifie pas que vous ne devez pas combiner des couleurs harmonieuses. Gardez simplement à l'esprit que chaque teinte a une valeur de luminosité et que plus elles sont différentes, meilleur est le contraste. Vous pouvez l'utiliser de manière très ciblée et utiliser le contraste pour vous concentrer sur certaines choses et en placer d'autres davantage en arrière-plan en associant des couleurs similaires. Pour résumer, prenez des décisions conscientes et choisissez les formes et les couleurs avec soin. Plus vous pouvez communiquer votre idée simplement, plus il sera facile de voir en petits caractères et de travailler avec des couleurs contrastées pour soutenir votre design. Maintenant, vous pouvez prendre votre stylo et votre papier ou votre iPad, car la prochaine étape est le brainstorming. [MUSIQUE] 6. Votre brainstorming: [MUSIQUE] Maintenant, allons-y. Réfléchissons ensemble et écrivons exactement ce que nous voulons faire pour les gifs animés. Vous êtes bien entendu invités à utiliser mes idées et à en faire votre propre variante au cours du processus. Ensuite, je voudrais vous inviter à faire de même. Voici quelques questions qui peuvent vous aider à découvrir et à définir votre propre voix créative. Vous pouvez également les trouver sous forme de feuille de travail dans les ressources. Commençons par ce que nous savons. Quels types de cadeaux préférez-vous utiliser ? S'agit-il de petites images de créatures ou d'animaux, peut-être des bulles vocales, des flèches, des gribouillis, confettis, ou qu'avez-vous oublié exactement ? C'est maintenant l'occasion de combler ces lacunes. Il suffit de noter tout ce qui vous vient à l'esprit. Question suivante, quelles déclarations souhaitez-vous faire avec vos animations ? Y a-t-il des idées spécifiques qui vous viennent à l'esprit ? Des déclarations que vous souhaitez généralement faire plus souvent, mais pour lesquelles vous n'avez tout simplement jamais trouvé exactement ce qu'il fallait ? Un cadeau qui dit, hé, je t'aime bien, mais tu es vraiment énervant. Je ne suis pas là pour te juger, il suffit de le noter. Y a-t-il une certaine ambiance que vous aimeriez faire rayonner ? Êtes-vous plutôt gothique, floral et coloré, mignon et câlin, ou totalement bizarre et désordonné ? Prenez des notes de la manière qui vous convient le mieux. Peut-être que des idées concrètes design se cristallisent déjà dans votre tête, ou vous les avez même écrites. Dans la prochaine étape, nous définirons ces idées plus en détail et en ferons des croquis. [MUSIQUE] 7. Faites une ébauche de vos idées: Si vous avez déjà eu des idées très concrètes dans la leçon précédente, tant mieux. Je vais maintenant vous montrer comment j' aborde mes idées. Mais en fait, avant de le faire, je vais vous dire quelque chose qui pourrait également vous intéresser. Comme je prévois d'utiliser ces animations dans mes stories sur Instagram, par exemple, et de les rendre accessibles aux autres, j'aimerais pouvoir y accéder dans l'application via les autocollants GIF. Pour ce faire, ils doivent être téléchargés sur giphy.com. Vous devez également avoir un compte d'artiste officiel vérifié sur Giphy pour pouvoir y accéder, mais c'est vraiment très facile. Vous pouvez trouver le lien vers ce site dans les ressources. chose la plus importante pour que votre compte soit vérifié est que vous devez avoir au moins cinq GIF dans votre profil. Si vous avez des objectifs similaires aux miens, ce serait formidable si vous abordiez cinq idées différentes. Revenons au sujet. Ces autres designs que j' aimerais développer. Je fais des croquis et des notes qui me font comprendre quelle était mon idée. Parce que parfois j'ai tendance à oublier quelque chose comme ça en cours de route. Ces croquis commencent très grossièrement pour moi, pas très jolis, mais ils remplissent leur fonction. N'oubliez pas que ma façon de travailler n'est pas le non plus ultra. Peut-être que vos croquis ressemblaient déjà des œuvres d'art finies ou souhaitez-vous toujours esquisser autant de variantes que possible ou tout le contraire ? La première ébauche qui a été prise. Travaillez-vous peut-être en couleur dès le départ ? Quel que soit votre processus, il est important que vous travailliez de la manière qui vous convient le mieux. Je peux facilement diviser mes créations en catégories. Texte, pas de texte et animation en ébullition, animation animée. Bien sûr, tout bouge, mais il me manque de meilleurs mots. Dans les prochaines leçons, je vais aborder les brouillons visuellement et vous montrer la mise en œuvre en détail. Cela devrait rendre ces catégories vagues un peu plus claires et, bien sûr, vous aider à créer vos propres animations. D'ailleurs, cela ne fait pas de mal de simplement collectionner des autocollants que vous aimez comme matériau de référence. C'est la meilleure façon de voir quels exemples existent, ce qui fonctionne bien et ce qui ne fonctionne pas. N'oubliez pas de présenter vos croquis et vos notes dans le projet de classe afin que nous puissions participer à votre processus, puis nous commencerons animer dans la vidéo suivante. [MUSIQUE] 8. Animer du texte: [MUSIQUE] Nous avons terminé nos préparatifs et il est temps de passer aux animations proprement dites. Dans cette leçon, je vais vous montrer différentes manières de faire bouger les textes. Préparez votre iPad et Procreate et si vous le souhaitez, vous pouvez également télécharger mes exemples de fichiers pour cette leçon et les suivantes. De cette façon, vous pouvez les examiner de près dans Procreate et peut-être mieux comprendre ce que je fais exactement. La première technique d'animation que je souhaite vous montrer, simple mais efficace. J'appelle ce style d'animation culinaire, parce qu'il ressemble un peu à de l'eau bouillonnante dans une casserole. J'ai entendu ce terme pour la première fois de Michael Ralph, merci de vérifier son excellent lien de travail dans les ressources. Pour une animation de cuisine, vous dessinez exactement les mêmes éléments, ou lettres dans ce cas, exactement à la même position pendant une poignée d'images consécutives. Répétez cette opération pendant au moins quatre images et vous avez terminé. Comme il peut être un peu compliqué de passer d'une photo à l' autre à tout moment, je recommande d'utiliser les paramètres de peau d'oignon. En plus de l'image sur laquelle vous travaillez actuellement, la peau d'oignon vous montre également les images avant et après celles-ci sous forme de cadres fantômes. Vous pouvez utiliser les paramètres en bas de la barre d'animation pour définir le nombre souhaité. J'en utilise principalement un ou deux et je règle l' opacité sur 40 à 60 pour cent. Vous pouvez ajouter une variation de note à votre animation culinaire à l' aide du pinceau que vous utilisez. Par exemple, si le pinceau contient beaucoup de texture, votre trait variera davantage et le mouvement simulé des lettres aura plus d'impact. Vous pouvez choisir le degré de soin ou de vacillement que vous souhaitez que vos traits soient. Plus de soin rend l' effet plus subtil, moins de soin le rend plus perceptible. Bien entendu, vous pouvez remplir autant de cadres que vous le souhaitez. Je recommande seulement de ne pas en utiliser moins de quatre, cela a juste l'air un peu plus intéressant. Vous pouvez également jouer avec les couleurs. Faites en sorte que les lettres changent de couleur ou envoyez l'intégralité de votre texte dans l'arc-en-ciel. Faites preuve de créativité et essayez-la. Tu n'as rien à perdre. N'oubliez pas de regarder l'animation en très petit format pendant le processus. De cette façon, vous pouvez vérifier à quoi cela ressemblera plus tard. Il est préférable de faire une pause ici et de prendre cinq minutes pour animer votre premier texte dans Procreate. Il suffit de l'essayer. Sinon, continuons tout de suite. Ensuite, je vais vous montrer comment développer votre texte lettre par lettre. Je vous recommande d' écrire le texte une seule fois afin de savoir à quoi il devrait ressembler à la fin. Vous l'avez peut-être déjà fait à l'étape précédente. Ensuite, vous pouvez simplement l'importer. Une fois que vous savez dans quoi vous travaillez, cette animation est plus facile à réaliser. Pour que l'esquisse gêne pas pendant que vous animez que vous la voyiez toujours, vous pouvez la définir comme un dessin d'arrière-plan. Pour cela, la couche doit se trouver tout en bas du menu des calques, donc juste au-dessus de la couche de couleur d' arrière-plan. Cela le fera apparaître comme le premier cadre dans la barre ci-dessous. Appuyez dessus pour afficher options du cadre et activer l'arrière-plan. Si vous faites défiler les cadres maintenant, l'esquisse restera toujours visible et ne changera pas non plus en fonction des paramètres de peau d'oignon. Je veux que l'écriture apparaisse progressivement. Si vous êtes très structuré, vous pouvez créer des cadres en préparation dans lesquels une lettre est ajoutée l'une après l'autre. Ce sont les moments clés de l'animation. Commencez maintenant dans un cadre vide avant la première lettre complète. L'animation ne devrait pas prendre trop de temps lorsqu'elle est en place et, selon la fréquence d'images que vous utilisez, vous aurez plus ou moins d'images disponibles. Je suggère simplement que nous commencions par trois étapes pour chaque lettre, entre zéro et la lettre complète. Laissez également une image vide avant la première lettre pour insérer une petite pause dans l'animation. Dans la première image, nous ne voyons qu' un point ou quelques traits légers. Dans le second cadre, la lettre s'étend un peu plus clairement, mais elle n'est qu'à moitié visible. Dans la troisième image, il est presque entièrement là, mais pas tout à fait. Le cadre suivant doit maintenant être la lettre finie précédemment dessinée. Pour chaque lettre suivante, vous faites exactement la même chose, à la différence près que toutes les lettres qui ont déjà grandi se trouvent également dans le cadre. Vous pouvez choisir de copier et de coller les lettres finies une par une. Cela le gardera encore un peu rigide après la croissance, ou vous redessinez la lettre en taille réelle pour chaque image, comme dans l'animation en ébullition. Encore une fois, vous pouvez jouer avec la propreté des traits autant que vous le souhaitez, et vous êtes également totalement libre de concevoir la façon dont les lettres apparaissent. J'ai hâte de voir vos idées dans la galerie de projets. Dans la leçon suivante, nous appliquerons ce que nous avons appris à des formes abstraites. [MUSIQUE] 9. Des formes Animating: Peut-être n'avez-vous pas inclus de texte dans vos idées ? Eh bien, ne t'inquiète pas. Ça n'a pas vraiment d'importance. J'espère que vous avez quand même prêté attention à la leçon précédente. Ce que vous y avez appris peut également être appliqué au non-texte. Laissez-moi vous montrer comment faire, et j'ai même quelques trucs et astuces supplémentaires pour vous. Je sais que c'est un peu ringard, mais j'aime les cœurs, les étoiles et les choses comme ça. Chère avec ça. Si ce n'est pas votre style, vous pouvez utiliser n'importe quelle autre forme de votre choix : triangles, crânes, je ne sais pas ce que vous aimez. Cette animation prendra plusieurs formes puis éclatera comme des bulles de savon. Je recommence avec un dessin de base et je le place comme arrière-plan. Je ne veux pas que les trois cœurs grandissent tous en même temps, mais qu'ils se chevauchent, pour ainsi dire. Le suivant commence donc à apparaître avant que le précédent ne soit complètement là. Le processus commence par le bas et remonte. Je commence par un cadre vide, qui reste vide, puis je commence par un nouveau cadre vide avec un petit point dedans. Il a peut-être un peu la forme d'un cœur, mais vu sa taille, cela n'aura pas vraiment d'importance. Maintenant, à trois images supplémentaires, la dernière montre la forme dans sa taille finale. Toujours dans le deuxième cadre du cœur un, je commence le cœur suivant de la même manière. Mais attendez. Parfois, vous devez corriger les positions dans le processus ou apporter d'autres modifications. Cela fonctionne également même si tout se passe dans le même cadre sur la même couche, mais il est plus facile de modifier accidentellement quelque chose qui était déjà bon. C'est pourquoi il est parfois bon d'avoir différents éléments sur différentes couches. Cependant, les couches sont actuellement équivalentes aux cadres. Si vous ajoutez une nouvelle couche ici dans le menu, un nouveau cadre apparaîtra dans la barre ci-dessous. Vous pouvez toutefois combiner plusieurs couches en un seul cadre. Sélectionnez les couches en faisant glisser votre doigt de gauche à droite. Les couches apparaissent désormais surlignées en bleu. Un nouveau bouton apparaît également en haut du menu ; Gruppe. Appuyez dessus et vos couches seront déplacées dans un sous-dossier. Dans le même temps, ces deux cadres sont combinés en un seul. Retournez au cœur. Je venais de démarrer le deuxième cœur au milieu de l' animation du premier. De plus, avec la technique des couches et des groupes, je pouvais maintenant facilement changer d'avis sur le timing et déplacer le cœur de deux couches dans les groupes afin que cette animation commence même temps que la première ou image plus tard, ou peut-être deux. Pour déplacer des couches, il vous suffit de les maintenir enfoncées pendant un moment, puis de les déposer à un nouvel endroit dans le menu des couches. J'ai maintenant mes trois cœurs. Puisque je veux qu' on les voie tous les trois en même temps. J'ai gardé la première et la deuxième cuisson. Ensuite, ils devraient éclater et encore une fois, l'un après l'autre. Pas tous en même temps. Structurellement, je l'aborde de la même manière qu'avant. Je commence par Heart 1 et je le laisse grandir un peu. Dans l'image suivante, il éclate presque. Connaissez-vous ces vidéos au ralenti de bombes à eau qui éclatent ? La forme persiste pendant une fraction de seconde avant que la gravité ne prenne le dessus. Je ne suis pas un scientifique. J'espère juste que tu vois ce que je veux dire. Je veux juste dire que j'y laisse toujours la forme d'un cœur, mais un peu gros. Comme s'il avait éclaté. Dans l'image suivante, les restes se dispersent et dans la suivante, ils ont presque disparu. Plus l'écart entre les positions des morceaux est large , seront rapides lorsque vous jouez. Vous pouvez mémoriser cela en général. Plus grande distance ; mouvement rapide, distance plus courte ; mouvement lent, car il faut plus d'images pour déplacer quelque chose, juste un tout petit peu par image que lorsqu'il y a un grand changement à chaque image. J'applique également ce processus aux deux autres cœurs jusqu'à ce qu'ils éclatent tous, et j'ai terminé l'animation. Ta-da. Je consulte régulièrement pendant le processus pour voir à quoi cela ressemble à petite échelle, moins c'est plus. J'ai hâte de voir votre progression dans la galerie de projets. La leçon suivante sera un peu plus complexe. Mais ne vous inquiétez pas, vous avez déjà appris les choses les plus importantes. [MUSIQUE] 10. Des animations plus complexes: [MUSIQUE] Dans cette leçon, nous aborderons l'animation qui raconte une petite histoire. En cela, je me concentre sur une réponse émotionnelle spécifique à communiquer. Mais je vais essayer de vous donner une compréhension générale des éléments techniques afin que vous puissiez les appliquer à vos propres animations. Comme précédemment, je commence par un croquis que j'ai mis en arrière-plan. Cela montre les poses clés les plus importantes pour l'animation. La transition entre les poses est bien entendu particulièrement importante. C'est ce qui raconte l'histoire. Si vous représentez le mouvement d'un corps d'un point A à un point B, cela décrit généralement un arc qui peut être plat ou large. L'important est de ne pas relier A et B par une ligne droite. Cela peut fonctionner dans des cas exceptionnels, mais dans la plupart des cas, cela perturberait l'illusion. J'ai commencé mon animation par la première pose. Pour la mise en œuvre. J'ai choisi un pinceau épais avec des traits forts. Cela me rappelle de garder l'animation simple, de la rendre lisible en petit format. En fonction de ce que vous animez et de votre style, examinez votre design et demandez-vous s'il y a quelque chose que vous pourriez réduire pour obtenir des résultats plus lisibles et moins de travail toi-même. Mais ne vous inquiétez pas, vous pouvez toujours changer les choses entre les deux. Il n'est jamais trop tard. Je peux maintenant me frayer un chemin image par image car j'ai établi les croquis de la première et de la dernière pose les plus importantes. Je sais dans quoi je travaille. Dans certains cas, cependant, il peut être plus judicieux de définir d'abord la pose de transition critique, puis de sauter d'une partie à l'autre de l'animation. Ce processus garantit des formes, des masses et des points de connexion cohérents dans votre conception. Parce que ces éléments jouent un rôle dans la crédibilité de l'animation. Essentiellement, convaincre le cerveau du spectateur qu'il s'agit en fait d'un mouvement et non de simples dessins individuels. Comme c'est un peu plus complexe, je vais vous montrer comment je m'y prends. Si vous voulez relier deux poses à une image intermédiaire, vous devez trouver le milieu entre le dessin A et le dessin B. Cela peut parfois être délicat. N'oubliez pas d'utiliser les couches d'oignons ou l'animation de diapositives d' avant en arrière pour voir les images sous forme de mouvement et de contexte. Ne regardez pas le dessin en entier en une seule fois. Souvent, certains éléments individuels changent indépendamment les uns des autres. Prenez le temps de comprendre comment les objets se déplaceront dans l'espace dimensionnel et souvenez-vous toujours des arcs de mouvement. L'animation demande de la pratique, alors ne soyez frustré si cela ne se comme vous le souhaitez du premier coup. Avec certains éléments, vous pouvez voir assez facilement comment ils se déplacent d'un point A à un point B et s'ils se chevauchent. Il peut être assez facile d'y trouver le centre et de le dessiner. Comme vous pouvez le constater, il y a un grand mouvement unidirectionnel prévu dans mes œuvres d'art. Afin de ne pas lui donner un aspect trop rigide et mécanique, j'ai placé devant lui une prétendue anticipation. Il s'agit d'un contre-mouvement conçu pour accumuler l'énergie afin de déplacer le corps dans la direction opposée. Comme plier les genoux avant sauter ou de tirer les bras vers l'arrière. Quand tu lances quelque chose. Cela ajoute une touche de réalité au mouvement et donne à l'ensemble un peu plus de jus. Le reste de mon animation est rempli par moi avec des poses qui réduisent l'écart par rapport à la position finale. nombre qu'il doit y en avoir est à votre entière discrétion et dépend de la nature de votre idée. Je ne peux que vous recommander de jouer l'animation de temps en temps pour savoir si elle répond vos besoins et d'ajuster la fréquence d'images si nécessaire. Vous pouvez toujours désactiver ou supprimer des cadres, ajouter de nouveaux cadres et modifier les cadres existants. Que l' animation de votre sticker soit complexe, mouvement tridimensionnel ou un peu plus graphique et plus plate. Vous pouvez toujours le pimenter en exagérant le changement. Si une forme est écrasée, il suffit de l'écraser un peu plus. Si un mouvement décrit un arc, agrandissez-le. Maintenez les poses pendant une ou deux images de plus pour donner au spectateur le temps de comprendre ce qui se passe et, si le mouvement est rapide, faites-le très vite. Mais enfreignez également les règles. Disons qu'ils ont eu ce n'est pas parce que vous prétendez quelque chose que c'est vrai. Je vais tout essayer moi-même. [RIRES] Parce qu'il n'y a pas de bonne façon de s' exprimer, votre expérience, votre style, façon de dessiner et d'animer sont uniques, vous devriez le célébrer. En fonction de la façon dont vous abordez l'animation, vous pouvez désormais lui donner de la couleur. Utilisez la fonction de regroupement de cadres pour mettre la couleur derrière chaque ligne et chaque nouvelle couche. Ou utilisez la goutte de couleur pour remplir vos lignes sur la même couche. Lorsque vous faites glisser deux doigts de gauche à droite sur une couche, vous activez le verrouillage Alpha pour désactiver le contenu. Avec cette option, vous pouvez facilement peindre sur des parties ou sur l'ensemble de vos lignes. J'espère que tout cela était compréhensible. Mais si vous avez des questions, vous pouvez les poser dans votre projet ou ouvrir une nouvelle discussion dans le cours. Je vois et lis tous vos articles, alors n'hésitez pas à me contacter. Si vous partagez votre processus, je peux vous faire part de mes commentaires et cela pourrait vous éviter beaucoup de frustration. [MUSIQUE] Ensuite, je vais vous montrer comment préparer vos fichiers pour l'exportation et comment les enregistrer en cadeau. [MUSIQUE] 11. Exportez des animations: Comme je l'ai déjà mentionné, je souhaite utiliser mes GIF sur les réseaux sociaux. Par conséquent, les animations doivent répondre à certaines conditions cadres. Je vais vous guider à travers les conditions à remplir pour Giphy.com. Il s'agit du site Web auquel Instagram, par exemple, accède si vous souhaitez utiliser des autocollants animés. D'autres sites peuvent avoir des termes différents, alors consultez toujours attentivement les guides. Nous devons donc remplir les conditions suivantes avant de commencer l'exportation. Les autocollants doivent bouger. Vous avez besoin d'au moins deux cadres , mais ces deux cadres suffisent en fait. Les autocollants doivent avoir un fond transparent. Nous pouvons facilement nous en assurer en désactivant la couleur de fond. Si vous pouvez voir le schéma de la grille dans votre fichier, c'est exact. Dans la première image, au moins 20 % de la surface doit être transparente. Si vous avez mis en œuvre des idées similaires aux miennes, cela ne devrait pas poser de problème, sinon, ajoutez un nouveau cadre au début et voyez comment vous pouvez répondre au mieux à cette exigence. La lecture doit être réglée sur une valeur infinie. Si votre animation est basée sur le ping-pong, vous pouvez dupliquer chaque image et les disposer dans l' ordre inverse à la fin. Un peu compliqué mais ce n'est pas un facteur décisif. Je ne suis pas sûr à 100 % si c'est nécessaire ou si le réglage du ping-pong fonctionne également , car il fait toujours des boucles à l'infini. Pour ce qui est de la résolution, Giphy recommande une qui est un multiple de quatre , mais en fin de compte, peu importe la taille et la résolution que vous téléchargez, la seule restriction est que en recommande une qui est un multiple de quatre, mais en fin de compte, peu importe la taille et la résolution que vous téléchargez, la seule restriction est que la taille maximale du fichier ne dépasse pas 100 Mo. Passons à l'exportation. Appuyez sur la clé à molette et allez partager. Dans la section inférieure, trouverez différentes options pour partager des couches. C'est la façon étrange de Procreate de dire que cela va bouger quatre fois sur six, au moins. Nous avons besoin de notre fichier au format GIF , alors appuyez dessus et la fenêtre d'exportation s'ouvrira. Sur le côté droit, vous pouvez voir la lecture et affichage de votre animation telle qu'elle sera exportée. Vous pouvez modifier votre fréquence d'images sur la gauche si vous le souhaitez. Il y a également trois curseurs. Je dois avouer que je n'ai pas vraiment trouvé de bonne explication tergiversation et à la couleur des pastilles par image. Essayez simplement quoi et s' ils font quelque chose avec votre animation ou laissez-les de côté. Le troisième est important, cependant, et vous devez absolument l'activer. Jouez avec le curseur de seuil Alpha. Alpha est la transparence de votre animation et le seuil détermine à quel moment un trait devient transparent. Regarde juste ce qui te convient le mieux. Cela varie beaucoup en fonction de la façon dont votre animation a été créée. Vous pouvez maintenant vérifier à nouveau si votre animation dépasse 100 Mo ou non. Vous pouvez le voir là-haut. Si tout va bien, vous pouvez appuyer sur Exporter et vous avez terminé. Si votre fichier est encore trop volumineux, vous pouvez procéder comme suit, revenir à la galerie, balayer l'aperçu de votre fichier de droite à gauche et sélectionner Dupliquer, puis accéder au fichier, appuyer sur la clé à molette, puis sur toile. Le bouton supérieur, Recadrer et redimensionner, vous permet de réduire la taille du fichier. Dans les paramètres, vous pouvez activer le rééchantillonnage du canevas pour conserver le même rapport hauteur/largeur , puis modifier les chiffres en haut. Si un fichier est encore trop volumineux, vous pouvez également réduire ou aplatir les groupes afin réduire le nombre de couches et c'est la taille. J'espère que tout s'est bien passé et que vous avez vos GIF prêts. Dans la leçon suivante, je vais vous montrer comment vous pouvez les utiliser maintenant. 12. Utiliser Giphy: Vous devriez maintenant avoir une poignée de superbes autocollants personnalisés et animés. Si vous les transférez sur votre smartphone, vous pouvez facilement les envoyer sur des messages, sur WhatsApp, par exemple, en les téléchargeant comme une photo. Si vous souhaitez en utiliser sur les réseaux sociaux, je vais vous montrer comment procéder via Giphy.com. Tout d'abord, vous devrez vous inscrire sur le site Web. Pour retrouver vos animations, vous avez également besoin d'un compte d'artiste. Pour cela, vous avez besoin d'une photo de profil ainsi que de liens pertinents, par exemple vers vos comptes de réseaux sociaux ou votre site Web. Ensuite, bien sûr, le plus important, autocollants et les GIF. Vous pouvez les télécharger en cliquant sur Télécharger en haut. Les objets que nous avons animés aujourd'hui sont considérés comme des autocollants car ils ont un fond transparent. Il suffit de sélectionner le fichier pour le télécharger. L'étape suivante consiste à ajouter des textes aussi descriptifs que possible. Utilisez donc des mots qui reflètent bien le contenu , mais pas plus de 20 ou Giphy se plaindra. Ensuite, vous pouvez appuyer sur Télécharger sur Giphy et l'autocollant sera ajouté à votre profil. Une fois que vous avez téléchargé quelque chose entre 5 et 10, votre profil est prêt. Vous pouvez désormais créer un compte d'artiste. Cela peut prendre un certain temps, mais ne vous inquiétez pas. Si vous suivez les directives, cela devrait fonctionner. Ensuite, vous pouvez rechercher votre nom Giphy dans les stories Instagram par exemple, ou dans le texte que vous avez ajouté à vos autocollants. Tada, ils sont là. qui est génial, c'est que maintenant, vos amis peuvent également les utiliser. Excellente. Maintenant, il est temps de partager votre travail avec nous dans la galerie de projets avant de vous dire quelques mots. 13. Les mots de la fin: [MUSIQUE] Ouais, tu l'as fait. Merci d'être là. Ensemble, nous avons abordé les connaissances de base sur Procreate et l'animation 2D. Nous avons réfléchi, dessiné et animé, et finalement nous avons également appris à exporter des GIF pour les utiliser sur les réseaux sociaux. S'il y a une chose que j'espère que vous emporterez avec vous dans le parcours de votre artiste c'est que l'animation n'est pas si difficile et que c'est vraiment très amusant. Maintenant, n' oubliez pas de nous montrer vos GIF finis et les étapes pour y parvenir. J'ai vraiment hâte de voir l'excellent résultat et je suis prête à donner des commentaires et des éloges. Enfin et surtout, je voudrais également vous demander de laisser un commentaire sincère. Cela m'aidera non seulement à améliorer les cours futurs, mais aussi à aider les étudiants potentiels à savoir à quoi s'attendre dans ce cours. Si vous êtes vraiment d' humeur à animer maintenant, vous pouvez trouver encore plus de cours d'animation dans mon profil. Si vous le souhaitez, suivez-moi sur Skillshare et d'autres plateformes pour rester à jour. Merci et à la prochaine fois [MUSIQUE]