Animer pour débutants avec Adobe Photoshop et iMovie ou Final Cut Pro

1. Intro NOUVEAU: Bonjour, bienvenue dans cette leçon où je vais vous montrer comment créer une animation à l'aide Adobe Photoshop et de logiciels de montage vidéo tels qu'iMovie ou Final Cut Pro. m'appelle Sam le bâtisseur et je suis illustrateur et dessinateur avec une formation en danse contemporaine. En tant qu'illustratrice, l'animation m'a toujours beaucoup plu. Et surtout de nos jours où les sites de réseaux sociaux privilégient les images animées, clips plutôt que les illustrations normales. Mais oui, il existe de nombreux logiciels d'animation et ils ont tous une courbe d'apprentissage. Mais j'ai réalisé que je pouvais créer des animations en utilisant les logiciels que j'utilisais déjà, savoir Adobe Photoshop et iMovie, qui sont disponibles gratuitement sur n'importe quel Mac. Plus tard, j'ai commencé à utiliser Final Cut Pro pour le montage. Et je n'ai pratiquement pas regardé en arrière depuis. Mais dans ce cours, je vais vous montrer comment utiliser les deux. Je vais également vous montrer trois manières différentes d'animer. La première est l' animation image par image comme ce gars ici. Ensuite, il y a le style jump cut qui est souvent utilisé dans les animations japonaises. Ensuite, il y a l'animation à l'aide d' images-clés dans les logiciels de montage. Vous pouvez créer des animations vraiment cool et intéressantes en combinant ces trois styles. Mon objectif pour cette leçon est qu'après l'avoir regardée, vous puissiez être assis le soir devant la télévision et avoir une idée. Ensuite, en utilisant les outils que je vais vous montrer, vous pourrez créer cette animation et diffuser le soir même sur Instagram. Par exemple, une grande partie du travail rapide consiste à connaître les raccourcis de chaque programme. Ainsi, par exemple lorsque vous dessinez avec votre main droite, vous avez la main gauche sur le clavier et vous utilisez une ancienne commande, la commande Z pour annuler la commande B, etc. Je vais donc vous montrer ces raccourcis, ce qui accélérera beaucoup votre processus. Donc, oui, allons-y. Je te verrai dans la première leçon. 2. Comapring imovie et coupe finale pro: Commençons par comparer les deux programmes d'édition. Comme je l'ai mentionné, iMovie est gratuit avec n'importe quel ordinateur Mac. C'est donc probablement la première option pour les animateurs débutants. Final Cut est disponible gratuitement pour une période d'essai de quelques mois. Et après cela, il faut un paiement unique. Imovie a de nombreuses limites. Mais cela signifie également qu'il s'agit d'un programme très simple et rapide à utiliser. C'est très intuitif. Il faut un certain temps pour apprendre à utiliser Final Cut Pro. Et il offre en gros toutes les possibilités du blé, mais il y a bien d'autres encore, en plus de ce bon exemple, le nombre de couches. Comme vous le voyez, je peux ajouter une figure sur un arrière-plan dans iMovie. Mais si j'essaie d'ajouter une couche de plus, je peux. Il ne s'agit donc que de deux couches. Final Cut Pro comporte une quantité infinie de couches. Je vais expliquer le keyframe dans une autre leçon séparée, mais les deux programmes ont des images-clés. Imovie ne propose que des possibilités de gauche à droite et de haut en bas, ce qui est suffisant pour de simples animations ou des vidéos explicatives. Par exemple, Final Cut Pro peut faire presque tout ce que vous pouvez imaginer images-clés, pivotant également à n'importe quel degré. Et vous pouvez également voir les nœuds réels. Il est donc très facile de modifier et de créer des animations chronométrées avec précision. Pour résumer, je dirais qu'iMovie est idéal pour les animations simples image par image. Et Final Cut est idéal pour les animations complexes et chronométrées avec précision. 3. Adobe Photoshop - dessin pour les trois styles d'animation: La base de l'animation est de dessiner plusieurs images, puis de les déplacer comme dans un flip book. Un moyen facile de comprendre ce concept est de regarder le célèbre premier film d'une course à cheval. Ou regardez ce cycle de course que j'ai tiré d'un film. J'ai pris des captures d'écran par image. Et si vous les rejouez en boucle, vous avez un cycle de course. Cela peut ensuite être transformé en animation. Que vous utilisiez iMovie ou Final Cut Pro, commencerez à créer les dessins et Adobe Photoshop. Il est très important d' esquisser sur un calque et dessiner chaque pièce mobile sur un calque distinct. Je vais vous expliquer les trois styles d' animation en utilisant cette petite grand-mère qui fait signe de la main. Dans le style flip book, nous dessinons à nouveau le tableau d'ensemble autant que nécessaire. Vous pouvez réduire l'opacité du dessin précédent pour rester proche la forme sous-jacente. Je recommande de ne pas vous en tenir trop près. Si le corps est un peu différent, même s'il ne devrait pas bouger, cela donne vie à l'animation. Lorsque vous exportez les fichiers, il est très important de désactiver l'arrière-plan et de l'exporter au format PNG. Il existe deux manières de procéder dans Adobe Photoshop. Cliquez sur la couche pour accéder à Quick Export au format PNG, afin de l'exporter le plus rapidement possible. Il sera enregistré automatiquement sur votre bureau sous le nom de la couche. autre manière, vous allez dans Enregistrer une copie et vous l'enregistrez ainsi également en tant que fichier PNG. La différence, cependant, est que l'exportation rapide enregistre uniquement le dessin recadré sans son lien avec la planche à dessin. La deuxième méthode permet de garder ce tableau d'art comme une sorte de fantôme en arrière-plan, même s'il est transparent. Cela sera utile plus tard lorsque nous commencerons à éditer et à utiliser les autres logiciels. Donc oui, c'est le style flip book qui fait signe à grand-mère, bonjour, un saut. C'est facile à comprendre en regardant cet exemple, grand-mère surprise. Donc, au lieu de dessiner plusieurs images pour qu'elle passe sur le côté, je passe instantanément à l'ordinateur central, comme lorsque Johnny Bravo prend la pose ou les personnages de fond d'un anime. La troisième méthode, le keyframing est utilisé dans les logiciels de montage vidéo. Et c'est très utile pour accélérer le processus d'animation. Ici, par exemple, je pourrais dessiner juste le corps de la grand-mère sans la main , puis dessiner uniquement la main. Et plus tard, avec les images-clés, je fais bouger la main. Mais nous y reviendrons plus tard. Laissez-moi vous montrer les raccourcis que j'utilise le plus souvent lorsque j'utilise Adobe Photoshop pour illustrer. Lorsque vous ouvrez un nouveau fichier, vous aurez juste un arrière-plan verrouillé, et vous voudrez désactiver le verrouillage et créer une nouvelle couche, ce que vous pouvez faire facilement en cliquant sur ce point plus dessus, I Je vais mettre mon premier dessin, que j'ai dessiné au crayon. Un moyen simple de voir quels sont les raccourcis pour tout est de le survoler. Vous pouvez donc voir que l'outil Paint Bucket a un G écrit à côté. Ce qui signifie que si je suis dans mon dessin et que j'appuie sur G, j' accède automatiquement au pot de peinture, je les utilise pour choisir une couleur et en faire un petit homme vert. Retournez au crayon en cliquant sur B. OK, donc je vais faire bouger sa main. Je peux donc simplement le faire glisser vers le plus pour créer une nouvelle couche. Il s'agit également d'un raccourci. La méthode habituelle serait cliquer sur le lac du bec et de dupliquer la couche. OK. Je vais tester trois étapes, non ? Et le faire glisser n' était qu'une étape. Je peux même le faire glisser vers la corbeille pour supprimer une couche. Et comme toujours dans la plupart des programmes, Command Z annule ma dernière étape, qui était de la supprimer. Donc je n'ai pas besoin de toi. Un moyen simple d'animer est de réduire l'opacité de la couche sous-jacente si je dois changer de bras dans cette deuxième couche. Et puis E est l'outil Eraser. Effacez cette partie du bras vers le B du pinceau et tracez simplement la boucle. Comme vous le voyez, je suis toujours en vert. Maintenant, je peux utiliser le, j'appuie sur I pour choisir cette couleur noire et revenir au pinceau. Je n'ai donc pas eu à faire tout ce chemin, à revenir au noir, faire tout le chemin. Je pourrais juste, avec ma main, qui est déjà sur le clavier. Choisissez le sélecteur de couleurs, choisissez un point noir, point, revenez au pinceau et dessinez mon bras. Non seulement les éléments sur le côté ont des raccourcis, mais toutes les options imaginables peuvent être des raccourcis. La plupart d'entre elles ont été décidées pour vous, par exemple annuler la commande Z, comme je l'ai déjà mentionné. Mais je veux que le retournement soit horizontal. Je veux créer un raccourci parce que je ne veux pas toujours aller jusqu'au bout et trouver où il se trouve. Cela prend trop de temps. Alors, quelle commande Z, annuler ? C'est pourquoi il existe cette option de raccourcis clavier. Et l'option était en cours de modification. Cliquez donc sur Modifier veut aimer en bas. Ici, retournez à l'horizontale. Et je peux créer mon propre raccourci. Je vais utiliser la commande underscore. Maintenant, si je saisis quelque chose qui existe déjà, comme la commande Z, il apparaîtra parce que vous ne voulez pas remplacer un autre raccourci qui existe déjà. À moins que vous ne vouliez, bien sûr, mais mieux vaut ne pas le faire, mieux vaut trouver quelque chose qui n'existe pas. Donc, Command souligne. OK, et maintenant, si je mets en évidence quelque chose, que je tourne la tête, alors je peux simplement sélectionner soulignement de sa tête de commande et ça changera. Donc, au lieu de regarder vers la gauche, il regarde vers la droite. Donc oui, il existe de nombreuses façons d'accélérer le processus car monter ou y aller ne prend que quelques secondes, bien sûr, mais lorsque vous illustrez pendant quelques heures, toutes ces secondes s'additionnent. Gardez votre main gauche sur le clavier et continuez à utiliser tous ces raccourcis. 4. iMovie - animer les 3 styles: Examinons iMovie pour l'animation. Comme je l'ai mentionné dans la comparaison, iMovie a moins d'options. Je suggère donc de rester très simple. Mais cela ne veut pas dire que ce ne peut pas être animation vraiment cool comme celle-ci. Nu, nu, par exemple c'était un succès viral. Et tant de personnes ont créé leurs propres versions de cette animation. Et c'est très simple si vous l'analysez. Tout d'abord, il ne s'agit que de quelques animations image par image, même pas tant que ça. J'en compte environ 24. Ensuite, il ne s'agit que d'une image en couleur avec un zoo. Et ce Zoom s'appelle Ken Burns dans iMovie, ce qui est une astuce très simple à faire. Utilisons donc ces techniques avec l'exemple de notre grand-mère. est important, c'est que nous n'avons que deux couches, comme je l'ai mentionné. Donc, si vous trouvez un joli fond, disons que je veux mettre des grammes sur ce fond à carreaux. Et je fais glisser le PNG de grand-mère dedans, transforme en image, en image, en image. Alors j'aurai vraiment grand-mère sur ce fond. Bien sûr, maintenant j'ai repris mes deux couches. Un meilleur moyen serait donc de ne pas avoir d'arrière-plan et créer un arrière-plan similaire dans Photoshop. Puis exporté au format JPEG. Fais-le pour chaque grand-mère. Mamie. Faites-les glisser dans la chronologie. Notre grand-mère est déjà dans le temps et dans l'espace parfaitement adaptée à l'animation. Maintenant, lorsque vous dessinez un, entrez un fichier JPEG ou un fichier, il est automatiquement réglé sur 4 s. Donc c'est très long pour nos besoins, 1234, donc nous avons juste besoin d'une fraction de seconde. Et l'avantage d' iMovie est que vous pouvez sélectionner plusieurs images et toutes les transformer en la même longueur. Disons 0,2. OK ? J'ai donc la main de grand-mère à gauche, au milieu et à droite. J'ai donc besoin de la main de grand-mère au milieu d' une dernière fois pour créer une boucle fluide. Cliquez sur Option, faites-la glisser vers l'extérieur. Sélectionnez tout. Option, faites glisser la barre d'espace pour jouer. Et fais-le. Oui, parfait. sommes donc plus qu'à une seule couche. Donc, si je le voulais, je pourrais ajouter autre chose. Juste parce que je l'ai à portée de main. Utilisons cette main ici. Photo sur image pour le rendre transparent. Comme ça. La transparence est due au fait qu'iMovie alimente automatiquement les images. Faites-le glisser complètement vers la gauche pour le rendre visible instantanément. Disons que ce qui l' étonne, c' est ce flottement. Grand-mère te dit bonjour. Tout à coup, une personne à portée de main apparaît. Son marché dans l'espace et dans le temps baisse. Ici. Image-clé, ça, maintenant ça dit un petit x. Donc, si je voulais supprimer cette image-clé, je devrais cliquer dessus à nouveau. Maintenant, il y a une image-clé. Alors, abandonnons-le et reprenons-le. Laisse tomber la main. Et il a automatiquement ajouté une image-clé. Allons voir. Abandonné. Exact, parfait. Ensuite, bien sûr, l'audio. Et il y a toujours des effets sonores. Alors, qu'est-ce qui serait drôle ? voiture de course passe quand les mains tombent ? Si tu le voulais. Tu pourrais ajouter de la musique. Rendez-vous au revoir. Commande B, également dans ce programme pour supprimer un chat. Et nous avons notre animation. Je vais te dire bonjour, Good. Une autre astuce pour accélérer votre processus consiste à travailler avec moins de couches. Combien d'images pensez-vous que cette animation comporte ? La seule astuce que j'ai utilisée ici est de n'utiliser que deux cadres pour les dribbles de basket. Et comme j'ai utilisé boules semi-transparentes en arrière-plan, cela crée une sensation de mouvement. Et il vous suffit de basculer entre le haut et le bas, le haut et le bas, le haut et le bas. Donc, euh, pour une boucle image par image. Retournez donc un livre de deux cadres puis un saut. Et j'utilise l'effet sonore de la caméra pour accentuer cet effet de saut. Et puis, avec l'effet sonore du bruit du filet, vous avez également cette sensation de fermeture. Un moyen très rapide d'animer, par exemple des vidéos explicatives, ou de mettre en œuvre une idée amusante. Voici ce concept utilisé à nouveau pour un discours de boxe plutôt que quelques images en boucle avec un effet sonore cool. 5. Final Cut Pro - animer les 3 styles: Passons à Final Cut Pro. Créez une nouvelle bibliothèque et un nouveau projet. Si vous mettez en ligne sur Instagram, envoyez votre vidéo à la taille personnalisée, puis à 1080 d'ici 1920. Cela vous donnera cette longue vue de portrait qu'ont Instagram Reels. Maintenant, il suffit de déposer toutes les illustrations vous avez créées dans Adobe Photoshop, assurant qu'il s'agit bien de fichiers PNG pour ce projet. J'ai sauvegardé la plupart d'entre eux avec tout le tableau dans le sac. fond fantôme que j'ai mentionné dans la leçon d'Adobe Photoshop. Mais certaines parties mobiles, comme les bras et les yeux, ont été enregistrées sous forme de fichiers PNG rapides sans arrière-plan. Je vais donc vous montrer les trois styles d'illustration qui s'intègrent parfaitement à ce projet. Tout d'abord, j'ai le mouvement du flip book image par image dans sa main. J'ai divisé le corps en une couche séparée, qui se trouve maintenant en arrière-plan. Et en plus de cela, j'ai mon flip booking à trois bras image par image. Pour le mouvement de ses bras à gauche et à droite. J'ai utilisé des sauts. Mais pour le mouvement du bras vers le bas, qui est le point fort de ce clip, j'ai utilisé des images-clés parce que je voulais que ce soit le plus fluide possible. C'est là que l'exportation au format PNG rapide s'avère pratique. Vous voyez, quand je sélectionne le bras, dessine une boîte juste autour du bras. Et cela permet de le faire pivoter facilement. Si j'avais toujours l'arrière-plan du Saint-Esprit, je le pivoterais en fonction de la taille de l'arrière-plan, ce qui le rendrait très difficile à modifier. Faisons une petite leçon secondaire sur la façon d'utiliser les images-clés. C'est une photo que j'ai prise, puis j'ai légèrement déplacé son donjon. Et trois fois, trois réglages différents de la cape. Et puis j'ai juste fait une boucle. Donc, on dirait que garder, c'est se déplacer dans la largeur. Donnons-nous donc peu d'espace pour travailler en arrière. Donc, Commande C pour copier ceci et Commande V ou le coller. Alors maintenant, afin de le rendre facile à modifier, nous allons simplement cliquer sur ma souris. Nouveau clip composé. Faisons en sorte que cela serve de base. Maintenant. Ma couche de fond est juste de rester dans le vent. Et j'ai ce PNG. J'ai donc pris une photo de cet homme et j'ai effacé l'arrière-plan. C'est donc un fichier PNG de ce petit bonhomme ici. Maintenant. Cliquez sur Transformer pour voir. Alors faisons-en à peu près sa taille. OK, parfait. Maintenant, l'avantage Final Cut Pro est que vous pouvez voir les nœuds de vos images-clés. Donc, il suffit de cliquer sur un clip pour afficher une animation vidéo. Comme vous le voyez, il existe un raccourci Control V, que vous utiliserez beaucoup. Utilisons donc simplement un Control V ouvert. Cette transformation possède une échelle de rotation de position sur chaque accès que j' utilisais auparavant ou sur x et y. Toutes peuvent être des images-clés. Et si vous cliquez sur le clip, vous avez également Ajouter une image-clé ici. Donc, ce que je veux faire, c'est que je veux avoir un écran hors écran au début. Je le fais donc glisser hors de l'écran, après l'avoir volé et j'ai ajouté une image-clé pour commencer, comme vous le voyez maintenant, laissez-moi zoomer. Ici. Il y aura une image-clé et vous pourrez voir quelles images-clés, toutes. Cet homme Lego est donc marqué par le temps, la position, l'échelle, la rotation, etc. Maintenant, je veux entrer, voler. Comme vous le voyez, cela crée une ligne pour voir d'où il est parti. Peut-être un petit peu. La rotation est cool. Je peux maintenant prévisualiser en accédant à la chronologie. Et peut-être que ce serait bien de se balancer un peu, puis un peu plus haut et de tourner un peu plus. Vous pouvez voir qu'il ajoute automatiquement une image-clé. Alors peut-être un peu plus haut. Désolée, je n' ai toujours pas bougé mon heure. Contrôlez Z, déplacez la chronologie, la chronologie vers le bas, faites pivoter. Maintenant, si nous voulions prévisualiser, appuyez sur la barre d'espace, c' était beaucoup trop rapide. Donc, allons-y plus lentement. Faites-le glisser vers l'extérieur. Maintenant. Nous avons plus de temps. Et vous pouvez simplement cliquer sur ces images-clés et les faire glisser vers l'extérieur. Très facile à modifier. Encore une fois cet aperçu. Marchez parfaitement. C'est ça Vous avez maintenant cette large boîte blanche. Je vous suggère donc, lorsque vous en aurez terminé, de le surligner et de nouveau de contrôler V. Cela devient donc simplement Final Cut. Pro offre une possibilité infinie de couches, ce qui vous donne de nombreuses opportunités. Dans ce projet. Par exemple, je pourrais détacher l'audio du clip vidéo original et animer formes de bouche distinctes à placer sur une autre couche. Les bouches sont un mélange d' images par images et parfois d'images clés. Dans Final Cut Pro, le montage est très intuitif. Il vous suffit de faire glisser la longueur des clips le long de la chronologie. Celui que vous mettez sur le dessus a priorité sur les couches inférieures. Les raccourcis qui accéléreront votre processus dans Final Cut Pro consistent à ouvrir et fermer deux doigts sur le trackpad pour zoomer et dézoomer sur la timeline. barre d'espace permet de démarrer et d' arrêter la lecture d'un clip. Maintenez la touche Option enfoncée et faites glisser un clip pour le copier. Commande B pour diviser un clip et Contrôle V pour afficher les nœuds d'images-clés d'un clip. Voici les techniques que je vous suggère d'utiliser dans Final Cut Pro. Et oui, c'est mon conseil. Utilisez ces raccourcis. 6. Remarques finales: Merci d'avoir regardé cette leçon. J'espère que vous vous êtes bien amusé et que vous êtes prêt à commencer à animer. Si vous utilisez ces trois techniques, vous pouvez devenir très rapide et choisir vos batailles. Ils ont essayé de consacrer beaucoup de temps à certaines parties, aux parties principales. Mais il serait peut-être préférable d'utiliser des découpes de saut pour d'autres pièces. Parce que si vous téléchargez sur Instagram, par exemple, vous êtes au gré de l'algorithme. Si vous avez passé 20 heures sur une animation et que vous n' obtenez guère de likes ou de vues. Cela pourrait être difficile. Passez donc suffisamment de temps dessus pour profiter intrinsèquement du projet quel que soit le résultat, puis les likes, les points de vue ou juste les os. Parce qu'au final, il s'agit de s'amuser et de devenir meilleur et plus efficace dans votre expression artistique. Donc, oui, laissez-moi voir ce que vous allez proposer et j'ai hâte de voir vos clips. Merci Au revoir.