Animation pour les débutants : ajouter de l'animation à vos photos Instagram avec Procreate

1. Introduction: Soyons honnêtes, l'animation peut être intimidante, surtout si vous n'avez jamais animé auparavant. Cela peut prendre du temps, yada, yada. Mais ne vous inquiétez pas, c'est pourquoi je suis ici. Bonjour les gens adorables. Je suis Tyra Washington, je suis graphiste, YouTubeuse et je suppose que vous pouvez me traiter d'animatrice autodidacte. Aujourd'hui, je vais vous guider pour vous aider à créer votre toute première animation image par image dans Procreate. Que vous souhaitiez utiliser l' animation pour commercialiser votre marque ou ajouter un peu de magie à vos photos Instagram personnelles, animation est plus facile que jamais avec des outils tels que Procreate. Si vous êtes un débutant complet qui souhaite plonger dans le monde de l'animation, ou si vous êtes un pro qui souhaite apprendre à utiliser Procreate pour vos animations, ce cours s'adresse à tous ceux qui souhaitent ajouter un peu de magie à leurs photos Instagram en utilisant des animations. Dans ce cours, nous allons utiliser procreate pour créer nos animations. Vous apprendrez comment utiliser Animation Assist dans Procreate , puis je vous présenterai une série de techniques d'animation différentes que vous pouvez appliquer à vos photos. Par exemple, je vais vous montrer comment animer différents objets de votre photo, comment animer des lignes d'expression, du texte, des lumières et comment utiliser des masques pour animer. Enfin, je vais vous montrer comment exporter vos animations depuis Procreate et comment mettre en boucle votre animation finale à l'aide d' Adobe After Effects. Je ne suis pas allé à l'école pour faire de l'animation. En fait, je suis toujours en train d'apprendre. C'est pourquoi je crois que n'importe qui peut animer. Si je peux le faire, vous pouvez le faire aussi, alors allons-y. 2. Orientation du cours: Bienvenue. Je suis tellement excité que vous ayez décidé de suivre ce cours. Pour le projet de classe, nous allons utiliser Procreate pour créer une animation image par image qui s'affiche en boucle au-dessus d'une de vos photos. Une fois que vous aurez ajouté un peu de magie à votre photo, la dernière étape consistera à télécharger votre animation sur Instagram si vous le souhaitez. Je me suis dit qu'au lieu de créer une animation complètement à partir de zéro, pourquoi ne pas ajouter quelques animations de soutien à une photo qui existe déjà. De plus, vous aurez une animation personnalisée incroyable que vous pourrez partager avec vos vrais amis et votre vraie famille, ainsi que vos amis virtuels ici sur Skillshare, dont un bonus, si je Je le dis moi-même. Je crois que ce cours s'adresse à tous les niveaux de compétence. Je vais vous guider à travers une série de techniques d'animation différentes, et en fonction de votre niveau de compétence, vous pouvez choisir d'appliquer une technique ou d' appliquer plusieurs techniques différentes ensemble avec moi en fin de compte. Pour ce cours, vous aurez certainement besoin d'un iPad et de l'application Procreate. Je vous recommande de vous procurer un Apple Pencil, mais vous pouvez certainement utiliser votre doigt si vous le souhaitez. Vous aurez également besoin d'un ordinateur portable et du programme Adobe After Effects. Lorsque nous aurons terminé nos animations, j' aimerais vraiment que vous téléchargiez vos projets dans les projets de la classe. Avec tous vos camarades de classe ici sur Skillshare, j' aimerais voir ce que vous avez créé. Très bien, je suis impatient de commencer, alors allons-y. 3. Principes d'animation dans Procreate: Avant de commencer à animer, il y a quelques principes d'animation à garder à l'esprit. Ces principes feront simplement en sorte que votre animation plus réaliste et qu'elle s'écoule mieux. Dans cette leçon, je vais aborder quatre des 12 principes d'animation. Cela devrait être très utile pour un nouveau départ à l'animation. Les quatre principes que je vais aborder dans ce cours sont le timing, le ralentissement et le ralentissement, les arcs et le squashing stretch. Vous pourrez prendre ces concepts et les appliquer à presque tout ce que vous animez. Commençons. Tout d'abord, c'est le timing. synchronisation est essentiellement déterminée par la quantité d'images que vous utilisez dans une animation. Dans cet exemple, vous voyez que cette animation d'oiseaux comporte de nombreuses images, dans cet avion, l'animation comporte moins d'images. Quelle animation pensez-vous avoir l' animation la plus rapide ? Voyons voir. Vous voyez que l' animation comportant plus d'images est en fait plus lente que celle qui contient moins d'images. En gros, tout ce que vous devez savoir sur la synchronisation c'est que plus d'images équivaut à une synchronisation plus lente, moins d'images équivaut à une synchronisation plus rapide. Ce qui nous amène au principe suivant appelé lent et ralenti, qui parle essentiellement de l' accélération d'un objet. Dans la vraie vie, les objets commencent lentement, s' accélèrent au milieu, puis ils ralentissent quand ils sont sur le point de s'arrêter. Pour obtenir une accélération, vous commencez par plus d'images au début, moins d'images au milieu, puis plus d'images à la fin. Voici un exemple de balle qui n'utilise pas de lenteur et de ralentissement. Les robots sont vraiment la seule chose qui puisse se déplacer à une vitesse constante comme celle-ci, donc cela n'a pas l' air très réaliste. Nous allons maintenant parler d'arcs. La plupart des objets de la vie réelle suivent un arc lorsqu' ils sont en mouvement. Les arcs rendent votre animation beaucoup plus réaliste car elle suit les règles de la gravité. Si vous n'avez pas suivi un arc et que votre animation ressemble à ceci, elle aura l'air plus robotisée, et le chien de cette animation se dira probablement : « Je ne mange pas cet arbre parce que je n'ai pas confiance en lui. » Ensuite, la courge et l'étirement, ce qui souligne simplement la façon dont un objet s'étire ou s'écrase au fur et à mesure qu'il se déplace. La façon dont un objet s'écrase et s' étire aide vraiment le spectateur à voir à quel point l'objet est lourd et à quelle vitesse il se déplace. Par exemple, si vous lancez un ballon de basket, il y aurait beaucoup plus de squash et étirement qu'une boule de bowling. Vous avez maintenant quelques connaissances sur certains principes de l' animation. Vous avez appris le timing, le ralentissement et le ralentissement, les arcs, la courge et l'étirement. Gardez cela à l'esprit lorsque nous commençons à animer plus tard dans ce cours. Si vous avez trouvé ces principes intéressants, je vous recommande vraiment de consulter les 12 principes. J'en ai fini de parler de principes. Joignez-vous à moi dans la prochaine leçon où nous nous familiariserons un peu avec Procreate. 4. Commencer à utiliser Procreate: [MUSIQUE] Procreate est une application d' illustration numérique utilisée par les artistes pour créer des œuvres d'art incroyables. Procreate a récemment mis à jour sa fonctionnalité d'animation. Désormais, les artistes peuvent créer des animations image par image directement depuis leur iPad. Sans mentir, Procreate est un peu plus limité que certaines des autres applications créées spécifiquement pour l'animation. L'un des plus grands inconvénients est la limite de calque, et la vidéo présente certaines limites, mais vous pouvez toujours créer des assez étonnantes animations image par image assez étonnantes dans Procreate. Dans cette leçon, je vais vous montrer comment configurer votre canevas à la bonne taille et à la bonne résolution pour Instagram. Je vais également vous montrer quelques-uns des outils de base de Procreate. Ouvrez votre application et je vous montrerai Procreate. Lorsque vous ouvrez votre Procreate, votre écran devrait ressembler à ceci. Généralement, vous verrez des lignes et des lignes de projets sur lesquels vous travaillez. Mais je ne vais pas mentir, mon tableau de bord était fou, alors j'ai décidé de le nettoyer pour avoir l'air un peu plus professionnel. Quoi qu'il en soit, [RIRES] pour ajouter un nouveau plan de travail, appuyez sur le signe plus. Vous verrez qu'une tonne d'options est déjà disponible, mais nous allons créer une taille personnalisée en appuyant sur cette icône dans le coin. Parlons des différentes dimensions d'un post Instagram. Instagram propose trois options différentes à l'heure actuelle. Vous pouvez choisir une option carrée, une option portrait ou une option paysage. Selon la photo que vous allez animer, choisissez simplement l'option qui vous convient le mieux. Pour l'instant, je vais juste choisir la dimension carrée car je pense qu'elle conviendra mieux la photo que je vais utiliser. Je vais taper 1080 x 1080 pixels. Pour le DPI, 72 convient la plupart des médias sociaux et numériques. Mais sachez que si vous essayez de l'imprimer, ce sera un gâchis pixélisé. Si vous pensez qu'il y a une chance que vous vouliez imprimer cela, définissez définitivement votre DPI à 300. Je ne sais pas pourquoi vous voudriez imprimer une animation, mais je sais juste. Maintenant que toutes nos dimensions sont branchées, nous pouvons voir combien de couches maximales nous serons autorisés à avoir. Enfin, il vous suffit de cocher deux fois pour vous assurer que vous avez sélectionné Pixels car il s' agit des réseaux sociaux. Une dernière chose, assurez-vous simplement que votre profil de couleur est réglé sur RVB et Create. On y va. Un nouveau plan de travail vous attend pour créer de la magie. Maintenant, parcourons certains de ces outils. Premièrement, les choses. Voici l'outil Pinceau. Vous verrez qu'il y a tellement de pinceaux parmi lesquels choisir. De l' esquisse à la peinture. Il n'y a que quelques textures sympas que vous pouvez appliquer à votre art. Je vous recommande d'explorer tous les pinceaux. De plus, dans chaque pinceau, vous pouvez cliquer dessus, ce qui ouvre toute une fenêtre d'options encore plus nombreuses. Nous avons des options. Une chose qui pourrait être utile pour ajuster est la stabilisation. Cela permet simplement de s'assurer que vos lignes sont plus droites. Une fois que vous avez sélectionné le pinceau avec lequel jouer, nous pouvons glisser vers la gauche, où nous avons quelques options de taille. Ce qui est vraiment cool, c'est que vous pouvez choisir une taille et l'enregistrer. Plus aucune taille de ligne incohérente, vous les avez sauvegardées ici sur la balance. Par exemple, si nous sommes ici en train de dessiner des lignes, et que nous nous disons : « Attendez, attendez. Quelle est cette taille plus grande que j'utilisais ? » Eh bien, Bam. Il a déjà été enregistré pour vous. [RIRES] De toute façon, vous pouvez supprimer les tailles enregistrées en appuyant simplement sur le signe moins. Sous la taille du pinceau, nous avons les paramètres d'opacité. Vous pouvez réduire l'opacité, rendre les choses réelles, translucides. Faites paraître les choses transparentes. derniers outils que nous avons ici sont le bouton Annuler. Vous pouvez simplement appuyer sur ce et sur le bouton Rétablir. Un raccourci que j'utilise toute la journée toute la nuit est le double doigt pour annuler ou le toucher à trois doigts pour rétablir. Permettez-moi de vous dire que c' est le meilleur raccourci de tous les temps, car je l'ai utilisé tout le temps. En plus des pinceaux, nous avons l'outil Smudge et l'outil Gomme, dont la gomme offre toutes les différentes options disponibles pour les pinceaux. Il suffit de sélectionner votre pinceau et de le regarder faire ce que les gommes font le mieux, effacer. Ensuite, nous avons le panneau Calques. C'est la seule couche que nous ayons jusqu'ici. Vous pouvez le faire glisser vers la gauche et le dupliquer. Vous pouvez également cliquer sur un calque pour afficher un tas d'autres options. Je vais juste renommer le mien. Je vais appeler ça des lignes pour l'instant, ou je suppose une ligne de couche 1. Bien sûr. Bien sûr, vous pouvez ajouter un nouveau calque en appuyant sur le signe plus, et vous pouvez supprimer un calque en le faisant glisser vers la gauche et en appuyant sur Supprimer. panneau de couleurs est le suivant. Comme vous pouvez le voir ci-dessous, vous pouvez choisir parmi plusieurs vues différentes. Cette première vue est la vue disque. Ensuite, nous avons la vision classique, ce qui est ma préférence personnelle. Une autre façon vraiment intéressante de sélectionner les couleurs est cette vue d'harmonie. En fonction de la couleur que vous choisissez, vous pouvez cliquer sur ce coin. Il existe tout un tas d'options de palette de couleurs différentes. Une fois que vous avez sélectionné les couleurs, elles apparaîtront automatiquement dans le coin droit. C'est là que vous pouvez faire glisser et déposer votre nouvelle palette de couleurs sur votre plan de travail. Un autre moyen d'afficher votre palette de couleurs est cet onglet Valeur. Celui-ci est destiné à des couleurs très spécifiques. Vous pouvez entrer des hexadécimaux spécifiques, etc. La dernière option est cette option de palette de couleurs, où vous pouvez créer vos propres palettes de couleurs personnalisées, ce qui est plutôt cool. En passant à gauche de Procreate, c'est ici que nous avons l'outil Clé à molette, qui n'est qu'un panneau plein d'actions. Dans cet onglet intitulé Ajouter, nous pouvons insérer une photo. Nous pouvons insérer du texte. Toutes ces bonnes choses. Dans l'onglet Canvas, c'est ici que nous utiliserons l'assistance à l' animation ultérieurement, différentes options pour notre image de référence et nos informations Canvas. Ensuite, nous avons l'onglet Partager, qui vous offre différentes options pour exporter votre illustration. C'est en fait là que vit le Time-Lapse Replay. Si vous souhaitez exporter votre vidéo time-lapse, c'est ici. Juste quelques préférences différentes lesquelles je ne vais pas entrer. Ensuite, nous avons le panneau Ajustements, qui vous offre de nombreuses options pour changer la couleur des objets. Pour régler le flou, liquider, cloner, juste toutes sortes de réglages. Ensuite, nous disposons de l'outil Sélection, qui vous permet de sélectionner des objets spécifiques sur un calque et d'y appliquer un certain nombre de réglages différents. Lorsque votre objet est toujours sélectionné, [BRUIT] vous pouvez utiliser l'outil Sélection directe pour déplacer votre objet. Il y a différentes options ci-dessous, comme basculement horizontal, le basculement vertical. Fondamentalement, cet outil vous permettra simplement de déformer et de transformer votre objet comme vous le souhaitez. Je dirais que nous avons couvert les bases ici. Maintenant, nous sommes tous mis en place dans Procreate. Vous avez appris à configurer votre canevas à la bonne taille et à la bonne résolution pour Instagram. Vous avez également pris connaissance de quelques-uns des outils de base de Procreate. Dans la prochaine classe, je vous apprendrai tout sur l'assistance à l' animation de Procreate, qui est l'arme secrète lorsqu' il s'agit d'animer dans Procreate. [MUSIQUE] 5. Aide à l'animation dans Procreate: La clé principale de l'animation dans Procreate est cette chose appelée Animation Assist. Ce qui est essentiellement une chronologie visuelle qui vous permet de définir votre image d' arrière-plan et de premier plan, vous permet de voir le pelage d'oignon comme guide et vous permet de simplement lire votre animation pour voir ce qu'elle est On dirait. C'est un outil vraiment puissant lorsqu'il s'agit de créer des animations image par image. Que sont les animations image par image, vous pouvez vous demander ? Eh bien, en gros, image par image dessine cadres avec de légères différences entre chaque image, et lorsque vous les boucle ensemble, il semble que l' objet se déplace. Préparez-vous à dessiner des cadres, plongeons dedans. Pour activer l'assistance à l'animation, accédez à l'outil Clé à molette, accédez à Canvas, puis activez simplement cette bascule d'assistance à l'animation. La nouvelle chronologie de l'aide à l' animation s'affiche en bas de votre écran et cela va être très utile lorsque nous commencerons à créer nos animations image par image. Je vais dessiner la première image de mon animation. Faisons juste semblant que quelque chose va fondre sur l'écran. La première branche à peu près faite pour ajouter le cadre suivant, nous allons appuyer sur Ajouter un cadre dans le coin de la timeline. Lorsque vous effectuez cette opération, vous remarquerez que vous pouvez toujours voir l'image précédente de votre animation. C'est ce qu'on appelle la peau d'oignon. La peau d'oignon sert essentiellement de référence lorsque vous dessinez votre prochain cadre. Vous pouvez ajuster la visibilité de votre peau d'oignon en accédant aux paramètres. Vous pouvez choisir le nombre de peaux d'oignon que vous voyez en même temps en ajustant les cadres de peau d'oignon. En général, j'aime m'en occuper, car je pense que c'est moins gênant de n' avoir qu'une seule peau d'oignon. Vous pouvez également ajuster l'opacité de la peau d' oignon, donc j'aime placer la mienne à une faible opacité, juste pour que je puisse voir en dessous. Autre chose, vous pouvez changer la couleur de la peau d'oignon, que je ne sais pas, si vous voulez avoir une peau d'oignon orange ou une peau d'oignon pourpre pour quelque raison que ce soit, ou une peau d'oignon pourpre vous pouvez le faire ici. Mais oui, une fois que vous avez tous vos paramètres de peau d'oignon à votre goût, vous pouvez aller de l'avant et dessiner la deuxième image de votre animation. Je vais juste dessiner ce deuxième cadre un peu plus bas pour qu'il semble qu'il fonde vers le bas. C'est ainsi que vous avez créé les deux premières images de votre animation. Je vais juste passer en revue pour voir à quoi ressemble cette animation jusqu'à présent. Je veux dire, ça bouge. Bien sûr, supposons que nous voulions dupliquer cette image. Il suffit de cliquer sur le calque, puis lorsque cette nouvelle boîte de dialogue apparaît, suffit d'appuyer sur le mot « Dupliquer ». Vous verrez instantanément qu'il a fait une nouvelle copie du calque sur lequel nous venons d'être. Je veux que cette animation continue à fondre. Sur ce nouveau calque dupliqué, je vais simplement utiliser l'outil de sélection directe, pour le déplacer un peu vers le bas et remplir rapidement ce grand espace ancien en haut, il vers le bas et remplir rapidement ce grand espace ancien en haut, suffit de cliquer et de faire glisser la couleur nuancier dans le coin supérieur droit. C'est la fonte la plus rapide que j'aie jamais vue. Pour régler la vitesse de votre animation, il suffit d'accéder aux paramètres et de régler les images par seconde. Je pense que la plupart des animations sont réglées à environ 12 images par seconde, mais honnêtement, il suffit d'ingérer les vôtres pour obtenir ce qui est le mieux. Je pense que je vais passer le mien à environ huit et heure actuelle, vous pouvez toujours l' ajuster plus tard. Nous avons donc parlé de cette chronologie. Jetons maintenant un coup d'œil à ce panneau de calques. Vous remarquerez que tous les calques qui se trouvent ici dans la timeline apparaissent également dans ce panneau Calques. Cela signifie que tout nouveau calque ou groupe de calques dans le panneau Calques apparaîtra sous la forme d'une seule image dans votre montage. Cela signifie que si vous disposez d'une illustration qui utilise plusieurs calques, vous pouvez la regrouper complètement et elle apparaîtra sous la forme d'une seule image dans votre chronologie. Supposons maintenant que vous souhaitiez ajouter un arrière-plan à votre animation. Il suffit d'ajouter un nouveau cadre, passer à l'outil Clé à molette, d' ajouter et d'insérer une photo. Permettez-moi de parcourir mon album très rapidement et de déposer une image en place. Mais ne vous inquiétez pas, j'expliquerai plus en détail comment ajouter une photo à votre plan de travail plus tard dans ce cours. Vous remarquerez que lorsque nous jouerons notre animation jusqu'à présent, la photo ressemble à une autre image de l'animation. Mais une chose intéressante avec Procreate est que vous pouvez réellement définir l'image d'arrière-plan. Permettez-moi de déplacer ce cadre au début, et lorsque vous cliquez dessus, vous verrez qu'il existe une option pour le définir comme arrière-plan. Ce qui signifie que lorsque vous lisez l'animation, cette image reste en arrière-plan pendant tout le temps. Assurez-vous simplement que l'image souhaitée comme arrière-plan est le premier calque, sinon vous ne pourrez pas la définir comme arrière-plan. Tout comme l'arrière-plan, vous pouvez également définir votre premier plan. Disons que nous voulons que le sujet de notre animation reste au top de notre animation pendant tout le temps. Je vais simplement utiliser l'outil de sélection pour sélectionner une partie de mon sujet, et une fois que je suis satisfait de la sélection, il suffit de copier-coller. Vous verrez qu'il place automatiquement votre sélection sur un tout nouveau calque, tout comme l'arrière-plan devait être le premier calque. Pour définir le premier plan, il faut qu'il s'agisse de la dernière couche. Permettez-moi de l'activer et de voir comment fonctionne cette animation. La façon dont j'ai découpé le sujet est absolument terrible. Mais bon, c'est rester au premier plan comme nous le voulons. Je vais vraiment désactiver ça, parce que je n'aime pas ça. Permettez-moi de supprimer complètement cela. Il suffit de cliquer sur le cadre que vous souhaitez supprimer et d'appuyer sur « Supprimer ». Notre animation est émouvante, et je dirais que c'est un bon signe, et je dirais que nous avons couvert toutes les bases de l'assistance à l' animation. Dans cette leçon, vous avez appris toutes les bases de Animation Assist in Procreate. Vous avez appris comment ajouter et dupliquer des cadres. Vous avez appris à définir votre image d'arrière-plan et de premier plan. Vous avez également appris le dépouillement des oignons et comment les utiliser. Assurez-vous que votre chronologie Animation Assist est visible, puis rencontrez-moi dans la leçon suivante, où je vais vous montrer comment importer une image dans Procreate. 6. Importer une image dans Procreate: [MUSIQUE] La photo que vous choisissez aura un impact énorme sur votre animation. Une bonne image vous inspirera et vous ouvrira tout simplement à tout un monde de possibilités. Dans cette leçon, nous allons sélectionner l'image que nous allons utiliser pour cette classe, puis je vais vous montrer comment importer cette image dans Procreate. Commençons. Je sais déjà quelle image je vais utiliser pour cette animation. Pour ajouter une image, passons à l'outil clé, appuyez sur « Ajouter » et « Insérer une photo ». Vous verrez immédiatement apparaître votre galerie d'images. Je recommande en fait de créer différents albums photo pour vos photos afin qu' ils soient plus faciles à trouver. Je vais juste ouvrir cet album ici. Mes amis et moi avions l'habitude de faire séances photo tout le temps, donc voici quelques photos de ces séances photo. En regardant vos images, demandez-vous simplement quel est le sujet principal de l'image ? Et comment une animation peut-elle interagir avec ce sujet ? Y a-t-il quelque chose d'intéressant sur la photo que vous pouvez animer ? Pourriez-vous changer la couleur de quelque chose comme peut-être l'arrière-plan de cette image ? Pourriez-vous peut-être montrer un mouvement ou un show motion ? En regardant vos images, il suffit de voir ce qui vous saute et ce qui vous inspire. Par exemple, chaque fois que je regarde cette image, je ne peux imaginer que les cornets de crème glacée fondent. Je vais certainement l'intégrer à mon animation. Maintenant que j'ai mon image sur mon plan de travail, je me rends compte que je devrais peut-être utiliser la taille du portrait au lieu de la taille carrée simplement parce que je pense qu'elle s'adapte un peu mieux à mon image. Je vais aller dans l'outil Clé, Canvas, puis Rogner et redimensionner juste en haut. Dans la nouvelle boîte de dialogue, je vais accéder à Paramètres et c' est ici que vous pouvez modifier les dimensions de votre canevas. Si vous vous en souvenez, la taille du portrait d' Instagram est de 1080 par 1350, donc je vais le brancher et vous remarquerez que cela nous a donné un peu plus d'espace sur notre toile. Je vais juste appuyer sur « Terminé ». Je ne veux pas risquer que mon image soit pixélisée en la redimensionnant, alors je vais simplement la recharger. Laissez-moi supprimer cette image, aller à l'outil clé, Ajouter, puis je vais réinsérer ma photo. Je suis juste en train de revenir à ma photo, c'était super facile à trouver car c'était dans un album. Maintenant, je vais redimensionner un peu mon image juste pour la mettre sur les bords. Il suffit d'utiliser ces petites poignées et d'ajuster simplement le recadrage de votre image. Assurez-vous d'être vraiment satisfait du recadrage de votre image avant désélectionner votre image car une fois que vous l'avez désélectionnée, le bord de votre image est complètement disparu, comme bye girl. [RIRES] Mais ne vous inquiétez pas, vous pouvez simplement utiliser l' annulation à deux doigts et recommencer. Assurez-vous simplement qu'il soit recadré à votre goût et prenez simplement votre temps. Assurez-vous qu'il est correctement recadré. Comme l'a dit le grand Bubba Sparxxx, recadrez-le correctement, recadrez-le serré. Je ne sais pas si c'était une citation directe, mais je vais continuer. [RIRES] Faisons quelques ajustements à notre image. La première chose que j'aime faire, c'est d'affiner mon image. Appuyez sur « Netteté » et j' aime vraiment le faire car nous avons réduit la qualité de notre image à 72 ppp, donc ajouter un peu de netteté permettra de s'assurer que votre image est un peu plus croustillante pour Instagram. Il suffit d'utiliser votre Apple Pencil et de le glisser vers la droite pour ajuster la netteté à votre goût. Maintenant, notre image est belle et nette. D'autres choses que vous pouvez ajuster sont les courbes qui ajustent simplement la luminosité et l'obscurité de votre image. Vous pouvez également utiliser l'outil Cloner, qui est assez similaire à l'outil Cloner de Photoshop. Lorsque vous sélectionnez l'outil Cloner, ce petit cercle apparaît sur votre canevas. Ce petit cercle sert essentiellement de point de référence à votre clonage. Disons que je veux couvrir cette ligne téléphonique. que soit le point de référence, c' est exactement ce que je vais peindre avec mon pinceau. Disons que j'ai le point de référence ici, vous verrez que je clone le signe DQ et que ce n'est pas ce que nous allons chercher ici, alors défaites. Une autre chose intéressante, c' est que vous pouvez utiliser n'importe quel pinceau que vous voulez cloner. Si ce pinceau de script est trop dur, vous pouvez utiliser quelque chose de doux comme un aérographe de petite taille. Il suffit de le cloner, en vous assurant que votre point de référence se trouve à l'endroit que vous souhaitez copier. De plus, je tiens simplement à noter que vous pouvez effectuer tous ces ajustements d'image dans Photoshop au préalable, puis télécharger votre image dans Procreate. Honnêtement, certains de ces réglages d'image peuvent être beaucoup plus faciles dans Photoshop. Par exemple, il y a cette chose appelée Content-Aware qui supprime les objets indésirables de votre image comme par magie, si rapidement. Mais sachez simplement qu' il y a des options. Je voulais juste montrer que vous pouviez effectuer tous ces ajustements ici même dans Procreate. Je pense que notre image est belle. Je pense que nous sommes prêts à commencer à ajouter de l'animation. Dans cette leçon, nous avons examiné quelques éléments à prendre en compte lors de la sélection d'une image à animer. Nous avons également appris comment importer cette image dans Procreate et comment effectuer quelques ajustements d'image dans Procreate. Dans les prochains cours, je vais découvrir une série de techniques d' animation différentes qui ajouteraient simplement une touche de magie à vos photos Instagram. Si vous êtes prêt, rejoignez-moi au cours suivant où je vais vous montrer comment animer un objet sur votre photo. [MUSIQUE] 7. Animer des objets (1ère partie): L'animation d'objets sur votre photo est un excellent moyen de donner vie à votre photo. Dans cette leçon, je vais vous montrer comment modifier votre image d'arrière-plan pour la préparer à votre animation, vous apprendrez comment rechercher une vidéo de référence, et enfin, vous apprendrez comment animer un objet sur votre photo. Plongeons directement dedans. Nous avons déjà mis en place notre photo de la leçon précédente. Maintenant, il nous suffit de trouver ce que nous voulons animer. Sur cette photo, je pense vraiment que les cornets de crème glacée sont le sujet principal et je pense qu'il serait vraiment cool d'ajouter un peu de mouvement à cette image en faisant fondre les cornets de crème glacée. La première chose que j' aime faire avec ce type d' animation, c'est d'esquisser mon idée. Nous allons créer un nouveau calque et je vais simplement renommer cette esquisse pour l'instant. Fondamentalement, sur ce calque d'esquisse, je veux juste planifier à quoi ressemble mon style d'illustration. Demandez-vous simplement : «  Voulez-vous que votre illustration soit plus réaliste ou plus caricaturale ? » clouer votre style d' illustration maintenant vous permettra de gagner beaucoup de temps lorsque nous serons prêts à animer et à donner vie à notre photo. Pour nous inspirer un peu, cherchons une image de référence et l'un de mes endroits préférés pour trouver l' inspiration est Pinterest. Oh mon Dieu, chaque fois que j'ouvre mon Pinterest, je suis simplement étonné par les choses que les gens créent. C'est tellement cool. Mais de toute façon, allons continuer et utiliser l'onglet Rechercher, et je vais chercher l'illustration de la crème glacée et voyons ce qui apparaît. Nous avons quelques options. Je pense que celui-ci est vraiment amusant. J'aime vraiment combien il est rond et sa façon de fondre. Celui-ci est juste assez classique comme un cône générique, mais j'aime beaucoup sa forme et je pense qu'il conviendrait parfaitement à mon animation. Une chose intéressante que vous pouvez faire dans Procreate est que vous pouvez cliquer et maintenir sur n'importe quelle application qui se trouve dans votre document et simplement la faire glisser juste à côté de votre fenêtre Procreate. Vous pouvez également ajuster la taille et le bam, l'image de référence juste devant vos yeux. Avant de commencer l'esquisse, vérifiez simplement que vous êtes sur votre nouveau calque d'esquisse. Parce que si vous commencez accidentellement à dessiner sur votre image d'arrière-plan et vous commettez accidentellement une erreur, lorsque vous supprimez l'erreur, vous effacerez réellement votre image d'arrière-plan comme Et bien, ce que nous ne voulons pas. C'est pourquoi nous dessinons un nouveau calque. De cette façon, si vous commettez une erreur, vous pouvez effacer uniquement la couche avec l'erreur, qui est un sauvetage. Mais de toute façon, nous pouvons aller de l'avant et commencer à esquisser dans notre crème glacée. abord, je vais prendre mon pinceau préféré, qui est le pinceau Script. Un autre pinceau que les gens aiment vraiment est le pinceau à sirop, alors peut-être essayer celui-ci aussi et voir quel est votre préféré. Mais tout dépend du style d'illustration que vous recherchez. J'aime vraiment comment le haut commence par le petit tourbillon. Permettez-moi de bien comprendre cette forme. Je ne vais pas copier complètement ce cornet de crème glacée, je vais juste modifier et y ajouter mon propre style. Je ne pense vraiment pas que je vais ajouter autant d'ondulations à la mienne. Je pense que trois ondulations de chaque côté vont bien. C'est assez bien pour moi. C'est une bonne forme de base. J'ai dessiné le mien assez bas, donc je vais utiliser l'outil Sélection directe et augmenter un peu mon illustration. Je suis d'accord avec ce contour de base, et maintenant je pense que c'est le bon moment pour commencer à ajouter un peu de couleur. Je vais appuyer et tenir sur la toile pour faire tomber les yeux sur cette couleur brunâtre. Je vais ajouter ce nouveau calque de couleurs juste en dessous du calque d'esquisse. Sur ce nouveau calque, je vais tracer le long du contour que j'ai dessiné précédemment et faire de votre mieux pour rester dans les lignes. Nous en avons fini, revenons dans ces couches. Je vais en fait renommer cette couche juste pour que nous puissions rester un peu organisés. J'appellerai ça Chocolat, peut-être la couleur de base, donc on sait ce que c'est. Jusqu'à présent, nous avons notre contour, nous avons notre couleur de base. Ensuite, je vais ajouter le calque d'ombre et je veux que ce dernier soit juste au-dessus de notre couleur de base. La raison pour laquelle je garde toutes ces parties de la crème glacée sur des couches séparées, c'est parce qu'elle me donne plus de souplesse. Nous nommons ce calque Shadows, et ce que je vais faire, c'est que je vais saisir une couleur marron légèrement plus foncée pour l'ombre. Je vais le faire glisser un peu vers la droite pour obtenir une teinte marron plus foncée. Je pense que l'ajout d'ombres à vos illustrations donne une belle profondeur et un réalisme à ces illustrations. Lorsque je dessine les ombres, je fais juste semblant que la source lumineuse provient de cette zone supérieure gauche, qui signifie que l'ombre tomberait au bas de chaque ondulation. De plus, il y a quelques ombres présentes dans mon image de référence, donc si je me perds, je peux toujours regarder notre référence. Une autre chose, lorsque vous dessinez dans ces ombres, n'ayez pas peur d' expérimenter des pinceaux différents qui peuvent avoir une certaine texture. Il y a de jolies textures sous le groupe de pinceaux de dessin et peut-être même du charbon de bois, alors gardez cela à l'esprit comme option pour votre illustration. Tout comme nous avons rempli les ombres, nous allons ensuite remplir quelques points forts. Je vais jeter les yeux la couleur de base de ce cône, puis choisir une couleur de surbrillance qui est un peu plus haut et à gauche de ma couleur de base. Allez-y et créez un nouveau calque juste au-dessus du calque d'ombre. Je vais renommer ces reflets Chocolate, et je vais commencer à dessiner ces points forts sur le bord supérieur de chaque ondulation, là où vient notre source de lumière prétendue, dans le coin supérieur gauche. Je pense que je vais faire encore un point fort et je dirai que c'est bon. En regardant cette illustration, ce plan commence à me déranger un peu. Je n'aime pas que ça se passe tout le long, donc je vais effacer un peu. C'est en fait un exemple parfait pour expliquer pourquoi nous utilisons des calques. J'ai pu ajuster le contour sans déranger aucun autre calque et maintenant je règle les ombres, le tout sans gâcher toute l'illustration, ce qui serait tout simplement tragique. À ce stade, j'en ai fini avec mon illustration finale, donc je vais simplement regrouper tous ces éléments distincts. Il suffit de sélectionner chaque calque en le faisant glisser vers la droite, puis une fois qu'ils sont tous sélectionnés, appuyez sur le « Groupe » en haut. Enfin, je vais renommer ce groupe pour que nous sachions de quoi il s'agit. Je vais l'appeler crème glacée au chocolat. Maintenant que nous en avons fini avec notre première illustration, nous n'avons plus vraiment besoin de notre image de référence pour le moment. Pour vous débarrasser de la fenêtre Pinterest, vous n'avez qu'à saisir cette poignée ici et à la faire glisser directement hors du cadre, comme ça. Nous sommes maintenant prêts à commencer à nous préparer pour commencer à animer. Pour activer l'assistance à l'animation, accédez à l'outil Clé à molette, puis accédez à Canvas, puis activez le bouton Aide à l' animation. Vous vous demandez probablement : « Pourquoi mon cadre ressemble-t-il à ça ? » Eh bien, ce que vous devez faire en premier, c'est d'accéder au scénario et de vous assurer que votre image est en arrière-plan. Ainsi, votre image reste en arrière-plan pendant toute l'animation. Je dirais qu'une bonne règle de base avant de commencer à animer est de trouver une bonne vidéo de référence, donc je vais en fait remonter Google très rapidement juste pouvoir faire une petite recherche sur la façon dont une crème glacée fond réellement. Un endroit où j'aime vraiment aller est Adobe Stock. Je pense juste qu'ils ont une vidéo de très bonne qualité, alors allons sur ce site Web. Assurez-vous que la vidéo est sélectionnée dans cette liste déroulante. Maintenant, je vais taper ma recherche, que j'ai déjà tapée auparavant, la crème glacée fond, et voyons ce que nous proposons. Immédiatement, il y a déjà tellement de bonnes options. Permettez-moi de faire défiler et d'en jeter un coup d'œil à quelques-uns. Il suffit de cliquer sur cette vidéo pour l'instant. La première chose que je remarque en regardant cette vidéo, c'est que la crème glacée se rétrécit et devient plus courte au fur et à mesure qu'elle fond . Je veux donc vraiment le faire dans mon animation. Ce qui est vraiment utile, c'est que vous pouvez faire défiler la vidéo et faire une pause moments que vous souhaitez regarder un peu plus longtemps. Cela peut être très utile. Regardons une autre vidéo, peut-être celle-ci. Dans cette vidéo, il s'agit d'une bonne vidéo pour faire référence à la façon dont une crème glacée coulerait. On dirait que le goutte à goutte est très long, puis dès qu'il se rompt, le goutte à goutte s'enclenche et se raccourcit à nouveau. Je recommande honnêtement de rechercher des vidéos de référence pour tout ce que vous animez, ce soit le feu, la foudre, et vous pourriez probablement chercher honnêtement d'autres animations pour vous inspirer. Je pense que nous avons recueilli une bonne inspiration. Permettez-moi de revenir à l'écran Procreate car je pense que nous pouvons réellement commencer à animer ce cornet de crème glacée. La première image de notre animation est déjà terminée. Pour ajouter un nouveau cadre, il suffit d'aller Ajouter un cadre dans le coin de cette timeline, et immédiatement, vous verrez la peau d'oignon du cadre précédent. Je veux ajuster l'opacité de ma peau d'oignon et la remonter un peu plus, donc je vais le faire dans les paramètres. C' est beaucoup mieux. Je pense qu'il serait utile d'avoir ma vidéo de référence dans la même fenêtre que mon Procreate. Il suffit d'appuyer longuement sur n'importe quelle application que vous voulez à côté de votre fenêtre Procreate, et laissez-moi simplement faire défiler vers le bas jusqu'à la vidéo que je veux voir. Maintenant, chaque fois que je suis un peu coincé en ce qui concerne l'animation, je peux juste jeter un coup d'œil ici et savoir que j'ai un peu de secours au cas où. Maintenant, nous pouvons commencer par la deuxième image de cette animation. certaines des références vidéo que nous avons regardées, nous avons appris que les cornets de crème glacée se rétrécissent et deviennent un peu plus courts à mesure qu'ils fondent Comme vous pouvez le voir dans ce cadre, je fais du cornet de crème glacée un un peu plus court et je dessine chaque ondulation un peu plus bas que le cadre précédent. J'ajoute également quelques petites vagues qui se transformeront en gouttes plus tard ; j'en ajouterai donc une là, peut-être une autre sur cette ondulation, juste là. J'ai dessiné ce cadre un peu trop large. Je pense que je suis plutôt content de l'apparence de cette monture. Maintenant, il est temps de dessiner la prochaine image. Il suffit de revenir à la chronologie et d'appuyer simplement sur Ajouter un cadre. Sur cette troisième image de l'animation, je me concentre toujours sur le contour, donc je fais encore plus court le cornet de crème glacée, tout en prolongeant les gouttes. Nous continuons simplement ce mouvement vers le bas, en rendant chaque ondulation un peu plus basse que la dernière et en utilisant simplement votre peau d'oignon comme guide. À ce stade de l'animation, il peut être vraiment utile de revenir en arrière et de voir à quoi ressemble vos images jusqu'à présent. Permettez-moi de modifier mes paramètres pour que nous ne voyions qu' une seule peau d'oignon, il est donc plus facile de voir ce qui se passe. Nous commençons par notre crème glacée complète et vous pouvez constater qu'elle se rétrécit lentement au fur et à mesure. Passons à la suivante. Pour ce prochain cadre, je vais faire ce goutte à goutte assez long, je pense qu'il va probablement se rompre dans le prochain cadre. C'est essentiellement la même histoire, un nouveau cadre, nous faisons simplement rétrécir cette crème glacée tout en prêtant attention à l'étape de chaque goutte à goutte. Par exemple, sur cette image suivante, ce goutte à goutte est définitivement prêt à se rompre. Je vais juste dessiner le goutte à goutte et si vous vous souvenez de la référence vidéo, dès que le goutte à goutte se détache, le haut s'enclenche et se rétrécit à une taille plus petite. Faisons en sorte que cela commence à se rétrécir un peu, comme ça, et laissez-moi accélérer tout en dessinant le reste de ces ondulations. Il suffit de faire ces gouttes un peu plus longtemps. Nous allons probablement les faire rompre dans l'un des prochains cadres. Permettez-moi de vérifier la progression de cette animation. Je dirais que c'est toujours une bonne règle de base de simplement vérifier la progression de votre animation fur et à mesure, car il est beaucoup plus facile de faire des modifications à ce stade que lorsque vous êtes plus loin dans le processus d'animation. Sur ce prochain cadre, nous allons faire descendre ce goutte à goutte un peu plus loin, et nous allons juste ajouter un peu de courge et étirer pour exagérer le mouvement de ce goutte à goutte. vers le bas. Avec cette partie supérieure, nous allons simplement continuer à laisser se rétrécir, et nous déciderons si nous voulons refaire ce goutte à goutte plus tard. Encore une fois, je continue à dessiner chaque ondulation un peu plus bas. J'aimerais vraiment que ces deux gouttes n'arrivent pas. C'est quelque chose que nous pouvons décider de changer maintenant ou simplement de le laisser. Maintenant, pour ce goutte à goutte, je pense que c'est le bon moment pour que celui-ci se détache. Je vais juste dessiner la partie inférieure comme ça, puis rappelez-vous que nous devons faire en sorte que ce haut commence à reculer un peu. À ce stade de l'animation, le moment de chaque goutte à goutte peut commencer à devenir un peu déroutant, mais concentrez-vous simplement sur un à la fois et tout ira bien. Ce goutte à goutte continue de tomber, et je vais avoir une courge un peu dès qu'elle me frappera le doigt. Pour le sommet du goutte à goutte, je pense que je vais le faire couler une fois de plus, alors permettez-moi de le faire un peu plus longtemps. Continuer tout vers le bas. Pour ce petit goutte à goutte ici, je vais l'étirer et ensuite reculer un peu en haut. Encore une fois, c'est toujours une bonne idée de lire votre animation pour voir à quoi elle ressemble jusqu'à présent. Assurez-vous simplement que rien n'a l'air fou et apportez les modifications dont vous avez besoin pendant que nous en sommes encore à ce stade. Comme cela est en train de jouer, je pense que c'est une bonne idée de regarder chaque goutte à goutte séparément pour voir comment ils s'animent seuls. Je vais juste ajouter quelques images supplémentaires à cette animation, je pense que je vais juste faire atterrir les gouttes , et ensuite je dirai que c'est bon. Allons de l'avant et ajoutons un nouveau cadre et alors que cette goutte atterrit, je vais juste l' écraser complètement contre mon doigt. Ensuite, je vais passer par là et faire rétrécir tout le reste un peu, et laisser la gravité faire ce que la gravité fait le mieux, c' est-à-dire simplement tirer les choses vers le sol, et je vais aller de l'avant et laisser cette deuxième goutte de courge dans mon doigt aussi. Cette goutte du milieu a l' air un peu bizarre, alors laissez-moi arranger ça très rapidement et laissez-moi voir à quoi ça ressemble. Maintenant, il a l'air un peu trop fin, alors épaississons un peu cela et allongeons un peu plus longtemps. Regardons ça. Une autre chose que je remarque, c'est ce haut goutte à goutte rebondit un peu étrange, c'est presque trop rebondissant si vous savez ce que je veux dire. Permettez-moi de trouver le cadre que ça commence à être un peu bizarre, c' est-à-dire celui-ci, et laissez-moi simplement raccourcir un peu ça. Dessinons simplement ce cadre un peu plus semblable à l'image précédente pour qu' il se déplace plus lentement. Quand je rejoue ça, je pense que je dois également modifier cette dernière image, raccourcir celle-ci aussi, et peut-être un peu plus mince aussi. Voyons comment ça joue. Je dirais que c'est un peu mieux. Oui, je suis d'accord avec ça. La dernière chose que je vais faire, c'est que je vais juste tracer une copie exacte de cette image juste pour qu' elle soit en boucle à la fin. Je vais juste passer en revue et retracer tout exactement de la même façon. Je n'essaie plus de le faire fondre, je veux juste que ce cadre soit gigue à la fin, donc j'ai la possibilité de la boucler si nécessaire. Avec mes deux cadres gigue à la fin, je vais les copier tous les deux pour qu'ils soient un peu plus longs. Je vais dupliquer cette première image , puis dupliquer cette deuxième image gigue. Lorsque nous rejouerons ça, vous verrez qu'il tremble un peu à la fin, au lieu de simplement rester immobile. J'aime bien avoir cette petite secousse à la fin de l'animation pour avoir la possibilité de la faire boucler aussi longtemps que nécessaire à la fin. Par exemple, je vais certainement animer l'autre cornet de crème glacée sur cette photo. Les deux images gigue m' aideront à chronométrer les animations pour qu' elles se terminent en même temps. Maintenant que nous avons fini avec nos cadres de base et que nous sommes sûrs à 100 % que tout est bien, nous pouvons entrer dans chaque cadre et commencer à ajouter la couleur et les détails. 8. Animer des objets (partie 2): Revenons à ce premier cadre de référence et regardons simplement la couleur que nous allons ajouter à chaque image. Passons au premier cadre où nous allons ajouter de la couleur. Je pense qu'il est plus facile d'utiliser le panneau Calques pour ce processus. Vous verrez que nous avons environ sept ou huit cadres auxquels nous devons ajouter de la couleur. Ajoutons un nouveau calque à notre cadre couleur. Ensuite, nous devons regrouper cette couche avec l'image numéro deux. Faites simplement glisser le calque vers la droite pour le sélectionner, puis appuyez simplement sur « Groupe » en haut. Après avoir appuyé sur « Groupe », vous remarquerez que nos deux couches sont placées dans un dossier agréable et soigné, et vous pouvez simplement utiliser ce petit triangle sur le côté pour réduire le dossier. Honnêtement, les peaux d'oignon peuvent devenir un peu déroutantes à ce stade. Vous pouvez donc les désactiver ou appuyer longuement sur notre groupe, et isoler uniquement le groupe avec lequel nous travaillons. Assurez-vous que vous êtes sur votre nouvelle couche. Alors c'est la partie relaxante. Vous pouvez simplement passer en revue et colorier votre cadre, tout comme un livre de coloriage. Nous avons fini d'ajouter de la couleur à ce premier cadre. Pour activer à nouveau la visibilité de tous les calques, il suffit d'appuyer longuement sur la coche. Sur le cadre numéro trois, nous allons à nouveau créer un nouveau calque pour notre couleur, glisser le cadre trois vers la droite pour le sélectionner, puis appuyer sur « Groupe ». Assurez-vous également pour chacun de ces groupes que le calque de contour se trouve au-dessus du calque de couleur, car nous voulons pouvoir voir le contour. Je suis juste en train d'appuyer et de maintenir à nouveau la coche pour isoler ce groupe, et je profite juste d'un peu de temps pour colorer. Je dirais que c'est la partie la plus relaxante de l'animation, parce que nous avons fini la partie difficile planifier chaque image, et maintenant nous arrivons à nous détendre et à colorier. Je vais vous montrer une autre façon de regrouper les couches ensemble. Nous allons ajouter un nouveau calque pour notre couleur, puis il suffit de faire glisser le nouveau calque vers la droite au-dessus du cadre numéro quatre pour les regrouper. Encore une fois, nous devons nous assurer que notre contour est au-dessus de notre calque de couleurs. Permettez-moi d'isoler ce groupe et de le colorer très rapidement. De plus, je ne sais pas si je suis le seul, mais cette glace au chocolat commence-t-elle à ressembler à l'emoji caca ? Oui, c'est bizarre. C'est pour cette raison que nous n'allons plus isoler les groupes. Je vais colorer le reste des cadres avec l'image d' arrière-plan. Le prochain est le cadre numéro six. Vous connaissez l'exercice maintenant. Créez un nouveau calque de couleurs, regroupez-le avec le contour du cadre et appliquez votre couleur. Vous voyez que c'est un peu distrayant de dessiner avec les peaux d'oignon à ce stade. Il suffit donc d'aller dans les réglages et de tourner les cadres en peau d'oignon en aucun. Nous pouvons simplement nous concentrer sur le cadre à portée de main. Cela devient un peu répétitif. Je vais juste finir d'ajouter couleur à ces derniers cadres, et je vous rencontrerai quand j'aurai fini. Nous sommes de retour. Voyons à quoi ça ressemble quand on le rejoue. Il a l'air plutôt bien. Mais devinez quoi, la seule chose qui nous manque, ce sont les ombres et les points forts que nous avons inclus dans notre illustration de référence. Cela signifie essentiellement que nous devons revenir à travers chaque cadre et ajouter une couche d'ombre à chaque cornet de crème glacée. Laissez-moi entrer dans ce premier groupe. Je vais ajouter l'ombre juste au-dessus de ce calque de couleur de base. Mais tout d'abord, permettez-moi de revenir à notre référence que je puisse faire tomber les yeux la bonne couleur d'ombre. On y va. Permettez-moi d'ajouter cela au nouveau calque que nous avons créé juste au-dessus de notre couleur de base. C'est vraiment à vous de déterminer quantité de détails que vous souhaitez ajouter à votre illustration. J'aime ajouter des ombres simplement parce que je pense que c'est un peu plus beau et un peu plus réaliste. Sachez simplement que plus vous avez de détails sur votre illustration, plus il vous faudra de temps pour terminer chaque cadre. Je suis ici, ajoute également des reflets à chaque image, et je l'ajoute juste au-dessus du calque d'ombre. Je n'ai pas encore fini d'ajouter mes ombres et mes reflets, mais vous remarquerez que ma crème glacée au chocolat commence à apparaître sous mon animation. Pour résoudre ce problème, je dois modifier un peu mon image d'arrière-plan d'origine. Je vais simplement isoler l'image d'arrière-plan en appuyant et en maintenant la coche enfoncée, ce qui va simplement désactiver la visibilité de tous les autres calques. Une autre chose que je veux faire, c'est que je veux en faire une copie. Faites glisser votre image d' arrière-plan vers la gauche et appuyez simplement sur « Dupliquer ». J'aime en faire une copie juste au cas où je me gâcherais. Je vais juste désactiver la visibilité de la copie, et nous allons travailler sur cette image pour l'instant. Pour enlever la crème glacée au chocolat, je vais aller à l'outil Baguette et appuyer sur « Clone ». Il suffit de déplacer ce cercle vers un bon point de référence. Je pense que je veux copier ce ciment. Vous verrez que lorsque vous commencez à peindre, il commence à copier tout ce qui se trouve sous le cercle. Je vais en fait utiliser un pinceau plus doux pour cela, et peut-être quelque chose d'un peu plus petit, donc ce n'est pas trop fou. Oui, c'est beaucoup mieux. Je veux peut-être cloner un peu cette courbe jaune. Oui, on va juste se débarrasser du haut de ce cornet de crème glacée. Il n'a pas l'air parfait, mais personne ne s'en apercevra. Si vous ne creusez pas l'outil Cloner, vous pouvez utiliser l'outil Sélection et simplement l'utiliser pour sélectionner la zone que vous souhaitez copier. Je vais sélectionner une partie de la rue, partie de ce trottoir, et je m'assurerai simplement de sélectionner une zone suffisamment large et suffisamment grande pour couvrir votre cornet de crème glacée. Je pense que ma zone est assez grande, donc je vais juste descendre dans cette barre inférieure et appuyer sur « Copier et coller », qui copiera et collera automatiquement la zone que nous avons sélectionnée dans un nouveau calque. Je vais simplement déplacer cette nouvelle couche et la placer juste au-dessus de mon cornet de crème glacée, et cela seul commence déjà à déguiser le cornet de crème glacée. Vous pouvez également déformer un peu ce calque pour vous assurer que la bordure est alignée. Assurez-vous que tout est couvert. Je pense que cette couverture est plutôt bonne. La seule chose que j'ai besoin d' ajuster, ce sont ces bords durs. Je vais simplement utiliser cet outil Gomme et peut-être utiliser un pinceau plus doux comme un aérographe, et je dois absolument réduire la taille de celui-ci, car il s'efface trop. Mais oui, il suffit d'effacer les pièces dont nous n'avons pas besoin, et d'adoucir les pièces un peu dures, comme ici. Faites simplement de votre mieux pour fusionner tous les bords avec le reste de l'image. Tout comme un tour de magie, c'est ainsi que vous faites disparaître les choses. Je suis plutôt content de ce que ça ressemble. Je vais juste le fusionner avec la copie de mon image originale. Vous pouvez soit appuyer sur « Fusionner vers le bas », soit une autre façon de fusionner calques ensemble consiste à les pincer avec vos doigts. Parfois, pincer des couches ensemble me prend un peu de temps, mais, hé, nous l'avons fait. Voyons maintenant à quoi ressemble notre animation avec l' arrière-plan supprimé. Hé, c'est plutôt naturel pour moi. Je ne vais pas vous ennuyer en ajoutant les dernières lumières et ombres. Laissez-moi juste remonter ma dernière animation. Cette version présente quelques différences . Par exemple, j'ai utilisé un contour brun au lieu du noir, et j'ai également utilisé un peu de texture pour les ombres. Comme avant, j'ai inclus mes deux trames de gigue de fin, sorte que nous puissions faire une boucle aussi longtemps que nécessaire. Une autre chose dont je veux que vous soyez conscients est la limite de couche de Procreate. Pour voir combien de couches il vous reste, accédez à l' outil Clé, Canvas, et en bas, appuyez sur « Informations sur le canevas ». Dans la nouvelle fenêtre qui s'affiche, assurez-vous simplement d' avoir sélectionné Calque, et cela vous donnera une ventilation complète nombre de couches disponibles. Il semble que je n'ai que 19 couches disponibles, et il m'a fallu environ 41 couches pour créer cette animation. Cela dit, je vais certainement devoir animer ce cornet de crème glacée à la vanille dans un autre dossier. J'ai déjà animé ce cornet de crème glacée à la vanille. Comme vous pouvez le voir, j'ai le cornet de crème glacée au chocolat, j'ai le cornet de crème glacée à la vanille. J'ai même animé ce panneau Dairy Queen pour fondre aussi. Si nous voulons jeter un coup d'œil au cornet de crème glacée à la vanille, vous verrez que je viens de l' animer exactement de la même manière que j'ai animé le cornet de crème glacée au chocolat. J'ai créé quelques couches de gigue à la fin, sorte que je puisse la faire boucler aussi longtemps que j'ai besoin de chronométrer les deux. Je vais vous montrer comment combiner toutes ces animations distinctes en une seule animation en boucle, dans l'une des dernières leçons. Restez à l'écoute pour ça vers la fin. Parfait. Dans ce cours, vous avez appris à modifier votre image d'arrière-plan pour la préparer à votre animation dans Procreate, puis à rechercher une vidéo de référence et enfin à animer un objet dans votre photo. Maintenant, c'est à ton tour. Regardez votre image et voyez s'il existe un objet sur lequel vous pouvez animer ou ajouter du mouvement dans votre image. Retrouvez-moi dans la prochaine classe où je vais vous apprendre à animer des lignes d' expression dans Procreate. Allons-y. 9. Animer les lignes et les formes d'expression: [MUSIQUE] L'utilisation de lignes et de formes de base dans votre animation est un excellent moyen d' ajouter de l'expression, du mouvement et de l'intérêt à vos photos. Ils mettent également l'accent sur le sujet de votre photo. Dans cette leçon, je vais vous montrer comment animer certaines lignes d'expression sur votre photo. Pour cette animation, choisissez une image qui a un sujet clair sur lequel vous souhaitez mettre un peu l'accent. Je dirais que les cornets de crème glacée font l'objet de cette image. Je vais donc utiliser l' animation pour apporter une petite étincelle d'intérêt. La première chose que nous allons faire est de créer une nouvelle couche. Nous allons l'ajouter juste au-dessus de l'image d'arrière-plan. Je pense que je vais renommer cette esquisse. Je vais utiliser ce calque pour esquisser mon idée de cette animation. Permettez-moi de prendre un joli pinceau très rapidement. La plupart du temps, j'utilise le pinceau de script sous la calligraphie , mais je dirais certainement expérimenter avec des pinceaux pour savoir lequel est votre préféré. L'idée de base ici est d'avoir des étincelles qui sortent de ce cornet de crème glacée, comme des marques d'expression. Mes marques ont l'air tordues, mais ne vous inquiétez pas, utilisez simplement l'outil «  Sélection directe » et vous pouvez effectuer tous les ajustements nécessaires. Ça a l'air plutôt bien, maintenant je dois ajouter l'étincelle à l'autre cornet de crème glacée. Pour faire une copie d'un calque, il suffit de le faire glisser vers la gauche, puis d'appuyer sur « Dupliquer ». Ensuite, j'utiliserai simplement mon outil pratique de sélection directe dandy pour placer ma deuxième étincelle en position. Je pense que cette seconde étincelle serait mieux si elle était retournée. Permettez-moi donc d'appuyer à nouveau sur cet outil « Sélection directe » et d'appuyer simplement sur « Flip Horizontal », qui le reflète horizontalement. Maintenant que mon croquis est terminé, je vais simplement fusionner ces deux calques ensemble. Vous pouvez le faire en serrant simplement les calques ensemble, puis je veux regrouper cette esquisse avec mes images d' arrière-plan, j'ai déjà un nouveau groupe configuré à partir de la dernière leçon. Mais en gros, il suffit de cliquer et de faire glisser votre esquisse et de la placer au-dessus de votre arrière-plan pour les regrouper. Je pense que nous sommes prêts pour Animation Assist. Passez sur la clé, appuyez sur Canvas, puis sur Animation Assist. Lorsque la chronologie apparaît, assurez-vous simplement que votre image est en arrière-plan. Cela permettra de s'assurer que notre groupe d'images, y compris notre croquis, restera en arrière-plan pendant toute l'animation. Cela étant dit, permettez-moi de réduire l'opacité de mon croquis pour que ce soit un peu moins distrayant. Cela m'aidera également à mieux voir mes images d'animation. Très bien, permettez-moi de vous montrer quelques façons d' animer ces étincelles. n'importe quelle animation, vous devez commencer par ajouter d' abord une nouvelle image. Passons à Ajouter un cadre dans le coin de la chronologie. Pour la première option, tout ce que nous allons faire est de tracer complètement notre calque d'esquisse. Ensuite, nous allons créer un autre cadre en appuyant à nouveau sur Ajouter un cadre. Sur ce cadre, nous allons simplement retracer l'esquisse. C'est tout pour la première option. Lorsque vous jouez l'animation, vous verrez qu'elle donne juste un peu de gigue aux étincelles et on dirait simplement que vous avez ajouté un cadeau ici à votre image. Maintenant, je vais vous montrer comment animer ces étincelles. Je vais construire cette animation de sorte que la première option pour les étincelles et deuxième option pour les étincelles jouent en même temps afin que nous puissions les comparer. Donnez-moi juste une seconde pour ajouter d'autres cadres. Cette première animation est exactement la même. Je viens d'ajouter d'autres images pour pouvoir créer cette deuxième animation. Habituellement, je créais une deuxième animation dans un Toile complètement différent, mais je veux juste que vous puissiez les voir côte à côte. Tout d'abord, permettez-moi de créer un nouveau calque pour la première image de cette animation. Ensuite, je vais sélectionner la première image de notre première animation et regrouper avec la première image de la deuxième animation pour qu'elles jouent ensemble. En gros, tous les calques regroupés dans le panneau Calques apparaissent sous une seule image ici dans la chronologie de l'animation. Pour cette deuxième option d'animation, je vais faire en sorte que cette étincelle se développe extérieur, puis disparaisse. Pour cette première image, je vais juste dessiner une très petite partie de cette étincelle. C'est bon pour la première image. Maintenant, passons à la deuxième image ici dans la chronologie, dans le panneau Calques, je vais créer une nouvelle image pour notre nouvelle animation et simplement regrouper avec la seconde. cadre de notre première animation. Laissez-moi ensuite ajuster mes paramètres pour que mes cadres Onion Skin soient réglés sur un seul. Parce que je pense qu'il sera utile de voir la première image de notre animation à titre de référence. Puis ça a surgi. Puisque cette image de l'animation est en groupe, elle me demande essentiellement sur quel calque je veux dessiner. Permettez-moi de vous montrer comment j'ai fait apparaître ce décor. Si vous souhaitez également ce paramètre, accédez à l'outil Clé à molette, puis accédez à Préférences, puis touchez « Contrôles de gestes ». Il y a tellement de préférences que vous pouvez configurer, mais ce que j'ai fait, c'est que je suis allé à cette option de sélection de calque, puis j'ai activé ce bouton plus le bascule Apple Pencil. Cette option est vraiment géniale lorsque vous essayez de trouver un calque spécifique dans votre illustration. revenons là où nous étions. Sur la deuxième image, nous allons appuyer sur le calque vide que nous avons créé. Ensuite, sur ce cadre, nous allons simplement étendre l'étincelle un peu plus loin que le premier cadre. Je dirais l'étendre à un peu plus de la moitié de votre croquis original pour qu' il ne reste plus qu'un peu à la fin. Passer à l'image trois de l'animation. Dans le panneau Calques, je vais créer un nouveau calque et regrouper avec le cadre numéro trois. Permettez-moi de réduire l'opacité de ma peau d'oignon pour que je puisse voir un peu mieux. Sur la troisième image de cette animation, je veux étendre notre étincelle jusqu' à la fin de notre esquisse, mais en même temps, je veux commencer à la réduire. Je vais le dessiner un peu plus haut que le bas, mais je l' étendrai jusqu'au haut de notre croquis. Si nous voulons prévisualiser notre animation jusqu'à présent, vous verrez qu'elle commence à s'étendre vers l'extérieur. Je pense que nous n'avons besoin que d' une seule image supplémentaire pour cette animation. Laissez-moi aller au cadre numéro quatre. Comme toujours, nous allons créer un nouveau calque dans le panneau Calques et le regrouper avec le cadre numéro quatre. C'est vraiment difficile de faire la différence entre ma peau d' oignon et mon croquis. Laissez-moi juste évoquer l' opacité de ma peau d'oignon. Fondamentalement, il suffit d'utiliser les paramètres Onion Skin pour faire ce qui est le plus facile à voir. Pour cette dernière image, la trame numéro quatre, je finis juste par un petit point juste en dehors de la trame précédente. Je pense que ce flux est plutôt sympa. Voici les deux ensemble. En fait, permettez-moi de désactiver notre calque d'esquisse d'origine pour que nous puissions voir l'animation en plein effet. Voici les deux options ensemble. Vous verrez que nous avons créé cette étincelle nerveuse, puis l'étincelle qui s'étend vers l'extérieur. Mais sachez qu'il y a tellement de façons d' ajouter des lignes d'expression à vos animations. Laissez-vous inspirer et n' ayez pas peur d'expérimenter. Dans cette leçon, vous avez appris comment animer lignes d'expression simples pour ajouter mouvement et de l'accentuation à votre image. Maintenant, c'est à ton tour. Regardez votre photo et voyez où ajouter des lignes d'expression. Joignez-vous à moi dans la prochaine leçon où nous ferons une petite animation de texte. [MUSIQUE] 10. Animer le texte: [MUSIQUE] L'utilisation de mots dans votre animation peut donner un peu de fond à votre animation. Il peut également donner un petit contexte au spectateur quant à ce que vous voulez qu'il sache. Il y a tellement de façons d'animer du texte dans Procreate, mais dans cette leçon, je vais vous montrer comment faire apparaître votre texte progressivement puis disparaître. Allons-y. Pour cette animation, je vais utiliser cette photo que j'ai prise à San Diego. J'adore ce type en arrière-plan et je pense que ça serait vraiment beau avec une animation de texte. J'ai déjà une idée du texte que je veux ajouter à cette image, mais si vous êtes complètement coincé pour un mot, ce que je ferais, c'est commencer à chercher dans certains idiomes. Le mot que je pense que je veux inclure dans mon animation est le mot rêves. Permettez-moi de chercher les idiomes des rêves et de voir ce qui se passe. Nous avons des choses comme au-delà vos rêves les plus fous, c'est bien. Nous avons des choses comme des rêves brisés. Vous pouvez cliquer plus loin dans et voir quels autres résultats apparaissent , mais c'est juste une idée de la façon de trouver un mot ou une phrase. Mais de toute façon, une fois que vous avez sélectionné un mot ou une phrase, je vais vous montrer comment ajouter du texte. Nous allons passer à l'outil clé, appuyer sur « Ajouter », puis appuyer sur « Ajouter du texte ». Une nouvelle zone de texte s'affiche instantanément. Bien que le texte soit toujours sélectionné, c'est le moment où j' aime choisir la couleur. Pour cela, je pense que je vais juste m'en tenir à la couleur blanche juste pour garder l' arrière-plan beau et propre. Il est maintenant temps de taper notre mot. Il suffit de remonter le clavier et le mot que j'ai sélectionné est le mot « Rêveurs », juste parce que c'est une image vraiment agréable et rêveuse. Assurez-vous que votre texte est sélectionné. Pour formater notre texte, nous allons simplement appuyer sur ce double A dans le coin. Cela va simplement remonter cette boîte de dialogue de style de police. Comme vous pouvez le constater, il existe plusieurs polices différentes parmi lesquelles vous pouvez choisir, alors il suffit de passer en revue. Je vais m'en tenir au DIN Condensed juste parce qu'il est beau et propre. Ensuite, vous pouvez simplement passer en revue et effectuer d'autres ajustements. Vous pouvez choisir la taille. Il suffit de jouer avec les paramètres. Si vous n'aimez pas quelque chose, il suffit de remettre ce paramètre à zéro pour cent. Une chose que je vais faire, c'est que je vais faire mon texte en majuscules en appuyant sur ce petit bouton dans le coin. Une autre chose que vous pourriez faire est de faire tous les contours de votre texte en appuyant dessus. Honnêtement, pour être honnête, je ne sais même pas ce que fait cet outil. On va juste défaire. [RIRES] Je suis plutôt content de ces paramètres, alors je vais appuyer sur « Terminé ». Si votre texte est sur deux lignes comme la mienne, vous pouvez simplement utiliser ces petites poignées dans le coin et rendre votre zone de texte aussi large que nécessaire. Le texte est plutôt beau. Je veux juste le positionner au centre. Je vais aller à l'outil de sélection directe et je pense que je veux qu'il soit juste là. Nous allons augmenter un peu. Ça a l'air bien. Notre texte a l'air normal. n'y a rien de trop spécial. Je pense que ce que je veux faire, c'est créer une forme personnalisée, comme si j'aurai peut-être un peu l'arc de texte juste pour ajouter un peu plus d'intérêt. Ce que je vais faire, c'est que je vais ajouter une nouvelle couche. Appelons cette référence pour l'instant. Sur ce calque de référence, je vais simplement esquisser la forme que je souhaite suivre par mon texte. Le sommet va être droit. Je vais juste faire glisser, tenir enfoncé avec mon Apple Pencil pour faire une ligne droite, puis vous pouvez le maintenir avec votre doigt pour que la ligne s' accroche à une ligne horizontale parfaite. En bas, je vais faire un arc. Je vais simplement dessiner mon arc, appuyer et maintenir avec votre Apple Pencil sans le soulever pour en faire un arc parfait, puis appuyer avec votre doigt pour faire un arc circulaire parfait. Ensuite, je vais juste enfermer cette forme. Sur les côtés, cliquez et maintenez, utilisez votre doigt pour rendre la ligne parfaitement verticale, et je ferai la même chose de ce côté. Cette forme est plutôt belle, mais je pense que je veux ajuster la hauteur juste pour qu'elle s'adapte un peu mieux à l' espace. Je vais saisir l'outil de sélection et sélectionner simplement le haut de la forme. Assurez-vous que je suis sur la bonne couche. Ensuite, j'utiliserai cet outil de sélection directe pour monter un peu la hauteur, à peu près je pense que cela semble plutôt bien. Maintenant que notre forme de référence est créée, je vais commencer à ajuster le texte qu'il suive cette forme. Passons au calque de texte. Pour ajuster la forme, nous devons rastériser le texte. abord, je vais simplement créer une copie pour que nous l' ayons juste au cas où. Pour cet autre calque de texte, je vais appuyer sur rastériser, ce qui signifie simplement que vous ne pouvez plus taper avec ce texte. C'est plutôt comme une forme. Il existe de nombreuses façons d' ajuster le texte dans Procreate. Une chose que je vois beaucoup faire est d'utiliser Liquify. Sous Liquify, vous pouvez ajuster la taille et simplement pousser votre texte en forme de vague. Vous pouvez également tordre votre texte si c'est votre confiture. Vous pouvez probablement faire une animation géniale avec celle-ci. Je ne sais pas, il suffit de jouer avec certains de ces effets disponibles. Mais pour ce cours, je n'utiliserai aucun effet liquide. Je vais en fait utiliser cet outil de sélection directe. Cet outil de sélection directe contient tous les outils dont j'ai besoin. Permettez-moi de mettre cela à l'échelle jusqu'à la limite de ma référence et nous pouvons commencer. Dans le coin, vous verrez cette option appelée Warp. Lorsque vous cliquez dessus, il ajoute toutes ces petites grilles à votre texte et vous pouvez simplement l'utiliser pour étirer votre image. Je vais juste descendre un peu d'un côté, puis de l'autre côté. Ensuite, je vais repousser ce milieu vers le haut. Je vais juste continuer à faire ces très petits ajustements d'un côté, l'autre côté, puis de fixer le milieu. Je prends mon temps avec ces ajustements car je veux préserver l'intégrité de la police autant que possible, même si nous la déformons. Une autre option, si vous voulez que votre texte soit encore plus parfait, vous pouvez le créer dans Adobe Illustrator et simplement importer un fichier PNG dans Procreate. Permettez-moi de descendre les barres transversales de l'Es, et je pense que cela semble décent. Je suis plutôt content de ça. Nous en avons fini avec cette référence. Je vais juste aller de l'avant et supprimer cette forme. Pour terminer ma phrase, je vais juste ajouter quelques mots supplémentaires en haut. Une fois de plus, nous allons passer à la clé, ajouter et ajouter du texte, sélectionner votre couleur. Ensuite, pour le haut de ma phrase, je vais simplement taper « Revenge of the ». Exprimez tous ceux qui savent ce que c'est. De toute façon, assurez-vous que votre texte est sélectionné avant de formater. Il suffit de formater votre texte comme bon vous semble. Je vais refaire toutes les majuscules et redimensionner la police un peu. Cette fois, je vais utiliser un crénage à la largeur du mot « Dreamers ». Laissez-moi juste ajuster un peu ces poignées. Je suis plutôt d'accord avec ça, alors appuyez sur « Terminé ». Encore une fois, je vais utiliser l'outil de sélection directe pour redimensionner ce texte à la largeur du mot « Rêveurs » et m'assurer que vous avez sélectionné Uniform ou vous allez simplement déformer votre texte d'une manière bizarre. À moins que vous ne le vouliez, je veux dire, allez-y. Nous avons mis en place la structure de base de notre texte. Il est maintenant temps de commencer à animer. Pour activer l'assistance à l'animation, accédez à l'outil Clé à molette, puis accédez à Canvas, puis activez le bouton Assistance à l' animation. Comme toujours, j'aime définir mon image d'arrière-plan sur l' arrière-plan pour qu'elle reste en arrière-plan pendant toute l'animation. Je pense que je veux que ce texte reste également en arrière-plan, mais laissez-moi simplement saisir « Revenge of the » et le regrouper avec l'image d'arrière-plan. Tout ce qui est regroupé avec l' arrière-plan restera en arrière-plan tout le temps. Vous savez quoi ? Je vais même mettre notre texte personnalisé que nous venons créer dans le groupe d'arrière-plan, car je veux l' utiliser comme une référence plutôt qu'un cadre de l'animation. Permettez-moi de renommer cette Référence pour que je sache continuer à y faire référence pendant que je suis en train d'animer. Nous avons mis en place notre structure et tout ce qui est mis en place, réfléchissons maintenant à l'animation. Mon plan est de faire tirer un objet de gauche à droite et de remplir les lettres au fur et à mesure. Alors peut-être que je vais le faire disparaître en faisant fondre toutes les lettres. Pour commencer, accédons à notre calque de référence dandy pratique et appuyez sur « Sélectionner ». Lorsque votre calque est sélectionné, vous verrez toutes ces lignes diagonales bizarres. Si votre sélection est noire comme ceci, assurez-vous simplement que la main libre est sélectionnée. La sélection signifie simplement que nous ne pouvons dessiner que dans la forme sélectionnée, qui se trouve être le mot « Rêveurs ». Allez-y, ajoutez un nouveau cadre, et ce que nous allons faire, c'est de remplir progressivement les lettres de gauche à droite. Mais tout d'abord, permettez-moi de réduire l'opacité de cette couche de référence pour que nous puissions voir ce que nous faisons un peu mieux. Je pense que 21 %, c'est très bien. Je pense également qu'il serait utile d'ajouter simplement un calque d'esquisse pour dessiner la trajectoire de notre animation. Je vais juste dessiner cette flèche rouge pour indiquer l'arc que je veux suivre. J'ai juste ce petit calque d'esquisse dans le groupe d'arrière-plan avec le reste de l'arrière-plan. Sélectionnez votre première image et commençons enfin la première image de notre animation. Je vais commencer un peu lentement. Je vais juste faire un petit bloop pour la première image. Maintenant, c'est important. Chaque fois que vous ajoutez une nouvelle image après cela, nous allons appuyer sur « Dupliquer » pour que nous puissions continuer à ajouter et à créer cette animation au fur et à mesure. Appuyez à nouveau sur « Dupliquer », ajoutez un peu plus de longueur à votre forme. Appuyez à nouveau sur « Dupliquer ». Ajoutez encore plus de longueur et de largeur à votre forme. Permettez-moi d'en faire un de plus pour que nous puissions voir comment cela se passe jusqu'à présent. Dupliquez, ajoutez-en encore plus et voyons maintenant ce que nous avons créé jusqu'à présent. Il se réunit lentement, mais sûrement. Une chose que je tiens à noter, c'est que notre calque n'est pas sélectionné, donc lorsque nous allons remplir le E, c'est en liberté à ce stade. En gros, chaque fois que vous faites défiler la chronologie, au lieu de cliquer simplement sur un calque, il va désélectionner votre sélection. Ce que vous devez faire, c'est revenir en revue vos calques et trouver votre référence. Assurez-vous qu'il est sélectionné, et lorsque vous sélectionnez un calque sur votre chronologie, cliquez dessus avec une certitude absolue alors cliquez sur au lieu de défiler. À partir de là, vous pouvez continuer à dupliquer. Je pense que vous l'avez compris à ce stade, alors je vais juste avancer un peu plus vite. Continuez simplement à dupliquer chaque diapositive , puis à les remplir de plus en plus loin à chaque fois. fur et à mesure que je construis dans chacun de ces cadres, je fais de mon mieux pour suivre ce chemin d'arc rouge que nous avons créé pour nous-mêmes plus tôt dans cette leçon. Nous sommes à un peu plus de la moitié notre animation et faisons semblant de faire une erreur. Disons que j'ai oublié de remplir le haut du D et que je ne l'ai pas remarqué, je vais donc continuer à dupliquer des images pour remplir le reste de cette animation. Permettez-moi de passer rapidement quelques images supplémentaires et je vous montrerai ce qui se passe lorsque vous oublierez de remplir un petit morceau de vos lettres. Je pense que c'est plutôt bon pour l'exemple. Après avoir commis cette erreur, j'ai rempli environ quatre images supplémentaires. Puisque nous dupliquons des images, cela signifie que l'erreur concerne les quatre dernières images de cette animation. Faisons simplement défiler la chronologie pour voir où nous avons commis l'erreur. Je vais juste réduire l' opacité de mes peaux d'oignon. On dirait que l'erreur a été commise sur cette image, qui signifie qu'elle a été copiée sur toutes les images après. Il s'agit d'environ quatre ou cinq images, qui n'est pas mal pour cet exemple, je pourrais facilement revenir en arrière et simplement remplir ça sur les cinq images. Laissez-moi simplement sélectionner ma référence , puis sélectionner le cadre. N'oubliez pas de sélectionner pas défiler. Sélectionnez le cadre où je dois remplir le D et continuez à le faire à travers toutes les images que j'ai manquées. Ce n'était pas une erreur très terrible, c'était assez facile à corriger, mais vous pouvez imaginer que si vous avez commis une erreur dans l'une de vos premières images, il pourrait être difficile de devoir revenir en arrière et fixez tous les cadres après. Honnêtement, selon la situation, il peut être plus facile de supprimer toutes les images après et de commencer à partir de l'image où l' erreur a été commise. Mais de toute façon, je vais continuer en remplissant la dernière de ces images. Juste un de plus après ça et on peut dire que c'est fait. Je vais juste dupliquer cette dernière image une fois de plus, et voyons à quoi elle ressemble. Ça a l'air plutôt bien, mais cet arc rouge est un peu distrayant donc je vais juste éteindre cette couche. En fait, nous pouvons également désactiver la couche de référence à ce stade. Voyons maintenant tout cela à l'effet complet. Je pense que ça a l'air plutôt bien, mais je pense que je pourrais ajouter quelques détails pour rendre cette animation un peu plus cool. Je vais faire défiler jusqu'au point où chaque lettre se termine comme ici, c'est le cadre où le D termine et je vais juste faire une petite marque d'éclaboussure. Ce goutte à goutte ne fait que souligner la fin du D et il agit comme une animation secondaire au sein de notre animation. Dans le deuxième cadre, je vais finir le goutte à goutte avec un petit point. Ensuite, laissez-moi voir où se termine le R. C'est en fait le même cadre que le D. J'aimerais que les D, R et E soient terminés à des moments distincts mais je vais simplement rouler avec. Permettez-moi de faire l'élément goutte à goutte sur le E et sur le deuxième cadre, le terminer avec le point, tout comme le D. Je vais sauter le A et le M pour l'instant et trouver le point où ce E finis, qui est juste ici. Je vais dessiner un petit goutte à goutte sur le premier cadre, puis sur le prochain cadre, je vais faire disparaître le goutte à goutte avec un petit point. Voici le R. Une fois de plus, je fais le goutte à goutte sur le cadre où le R se termine, puis sur le cadre suivant, je fais juste un petit point pour le faire disparaître. J'adore la façon dont les E, R et S se terminent à des moments différents. Je pense que lorsque les animations sont échelonnées de cette façon, cela suscite plus d' intérêt que si elles se terminent toutes en même temps. Jetons un coup d' œil à cette animation avec les gouttes ajoutées, je l' aime définitivement à la fin avec E, R, S, mais le début semble un peu clair. Laissez-moi aller de l'avant et ajouter un goutte à goutte au R. C'est le cadre où se termine le R, puis nous allons juste faire disparaître le goutte à goutte. Voyons maintenant à quoi ça ressemble. J'ai fait ça, mais une chose que j'ai remarquée au fur et à mesure que cela jouait , c'est que les mots se chevauchent sur le dessus de sa tête. Je pense que ça aurait l' air tellement plus fort si peut-être son chapeau était au-dessus des lettres. Je pense que c'était le chapeau qui se chevauchait, cela ajouterait une belle profondeur à cette animation. Ce qui est génial avec Procreate c'est la façon dont vous pouvez définir une image d'arrière-plan, vous pouvez également définir une image de premier plan, ce qui signifie que l' image reste au-dessus pendant que l' animation est diffusée dans son intégralité. Permettez-moi d'aller à l'image de fond et de faire une copie de ce chapeau. Je vais utiliser cet outil de sélection pour dessiner le contour du chapeau. Il suffit de prendre votre temps et de suivre le contour aussi bien que possible jusqu'à ce que vous retracez l' ensemble du contour du chapeau. Je pense que la sélection est plutôt bonne, donc je vais simplement copier et coller, et lorsque j'appuie dessus, il dépose automatiquement le chapeau sur un nouveau calque . Je vais juste nommer ce chapeau pour rester un peu organisé. La seule façon de définir une image de premier plan consiste à placer votre image haut du panneau des calques ou si vous regardez vers le bas la chronologie de votre aide à l' animation, il doit s'agir de la dernière image. Maintenant, nous avons notre image de premier plan et notre regard, ces lettres vont derrière le chapeau. Je pense que ça a l'air plutôt bien. Vous pouvez laisser cette animation telle quelle, ou bien animer la façon dont vous souhaitez que les lettres quittent. C'est ma dernière animation, et j'ai décidé de faire fondre les lettres pour sortir de la scène. La façon dont j'ai créé cette transition de fusion est en fait assez facile. Permettez-moi de revenir à l' endroit où les lettres sont pleines. C'est le début de la bouche , alors laissez-moi juste éteindre mes cadres d'oignon. En gros, ce que vous faites, c'est que vous continuez à effacer les lettres du haut et à ajouter de petites gouttes au bas. Continuez simplement à faire cela et petit à petit, l'espace avec le goutte à goutte deviendra plus petit jusqu'à ce que vous ayez ces petites lignes et qu'elles disparaîtront. n'est que l'une des nombreuses façons d' animer du texte dans Procreate. Dans cette leçon, vous avez appris comment utiliser l' outil de texte dans Procreate, vous avez également appris à transformer votre texte dans une forme intéressante, et enfin, vous avez appris à animer votre texte. pour apparaître et disparaître progressivement. Regardez votre image et voyez où vous pouvez ajouter des animations de texte et rencontrez-moi dans la leçon suivante, où vous apprendrez comment animer des lumières. [MUSIQUE] 11. Animer des lumières: [MUSIQUE] Chaque fois qu'il y a des lumières dans une image, c'est une excellente occasion d' ajouter de l'animation. Dans cette leçon, je vais vous apprendre comment utiliser des masques pour créer un effet lumineux agréable et dynamique et comment animer des lumières clignotantes dans votre image. Pour cette animation, j'ai choisi cette image avec cette enseigne néon vraiment cool en arrière-plan. Ce panneau crie essentiellement pour être animé. Pour commencer, je vais simplement étiqueter ce calque d'arrière-plan comme Normal. Cela va juste me faire savoir qu'il s'agit du calque d'origine sans effet d'éclairage. Bien sûr, j'ai fait une faute de frappe. Laissez-moi y retourner et régler ça. Maintenant, je vais faire une copie de ce calque pour l'effet d'éclairage. Faites simplement glisser le calque vers la gauche et appuyez sur Dupliquer, puis je vais renommer ce calque et je vais l'appeler Bloom, car c'est le nom de l' effet d'éclairage que nous allons utiliser. Nous sommes maintenant prêts à ajouter cet effet d'éclairage. Accédez à l'outil Baguette , puis faites défiler vers le bas et trouvez le mot Bloom. Lorsque cette nouvelle fenêtre apparaît, suffit de faire glisser votre curseur vers la droite pour ajuster la quantité de floraison que vous ajoutez à votre image. Vous verrez instantanément que maintenant la lumière semble atteindre une luminosité maximale. Lorsque vous basculez entre la visibilité de vos couches, vous constaterez qu'il y a une grande différence d'éclairage. Avec ces deux couches créées, voyons ce que nous avons jusqu'ici. Je vais activer l'outil Clé à molette, accéder à Canvas et glisser sur cette aide à l'animation. Ensuite, la première chose que je fais toujours est de définir l' image d'arrière-plan dans la chronologie. Permettez-moi d'activer la visibilité de notre couche Bloom et de voir ce que nous avons. Nous n'avons rien. [RIRES] L' image d'arrière-plan reste en arrière-plan, sorte qu'elle n'apparaît jamais vraiment au-dessus du calque de fleurs. Je vais juste créer une copie et la placer au-dessus du calque de fleurs. On y va. Maintenant, nous avons quelque chose de bien trop rapide. Je vais juste ajuster les images par seconde dans les paramètres. Cela semble beaucoup mieux. Je pense que cette animation est belle telle quelle, mais je pense que nous pouvons faire quelque chose d'un peu mieux et plus dynamique. Permettez-moi de me débarrasser de la copie de ce calque normal et je vais juste désactiver l'Assist Animation pour moment car il est temps de devenir un peu esquissé. Je vais juste créer un nouveau calque et je vais renommer cette esquisse. Je vais essentiellement utiliser ce calque d' esquisse pour dessiner la trajectoire de mouvement de mon objet. Laissez-moi prendre une belle couleur vive et laissez-moi faire un joli pinceau à croquis. Mon idée est de faire entrer un petit faisceau lumineux magique et d'activer les lumières. Laissez-moi juste essayer de tracer un chemin. Ce n'est pas ça. [RIRES] Il va venir derrière moi ici, devant, et activer la lumière ici. Je pense que je veux que les lumières s'activent une à la fois, donc 1, 2, 3, 4. abord, le M, puis A, puis le K, puis le E. Maintenant que le chemin de mon objet est cartographié, je dois maintenant cartographier le timing. Je vais faire la lenteur , donc notre principe. L' objet va commencer lentement, s' accélérer au milieu, et il va ralentir dans les coins, battre au milieu, ralentir autour des coins, etc. N'oubliez pas que si vous souhaitez que votre objet soit lent, vous ajoutez d'autres cadres. En fait, je veux que ça aille un peu plus vite là-bas, alors je vais retirer quelques cadres. Bon, nous avons un plan. Je vais simplement regrouper ce calque d'esquisse avec l'arrière-plan et je dirais que nous sommes prêts à animer. Je vais laisser la couche de fleurs éteinte pour l'instant, mais ne vous inquiétez pas, nous reviendrons pour ça. Revenons ici et réactivons notre aide à l'animation. Il s'agit de l'outil Clé, Canvas, Animation Assist, et assurez-vous que votre image d'arrière-plan est définie dans la chronologie. Nous nous sommes déjà fixés comme précédemment, donc nous sommes prêts à y aller. Il suffit d'appuyer sur Ajouter une image et commençons cette animation. Je veux qu'on dirait qu'un faisceau lumineux arrive pour activer cette lumière. Je pense que ce stylo lumineux va me donner l'effet que je recherche. Quant à la couleur, je pense que cette lumière a une teinte bleutée, je vais donc choisir une couleur assez similaire. Avant de commencer à animer, assurez-vous d'avoir une nouvelle image, j'en ai déjà une. Créons simplement la première image de cette animation et autour des images 2 et 3. Lorsque je dessine dans ces cadres, j'utilise simplement les graduations que j'ai déjà mises en place. J'utilise également le principe de la courge et de l'étirement pour vraiment exagérer vitesse à laquelle cette diapositive se déplace. Quand les lumières bougent très vite, on voit une rue, et comme elle se déplace lentement dans ce coin de rue, je vais juste la réduire. Maintenant, à ce stade, je veux que le faisceau lumineux passe derrière moi. Ce Hushbrush ne fonctionne pas. Je vais utiliser quelque chose d'un peu plus doux, comme cette brosse douce. Je pense que cette gomme douce mélange un peu plus la lumière et donne l' impression qu'elle passe derrière mes cheveux. Il n'est pas nécessaire que ce soit parfait puisque cette animation va bouger très rapidement, mais je pense que cela semble assez crédible. Passez à l'image suivante, appuyez simplement sur Ajouter un cadre, et une fois de plus, celle-ci passe dans ma tête. Je vais utiliser cette brosse douce pour l' effacer derrière mes cheveux. Ajoutez un cadre et une fois de plus, nous sommes au point où la lumière ralentit dans le coin, alors essayez simplement ces cadres, alors essayez simplement ces cadres, et elle s'étire au fur et à mesure qu' elle va plus vite. Cette ligne semble fausse, alors n'hésitez pas à annuler à tout moment et à réessayer. Essayez simplement de ne pas me juger pour le nombre de fois que je défais parce que ça devient assez fou. Faisons un marché. Faisons un marché publicitaire. Si vous ne me jugez pas, je ne vous jugerai pas. La lumière se déplace encore assez rapidement et directement de ce côté du panneau. Je pense que nous en avons fini avec notre animation par faisceau lumineux, alors laissez-moi éteindre notre esquisse et je n'arrive pas à croire que j'ai toutes ces peaux d' oignon sur tout le temps. Désolé si c'était difficile à suivre. Permettez-moi également d'accélérer les images par seconde ici. Oui, c'est beaucoup mieux. Voici à quoi ressemble notre petit faisceau lumineux jusqu'à présent. Il est plutôt mignon, il se déplace rapidement. Je pense que je veux vraiment ajouter une petite étincelle quand elle s' écrase sur le côté des panneaux. Laissez-moi juste dessiner ça. Voyez à quoi ça ressemble. Bien sûr. Il a l'air très bien. Passons à autre chose. Vous ne pensiez pas que j'avais oublié l'enseigne au néon, n'est-ce pas ? Non, nous ne faisons pas ça ici. En ce moment, notre lumière clignote une fois et ce n'est pas si excitant. Je pense qu'il serait plus excitant d'avoir une lettre à la fois jusqu'à ce qu'elle réalise le mot entier et qu'elle clignote quelques fois. Pour ce faire, je veux d'abord dupliquer notre couche de fleurs. Il suffit de le faire glisser vers la gauche, puis d'appuyer sur Dupliquer. Je vais juste nommer Full Bloom parce que c' est là que notre animation va se terminer. Je vais juste cacher ça pour l'instant parce que nous n'en avons pas besoin avant la fin. Pour l'instant, nous allons simplement nous concentrer sur cette couche de fleurs. Je vais renommer cette Bloom Number 1. Fondamentalement, sur cette couche, tout ce que nous voulons, c'est que le M soit allumé. Je vais cliquer sur ce calque et sélectionner Masque et instantanément, vous verrez un nouveau calque de masque ajouté juste au-dessus de votre calque de fleurs. Il est temps de faire un léger entracte parce que vous vous demandez peut-être ce que sont les masques ? Pour cet exemple, j'ai une image, et lorsque je pose un masque dessus, vous verrez qu'elle ajoute un nouveau calque blanc juste au-dessus de mon image. Puisque ce masque est blanc, cela signifie que je peux utiliser la couleur opposée, qui est noire, pour effacer une partie de l'image. Maintenant, lorsque nous regardons notre masque en arrière, vous verrez notre gribouillage noir juste au-dessus. Pourquoi n'utilisez-vous pas simplement une gomme à effacer ? Vous pouvez demander. Eh bien, la réponse est que les gommes ne peuvent pas ramener une image d' entre les morts après l'avoir effacée. Comme vous pouvez le voir, la partie que je viens de colorer en blanc est réapparue dans l'image. En gros, tout ce que vous devez savoir sur masques, c'est que le noir fait disparaître les choses, et le blanc fait apparaître les choses. Que se passe-t-il si je renverse mon masque ? Eh bien, le masque est devenu noir, ce qui signifie que toute mon image a disparu. Puisque mon masque est noir, quelle couleur puis-je utiliser pour faire réapparaître mon image ? La réponse est blanche. En ce qui concerne les masques, la couleur blanche fait apparaître les choses et la couleur noire fait disparaître les choses, et c'est aussi simple que cela. Avec ce masque sur mon image, je vais l'inverser pour que tout l'éclairage de mon calque de fleurs disparaisse. La seule chose que je veux afficher sur ce calque est le M. Puisque mon masque est noir, je vais utiliser la couleur opposée, qui est blanche, pour faire réapparaître l'éclairage M. En fait, permettez-moi d' obtenir une brosse plus douce, comme cet aérographe doux pour le faire. Je ne fais que remplir du blanc pour faire réapparaître l'image. Si vous faites une erreur et que vous souhaitez effacer une partie de l'image, utilisez simplement la couleur noire. J'espère que c'est logique, les gars. Fondamentalement, utilisez le blanc pour faire apparaître les choses et le noir pour faire disparaître les choses. Je pense que nous en avons fini avec la première lettre. Sur le calque suivant, je veux que le M et le A apparaissent. En fait, je vais dupliquer cette couche M. Vous remarquerez que lorsqu' il duplique, il duplique le calque, ainsi que le masque de calque avec lui. C'est en fait ce que nous voulons. Je vais renommer ce calque Bloom 2, et je vais sélectionner le masque de calque et faire apparaître le A. En utilisant quelle couleur ? La couleur blanche pour faire apparaître les choses. Honnêtement, si vous ne vous souvenez pas de quelle couleur fait apparaître les choses et de quelle couleur fait disparaître les choses, je dirais simplement passer par essais et erreurs. Choisissez une couleur et si elle ne crée pas l' effet souhaité, essayez simplement la couleur opposée. Nous progressons, nous avons les M et A, maintenant il est temps pour le K. Maintenant, je vais dupliquer Bloom 2, renommer Bloom 3, juste pour que nous puissions rester organisés. Assurez-vous que vous coloriez sur le masque de calque avec la bonne couleur. Nous avons M, A, K, et pour le E, je vais juste allumer la couche pleine floraison parce que toutes nos lumières sont déjà allumées et activées sur cette couche . Bien. Voyons maintenant à quoi ressemble notre animation jusqu'à présent. On dirait que toutes les lettres arrivent correctement, mais je pense qu'une fois toutes les lettres arrivées à la fin, ne serait-ce pas cool de les faire cligner des yeux et de les allumer quelques fois ? Essayons ça. Ce que je vais faire, c'est que je vais copier notre calque d'origine qui n'a aucun effet d'éclairage et je vais le faire glisser vers le cadre après la floraison complète. J'espère qu'on dirait qu'il clignote, puis s'éteint. Je pense que je vais copier la floraison complète et le calque original plusieurs fois de plus, en alternant entre les deux. Voyons à quoi ça ressemble. Joli. Je pense que les clignotements sont beaucoup trop rapides, alors permettez-moi d'essayer les images par seconde, voir si cela aide. La lumière clignote encore assez vite pour moi. La première chose que je remarque, c'est que je ne finis pas par une couche de floraison complète. Laissez-moi arranger ça, ajoutez-le à la fin. Cela devrait aider un peu. Ça a l'air bien mieux. Mais une autre chose que je veux faire, c'est je veux juste maintenir la durée de chacun de ces clignotements un peu plus longtemps. Je vais cliquer sur chaque calque et faire glisser toute la durée jusqu'à un cran. C'est assez explicite, mais ce qu'il va faire, c'est qu'il va maintenir chacun de ces calques à la durée d'une image. J'ai accidentellement fait deux sur celui-ci, alors laissez-moi régler ça. Voyons à quoi ça ressemble. Oui, c'est ça. Je pense que nous l'avons fait. Je vais appeler ça, c'est fini. Dans cette leçon, vous avez appris comment utiliser l'effet floraison pour ajouter de l' éclairage à votre image. Vous avez appris à utiliser des masques pour créer un effet lumineux agréable et dynamique, effet lumineux agréable et dynamique, et enfin, vous avez appris à animer les lumières clignotantes. Maintenant, regardez votre image et voyez où vous pouvez ajouter des animations lumineuses à votre image. J'ai appris à animer différents éléments dans Procreate. Joignez-vous à moi dans la prochaine leçon où je vais vous apprendre comment exporter vos animations depuis Procreate. [MUSIQUE] 12. Exporter votre animation: Nous en avons fini avec nos animations. Nous devons faire sortir cette animation de Procreate et entrer dans le monde entier. Dans cette leçon, je vais vous apprendre comment exporter vos animations depuis Procreate. Comme vous pouvez le constater, j'ai quelques animations différentes dans différents fichiers Procreate. Allons simplement dans cette lime à cornets de crème glacée au chocolat pour commencer. Notre animation est plutôt belle et nous sommes prêts à exporter. Pour exporter votre animation, nous allons passer à cet outil de clé à molette, puis nous allons appuyer sur « Partager ». Au bas de la page, vous verrez plusieurs options pour enregistrer cette vidéo. Parlons simplement de quelques-unes de ces options que vous puissiez décider quelle option vous convient le mieux. La première option dont nous parlerons est le GIF animé. Les GIF semblent être une bonne option car ils sont automatiquement en boucle encore et encore. Mais Instagram ne prend pas en charge les GIF, donc nous n'allons pas l' utiliser aujourd'hui. Ensuite, nous avons animé MP4. Honnêtement, si vous êtes satisfait votre animation et que vous ne souhaitez plus effectuer d'ajustements, vous pouvez simplement l'enregistrer en MP4. Cependant, Instagram exige que votre vidéo soit d'au moins trois secondes pour qu'elle puisse être en boucle. Si votre vidéo ne dure pas trois secondes , procédons à cette option suivante, les fichiers PNG. Les PNG sauvegarderont chaque image de votre animation sous forme d'image. qui semble vraiment bizarre, mais cela offre la plus grande flexibilité pour le montage dans After Effects. C'est l'option que nous allons choisir aujourd'hui. Mais tout d'abord, nous devons revenir dans notre fichier et nous assurer de désactiver toutes les images d'arrière-plan et de premier plan. Parce que nous voulons que chacun de ces cadres soit enregistré en tant que PNG transparents. Nous sommes prêts à sauver ça. Revenons à l' outil clé et appuyez sur « fichiers PNG ». Donnez-lui un peu de temps pour exporter, et tout de suite, vous verrez que cela va enregistrer 14 fichiers image distincts. Nous devons envoyer ces fichiers sur notre ordinateur portable pour que vous ayez quelques options. Je vais généralement avec AirDrop. Cool. On l'a sauvé. Maintenant, nous devons sauvegarder le reste de mes fichiers sous forme de fichiers PNG. Laissez-moi aller dans la galerie. Ensuite, nous sauverons le cornet de crème glacée à la vanille. Comme avant, il est très important que vous désactiviez toutes les images d'arrière-plan et de premier plan, car nous voulons chaque fichier soit transparent comme celui-ci. Ça a l'air bien. Enregistrons cela en tant que fichiers PNG, attendez qu'il soit exporté. Ensuite, je vais aller dans les fichiers AirDrop 13 sur mon ordinateur portable. J'ai deux autres fichiers à enregistrer en tant que PNG. Je vais le faire très rapidement et nous pourrons aller de l'avant. Dans cette leçon, nous avons parlé des différentes limitations vidéo mises en place par Instagram. Nous avons également parlé des différentes options d'exportation disponibles dans Procreate. Enfin, nous avons exporté notre animation depuis Procreate. Exportez maintenant votre animation sous forme de fichiers PNG, puis récupérez votre ordinateur portable et rencontrez-moi dans la leçon suivante où je vais vous apprendre à boucler votre animation finale à l'aide d'After Effects. [MUSIQUE] 13. Boucler votre animation finale: Très bien, les gens, nous sommes dans la zone de la maison. Adobe After Effects est la norme de l'industrie en ce qui concerne les graphismes animés. Je ne vais pas trop plonger dans After Effects dans cette leçon, mais ce sera une excellente introduction pour débutants. Dans cette leçon, nous allons importer nos fichiers PNG dans Adobe After Effects, où nous allons créer notre animation finale en boucle pour Instagram. La première chose que nous allons faire est de créer des dossiers pour que nous puissions rester organisés. Ce premier dossier, je vais juste nommer animation de crème glacée, et c'est ici que je vais conserver tous mes fichiers. Ensuite, je vais ouvrir ça, et nous allons créer des sous-dossiers. abord, je veux créer un dossier pour notre fichier After Effects, donc je vais simplement nommer After Effects. Ensuite, nous voulons également qu'un dossier enregistre tous nos fichiers PNG Je vais donc créer un nouveau dossier et l'appeler PNG. Enfin, je vais simplement créer un dossier pour notre dernière animation. Ce sont donc nos dossiers principaux, mais je veux également diviser mes fichiers PNG en dossiers distincts. Dans ce dossier, je vais créer des dossiers distincts pour chaque groupe de PNG. Je vais enregistrer mes PNG chocolat dans ce dossier, puis je vais créer un dossier pour les PNG vanille, un autre pour mon signe DQ, et enfin, je vais créer un dossier pour nos PNG d'expression. Nous sommes tous prêts et organisés, permettez-moi maintenant de commencer à déposer mes PNG dans ces dossiers. Ici, nous avons les fichiers largués pour les PNG en chocolat, je vais simplement les enregistrer dans les téléchargements et faire glisser tous ces PNG dans le dossier chocolat comme ça. Ensuite, je vais déposer les fichiers PNG vanilla, donc je les sauvegarderai dans les téléchargements, et je les déposerai dans le dossier Vanilla. Je vais juste avancer rapidement et enregistrer rapidement les PNG pour le signe DQ, et les PNG pour les lignes d'expression. Maintenant, nous avons tous nos fichiers PNG tous sympas et organisés. allons maintenant ouvrir Adobe After Effects afin que nous puissions combiner toutes nos animations ensemble et en boucle notre animation finale pour Instagram. Attendons simplement qu' Adobe After Effects se réchauffe et se réchauffe. Dans cette nouvelle fenêtre, vous pouvez appuyer sur « Nouveau projet », et je ne sais pas pourquoi, mais ma nouvelle fenêtre de projet apparaît juste derrière cette fenêtre, donc je vais juste quitter. Dans After Effects, la première chose que nous allons faire est d'appuyer sur « Nouvelle composition », et immédiatement, il va nous demander de configurer notre composition. Je vais juste nommer cette nouvelle animation de crème glacée comp. Prochaine étape, il va demander la taille. Nous allons juste entrer la taille que nous avons utilisée pour notre animation Procreate, donc la vôtre peut être 1080 par 1080, mais pour celle-ci, la mienne est en fait 1080 par 1350. Ensuite, il va demander les images par seconde. Une fois de plus, nous allons juste faire correspondre cela à ce que nous avons utilisé dans Procreate. mienne était fixée à huit, mais je pense que la plupart des animations sont réglées à 12 images par seconde. Ensuite, nous devons définir notre durée, et pour Instagram, notre vidéo doit être d'au moins trois secondes, donc je vais la régler sur trois, puis appuyer sur « OK ». Nous avons maintenant notre nouvelle composition, et elle n'attend que notre belle animation. Allons de l'avant et importons tous nos fichiers PNG. Allons dans « Fichier », « Importer », puis Fichier, et dans la nouvelle fenêtre, accédez simplement à l'endroit où vous avez enregistré tous vos fichiers PNG. Le mien est sur mon bureau dans ce dossier d'animation de crème glacée, il suffit de sélectionner tous vos PNG. Si vous ne savez pas comment procéder, il suffit de cliquer sur « Top Folder », de maintenir la touche Maj enfoncée, puis de cliquer sur « Dossier inférieur » pour tout sélectionner. Maintenant que tout est sélectionné, il suffit d'appuyer sur « Ouvrir » et vous verrez immédiatement que tous vos dossiers sont déposés dans ce panneau de projet. Par où commencer ? Commençons par notre dossier Chocolate. Dans ce dossier, vous verrez tous nos PNG. Cette première est en fait notre image d'arrière-plan, puis nous avons chaque PNG transparent de notre animation de crème glacée au chocolat. Il suffit de sélectionner tous nos PNG en appuyant à nouveau sur « Maj » et en les déposant dans notre chronologie. Une chose que j'aime faire pour rester organisée, c'est simplement changer la couleur de ceux-ci. Cliquez sur cette puce de couleur, et je vais juste les faire brunir pour correspondre à la crème glacée au chocolat. Venez ici et jouons notre animation jusqu'à présent. Il suffit d'appuyer sur la « barre d'espace » pour lire l'animation, et vous remarquerez que rien n'est animé, tout ce que nous pouvons voir est notre image d' arrière-plan. En effet, tous nos calques ont la même longueur dans la chronologie, nous devons donc les séquencer. Pour ce faire, assurez-vous d'abord que tous vos calques sont sélectionnés, puis déplacez votre tête de lecture sur une image, puis appuyez sur l'option «  crochet droit » pour ajuster toutes les images sur la même image. lien. Enfin, nous allons cliquer avec le bouton droit de la souris sur « Assistant d'image-clé », puis sur « Couches de séquence ». Nous allons juste appuyer sur « Ok » sur ce petit message, oh, et déjà vous m'avez surpris en train de glisser, lorsque nous appuyons sur « Lecture », vous remarquerez que mon animation est en train de jouer à l'envers. Si cela vous arrive, appuyez simplement sur « Commande Z » pour annuler, puis sélectionnez vos calques de haut en bas tout en maintenant la touche Maj enfoncée. Parce que je pense que l' ordre dans lequel vous sélectionnez les calques est en fait l' ordre dans lequel elles vont séquencer. Essayons à nouveau, alors cliquez avec le bouton droit de la souris, accédez à l'assistant d'image-clé, puis appuyez sur « Calques de séquence », puis appuyez simplement sur « OK ». Oui, maintenant elle est séquencée dans l'ordre, et lorsque vous faites défiler, notre animation est en cours de lecture correcte. Cependant, vous vous demandez peut-être où est notre image d'arrière-plan ? Notre image d'arrière-plan se refroidit ici, c'est ce cadre supérieur, alors permettez-moi de renommer cela. Il suffit de cliquer sur le calque et d'appuyer sur « Entrée » pour renommer, et je vais juste appeler cette image d'arrière-plan pour que je puisse la distinguer. Ensuite, nous devons faire glisser cela vers le bas, là où appartient l' image d'arrière-plan. Si vous le souhaitez, vous pouvez appuyer sur cette puce de couleur pour modifier la couleur de l'arrière-plan. Je vais faire ça joli et jaune vif, et je vais le faire glisser sur toute la longueur de notre chronologie parce que nous voulons que l'arrière-plan soit là tout le temps. Lorsque nous avons déplacé notre arrière-plan depuis cette première position de calque, nous avons laissé un peu d'espace Je vais donc sélectionner tous mes calques en appuyant sur « Maj », et je les fais simplement glisser sur un seul endroit. Il suffit d'appuyer sur la « barre d'espace » et regardons notre animation jusqu'à présent. Eh bien, le mien est en train de s' épanouir, et il ne joue pas. Vous savez quoi ? C'est le moment idéal pour enregistrer notre fichier. Nous aurions dû le faire plus tôt, mais nous y voilà. Il suffit de passer à « Fichier » et d'aller dans « Enregistrer », puis nous l'enregistrerons dans le dossier que nous avons créé pour notre fichier After Effects. mien est sur le bureau, fichier d'animation Ice Cream After Effects. Ensuite, je vais le renommer, j'appellerai aussi cette animation de crème glacée, et j'économiserai. Revenons au problème, donc généralement lorsque mon After Effects commence à tomber en panne et ne lit pas mon animation, ce que je fais, c'est généralement que je viens dans le panneau de ce projet et double-clique simplement. sur notre composition, et cela devrait la réinitialiser , et voyons. Oui, maintenant notre cornet de crème glacée s'anime. Permettez-moi de couper mon espace de travail en faisant glisser ce petit gars, et jetons un autre coup d'œil. Oui, ça a l'air plutôt bien. Nous avons donc notre cornet de crème glacée au chocolat en place pour la plupart, ajoutons maintenant notre crème glacée à la vanille. Revenons au panneau des projets et ouvrons notre dossier Vanilla, et nous n'avons pas besoin cette première image car il s'agit de l'image d'arrière-plan, donc nous allons simplement sélectionner tout sauf pour l'image d'arrière-plan. Tout comme la crème glacée au chocolat, nous allons les faire glisser vers le bas dans la chronologie, et je vais changer la couleur en grès car cela semble être une belle couleur vanille. Nous allons séquencer ces calques, je vais tirer la tête de lecture sur une image, puis appuyer sur l'option crochet droit pour les couper tous. Laissez-moi simplement remonter à une image, puis nous allons cliquer avec le bouton droit de « Assistant d'image-clé », puis séquencer ces calques. Ils y vont. Ok, alors pressons « Space Bar » pour lire l'animation jusqu'à présent. Alors que cette animation est en cours de lecture, j'ai remarqué que ce cornet de crème glacée à la vanille clignote, et c'est parce que notre animation à la vanille plus courte que notre animation chocolat. Mais heureusement, j'ai créé ces deux cadres gigue au bout de ce cornet de crème glacée à la vanille, donc je vais juste copier cette seconde du dernier cadre et le mettre à la fin. Je vais appuyer sur « Commande C » pour copier et sur « Commande V » pour coller. Je vais simplement faire glisser cette copie vers le bas de mes couches de vanille, puis la déplacer jusqu'à la fin de mon animation. Voyons à quoi ça ressemble. Maintenant, les cornets de crème glacée sont ensemble. Ils finissent tous les deux en même temps, je dirais que nous sommes bien allés. Ajoutons la partie suivante de notre animation, c' est-à-dire les lignes d'expression. Encore une fois, le premier PNG est l'image d'arrière-plan Je vais donc tout sélectionner à l'exception celle-ci et la faire glisser dans la timeline. Je suis d'accord avec cette couleur, donc nous allons simplement couper ces calques appuyant sur « Option », « Crochet droit », puis nous allons les séquencer en appuyant sur « Assistant d'image-clé » et sur les calques de séquence. Voyons maintenant comment joue notre petit étincelant. Je l'aime bien. Je ne pense pas que je vais effectuer d'autres ajustements à ce calque d'étincelles, alors regroupons-les en une seule belle couche. Cliquez avec le bouton droit de la souris et appuyez sur « Pré-composer ». Dans cette nouvelle fenêtre, je vais simplement nommer ces Expressions et m'assurer que vous avez coché la durée de la composition. Maintenant, vous verrez que notre groupe d'expressions se trouve dans un calque agréable et soigné. Permettez-moi de revenir à la lavande pour que je sache que c'est un objet distinct. Maintenant, je veux également copier cette animation étincelle sur cette animation étincelle sur la glace au chocolat. Lorsque le calque est sélectionné, appuyez sur « Commande C » pour copier et sur « Commande V » pour coller. Maintenant que nous avons créé une copie, nous pouvons simplement accéder à notre aperçu vidéo et la faire glisser sur notre cornet de crème glacée au chocolat. Je veux inverser l'animation, donc je vais passer à « Calque », « Transformer », puis « Flip Horizontal ». En fait, je vais juste retourner mon animation horizontalement. Permettez-moi de le repositionner à peu près là, et voyons ce que nous avons. Nous avons nos étincelles , puis voyons. Ça a l'air plutôt bien. Jouons un peu plus avec le timing. Peut-être voudrions-nous que le premier cadre de notre cornet de crème glacée reste immobile pendant un certain temps, puis lorsque l'étincelle arrive, il active le reste de la fonte. Je vais sélectionner toutes mes couches de crème glacée. Cliquez sur le calque supérieur, maintenez la touche Maj , puis appuyez sur le calque inférieur, et je vais simplement les déplacer sur une seule image. Laissez-moi revenir en arrière. Je vais faire le premier cadre de ce cône de vanille, deux derniers cadres, et je vais faire de même pour le chocolat. Nous venons de mettre notre glace pause pour les deux premières images. Ensuite, cette étincelle apparaîtra sur le troisième cadre et activera le reste de la crème glacée. Oui, ça a l'air plutôt bien. Permettez-moi d'ajuster ma zone de travail pour m'assurer que tout se trouve à l'intérieur, et voyons à quoi cela ressemble. C'est plutôt cool. Nous avons un autre élément à ajouter, c' est-à-dire notre panneau Dairy Queen. Nous allons venir ici. Ouvrons notre dossier DQ et récupérons nos PNG. Je vais juste le faire glisser au-dessus de la chronologie, et je pense qu'une bonne couleur pour ceux-ci serait le rouge. Vous êtes tous des pros maintenant. Vous savez que je vais sélectionner tous mes calques, les couper en une seule image, puis utiliser l'Assistant d'image-clé pour séquencer nos calques. Il y a notre signe DQ tous séquencés, mais vous remarquerez que le panneau Dairy Queen est beaucoup plus court que les autres éléments de notre chronologie. Je pense que ce que je vais faire, c'est que le panneau Dairy Queen cessera le panneau Dairy Queen cessera fondre lorsque le cornet de crème glacée cessera de fondre. Je vais faire glisser toutes ces images pour s'aligner jusqu'à la fin de l'animation de crème glacée, et je vais simplement faire glisser cette première image. Il sera encore au début , puis commencera à animer plus tard. Il semble que le panneau DQ commence à s'animer après le déclenchement des étincelles. Je pense que je suis d'accord avec ça. J'en ai presque fini. Maintenant, j'ai juste besoin de m' assurer que mon animation diffusée pendant au moins trois secondes sur Instagram. Permettez-moi de ramener mon espace de travail à trois secondes, et je vais commencer à pré-composer certains de mes éléments pour qu' il soit plus facile de faire une boucle. La première chose que je vais pré-composer, c'est le signe DQ. Je vais simplement sélectionner tous les calques, puis appuyer sur « Pré-composer ». Bien sûr, je vais juste nommer ce signe DQ. C'est assez explicite. Assurez-vous simplement que l'option Ajuster la durée de la composition est cochée. Cela a mis notre signe DQ dans un nouveau groupe. Je vais juste rendre ce groupe rouge. En gros, je veux répéter cette animation jusqu'à ce que nous atteignions notre minimum de trois secondes. Faisons une copie de cela en appuyant sur « Commande C » pour copier et « Commande V » pour coller. Déplacons ce groupe jusqu'à la fin de cette animation. Au lieu de répéter cette animation, je pense que ce serait cool d' avoir cette pièce à l'envers. Il suffit de cliquer avec le bouton droit de la souris, de passer à « Time », puis d'appuyer sur « Calque Time-Reverse ». Voyons maintenant à quoi ça ressemble. Notre animation commence vers l' avant et juste avant qu'elle ne se termine, elle s'inverse. Je vais aller de l'avant et regrouper tous les autres calques ensemble et les jouer en vitesse inverse, tout comme le signe DQ. Je vais sélectionner ma vanille, appuyer sur « Pré-composer », et je vais la pré-composer en un groupe appelé vanille. Voici notre nouveau groupe. Je vais juste appuyer sur « Commande C », « Commande V » pour copier et coller , puis la déplacer jusqu'à la fin de l'animation. En fait, notre animation dépassé notre minimum de trois secondes maintenant, je dois donc nous donner plus de temps sur notre chronologie. Allez dans « Composition » et appuyez sur « Paramètres de composition », et je vais ajuster la durée de notre chronologie à environ quatre secondes. Je pense que cela devrait être suffisant. Ça a l'air mieux. Laissez-moi simplement glisser dans mon espace de travail jusqu'à la fin de notre animation et continuons. Je me suis arrêté avec la vanille, et je veux que cette deuxième animation s'inverse comme le signe DQ. Cliquez avec le bouton droit de la souris, accédez à « Temps » et « Calque temporel inverse ». C'est le dernier. Nous allons faire la même chose avec notre crème glacée au chocolat. Je vais aller de l'avant et pré-composer cela en groupe. Je vais nommer ce groupe Chocolate, appuyer sur « OK ». Je vais changer la couleur de cela juste pour que nous sachions que c'est notre crème glacée au chocolat. Enfin, il suffit de copier et de coller, faire glisser jusqu'à la fin. Je vais inverser ce calque en allant « Time », « Calque Time-Reverse ». Voyons ce que nous avons jusqu'ici. Tout commence vers l'avant puis il s'inverse jusqu'à la fin, et nous avons atteint notre minimum de trois secondes, donc nous sommes prêts à y aller. Nous sommes prêts à exporter, mais avant d'exporter, je veux simplement vous montrer qu'il existe de nombreuses options d' effets avec lesquelles vous pouvez jouer dans After Effects. Disons que nous voulions ajouter un éclat à l'étincelle du cornet de crème glacée au chocolat. Tout ce que vous faites, c'est de vous rendre dans le panneau « Effets et préréglages ». Si le vôtre n'est pas visible, allez simplement dans « Fenêtre » et assurez-vous que Effets et préréglages sont cochés. Il suffit d'entrer dans ce panneau et de taper le mot lueur, trouver lueur et de le faire glisser au-dessus du calque auquel vous souhaitez ajouter une lueur. Vous verrez qu'il y a déjà une lumière lumineuse et vous pouvez régler les paramètres de la lueur dans ce panneau. Disons que nous voulons ajuster l'intensité, simplement jouer avec ces paramètres et voir ce qui semble bien, mais je ne vais pas ajouter de lueur à cela aujourd'hui, alors je vais appuyer sur « Commande Z » pour annuler. Une autre chose géniale que vous pouvez faire est, disons que vous voulez changer la couleur de quelque chose. Par exemple, nous allons peut-être changer la couleur de ce cornet de crème glacée au chocolat. Il suffit de sélectionner votre calque, et dans le panneau Effets, nous allons aller dans « Correction des couleurs » puis faire défiler vers le bas jusqu'à ce que vous voyiez Changer de couleur et faites simplement glisser cet effet sur le calque que vous souhaitez recolorer. Une fois de plus, ce panneau plein d'options apparaîtra. Pour appliquer cet effet à la couleur De, vous devez colorer la couleur que vous souhaitez modifier, puis, pour la couleur À, vous pouvez sélectionner la couleur vers laquelle vous souhaitez la modifier. Je vais choisir une couleur rouge folle, et je vais jouer avec ces paramètres pour voir ce qui est le mieux. teinte et la saturation apportent le changement le plus spectaculaire. Regardez. Maintenant, nous avons un cornet de crème glacée rouge vraiment bizarre. Je ne sais pas pourquoi quelqu'un voudrait le faire, mais cet effet fonctionnerait parfaitement pour autre chose. Je vais juste passer à « Command Z » pour annuler tout ça. Sachez simplement que des effets sont disponibles dans After Effects, et si cela vous intéresse, explorez définitivement. Maintenant, nous en avons enfin fini avec notre animation. Nous en sommes satisfaits. Nous avons tous les éléments assemblés, il est maintenant temps d'exporter. Pour exporter, il suffit de passer à « Fichier », « Exporter » puis à « Ajouter à Adobe Media Encoder Queue », qui semble vraiment bizarre, mais c'est ce que nous devons faire. Cela va en fait ouvrir une nouvelle application. Donnez-lui juste un peu de temps pour le laisser réfléchir, faire ce qu'il a à faire. Nous y voilà. Maintenant, donnez-lui un peu de temps pour laisser votre vidéo apparaître dans cette boîte. Parfois, cela prend quelques secondes. On y va. Je vais juste cliquer dessus pour l'ouvrir. abord, assurez-vous simplement que votre format est défini sur H.264, alors faites-le. Match Source - Un débit binaire élevé est correct. Le nom de la sortie est en fait l'endroit où nous allons choisir l'emplacement où l'enregistrer, alors appuyez dessus et accédez à votre dossier d'animation final. Appuyez sur « Enregistrer ». Passons ensuite à « Vidéo ». Votre largeur et votre hauteur doivent déjà être réglées à la bonne taille. Assurez-vous simplement que vous avez le rendu à la profondeur maximale et utilisez la qualité de rendu maximale. Faites-les vérifier tous les deux. Nous devrions être bons à y aller. Il suffit d'appuyer sur « OK ». Dans cette fenêtre, nous allons appuyer sur ce panneau Play ici, et cela va exporter notre animation. Terminé. Allons voir notre dossier d'animation final pour découvrir notre animation et voir à quoi elle ressemblerait. Rouleau de batterie, et c'est là. Écoutez, c'est quatre secondes, ce qui est parfait pour Instagram. Laissez-moi jouer encore une fois. Très bien, les gars. Il est essentiellement prêt à être téléchargé sur Instagram. Envoyez-le simplement sur votre téléphone et vous êtes prêt à partir. Dans cette leçon, vous avez appris comment créer une nouvelle composition dans Adobe After Effects. Vous avez appris à utiliser l'assistance aux images clés pour séquencer vos fichiers PNG finaux. Enfin, vous avez appris comment exporter votre animation pour Instagram. Ouah, on s'en est sortis. Maintenant, sauvez vos belles créations et retrouvez-moi dans la dernière classe. 14. Conclu: Vous l'avez fait, et j'espère que vous avez créé quelque chose dont vous êtes si heureux et prêt à montrer au monde entier. Vous devriez être si fier de vous. Vous connaissez maintenant quelques principes de base de l' animation, vous connaissez Procreate et comment utiliser l' aide à l'animation dans Procreate. Vous apprenez également différentes techniques d'animation comme comment animer des objets sur votre photo, comment animer des lignes d'expression, éclairer le texte et comment utiliser des masques pour animer. Vous avez également appris comment exporter votre animation depuis Procreate, et enfin comment Adobe After Effects pour mettre en boucle votre animation finale pour Instagram. J'espère que vous avez réalisé que l'animation ne doit pas être aussi effrayante, et avec un peu d'imagination, tout est possible. Allez maintenant dans le monde et créez de belles animations, mais n'oubliez pas de revenir partager ces animations dans l'onglet Projet. J' aimerais vraiment voir ce que vous avez créé. Très bien, les gars. Merci beaucoup d'avoir suivi ce cours et passer du temps avec moi, et jusqu'à la prochaine fois, de la paix.