Un guide de débutant sur l'animation image par image dans Photoshop ! | Sam Concklin | Skillshare
Menu
Recherche

Vitesse de lecture


  • 0.5x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 2x

Un guide de débutant sur l'animation image par image dans Photoshop !

teacher avatar Sam Concklin, 2D Animator | Comic Artist

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction

      1:36

    • 2.

      Pour commencer : configurer le document

      1:24

    • 3.

      Planifier le concept et l'ébaucher

      4:29

    • 4.

      Dessiner et organiser les cadres

      4:51

    • 5.

      Leur donner vie dans la ligne du temps

      6:20

    • 6.

      Conseil n° 1 : ajouter de la couleur comme un pro

      5:40

    • 7.

      Conseil n° 2 : créer un bel arrière-plan

      3:09

    • 8.

      Conseil n° 3 : signer avec style

      1:12

    • 9.

      Exporter en tant que GIF animé

      2:34

    • 10.

      Exporter en tant que PNG individuels

      2:39

    • 11.

      Vérification et projet du cours

      1:21

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

1 421

apprenants

16

projets

À propos de ce cours

Photoshop est un excellent outil pour transformer vos idées amusantes en animations que vous pouvez partager ensuite n'importe où sur internet. Vous avez déjà songé à créer un GIF dans Photoshop, mais vous ne savez pas par où commencer ? Pas de souci, vous êtes au bon endroit !

Dans ce cours, je décompose l'ensemble de mon flux de travail pour créer un GIF dans Photoshop de A à Z, tout en partageant mes conseils et mes astuces. Ce cours est une bonne introduction qui vous aidera à vous lancer dans la réalisation de vos propres animations !

Les apprenants apprendront à :

  • Configurer le document avec les bonnes dimensions
  • Planifier et à ébaucher les points clés d'une animation
  • Dessiner et à colorier les cadres
  • Se repérer dans la fonctionnalité de ligne du temps image par image de Photoshop
  • Exporter les animations sous forme de GIF ou en tant que PNG individuels

Qui prendre suivre ce cours ? Ce cours est ouvert à tous les niveaux, mais il s'adresse surtout aux débutants de Photoshop. Cela signifie que vous pourrez suivre le cours, peu importe votre expérience avec Photoshop.De quoi aurez-vous besoin pour ce cours ?

Pour commencer, vous n'aurez besoin que de Photoshop ! Il est recommandé de posséder également une tablette de dessin, mais elle n'est pas nécessaire pour apprendre le processus de production d'une animation.

Cela vous semble motivant ? Excellent ! Créons quelque chose de stupéfiant.

Rencontrez votre enseignant·e

Teacher Profile Image

Sam Concklin

2D Animator | Comic Artist

Enseignant·e

Hi there, I'm Sam! I'm an animator who does a little bit of everything: illustration, comics, music, coding, and more. I have a B.S. in Animation, and telling stories has been life-long passion of mine. Drawing fun, imaginative, and colorful characters brings me joy, and I hope it brings you joy too!

My goal as a teacher on Skillshare is to empower my students to create their dream projects. Students can expect to walk away from my classes feeling more confident in themselves and in the software they use. I believe in you — let's make something awesome!

What others have to say...

"Sam, I loved your class. It helped me so much in my journey into Photoshop animating." -S.T.

"Very helpful class and easy to follow ... Voir le profil complet

Compétences associées

