Créer des animations de type storyboard dans Photoshop

1. Introduction: Vous êtes-vous déjà demandé comment les animations ont leur histoire visualiser avant qu'elles ne passent à la production finale. Si vous devinez des storyboards, vous avez raison. m'appelle Michelle et je suis graphiste, illustrateur et animateur du Canada. J' ai commencé à dessiner et à jouer du piano à l'âge de quatre ans. Donc, toute ma vie, j'ai toujours été passionnée par l'art, la musique et le cinéma. C' est pourquoi je suis tellement excité de vous montrer comment créer votre première animation de storyboard dans Photoshop. Tout ce dont vous avez besoin, c'est Photoshop , une tablette et une histoire que vous voulez donner vie. storyboards sont essentiels pour les animations et les films, car ils prévisualisent le déroulement de l'histoire et de la production. Les studios d'animation comme Pixar dépendent fortement des animations de storyboard avant que les animateurs 3D ne participent à la production finale. J' ai conçu ce cours pour vous guider sur votre toute première animation de storyboard. Nous allons le faire par, cartographier votre histoire, configurer un document Photoshop avec un fond blanc, connecter vos tablettes pour vous préparer à dessiner, créer une animation de cadre à l'aide de calques, ajouter de la musique et des effets sonores, et enfin, exporter le fichier vers une vidéo HD. Une fois que vous avez terminé, n'oubliez pas de partager votre projet dans la galerie de projets de classe afin que tout le monde puisse voir votre création étonnante. Avoir une connaissance de base de Photoshop serait pratique, mais ne transpirez pas. Je vous guiderai à travers tout ce que vous aurez besoin de savoir dans ce cours. Maintenant, donnons vie à votre idée d'histoire et je te verrai dans la première leçon. 2. Votre projet de cours: Bienvenue dans votre projet de classe. Dans ce cours, nous allons voir comment créer une animation d'image dans Photoshop en superposant des dessins dans votre timeline, affinant les expressions des personnages et les arrière-plans, et en la complétant avec des effets sonores et de la musique. Ce cours convient à tout le monde, mais c'est un excellent début pour les débutants qui sont nouveaux dans Photoshop, veulent raconter une histoire et qui veulent connaître les bases et les bases de l'animation. Votre objectif est de rendre le plus clair possible pour le spectateur ce qui se passe dans l'animation du storyboard, sorte que toutes les compétences de dessin sont les bienvenues. N' oubliez pas de publier vos projets ou même vos progrès dans la galerie de projets afin que les autres étudiants de la communauté Skillshare puissent vérifier tout votre travail génial en cours de route et fournir des commentaires. Tout ce que nous allons faire, c'est raconter une histoire, plonger dans Photoshop, et commencer à dessiner avec votre tablette. Commençons. 3. Créer votre histoire: Avant de commencer à dessiner votre storyboard, assurez-vous d'établir le paramètre, les personnages et le début à la fin de votre histoire. Si vous êtes coincé sur une idée pour une histoire, pensez à quelque chose qui s'est passé dans votre vie que vous trouvez vraiment mémorable. Par exemple, cette idée d'histoire a été inspirée par mon collègue, enfermant un autre collègue dans notre bureau après avoir mis l'alarme sur lui. Ce storyboard parle d'un chauffeur de bus qui tombe tout simplement amoureux du passager, qui a été écrit par ma sœur. Il peut même s'agir de quelque chose de vraiment banal, comme mettre vos vêtements dans la laveuse et essayer de trouver cette chaussette manquante. Il peut s'agir de prendre cette première gorgée de café le matin et d'être réveillé à la vie. Il peut s'agir de votre chien devenant un super-héros. Souviens-toi, ça n'a pas à être compliqué. Le but de cette classe est de travailler sur une animation de storyboard vraiment simple. Tant que le storyboard est clair et efficace, les possibilités sont infinies, alors soyez aussi créatif que vous le souhaitez. J' ai hâte de voir ce que tu trouves. Une fois que vous avez terminé de créer votre histoire, nous allons configurer votre document Photoshop. On se voit là-bas. 4. Configurer votre storyboard: Créons votre storyboard en créant un nouveau fichier. Nous allons sélectionner les paramètres du film et de la vidéo afin que votre storyboard soit automatiquement défini au format vidéo HD, qui est 1920 par résolution 1080p à 72 pixels et un mode couleur RVB. Nous allons nommer ce fichier « My First Storyboard » et cliquer sur « Create ». Créez un nouveau calque, qui est essentiellement un calque sur lequel vous allez dessiner. Ouvrez votre chronologie en cliquant sur « Fenêtre », puis sur « Chronologie », puis créez une chronologie vidéo. Assurez-vous que votre tablette est branchée et préparez-vous à dessiner. Maintenant que nous avons fini de configurer votre storyboard, nous allons dessiner et ajouter des cadres. On se voit là-bas. 5. Dessiner et ajouter des cadres: Dans cette leçon, je vais vous montrer à quoi ressemble une chronologie vidéo lorsque vous créez des calques dans votre timeline et que vous les empilez afin qu'ils soient lus dans une séquence. Nous allons appeler ce calque 1 et cliquer et faire glisser le temps du calque jusqu'à une seconde. Nous allons créer le calque 2, raccourcir l'élément dans la chronologie à une seconde et le faire glisser pour qu'il soit lu après le calque 1. Assurez-vous de cliquer et de sélectionner le calque dans la chronologie sur laquelle vous souhaitez dessiner, qui peut être indiqué par l'emplacement de la ligne verticale rouge. Créez un autre calque appelé calque 3, cliquez et faites glisser les clips du calque 3 à venir après le calque 2 et dessinez le calque 3. Maintenant, nous allons aller au début de la chronologie, lire le clip vidéo et prévisualiser la séquence des calques dans l'animation. Maintenant, pour cette partie de la leçon, je vais animer un visage triste, aller à un visage heureux. Nous allons appliquer les mêmes connaissances dès le début de la leçon, sauf que cette fois nous dessinons, nous allons cliquer et faire glisser le deuxième calque sur et ajuster la longueur du premier calque. Mais, cette fois, nous allons légèrement chevaucher les deux couches, qui nous permettra de voir le calque précédent pendant que nous dessinons le calque actuel, peu comme un effet de papier calque. Changons l'opacité de la couche 1 à 50 pour cent. Sélectionnez le calque 2, qui a automatiquement une opacité de 100 % et commencez à dessiner. Créez un autre calque, alignez-le. Raccourcissez la deuxième couche. Surplissez légèrement la couche 3 avec la couche 2 afin que vous puissiez dessiner sur la couche 3 en sachant à quoi ressemble la couche 2 en dessous. Encore une fois, à l'instar de l'effet calque, modifiez l'opacité de la couche 2 à 50 %. Sélectionnez le calque 3 pour dessiner et dessinez votre cadre final qui a un visage heureux. Maintenant que nous avons terminé, nous allons changer l'opacité de toutes les couches à 100%. Lisez votre chronologie en appuyant sur le bouton de lecture et tournez les sourcils à l'envers. Assurez-vous de publier cet exercice d'exercices pratiques en tant qu'étape de progression dans la galerie de projets pour vous assurer que vous terminez cette étape avant de travailler sur votre projet principal. Cela vous aidera à vous familiariser avec le processus avant de plonger plus loin dans l'animation. Maintenant que nous avons terminé de dessiner et d'ajouter des cadres, nous allons ajouter des expressions faciales et des arrière-plans dans la leçon suivante. On se voit là-bas. 6. Expressions faciales et arrière-plans: Maintenant que nous allons commencer avec votre animation, considérez le début, le milieu et la fin de votre histoire avant de commencer à animer. Pour cette animation de storyboard, j'ai été inspiré par mon amie Jennifer qui s'est réunie avec son chien, et j'ai toujours imaginé, c'est ainsi que la réunion s'est déroulée. J' ai déjà dessiné le premier cadre, mais je vais dessiner les deux prochaines images et montrer à quel point Jane est excitée quand le chien apparaît, et avec les deux se réunissant l'un avec l'autre. Avec votre storyboard. Vous pouvez jouer avec la séquence d'événements de votre animation d'image. Par exemple, avec la progression de boire une tasse de café et de se réveiller instantanément. La première image peut être la personne vraiment épuisée. Le deuxième cadre peut être qu'ils sirotent le café, et le troisième cadre peut montrer qu'ils sont éveillés. Je vais commencer à dessiner mes deux prochaines images. abord, je vais créer un nouveau calque, chevaucher légèrement les deux calques de ma chronologie, créer un effet de calque de traçage et raccourcir mes clips au fur et à mesure que je vais, puisque je veux que chaque image soit d'environ une seconde. Comme nous l'avons appris dans la dernière leçon, je vais changer l'opacité de la couche précédente à 25-50 pour cent, et garder mon calque de travail à 100 pour cent. Si vous souhaitez utiliser autant d'espace que possible pour le dessin, vous pouvez masquer la chronologie en cliquant ici. N' hésitez pas à ajuster l'opacité de votre outil au fur et à mesure que vous travaillez. n'y a pas de règle à ça. Donc, tout est à propos de vos préférences de dessin. Pour moi, j'aime d'abord travailler avec une opacité très légère, puis aller plus sombre en affinant les détails. Alors que je dessine le visage de Jen, je vais exagérer légèrement l'expression en lui donnant des yeux plus grands, une bouche plus grande, des larmes qui sortent de ses yeux, et une position plus large. Lorsque vous avez terminé de dessiner votre calque, faites réapparaître votre chronologie. Déplacez l'élément manière à ce que deux éléments ne se chevauchent et modifiez l'opacité de votre calque de suivi à 100 %. Une de mes choses préférées est juste de basculer entre les deux images, sorte que vous puissiez avoir une idée de l'endroit où va votre animation. Créez un calque qui est le calque trois et ajustez l'opacité du calque précédent dans votre chronologie pour créer l'effet du calque de suivi. C' est la couche où je dessine Jan qui rencontre son chien. Je les rends tous les deux très heureux de se voir. Lorsque vous avez terminé de dessiner le troisième calque, ramenez l'opacité de tous les calques à 100 %. Maintenant, vous pouvez lire votre animation. Pour cette partie de la leçon, je vais illustrer un contexte très simple. Je veux que l'accent soit mis sur les personnages. Donc, je ne vais pas entrer dans les détails, mais je veux illustrer la réunion qui se passe dans un parc ou une forêt. Donc, dans ce cas, je vais créer un calque juste au-dessus de ma couche d'arrière-plan appelée forêt. Selon l'histoire que vous avez décidé de dessiner, arrière-plans sont complètement facultatifs. Tant que vous pouvez expliquer clairement au spectateur ce qui se passe dans l'histoire, vous êtes déjà sur la bonne voie pour créer une animation réussie. Si vos caractères apparaissent transparents après avoir dessiné votre arrière-plan, vous pouvez créer un calque blanc sous votre calque de dessin, sorte que vos caractères n'apparaissent pas transparents devant l'arrière-plan. Ajustez la taille et l'opacité de l'outil de brosse qui vous convient, et commencez à peindre en blanc sous votre calque de dessin. Revenez dans votre chronologie et assurez-vous que la longueur du calque blanc correspond au calque de dessin correspondant. Ensuite, procédez à l'application des mêmes calques blancs, sous les couches de dessin restantes. Maintenant, vous pouvez lire votre animation avec vos personnages apparaissant correctement devant l'arrière-plan. Ces étapes suivantes sont complètement facultatives, mais elles sont recommandées, si vous souhaitez simplifier votre montage, au lieu d'avoir un groupe de calques dans votre montage. Pour simplifier votre chronologie, sélectionnez le calque avec le calque blanc correspondant et regroupez-les ensemble en le faisant. De cette façon, vous pouvez regrouper à la fois le calque de dessin et le calque blanc, sorte qu'ils soient tous les deux modifiables. Une autre façon de le faire consiste à fusionner les calques, ce qui fusionnera simplement le calque de dessin avec le calque blanc, ce qui ne rend pas le calque blanc modifiable. Cette option est idéale si vous savez avec certitude que vous n'avez pas besoin de toucher à nouveau le calque blanc sous le calque de dessin, un bon raccourci pour fusionner les calques consiste à sélectionner les deux calques que vous souhaitez fusionner et à appuyer sur Ctrl « E » ou Commande « E » 'sur un Mac. Maintenant que vous avez fini de polir votre animation de storyboard avec des expressions faciales et des arrière-plans. Nous allons ajouter des effets sonores et de la musique. Dans la leçon suivante. Vous pouvez consulter nos sites Web comme cette page YouTube appelée bibliothèque audio de créateurs de musique pour commencer. On se voit là-bas. 7. Ajouter de la musique et des effets sonores: Pour ajouter du son à votre storyboard, allez en bas à gauche de votre timeline, assurez-vous que votre audio n'est pas muet, cliquez sur l'icône « Note de musique » et « Ajouter du son ». Sélectionnez le clip audio que vous souhaitez insérer. Je vais insérer un clip sonore d'un chiot qui aboie. Je veux l'aligner avec la couche où apparaît le chien. Je vais cliquer et faire glisser le clip audio pour commencer à ce point. Jouez votre timeline pour prévisualiser votre clip audio afin de vous assurer que vous êtes satisfait de l'emplacement de l'audio. Pour ajouter une autre piste audio, cliquez à nouveau sur l'icône « Note de musique » et cliquez sur « Nouvelle piste audio ». Une autre couche de pistes audio apparaîtra dans votre montage. Cliquez sur « Ajouter du son » et ajoutez votre deuxième piste audio. Dans ce cas, je vais lancer un clip de musique qui commence au tout début de mon storyboard. Lisez votre chronologie pour prévisualiser les deux pistes audio. Si votre piste audio est trop longue, vous pouvez effectuer un zoom arrière sur la chronologie et cliquer et faire glisser la piste audio pour ajuster la longueur. finir, vous pouvez estomper la piste audio en cliquant sur le bord de votre piste audio et en ajustant l'audio pour qu'il s'estompe pendant une seconde. Quand vous avez terminé, appuyez sur « Entrée ». Maintenant, lorsque vous jouez l'animation, vous aurez votre effet sonore et votre musique, qui s'estompe bien à la fin. Maintenant que nous avons fini d'ajouter de la musique et des effets sonores, nous allons exporter le fichier final. On se voit là-bas. 8. Exporter le fichier final: Pour exporter le fichier final, allez dans Fichier, Exporter et cliquez sur Rendu vidéo. Vos paramètres doivent déjà être dans un format vidéo HD, soit 1920 par 1080 et 30 images par seconde. Une fois que vous êtes satisfait du nom du fichier et de l'endroit où vous voulez enregistrer le fichier, cliquez sur Rendu. Lorsque le rendu est terminé, jouez toute l'animation du storyboard. Si vous n'avez pas repéré d'erreurs et que votre animation est exactement comme vous le vouliez, vous avez tout terminé. 9. Vous avez réussi !: Félicitations, tu l'as fait. Vous avez appris avec succès à créer une animation de storyboard simple dans Photoshop. J' espère que vous avez apprécié ce cours et que vous pouvez transformer des idées amusantes ou des souvenirs en storyboards. S' il y a une chose que je veux que vous retiriez de ce cours, c'est que vous êtes capable de créer une animation simple indépendamment de vos compétences en dessin ou de votre expertise dans Photoshop, parce que croyez-moi, tout le monde peut le faire. N' oubliez pas de poster votre projet de classe dans la galerie de projets, laisser un avis ou de me suivre sur mon parcours Skillshare. Merci encore, et je te verrai la prochaine fois.