Animation et 3D Mouvements et animation
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction: Si vous êtes nouveau dans l'animation dans Photoshop ou que vous êtes nouveau dans Photoshop en général, certains de ses outils peuvent être assez écrasants. Mais avec suffisamment de pratique et avec les connaissances de ce cours, vous n'aurez aucun mal à faire vos propres animations. Salut, je suis Sam Concklin, et je suis un animateur indépendant. J' ai rationalisé mon processus d'animation au cours des dernières années, et j'ai finalement découvert comment en faire le flux de travail le plus rapide et le plus efficace possible. Je suis heureux de partager ça avec vous dans cette classe. La clé est de rester organisé et de connaître votre flux de travail. De cette façon, vous passez plus de temps à animer et moins de temps à lutter avec le logiciel. Dans cette classe, nous utiliserons la fonction de chronologie de Photoshop lorsque nous dessinons sur la toile pour créer notre propre GIF animé à partir de zéro. Je vais vous montrer tout le processus du début à la fin. Les leçons de cette classe couvriront comment démarrer votre document Photoshop, esquisser ce que vous voulez faire, dessiner les cadres, les organiser dans une chronologie, puis exporter tout cela sous forme de GIF animé que vous pouvez partager sur les réseaux sociaux médias. Ce cours est parfait pour tous les animateurs débutants ou les utilisateurs de Photoshop. Tout ce dont vous avez besoin est Photoshop et une tablette de dessin pour commencer. Faisons quelque chose de génial ensemble. Ceci est un guide pour débutant pour animer image par image dans Photoshop. Merci d'avoir regardé. J' ai hâte de vous voir dans ma classe. 2. Pour commencer : configurer le document: D' accord. Animons quelque chose de génial. Bien sûr, nous voulons toujours commencer par créer un nouveau document. J' aime aller par pixels. Maintenant, nous allons déterminer la taille de notre toile ici. Cela dépend de l'endroit où vous voulez que votre animation se termine. Pour moi, offre la plupart des médias sociaux, J'aime aller avec une toile carrée. 1800 par 1800 ou peut-être 1200 par 1200 par 1200 serait génial. Alternativement, si vous voulez que votre animation finisse dans un film, par exemple, si vous travaillez sur un projet de film d'animation, il est assez standard d'aller avec 1920 sur 1080 pixels. J' ai tendance à ne pas prêter trop d'attention à la résolution à moins que je ne sois en train d'imprimer. Quand il s'agit du mode couleur, encore une fois, puisque c'est numérique, nous voulons qu'il soit de couleur RVB. Je vais en fait faire ma toile 1200 par 1200 pixels. Tout ça a l'air bien, alors créons. Merveilleux. Il semble que j'ai déjà ouvert ma chronologie et que j'étais déjà prêt à partir. Je suis excité. La prochaine étape sera de dessiner notre croquis. 3. Planifier le concept et l'ébaucher: À ce stade, en animant, nous voulons nous demander ce que nous animons ? Comment voulons-nous que cela soit encadré à l'intérieur de la toile ? Y a-t-il plusieurs choses qui s'animent ? Mais la partie la plus importante à propos de tout cela, nous voulons savoir par où commençons et où finissons-nous ? À quoi ressemblera le premier cadre, puis à quoi ressemblera le cadre de fin ? Je vais mettre tout ça dans un dossier. Bien sûr, c'est toujours bon de rester organisé. Je vais étiqueter ce croquis, Sketch. Je vais créer une couche en dessous de ça. Ensuite, pour le réglage de mon pinceau, je pourrais choisir n'importe quelle couleur que je veux, mais je vais aller dans les paramètres de mes pinceaux et je vais activer le transfert parce que je veux que ce soit un peu opaque. On y va. Maintenant, quand je dessine, je peux tirer dessus. Si j'aime l'apparence d'une des lignes, je peux dessiner un peu plus dessus et ça semble un peu plus sombre. Pour mon animation, je vais dessiner une fleur animée d'un côté à l'autre. Bien sûr, je veux qu'il y ait une sorte de base ici. Vous pouvez effectivement cliquer, puis maintenir la touche Maj enfoncée et faire glisser pour obtenir une ligne parfaitement droite. Bien sûr, ce n'est qu'un guide. Cela ne va pas apparaître du tout dans l'animation finale. Mais je vais dessiner peut-être gribouiller de l'herbe ici, peut-être que certaines parties sont plus longues et d'autres sont plus courtes, juste le rendre agréable. Alors je veux dessiner la fleur qui traîne ici. Le centre va être par ici. Alors nous allons avoir une chose similaire ici. La première image, elle sera là, et la dernière image sera là. On dira cinq images. Si vous voulez obtenir encore plus technique avec cela, nous pouvons même en dessiner certains dans les cadres du milieu ici aussi. Je sais que je veux le [inaudible] Ce serait le troisième. Je sais que je veux que le second soit un peu plus proche du premier, et que le quatrième soit un peu plus proche du cinquième, cette façon, nous obtiendrons ce bel effet qui fait que tout semble ralentir quand il arrive à les extrémités et accélère quand il arrive au centre. J' ai un bon croquis de ce à quoi je veux que ça ressemble. La prochaine chose que je veux faire en plus d'avoir mon croquis déjà à aller avant que nous commencions réellement à animer, je veux créer une palette de couleurs. Je le fais avec tous mes projets. Je veux m'assurer que tout est beau et pour celui-ci, je vais en fait désactiver le transfert, la situation d'opacité. Nous voulons que ce soit beau et solide afin que nous sachions exactement avec quelle couleur travaillait. En fait, j'aime vraiment cette couleur jaune et je m'assure que je suis sur la bonne couche ici. J' aime vraiment cette couleur dorée. Je vais zoomer ici. Si j'ai zoomé ici et que je vais vraiment prendre quelques couleurs de plus, je pense que faire un joli vert. Peut-être un beau vert clair qui sera beau avec ça. Si je n'aime pas l'apparence, vous ne pouvez définir que l'outil Baguette, cliquez sur Couleur, appuyez sur Commande U pour Mac. On peut prendre ça et l'ajuster un peu ici. On peut ajuster la teinte. En fait, j'aime vraiment ça. C' est un très beau vert. Nous pouvons ajuster la saturation, nous pouvons ajuster la légèreté. Vous pouvez effectuer les ajustements que vous souhaitez effectuer ici. En fait, j'aime vraiment la façon dont ce vert s'est avéré. On va aller avec ça, puis on commande D pour désélectionner. Ensuite, nous irons avec les médias vert plus foncé, c'est un peu plus bleuâtre pour lui donner un peu plus de dimension. Ce sera ma palette de couleurs. Bien sûr, j'aime toujours utiliser la couleur la plus sombre pour servir d'art au trait pour ce que je fais. Vous n'avez pas toujours besoin d'avoir de l'art de la ligne si vous ne voulez pas. Mais si vous faites de l'art au trait, vous voulez généralement que votre nuance la plus sombre soit le contour. Pour cela, vous pouvez utiliser toutes les couleurs que vous voulez, mais puisque je fais une fleur qui va aller et venir. Je veux avoir cette belle petite palette de couleurs juste ici. Avec tout cela, il semble que nous sommes prêts à partir et commencer à animer. 4. Dessiner et organiser les cadres: Nous sommes prêts à commencer à animer, mais nous ne sommes pas encore prêts à toucher la chronologie. Nous allons commencer par les cadres. Nous avons le croquis en bas, nous avons notre palette de couleurs sur le dessus et entre ceux-ci, nous allons créer quelques dossiers. En fait, je vais mettre tout cela dans un dossier appelé Flower et ensuite chaque cadre va aller juste à l'intérieur, et chaque cadre va avoir sa propre couche. Chaque cadre va y aller et chaque cadre aura son propre dossier avec ses propres calques à l'intérieur. Nous avons, bien sûr trois, nous en avons quatre, et ensuite nous avons le cadre cinq, et donc nous allons juste nous assurer que tout est bien étiqueté. Il est important d'étiqueter ces notes. Parfois, je vais donner ces différentes étiquettes au lieu de chiffres. Parfois, je mets des pourcentages. Si je dessine quelque chose de très complexe, je tirerai des pourcentages dans la motion pour voir si la motion est d'environ 50 % ou 75 %. Mais nous allons rester gentil et simple ici avec un beau, beau cinq cadres et nous sommes prêts à commencer à dessiner. Créons un calque ici je veux occulter et cliquez sur l'outil pinceau de mélange vert foncé. Mais je l'ai sélectionné et prêt à partir. C' est le premier cadre que je sais est ici. Je vais dessiner mon beau cercle là-bas et il fera de mon mieux pour tracer la ligne droite n'a pas besoin d'être parfait. Cela semble bon et maintenant j'ai quelques options ici. Bien sûr, pendant que nous dessinons, une des choses les plus importantes est de vous assurer que vous dessiniez sur le calque correct. J' aime le faire. Mon processus personnel est de dessiner le premier cadre puis le dernier cadre et donc nous allons le dessiner. Dessinons le cercle ici et puis dessinons cette ligne descendant et la meilleure partie à ce sujet est que si nous n'aimons pas exactement où il est, nous pouvons frapper V. Cela fait ajuster les choses pour le rendre un peu plus précis si nous le voulons et nous pouvons déplacer sur nos autres couches aussi bien et, donc je pense que cela semble assez bon. C' est sympa et centré. Commande cliquez dessus pour le désélectionner , puis nous allons passer par le reste des cadres et assurez-vous qu'ils sont beaux. J' aime vraiment la façon dont sont ces cercles. J' essaie de garder le cercle autour de la même taille que ces autres, et encore une fois, j'ai dit, il n'a pas besoin d'être parfait, mais je fais juste de mon mieux pour m'assurer qu'il ressemble à ce que je veux qu'il ressemble et puis nous allons aller ce numéro de cadre 2. Vous voyez que je dessine ça, j'aime commencer par le premier et le dernier, puis aller au centre et ensuite travailler mon chemin à l'intérieur ici. Les premières et les dernières parties que vous dessinez sont appelées vos images-clés et tout ce qui se passe entre les deux s'appelle vos entre-deux. Nous voulons que nos entre-deux aient l'air bien et qu'ils aient du sens. Communiquer l'émotion entre toutes ces images. Nous sommes à Frame 2, et nous voulons mettre cela un peu plus près de celui que nous faisons des trois. Mettez-le là, et puis nous allons aller à Frame 4, créer un calque là. Dessinez un cercle ici. C' est un peu grand. Je veux m'assurer que ça ressemble à ce que je veux. Cela semble plutôt bon et ensuite nous allons tracer une ligne en bas. Avec des animations plus complexes, vos lignes ont tendance à se chevaucher et elles ont tendance à se mailler ensemble et cela peut sembler vraiment déroutant. Si vous dessinez votre animation et que cela vous arrive lorsque vous dessinez votre première image. Vous pouvez effectivement mettre en surbrillance le dossier, a refusé l'opacité et puis vous savez, à coup sûr étaient ce cadre est. Alors disons que vous deviez dessiner un autre cadre juste à côté et que nous ne voulons pas que ce soit dans un dossier, nous voulons que ce soit séparé. Si vous deviez dessiner un autre cadre, si cela pour le cadre 1.5 ou quelque chose, alors vous voudriez que ce soit juste cela et vous pouvez voir exactement où est la ligne que vous venez de dessiner et vous pouvez voir où le premier cadre est en fait et puisque le croquis est une couleur complètement différente, alors nous savons avec certitude que cela ne fait pas partie de notre animation finale. Ce sont quelques-unes de mes astuces capiteuses quand il s'agit d'animer. Mais on dirait que nous sommes déjà prêts à partir et à mettre cela dans la chronologie. 5. Leur donner vie dans la ligne du temps: Nous avons donc toutes nos images d'Animation prêtes à l'emploi. On a les cadres 1 et 2, 3, 4, 5. Je veux aussi que ça revienne. Donc ça va presque être comme un pendule, mais à l'envers. Donc, nous allons faire est de créer une animation de cadre. Si cela n'apparaît pas, il peut s'agir de créer des calendriers vidéo. Donc, vous cliquez sur cette petite flèche ici, dites « Créer une animation d'image ». Si vous n'avez pas encore le scénario ici, vous pouvez aller à Fenêtre, Montage et il apparaîtra. Créons notre Animation Frame. Nous avons donc créé notre animation de cadre, et il n'y a qu'une seule image jusqu'à présent. Chacun d'entre eux, on va en avoir un tas. Chacun va être une image de l'animation. Nous voulons qu'ils aient chacun l'air différent, fur et à mesure qu'ils passent et tout. Donc, juste pour montrer un peu de ce qu'il s'agit, nous allons créer d'autres images ; images 1, 2, 3, 4 et 5. Quelque chose que nous pouvons faire est que nous pouvons réellement activer et désactiver les couches, la visibilité pour eux ici vers la droite, et cela changera ce que nous voyons dans les cadres. Maintenant, si vous jetez un oeil à ces, nous avons Frame 1, montre le dossier Frame 1, Frame 2, puisque je viens de changer, qui montre la couche Frame 2. Mais si nous revenons à l'image 3, il remonte à l'image 1. Voici une bizarrerie astucieuse de la Timeline qui peut être très frustrante au début si vous n'êtes pas tout à fait sûr de son fonctionnement. Tout ce que vous définissez le premier cadre sera transporté par le reste des cadres. Donc, par exemple, si je devais désactiver l'esquisse dans ce cadre 3, il apparaît dans tous les autres parce que je viens de l'éteindre dans Frame 3. Mais, si j'allais à l'image 1 et éteins la visibilité, cela désactiverait cette visibilité pour tout le truc. Donc, d'abord et avant tout, si vous effectuez une modification à votre animation alors que vous avez la Timeline ouverte et que toutes ces images sont prêtes à l'emploi, vous ne devez pas oublier de travailler sur la première image. Parce que quelque chose d'autre que vous pouvez faire ici si vous voulez, est que vous pouvez réellement mettre en évidence ce dossier, « Appuyez sur V. » On peut bouger ça si on le voulait. C' est une autre façon d'animer si on veut. Ce n'est pas quelque chose que j'aime faire parce que les choses deviennent désordonnées. Parce que maintenant ce dossier Frame 1 est ici dans ce cadre, mais dans la première image, il est toujours là. Cela peut devenir très déroutant et désordonné si vous voulez être précis avec ce que sont vos cadres. Si vous voulez que ce cadre soit exactement déplacé ici, alors ce que vous pouvez toujours faire est de dupliquer votre cadre puis de le faire déplacer. Donc ici, j'en ai deux. Évidemment, ce premier sera situé ici dans ce cadre et donc fondamentalement ce que je dis c'est que vous ne voulez pas déplacer les choses dans les différents cadres à moins d'être complètement positif. Tu sais où tu veux qu'ils aillent. Cela peut devenir assez déroutant, surtout au début. Je l'ai déjà fait par accident et je me suis dit : « Pourquoi est-ce là ? Pourquoi est-ce bizarre, et quand vous dessinez un tas de dessins vraiment compliqués pour une animation image par image, il est vraiment facile de se perdre et donc nous voulons toujours garder choses étiquetées et nous voulons animer des choses une image à la fois . Essayons à nouveau. Nous voulons que ce croquis soit désactivé pour toutes ces images, donc je vais le faire. Nous allons activer et désactiver la visibilité de ces images. Donc, nous allons aller ici, deuxième, désactiver l' image 1, activer l'image 2, et vous allez devoir désactiver l'image 1 pour chacune d'elles. Nous allons désactiver l'image 1, passer à quatre, puis éteindre n'importe quelle image est là et aller à l'image 5. Maintenant, nous avons une animation et il a l'air génial. Vous pouvez tester cela en appuyant sur la barre d'espace et vous verrez exactement à quoi il ressemble, et il a l'air assez bon. Si le tien ne bouge pas comme ça encore et encore, mais vous pouvez le faire en descendant ici et en disant « Pour toujours ». Vous pouvez également l'afficher une seule fois. Vous pouvez l'afficher trois fois si vous voulez obtenir un aperçu de cette façon. Personnellement, je préfère qu'on dise « Pour toujours ». Vous pouvez réellement contrôler la durée de vie de ces images. Sur la dernière image, je vais faire quelque chose comme 0,5 seconde. On verra toute l'animation, puis elle s'arrête. C' est un excellent moyen d'avoir une idée pour votre animation qu'il y a un début solide et qu'il y a une fin solide. Nous pouvons également le faire au début pendant que nous sommes en prévisualisation. Ça a l'air bien. Une dernière astuce que je veux vous montrer avec la chronologie que je trouve extrêmement utile est que vous pouvez réellement copier et coller vos images. Donc, nous pouvons tenir sur le numéro 4, le faire glisser sur le nouveau bouton de cadre et maintenant je le duplique juste à côté de lui. Ceci est le numéro 4, et celui-ci affiche également le numéro de trame 4. Vous pouvez le prendre maintenant et le faire glisser. Nous avons ce cadre dupliqué. Je vais faire la même chose avec le numéro 3. On va faire la même chose avec le numéro 2 et maintenant si on le joue, ça va et vient comme ça. Maintenant, vous trouvez que c'est un peu raide. Donc, je vais en fait changer ça à 0.2. Normalement, j'aime faire en sorte que le reste de ceux-ci soit 0,1 alors assurez-vous que vous allez frapper le numéro 8, maj clic numéro 6, disons 0.1. Quatre Maj clic numéro, celui sera 0,1. Voyons voir à quoi ça ressemble. Ça a l'air très sympa. Maintenant, notre animation de base est terminée. Tout ce que nous avons à faire maintenant est d'ajouter quelques extras amusants pour vraiment le faire pop. 6. Conseil n° 1 : ajouter de la couleur comme un pro: Des extras amusants. Ce que j'aime toujours ajouter à mes animations, c'est bien sûr que nous voulons la colorer. Nous pouvons également ajouter un ombrage, et nous pouvons vouloir ajouter un arrière-plan. Enfin, nous pourrions également ajouter une signature, si nous avons l'impression qu'il s'agit d'une pièce de portefeuille dont nous sommes vraiment fiers et que nous voulons nous assurer que nous avons notre nom dessus. Bien sûr, on peut y mettre notre signature. Commençons. Je vais vous montrer quelques façons différentes de colorer ça. Mais l'un d'eux est un truc que j'utilise tout le temps. Je vais cliquer sur ce calque. Nous allons commander cliquer sur de nouveaux calques pour en créer un sous celui-ci. Ensuite, je vais laisser tomber cette couleur, frapper B, et maintenant on peut la colorer. Mais cela va prendre un certain temps si nous le faisons de cette façon et ce n'est peut-être pas précis. Tout d'abord, assurez-vous de pouvoir zoomer avec votre tapis de souris si vous travaillez sur un ordinateur portable. Ensuite, il y a en fait un truc que j'utilise. En regardant notre outil de brosse ici, il ne fait que 40 et ça ne va pas voler, n'est pas assez grand. Vous pouvez cliquer ici pour le agrandir, ou vous pouvez appuyer quelques fois sur la touche de crochet droite pour agrandir le pinceau. Maintenant, si vous vous demandez pourquoi mon pinceau a l'air un peu funky, c'est parce que c'est un pinceau personnalisé que j'ai créé moi-même. Si vous êtes intéressé à apprendre comment faire ça, faites-le moi savoir. Si nous faisons un zoom arrière, nous pouvons voir que nous avons la première image et ensuite nous retournons à travers. Aucun de ces autres n'est coloré, mais celui-ci restera coloré. C' est une façon de colorier les choses. Je vais te montrer une autre façon maintenant, c'est un peu plus rapide. Pour une animation plus complexe, vous allez probablement ne pas vouloir s'asseoir là et de la couleur dans l'ensemble. Je veux dire, la coloration est relaxante et amusante et j'aime le faire parfois. Mais d'autres fois, vous êtes sur un calendrier et en tant qu'animateur professionnel, vous voulez rationaliser votre processus et rendre les choses aussi efficaces que possible. Une façon de le faire est de créer cette couche en dessous. Nous allons sélectionner ce calque, appuyer sur W pour un outil et cliquer à l'extérieur. moment, nous avons tout sélectionné en dehors de la fleur sucette que nous avons. Maintenant, nous pouvons aller à sélectionner, modifier, développer, je vais étendre le mien environ quatre pixels. Comme vous pouvez le voir, la sélection est maintenant légèrement à l'intérieur du vert. La raison pour laquelle nous faisons cela est parce que lorsque nous sélectionnons l'extérieur, il y a un minuscule petit peu ici qui n'est pas tout à fait sélectionné, donc nous voulons que cette sélection ne soit pas, nous voulons que ce soit une distinction claire entre les à l'intérieur et à l'extérieur de ce que nous avons dessiné. Maintenant, on peut aller à cette couche supplémentaire, cette couche en dessous. Je veux appuyer sur Command Shift I, et cela sélectionnera l'inverse. Initialement, nous avons sélectionné l'extérieur, mais maintenant nous avons l'intérieur. Nous pouvons appuyer sur G pour l'outil de seau clic juste là et il est coloré dans. Maintenant, gardez à l'esprit que si nous rendons cette couche non visible, nous avons réellement coloré dans l'ensemble. Gardez cela à l'esprit qu'il va colorer dans tout ce qui se trouve dans votre calque ici. Une autre raison pour laquelle nous voulons que l'art au trait et la couleur soient séparées est au cas où vous voulez changer la couleur si vous voulez vous frapper et juste changer la couleur de cela, vous ne voulez pas que cela gâche avec le liner que vous avez passé tellement de temps à dessiner et à faire regarder absolument belle. [MUSIQUE]. Ça a l'air bien. Je vais faire le reste pour tous ces types. Nous allons sélectionner, faire que plus et puis Command Shift I G, couleur que dans la belle. Comme vous le voyez comme nous allons le long ici, cela a l'art pour le cadre aussi, c'est aussi coloré ici que vous entrez ici et il est coloré ici. C' est un autre avantage à avoir ce système où vous avez des dossiers et tout. C' est juste un excellent moyen de rester organisé pendant que vous animez dans Photoshop. Maintenant, nous avons toutes nos couches colorées. Ça a l'air merveilleux. C'était la première étape, nous avons tout coloré. Si nous revenons à notre croquis, j'avais de l'herbe que je voulais ajouter ici, mais je ne vais pas le mettre sur les cadres. En fait, la fleur, je peux effondrer ce dossier et maintenant la fleur est sa propre chose. Si nous le voulions, nous pourrions désactiver toute l'animation florale et elle n'est pas là. Alors on pourrait le rallumer et tout va bien. C' est une autre bonne raison de rester organisé car vous pouvez faire quelque chose comme ça où si vous avez un tas de choses animées à l'écran à la fois, et que vous voulez exporter des calques individuels un à la fois, alors vous pouvez simplement désactiver la visibilité de ces couches et de les parcourir une chose à la fois de sorte que lorsque vous les composez ultérieurement dans un logiciel, comme After Effects ou quelque chose, alors ce sera un processus beaucoup plus clair et ce sera le processus d'exportation, sera beaucoup plus rationalisé. [MUSIQUE] 7. Conseil n° 2 : créer un bel arrière-plan: Donc maintenant je vais créer mon arrière-plan, je vais cliquer sur le dossier de commande pour le créer juste sous la fleur, je vais appeler ce BG pour l'arrière-plan et puis nous allons créer une belle, belle couche là-dedans. Je vais sélectionner cette couleur et commencer à dessiner de l'herbe, nous allons en faire environ 40 ou 45, la même taille de pinceau que je dessinais la fleur avec. Donc on va juste dessiner de l'herbe heureuse ici. Peut-être le rythme et une attention particulière pour couvrir le milieu là-bas. Peut-être en ajouter un peu plus, juste en utilisant une variété de hauteurs et de coups de pinceau ici juste pour donner plus de dimension. Ça a l'air plutôt bien. Alors voyons à quoi ça ressemble. Excellent ! Je vais colorer l'herbe un peu plus, je vais créer une autre couche juste au cas où, en fait, je pourrais même faire que ce soit la belle couleur vert clair que nous avons, nous allons colorer ceci en belle et rapide ici, rendre ça belle et rempli afin que nous ayons un peu de quelque chose de plus solide à travailler en termes d'arrière-plan, et puis bien sûr, nous voulons colorier dans un beau ciel. Alors créons une autre couche en dessous de cela et je vais aller avec peut-être une turquoise, sorte de couleur bleue, et nous verrons à quoi ressemble cette couleur turquoise Sea Foam verte. Je pense que ça a l'air plutôt sympa. Cependant, il est en conflit avec la couleur jaune et verte de l'herbe, donc je vais frapper la commande U et nous allons ajuster ce ciel bleu pour qu'il soit un peu plus agréable. Je pense que cela a l'air bien et ensuite je pense que le terrain a besoin d'un peu plus pour lui, donc j'ai quelques façons d'ajuster cela. Je pense que je pourrais déplacer l'herbe vers le bas et la fleur donc je suis en train de sélectionner une fleur, puis appuyer sur Commande, cliquez sur, Commande cliquez pour sélectionner ces, déplacez-le vers le bas, et puis nous avons cette belle animation. Merveilleux ! J'ai l'impression qu'il manque quelque chose, donc je pense que je vais vraiment ajouter quelques nuages ici. Je vais en faire une couleur plus claire et je vais juste ajouter quelques nuages très rapidement. J' ai l'impression que cela pourrait utiliser des nuages au pinceau, gentil et grand et puis je vais dessiner juste quelques bits arrondis et peut-être avoir un fond droit là-bas et puis nous y allons. Ajouter des nuages comme vous le sentez, et cela a l'air bien. Donc, ça va vraiment se réunir. La toute dernière étape avant d'exporter ceci est que nous voulons désactiver cette palette de couleurs, si votre manteau de croquis montrant à travers, bien sûr, vous voulez désactiver ce croquis et l'animation est essentiellement faite. 8. Conseil n° 3 : signer avec style: Si vous vouliez signer votre animation, un endroit idéal pour le faire est juste sur son propre calque juste au-dessus. Je vais aller avec une couleur foncée et rendre mon pinceau joli et petit. Je vais juste le mettre dans le coin par ici. Je vais dire Samc. C' est comme ça que j'aime signer mes affaires. Ensuite, si vous pensez que c'est un peu trop, vous pouvez toujours changer la taille de celui-ci ou vous pouvez aller à votre opacité et changer cela. Ce que j'aime faire ces derniers temps, c'est que j'ai fait mon mode de fusion de couches et de superposition. Bien sûr, il n'a pas l'air dans l'herbe, mais vous pouvez le voir dans le ciel ou dans les nuages, il finit par paraître sacrément bon. Je vais probablement mettre le mien dans le coin, donc c'est hors du chemin, le rendre un peu plus petit, et jetons un coup d'oeil à celui-ci. Ça a l'air très bien. 9. Exporter en tant que GIF animé: Maintenant, pour l'exportation, ce que nous allons vouloir faire c'est si vous voulez exporter ceci en tant que GIF, vous pouvez dire Fichier, Exporter, Enregistrer pour héritage Web. C' est à ça que tout ressemble. C'est votre animation. Vous pouvez l'afficher en cliquant sur Play et vous pouvez voir à quoi il ressemblera. Je pense que ça a l'air génial. Le truc à propos d'Internet, c'est que nous voulons toujours optimiser la taille de nos fichiers. Nous voulons qu'ils soient assez grands pour qu'ils soient beaux, mais assez petits pour qu'ils ne prennent pas beaucoup d'espace en termes de taille de fichier, qui affecterait la vitesse de téléchargement de ce que nous travaillons avec. Nous voulons que notre fichier soit juste de la bonne taille. Nous pouvons vérifier cela en allant à nos couleurs et en choisissant autant de couleurs que vous avez besoin. Je pourrais en choisir huit et techniquement je pense que cela couvrirait probablement. Vous pouvez vérifier si parfois où les couleurs se chevauchent, il peut être un peu pixélisé à cause de cela. Il n'a que huit couleurs à choisir, donc ça va être un peu délicat avec la façon dont il fait les transitions. Pour le mien, je vais y aller avec 16 et vous pouvez voir que c'est beaucoup plus lisse maintenant. Même si on y allait, disons 128, ça aurait l'air encore plus lisse. Mais c'est beaucoup de couleurs et je ne pense pas que mon animation ait nécessairement besoin de toutes ces couleurs, donc je vais aller avec 16. Vous pouvez vous sentir libre d'aller avec toutes les couleurs que vous voulez. Encore une fois, plus il y a de couleurs, plus a de couleurs, moins la taille de votre fichier sera petite. Si vous avez de la transparence, c'est à vous de décider, mais je vais désactiver la transparence. La transparence compte comme une couleur. Gardez ça à l'esprit. Ensuite, la dernière chose à faire attention est la taille. Selon l'endroit où vous mettez votre GIF. Peut-être que vous voulez qu'il soit un grand, beau GIF à 1200 pixels ou quel que soit le nombre de pixels le vôtre ou peut-être que vous voulez qu'il soit plus petit, auquel cas je recommande d'utiliser le pourcentage, pour le faire 50 pour cent. Cependant, j'aime le mien comme il est donc je vais dire un 100 et c'est prêt à partir. C' est à ça que ça ressemble et je suis très heureux avec ça. Je vais sauver et nous allons sauver ça comme, Happy Flower-SAMC. Boom, on y va. On a cette belle animation. 10. Exporter en tant que PNG individuels: Maintenant, sinon, si vous voulez exporter votre animation dans des images individuelles, vous pouvez le faire très facilement. C' est pour que si vous voulez exporter votre animation pour un projet animé qui a beaucoup de calques et que vous vouliez les animer séparément puis les assembler plus tard, alors nous pouvons totalement le faire. Nous allons éteindre ma signature ici. Le but ici est d'avoir tout soit transparent, juste tout ne soit pas visible sauf pour les cadres de ce gars. Nous allons désactiver l'arrière-plan et nous allons nous assurer de désactiver la couche d'arrière-plan par défaut qui apparaît ici. Nous allons éteindre le verrou qu'il vient avec, puis éteindre la visibilité, et voilà. Maintenant, gardez à l'esprit que c'est alors qu'ici, il dit huit images. Les trois derniers sont juste entre les deux pour avoir son cycle à travers le cadre d'origine. Tout ce que nous avons vraiment besoin de faire ici, c'est d'exporter les cadres 1-5. Nous pouvons enregistrer File Export, Quick Export en PNG. Je vais nommer cette fleur-01, et je vais copier la partie fleur, appuyer sur Entrée, dire Sauvegarder. Passons à la deuxième trame, fichier, exportation, un clic Exporter en PNG. Nous allons coller ce que nous avons déjà tapé et ensuite nous pouvons faire 02. C' est mon truc pour exporter rapidement ces gars, et ensuite on va aller fleur-03, et ensuite on va aller à l'exportation de fichiers. Ensuite, nous allons le faire pour tous les cadres ici, et nous allons nous assurer de les mettre tous dans les mêmes dossiers que vous gardez une bonne trace d'eux, 05, boom. Ensuite, nous avons tous nos cadres, je vais séparer et ils sont prêts à aller avec un fond transparent, puis nous pouvons désactiver notre couche de fleurs et aller à l'arrière-plan, puis nous pouvons exporter cet arrière-plan, fleurs-bg pour arrière-plan. Maintenant, nous avons toutes les couches dont nous avons besoin pour les assembler dans certains logiciels si nous choisissons de le faire. Par exemple, après effets est un excellent logiciel pour l'animation. Si vous souhaitez combiner l'animation image par image avec l'animation numérique, vous pouvez simplement déplacer une ou deux images clés au lieu de les dessiner toutes individuellement. Je vous laisse ce que vous voulez faire, et ensuite nous allons parler de notre projet de classe. 11. Vérification et projet du cours: Dans cette classe, nous avons appris à configurer un document Photoshop, esquisser à quoi ressembleront les images, à dessiner les images, les organiser dans la chronologie, puis à exporter ces images sous forme de GIF ou d' images individuelles qui que vous pouvez utiliser dans un futur projet. Maintenant, c'est à ton tour de faire quelque chose. Suivez les étapes fournies dans ce cours, et j'aimerais voir ce que vous faites. Tu peux animer tout ce que tu veux. J' aime toujours recommander de commencer avec quelque chose simple, puis de travailler votre chemin vers le haut de cela. Ça pourrait être une boule rebondissante, ça pourrait être des yeux clignotants, ça pourrait être ce que tu veux. Alors quoi que vous fassiez, assurez-vous de poster cela dans la section projet de cette vidéo. J' aimerais voir ce que vous avez, et si vous voulez, j'aimerais donner des commentaires aussi. Enfin, merci beaucoup d'avoir regardé. Cela signifie beaucoup pour moi que je peux partager ces connaissances avec tout le monde et si vous pouviez me faire une faveur, j'aimerais que vous puissiez m'écrire un avis rapide. Faites-moi savoir comment j'ai fait. Faites-moi savoir ce que les choses ont bien fonctionné pour vous et faites-moi savoir ce que je peux améliorer, pour la prochaine classe. Je suis heureux que nous ayons pu apprendre ensemble et j'ai hâte de voir vos animations dans la section projet.