3 méthodes de création de GIF : les bases d'Adobe Photoshop | Mel Rye | Skillshare
Menu
Recherche

Vitesse de lecture


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

3 méthodes de création de GIF : les bases d'Adobe Photoshop

teacher avatar Mel Rye, ✎ Artist + Educator

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

      2:29

    • 2.

      Projet de classe

      2:21

    • 3.

      Outils et matériel

      1:20

    • 4.

      Esquisse de vos lettres : partie 1

      3:12

    • 5.

      Esquisse de vos lettres : partie 2

      12:14

    • 6.

      Préparer l'animation

      15:56

    • 7.

      Choisir une palette de couleurs

      7:20

    • 8.

      GIF qui change de couleur : partie 1

      13:33

    • 9.

      GIF qui change de couleur : partie 2

      7:18

    • 10.

      GIF avec effet d'oscillation

      9:57

    • 11.

      GIF qui change d'image : partie 1

      5:31

    • 12.

      GIF qui change d'image : partie 2

      9:48

    • 13.

      Bonus : exporter sous forme de . MP4

      5:22

    • 14.

      Réflexions finales

      1:48

  • --
  • 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 840

apprenants

45

projets

À propos de ce cours

Si vous avez toujours vu des GIF et pensé : 

...mais vous ne savez pas par où commencer, alors ce cours est fait pour vous !

L'animation de vos dessins, même d'une manière très simple, peut être un excellent moyen d'attirer l'attention de votre public et d'apporter quelque chose de nouveau à votre portfolio.

Dans ce cours, je vous montrerai comment créer trois types de GIF différents :

  • GIF qui change de couleur : l'image reste statique mais les couleurs changent à chaque trame
  • GIF à effet d'oscillation : l'image reste la même mais un mouvement d'« oscillation » subtil est ajouté
  • GIF qui change d'image : où l'image change à chaque trame 

Ce cours s'adresse aux débutants ou à tous ceux qui souhaitent faire bouger leurs œuvres d'art.

Nous travaillerons à la main sur du papier, puis nous transférerons nos dessins dans Photoshop pour créer les GIF. Toutefois, aucune connaissance préalable de Photoshop n'est nécessaire pour suivre ce cours C'est utile si vous êtes à l'aise avec le dessin, mais ne vous inquiétez pas si vous ne l'êtes pas car je vous donnerai beaucoup d'idées et de modèles pour compléter les parties dessinées du projet de cours.

En plus d'apprendre à créer des GIF, si vous êtes novice en matière de Photoshop, en me suivant, vous acquerrez de nombreuses compétences clés dans ce domaine, notamment comment :

  • numériser vos dessins faits à la main et les nettoyer
  • utiliser les calques
  • sélectionner les parties d'une image
  • remplir, assortir et ajuster les couleurs à l'aide de différentes méthodes

Les compétences que vous allez acquérir dans ce cours peuvent être appliquées à une grande variété de styles d'œuvres d'art et peuvent stimuler plusieurs domaines de votre pratique créative, qu'il s'agisse de créer des campagnes de réseaux sociaux, de mettre en valeur votre site Web, votre bulletin d'information ou vos courriels, ou simplement de les utiliser comme œuvres d'art autonomes

Une fois que vous saurez créer des GIF, vous prendrez beaucoup de plaisir à faire bouger vos œuvres d'art ! Place à l'animation !

Adobe et Photoshop sont des marques déposées ou des marques commerciales d'Adobe aux États-Unis et/ou dans d'autres pays.

Rencontrez votre enseignant·e

Teacher Profile Image

Mel Rye

✎ Artist + Educator

Top Teacher
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 avez toujours vu des GIF et pensé, wow c'est tellement cool, j'aimerais vraiment le faire. Mais vous ne savez pas par où commencer, alors c'est la classe pour vous. Bonjour, je m'appelle Mao et je suis artiste, illustrateur et professeur. Dans cette classe, je vais vous montrer comment faire trois types différents de GIF. Il s'agit du GIF changeant de couleur, du GIF d'effet de vacance et du GIF changeant d'image. Les compétences que vous allez apprendre dans ce cours peuvent être appliquées à un large éventail de styles artistiques et peuvent stimuler de nombreux domaines de votre pratique créative, de la création de campagnes sur les médias sociaux à la création de votre site Web, de votre bulletin d'information, ou les e-mails se démarquent de la foule ou vous pourriez simplement profiter de faire des GIF une œuvre d'art autonome. Animer vos dessins, même d'une manière très simple, peut être un moyen fantastique de stimuler votre engagement, d' attirer plus d'attention sur votre portefeuille et inspirer plus de vie et d'énergie dans vos dessins. Ce cours s'adresse aux débutants ou à toute personne qui aimerait juste penser que les œuvres d'art se déplacent. Nous allons travailler à la main sur du papier, puis prendre nos dessins faits à la main dans Photoshop pour créer des GIF d'art. Mais ne vous inquiétez pas si vous ne savez rien sur Photoshop, je vais passer par toutes les étapes du processus étape par étape. Nous commencerons par remuer vos croquis initiaux, examinant les différents styles de lettrage et la façon dont vous pouvez les adapter avec des illustrations de différentes manières. Je vais vous donner quelques conseils et modèles à utiliser si vous êtes moins confiant retrait. Je vais ensuite vous montrer comment préparer et numériser votre œuvre prête à être animée. Nous allons alors être à la recherche des couleurs, les considérations importantes de l'utilisation des couleurs et des cadeaux , puis nous allons sélectionner quelques palettes de couleurs à utiliser avec vos conceptions GIF. Nous allons ensuite prendre les dessins dans Photoshop et faire notre premier GIF changeant de couleur. Après cela, je vais vous guider à travers comment faire le GIF avec cet effet vacillant distinctif qui peut vraiment rendre vos dessins vivants. Enfin, je vais vous montrer comment faire un GIF changeant d'image, qui peut être vraiment ludique et une façon vraiment fantastique de jouer avec des lettres. Dans la classe, j'ai inclus une leçon bonus vous montrant comment exporter vos GIF sous forme de fichiers MP4. Actuellement, le format GIF n'est pas pris en charge par Instagram. Cette leçon va vous permettre de partager sur cette plateforme. Une fois que vous savez comment créer des GIF, vous allez avoir tellement de plaisir à faire bouger votre œuvre. J' ai hâte de voir ce que tu vas faire. Allons nous animer. 2. PROJET DE CLASSE: Pour vos projets de classe, j'aimerais que vous fassiez une lettre animée, GIF. Illustrer une lettre est vraiment rapide, mais aussi vraiment super efficace. Cela signifie que vous pouvez apprendre toutes les compétences dont vous avez besoin pour créer GIF en très peu de temps. Ensuite, vous prenez ces compétences et les appliquez à toutes sortes d'autres domaines de votre portefeuille créatif. J' ai une passion pour le lettrage original illustratif. C' est quelque chose que j'ai beaucoup retrouvé dans mon propre travail d'illustrateur. J' aime que dans le jeu entre le texte et l'image, et créer quelque chose avec humour ou qui raconte une histoire d'une manière vraiment simple. Il y a quelque temps, j'ai participé à un défi Instagram où vous devez illustrer chaque jour une lettre de l'alphabet. J' ai décidé que je voulais le faire avec des GIF. Je n'ai jamais fait de GIF avant. J' ai fini par faire tout l'alphabet. J' ai été vraiment surpris de voir comment gérable, mais, vraiment, à quel point c'était amusant. J' ai beaucoup appris sur la création de GIF dans le processus et, grâce à cette expérience d'apprentissage, j'applique les principes de fabrication de GIF à beaucoup d'autres secteurs de mon portefeuille. C' est quelque chose que j'espère qu'il gagnera de suivre ce cours. Je vais vous montrer comment obtenir trois effets GIF différents. Il s'agit du GIF changeant de couleur, du GIF d'effet de vacance et du GIF changeant d'image. Vous pouvez choisir le style que vous aimez le mieux ou pourquoi ne pas avoir un aller tous les trois. Le premier GIF changeant de couleur va couvrir la majeure partie du processus de l'épicerie. Une fois que vous avez suivi ce processus avec moi pour le premier style, laissez, en fait, apprendre l'effet de vacance et les GIF changeant d'image vont sembler assez simple parce que vous serez vraiment familier avec certains de ces processus et principes. Une fois que vous avez un niveau élevé, nous obtenons des styles, vous pourriez même décider que vous aimeriez les mélanger. Combiner un GIF changeant de couleur avec un GIF changeant d'image, par exemple. Vraiment, une fois que vous avez appris ces processus, je pense, il pourrait être excité de combien de choses vous pouvez appliquer cela. Lorsque vous terminez ce cours, vous avez au moins un GIF vraiment fantastique que vous pouvez partager sur vos réseaux sociaux, votre site Web, votre blog ou votre signature e-mail. Plus important encore, vous pouvez le télécharger votre projet de classe pour le partager avec notre communauté écossaise. J' ai hâte de voir les images en mouvement que tu vas faire. Commençons. 3. Outils et matériel: Dans cette vidéo, nous allons simplement couvrir les outils et les matériaux dont vous aurez besoin pour créer votre fabuleux projet de classe et créer vos cadeaux animés. Vous n'avez pas vraiment besoin de beaucoup, mais ça vaut la peine d'avoir tout prêt pour que vous puissiez plonger directement et suivre avec moi pendant que nous traversons la classe. Donc, vous allez avoir besoin, une imprimante pour imprimer votre feuille de calcul ou un morceau de papier blanc, crayon et règle pour créer votre propre modèle dessiné à la main si vous n'en avez pas. Vous aurez besoin d'un crayon, d'un caoutchouc, d'un stylo noir. Il est très pratique d'avoir quelques stylos noirs, peut-être un mince et un légèrement plus gros pour vous donner des effets différents. Un morceau de papier calque ou tout simplement un mince papier blanc. Ce peut être juste une ferraille que vous avez couchée autour. Vous aurez besoin d'un scanner ou d'un appareil photo pour importer vos dessins dans Photoshop, et vous aurez besoin de Photoshop. Alors s'il vous plaît allez-y et rassemblez ces documents ensemble. Dans la leçon suivante, nous allons esquisser vos lettres. Nous examinerons des documents de référence et des sources d'inspiration pour vous aider à développer des illustrations intéressantes autour de votre conception de lettre. Nous allons décider quelle lettre vous allez animer et nous allons compléter la feuille de calcul de 10 dessins qui vous permettra de créer les trois styles de cadeaux. Alors quand tu seras prêt, rejoins moi là-bas. 4. Esquisse de vos lettres : partie 1: Super, donc vous avez vos documents ensemble et maintenant vous êtes prêt à commencer à illustrer vos lettres. Dans cette leçon, nous allons examiner différentes ressources pour inspirer vos illustrations de lettres. Nous allons décider de la lettre que vous allez illustrer et nous allons compléter votre feuille de travail de dix dessins, qui constitueront la base de votre GIF animé. Si vous n'avez pas d'imprimante pour imprimer la feuille de calcul, prenez simplement un morceau de papier A4 et dessinez dix boîtes, soit environ six centimètres carrés. D' où puis-je m'inspirer ? Il y a un certain nombre d'endroits. Une des premières choses que je fais toujours est de prendre certains de mes livres de référence que j'ai. C' est un de mes favoris. Il est plein de tonnes de différents types de typographie dessinée à la main. Jetez un coup d'œil à la librairie ou à la bibliothèque locale. Il y a probablement des exemples vraiment amusants là-dedans que vous pourriez juste emprunter. C' est vraiment agréable de pouvoir voir un large éventail de la façon dont les autres artistes abordent le lettrage à la main, peut vraiment susciter des idées intéressantes. Pinterest est aussi l'un de mes endroits préférés pour la recherche, bien qu'il soit vraiment facile de se perdre, j'ai un tableau Pinterest que vous êtes les bienvenus pour jeter un coup d'oeil. J' ai lié dans les ressources du projet de classe et cela peut être un point de départ vraiment utile. Publicité, il y a donc quelques façons fantastiques d'utiliser du texte dans la publicité. Évidemment, il y a une publicité sous forme imprimée, des journaux et des magazines et vraiment génial d'avoir un coup d'oeil. Mais l'une des choses qui est vraiment créative, je pense qu'en termes d'utilisation de formes et de lettrage d'une manière vraiment intéressante est les éléments que vous voyez au début des émissions de télévision. Ces exemples proviennent de la BBC deux au Royaume-Uni. Mais beaucoup de chaînes de télévision auront façons aussi créatives et vraiment variées de communiquer leur identité visuelle comme celle-ci. YouTube peut être un endroit idéal pour regarder des exemples comme celui-ci. Livres pour enfants et animations. Ces deux choses vont de pair. J' aime vraiment utiliser l'humour et les éléments de caractérisation dans beaucoup de mon travail ou des choses un peu ludiques. En fait, les livres pour enfants et les animations pour enfants sont vraiment une source d'inspiration fantastique. Quelle lettre allez-vous animer ? Peut-être que vous voulez animer votre initiale, ou peut-être vous voulez animer quelqu'un d'autre comme initiale. Peut-être que ce sera une lettre qui a un lien pour vous. Peut-être que c'est votre nom d'entreprise, si vous voulez, retrait moins confiant que je recommande vraiment choisir une lettre qui a des bords droits. pensant travailler en majuscules, vous voulez choisir des lettres comme a, h, l, m, n et éviter ces lettres avec des courbes comme, o, p, b, d. courbes peuvent être beaucoup plus difficiles à travailler avec. Cela pourrait vraiment vous aider à suivre mes exemples pendant que nous traversons la classe. Je vais utiliser la lettre H. Si vous n'êtes pas vraiment sûr de la lettre que vous voulez faire, mais que vous voulez suivre certains de mes exemples alors, pourquoi ne pas aller avec H ? Joignez-vous à moi dans la deuxième partie de cette leçon pour compléter votre feuille de travail de dix dessins. Je te verrai là-bas. 5. Esquisse de vos lettres : partie 2: Comme nous commençons maintenant vos 10 dessins sentent des lettres, il y a deux règles que vous devez garder à l'esprit pour obtenir les meilleurs résultats possibles. Vos dessins de lettres doivent avoir une ligne continue et ininterrompue tout autour de l'extérieur. Cela va rendre notre vie beaucoup plus facile plus tard dans Photoshop et ils ne devraient pas toucher les bords des boîtes de votre feuille de calcul. Dessiner un est en fait le modèle pour toutes les autres lettres. Je recommande que pour en dessiner un, nous gardons effectivement ce dessin très, très simple et je recommande d'utiliser une police sans serif. Sans serif veut juste dire qu'il n'a pas ces bouts en haut et en bas. Par exemple, Times New Roman est une police de caractères serif avec des petits morceaux incrustés sur les extrémités, mais quelque chose comme Arial est une police sans serif, donc c'est un peu plus simple. La raison en est que si vous faites un dessin vraiment compliqué, cela ne vous donnera pas autant de flexibilité pour les autres dessins. En dessinant un, je vais faire un H. si l'idée de dessiner une lettre te remplit de peur. Dans les ressources de projet de classe, il y a un modèle avec quelques lettres dessus, et ce sont juste la bonne taille pour tenir dans vos boîtes. Si vous préférez tracer une lettre plutôt que de tracer une ligne, vous pouvez l'utiliser. Je vais juste dessiner dans la première case, la lettre H. Vous ne voulez pas la dessiner pour qu'elle touche les bords parce que ça ne va pas vous donner beaucoup de place pour jouer avec le design plus tard. Vous voulez un peu d'espace autour, mais vous le voulez assez grand dans cette boîte. Quelque chose autour de ça. Quelque chose que je vais faire maintenant qui va m'aider avec le reste de mes dessins est en fait tracer cette lettre sur mon papier mince ou mon papier transparent. Je vais juste mettre un morceau de papier vierge sous ma feuille de travail qui va m'aider à voir ce tracé si je n'utilise pas une boîte lumineuse. Commençons maintenant avec le dessin deux. Nous allons en fait répéter le dessin deux fois parce que dessin deux va former à la fois notre GIF changeant de couleur, il dit ici sur le dessus de la feuille le GIF changeant de couleur et le GIF effet vacillant. Pour l'effet de vacance GIF, nous devons faire le même dessin cinq fois. Dans ces cinq boîtes, deux, trois , quatre, cinq et six, ça va être le même design. J' ai décidé pour mon GIF à effet changeant de couleur et vacillant que je voudrais utiliser l'inspiration de la couverture de mon livre de typographie dessiné à la main. J' aime cette utilisation de crayons pour créer les lettres. Pendant que nous discutons de l'inspiration, il y a une autre feuille d'aide que j'ai fournie dans les ressources du projet de classe. Juste pour vous donner un peu d'aide si vous n'êtes pas vraiment sûr de quoi faire de votre lettre dans chacun des 10 dessins. Ce sont des choses courantes que j'ai vu faire avec le lettrage à la main de beaucoup de façons différentes. Vous pourriez faire croire à votre lettre qu'elle est en perspective, lui donner une bordure décorative, faire croire qu'elle est faite d'objets. Remplissez-le de motifs, donnez-lui l'impression qu'il est fait d'une texture vraiment intéressante comme bulles, des cheveux ou de la gelée ou caractérisez votre lettre. Je vais d'abord au crayon, créer mon premier dessin. Je suis assez content de ça. C' est ma première version de ce dessin. Je vais répéter ça encore quatre fois. En dessinant trois, quatre, cinq et six, nous allons avoir exactement le même signe que dans le dessin deux. C' est là que votre papier transparent arrive à nouveau. Nous y sommes. Nous avons nos cinq premiers dessins en ébauche afin que nous puissions maintenant faire nos deux premiers effets GIF, le GIF changeant de couleur et le GIF effet vacillant, je vais utiliser ces dessins. Pour le dessin sept, j'ai pensé à faire quelque chose peut-être inspiré par des illustrations de livres pour enfants que j'ai regardé d'animaux en forme assez boxy. Je vais utiliser à nouveau mon modèle de lettre de base, pour faire un peu d'esquisse. Si vous allez caractériser votre lettre, cela peut aider à penser aux jambes en premier. Dans le cas d'un H, j'ai beaucoup de chance parce qu' il y a deux membres comme des bits qui touchent le sol. Je peux les utiliser comme deux pattes ou les diviser en quatre pour faire un animal à quatre pattes tout en conservant la forme globale de la lettre. Une sorte de queue drôle. Il y a une sorte d'animal confectionné. Il a quelque part entre peut-être un cheval, une girafe et un chien que vous pouvez faire ce que vous voulez avec ces dessins. C' est ce qui est si amusant à utiliser des lettres, c'est qu' il peut vraiment vous pousser à créer quelque chose d'un peu inhabituel lorsque vous travaillez avec ce genre de base qui vous donne ce peu restreint, bref d'une certaine manière parce que vous avoir à penser à quelque chose qui correspond à cette forme. Cela peut vous pousser à trouver des choses vraiment créatives. Pour ma prochaine lettre, dessin huit, je pense à ces éléments que je regardais plus tôt, j'ai beaucoup aimé comment ils ont vraiment joué avec matériaux et la texture dans beaucoup d'entre eux dans ce que la lettre a été faite. Je vais rendre mon H poilu dans celui-ci. Je vais le faire très grossièrement, et quand je le ferai au stylo, je le ferai un peu plus soigneusement. Pour mon dessin neuf, je voudrais faire quelque chose de tout à fait basé sur des motifs. J' ai vu des choses vraiment sympa sur Pinterest où ils utilisent des motifs en lettres. Il y a quelques exemples de juste utiliser le motif partout sur ma feuille d'aide, mais je pense que ce que je vais faire avec celui-ci est de le diviser en bandes presque. Encore un dessin à faire. Pour le dessin 10, je vais faire quelque chose de très simple. Je vais ajouter des bordures pour le rendre un peu plus intéressant. J' ai fait de ma lettre une police serif maintenant d'une police sans serif. Ensuite, je vais ajouter des bordures pour que ça se sente un peu plus chic. J' ai la base de mes différentes lettres maintenant. Vous pourriez alors revisiter et penser, est-ce que je veux faire quelque chose d'un peu plus à certains d'entre eux ? J' ai l'impression, par exemple, mon dessin neuf qui est fait de modèle a besoin de quelque chose de plus. Peut-être que je vais aussi faire un peu de perspective. Je vais juste ajouter quelques petites lignes ici pour le faire. Vous pouvez être vraiment ludique avec vos dessins. Ajoutez plus de fonctionnalités ou combinez des traitements de lettres différents pour obtenir un ensemble d'illustrations que vous vous sentez vraiment satisfait. On y va. J'ai mes 10 dessins. Je suis heureux avec eux tous. J' ai assez de dessins ici pour créer les trois styles GIF. Ce que je dois faire maintenant, ils sont tous au crayon, j'ai besoin de travailler avec un stylo sur le dessus. J' ai deux épaisseurs de stylo ici, une épaisse Sharpie et une fine doublure. Je vais utiliser une combinaison de ceux-ci pour donner un peu de variation à travers mes dessins afin qu'ils sentent que je suis un peu différent. J' aime rendre mes GIF changeants de couleur et vacillants assez simples. J' utilise le stylo plus épais pour ces dessins, puis nous allons utiliser une combinaison d'un stylo plus fin avec un stylo plus épais dans l'image changeant les dessins GIF. En dessinant huit, celui que je fais paraître poilu, c'est celui où il peut être beaucoup plus difficile d'essayer de s'assurer qu'il y a une ligne continue tout autour de l'extérieur de la lettre. Si vous voulez faire quelque chose où vous ne pouvez vraiment pas avoir une ligne continue autour de l'extérieur de votre lettre, je vais vous montrer comment vous pouvez contourner cela lorsque nous serons dans Photoshop plus tard. Mais dans le but de me faciliter la vie, je vais continuer à ajouter de plus en plus de cheveux à l'extérieur pour qu'ils soient beaux et poilus, et quand j'en ai assez, je pense que ça ne sera pas vraiment très perceptible. Je vais exécuter mon stylo dans une ligne continue tout autour des cheveux, sorte qu'il crée une limite pour quand nous utilisons plus tard Photoshop. Il va être un peu plus facile de sélectionner l'intérieur de la lettre et l'extérieur de la lettre si elles sont jointes. J' ai maintenant encré mes lettres, je vais la laisser pendant environ 30 secondes et ensuite je vais frotter toutes ces marques de crayon vraiment, vraiment soigneusement. Une fois que vous avez fait votre frottement et vous êtes débarrassé de vos marques de crayon, regardez de plus près vos dessins et vérifiez les écarts de ligne que vous pourriez avoir. Vous pouvez voir que j'en ai un ici. Fondamentalement, un écart de ligne est juste là où votre ligne ne correspond pas à la ligne suivante. Il y a un petit écart là-dedans et cela va nous donner un peu plus de travail à faire dans Photoshop plus tard. Je vais fermer ça. Vérifiez tous vos autres dessins pour vous assurer qu'ils sont entièrement enfermés autour des bords. Astuce, si vous passez du temps maintenant à nettoyer vos dessins, rendre votre feuille de travail de dessins vraiment propre et à fermer ces espaces de ligne, à enlever les lignes de crayon, ça va vous faire gagner beaucoup de temps plus tard dans de tels plans, il vaut donc la peine de passer du temps à ce sujet maintenant. Maintenant, c'est à toi. Il est temps pour vous de compléter vos 10 dessins sur votre feuille de calcul. J' ai vraiment hâte de voir ce que vous allez illustrer. J' espère que tu t'es amusé à jouer avec tes grosses et funky lettres. J' ai hâte de voir comment vous avez rendu cette lettre différente dans tous vos dessins. Dans la prochaine classe, nous allons numériser vos feuilles de calcul, prendre votre appareil photo ou votre scanner et me joindre à la prochaine leçon. 6. Préparer l'animation: Fantastique. Nous avons maintenant nos illustrations prêtes à prendre dans Photoshop et à animer. Dans cette leçon, nous allons numériser votre travail dessiné à la main afin que nous puissions vraiment travailler avec cela dans Photoshop. Tout d'abord, vous devez numériser idéalement dans votre feuille de calcul. Si vous n'avez pas de scanner, vous pouvez le photographier et vous voulez numériser dans votre feuille de calcul à 300 DPI pour vous assurer qu'il est agréable et haute résolution. Si vous ne savez pas comment numériser ou photographier votre feuille de calcul avec succès, vous pouvez vous référer à mon autre classe, Photoshop Basics : Creating a Simple Color Separation. Dans une leçon intitulée Numériser votre conception, je passe en revue les meilleures pratiques pour numériser ou photographier votre travail. J' ai maintenant cette sélection. Je vais juste utiliser Scan. Ma numérisation est ici sur mon bureau et je vais juste l'ouvrir avec Photoshop. Je viens de le faire en cliquant tout en maintenant la touche de contrôle enfoncée. Voilà ma feuille de travail. Lorsque nous passons en revue certains éléments de Photoshop, j'utilise un Mac, donc parfois je peux me référer à la touche Commande et à la touche Commande située à côté de la barre d'espace. Si vous travaillez sur un PC, changez la touche Commande en Contrôle et ces raccourcis sont généralement les mêmes. Nous avons une belle balayage de notre feuille de calcul et la première chose que nous allons faire est juste de l'égayer un peu. Aller à Image, Réglages et Luminosité et contraste. Une astuce en haut, il y a une boîte dans cette petite boîte pop-up qui indique Utiliser l'héritage, et si vous cochez cette case avant de changer votre luminosité et votre contraste, cela vous donnera un meilleur résultat. Je vais vous montrer la différence si vous ne le cochez pas, et on amène la luminosité et le contraste, ça va vraiment laver votre dessin. Donc je vais juste annuler ça, et voir ce qui se passe. Lorsque nous cochons la case, il s'agit d'utiliser l'héritage. Cela va vous donner un meilleur résultat de travailler avec une image en noir et blanc, donc il vaut la peine de cocher cette case avant de changer quoi que ce soit dans votre fenêtre de luminosité et de contraste. C' est assez haut. Je vais l'enlever. Je ne veux pas trop déformer mon image. Normalement, je trouve les chiffres environ 20 pour la luminosité et environ 30 pour le contraste fonctionnent assez bien pour moi dans mon scanner particulier. Ça pourrait être différent pour toi. Si vous avez photographié votre travail, vous pourriez avoir besoin de jouer un peu plus avec ceux-ci. Ce que nous visons, c'est un beau fond blanc et de jolies lignes noires sur vos dessins. Si vous débutez dans Photoshop, vous ne connaîtrez pas nécessairement votre espace de travail ici. Nous avons, ici à gauche, ce sont des barres d'outils. Voici quelques-uns des outils que nous allons utiliser. Il nous manque, pour le moment, notre fenêtre Layers sur le côté droit. Si votre Photoshop est ouvert sans lui comme le mien l'a fait, si vous allez simplement dans votre menu Fenêtre, cliquez simplement sur Calques, alors votre fenêtre Calques devrait apparaître. Cela va être très important tout au long de la classe que vous avez toujours ceci dans votre espace de travail. Un mot sur les calques. Les calques sont un aspect vraiment intrinsèque du travail dans Photoshop. Travailler dans des couches est vraiment important car tout ce qui se trouve sur un autre calque peut être modifié indépendamment des autres calques. Cela rend vraiment facile de changer des parties d'une image sans en détruire le reste afin que vous n'ayez pas à revenir en arrière et recommencer. C' est l'une des grandes choses de Photoshop. Si vos dessins ne semblent pas nécessairement vraiment sombres, vous pouvez dupliquer vos calques de sorte que vous ayez deux couches de votre feuille de calcul. Si vous pouviez simplement aller à ces petites lignes en haut de votre fenêtre Calques et cliquer sur Dupliquer le calque, cela va faire de vous un calque appelé Copie d'arrière-plan. Pour le moment, ça ne sera pas différent. La raison en est que ces deux couches sont actuellement en mode normal. Cette liste déroulante ici est normale. Si vous imaginez que le mode normal est un peu comme votre feuille de calcul est imprimé sur un morceau de papier blanc, et donc vous avez deux couches de mode normal là-bas. C' est comme un morceau de papier avec votre feuille de calcul dessus d'un autre morceau de papier avec votre feuille de calcul dessus. Maintenant, si nous changeons le mode Calque de cette feuille supérieure en mode Multiplier, il va en fait créer un effet plus comme il est imprimé sur une feuille de verre. Donc, les lignes sont là, mais pas le papier. Si je désactive ce calque, vous pouvez voir que c'est avec un seul calque d'arrière-plan, et c'est avec les deux calques et vous pouvez voir la différence que cela fait. Je vais juste zoomer pour que nous puissions voir nos dessins en gros plan. Je fais un zoom avant si vous maintenez simplement la touche Commande plus pour zoomer et Commande moins zoomera. C' est avec mes deux couches ensemble et une couche ensemble. Vous pouvez voir la différence est beaucoup plus forte noir avec les deux couches. Je veux en fait que cela ne soit qu'une seule couche, donc ce que je veux faire est en fait fusionner mes couches ensemble. Il y a plus d'une façon de le faire. Si vous accédez à votre menu Calque en haut de l'écran, vous pouvez dire Fusionner vers le bas ou Fusionner Visible, car vous n'avez que deux calques qui sont actuellement visibles. Maintenant, nous allons utiliser Merge Down, et nous allons l'utiliser un peu à travers la classe. Vous pouvez voir sur le côté droit du menu ici, il y a le symbole là Commande E, et c'est le raccourci clavier à fusionner et il est assez pratique de connaître certains des raccourcis que vous allez utiliser souvent parce que cela fait que tout se sent un peu plus naturel. Cette fois, nous allons utiliser le menu pour le faire, mais quand nous le ferons la prochaine fois, nous pourrions utiliser le raccourci. Je vais appuyer sur Fusionner vers le bas et vous verrez que maintenant nos calques ont fusionné en un seul calque d'arrière-plan. À ce stade, il peut être vraiment utile de supprimer la couleur de notre image, et vous pensez probablement, mais c'est une image en noir et blanc, ce qui est absolument. Mais si nous zoomons de très près, quand vous commencez à regarder les pixels, je vais juste obtenir mon sélecteur de couleurs ici. Chaque fois que je clique, il vous montrera quelle couleur les pixels sont dans cette fenêtre. Tu vois qu'il y a de l'orange, brun, du violet. C' est en fait un bon nombre de couleurs, même si elles semblent toutes noires. Pour supprimer la couleur, si vous appuyez simplement sur Commande U sur votre clavier, il vous apportera cette boîte, qui est une boîte à changement de teinte et de saturation. Si vous prenez simplement le curseur de saturation et le ramenez jusqu'à moins 100, cela va éliminer toute la saturation de votre image. Maintenant, nous avons juste noir, blanc et différentes nuances de gris dans notre image. Nous allons maintenant supprimer l'arrière-plan blanc afin que vos dessins soient sur un arrière-plan transparent. Ceci est vraiment utile parce que nous ne voulons pas ramasser pixels errants autour du bord de vos lignes dessinées, ce qui peut les rendre flous, en particulier lorsque nous les transformons en GIF. Je vais vous montrer une méthode qui consiste à faire un masque de couche. Il y a beaucoup de méthodes différentes pour rendre votre arrière-plan transparent avec vos dessins et si vous avez votre propre méthode préférée, alors allez-y et utilisez cela. Je vais juste vous montrer cette méthode que je pense est une très bonne façon de le faire. abord, nous allons sélectionner tout et la façon la plus simple de le faire est juste de, sur votre clavier, appuyer sur la commande A, et cela va vous donner la marche et la ligne pointillée tout autour de l'extérieur. Ensuite, nous allons copier la commande C, puis nous allons créer une nouvelle couche. Si vous allez à nouveau dans votre fenêtre Calques, comme nous l'avons fait auparavant, au lieu des doublons dans le calque, nous allons simplement aller, Nouveau calque. Dis juste d'accord. Maintenant, nous allons réellement supprimer notre couche d'arrière-plan. Vous pouvez simplement le mettre en surbrillance et le faire glisser dans la corbeille, et il est parti. Nous allons maintenant remplir notre nouvelle couche en noir. Si vous allez simplement dans le menu Edition, allez dans Remplir, puis dans la liste déroulante ici, assurez-vous que Noir est sélectionné et que l'opacité est 100 % et sélectionnez OK. Nous allons ajouter un masque de calque en sélectionnant simplement ce petit rectangle avec un cercle en bas de votre fenêtre Calques. Notre masque est apparu ici sur notre couche comme la boîte blanche. Maintenant, maintenez la touche Alt enfoncée de votre clavier et cliquez sur le rectangle blanc, sélectionnez ce masque. Maintenant, nous allons coller, donc sur votre clavier, appuyez sur la commande V. Maintenant, nous allons inverser ça. Donc on va faire le blanc noir et le noir blanc. Appuyez sur la commande I. Maintenant, cliquez sur le calque, qui est le rectangle noir dans votre fenêtre Calques, puis cliquez à nouveau sur le masque. Ensuite, nous allons supprimer le masque simplement en cliquant sur la corbeille en bas de votre fenêtre Calques. Lorsque vous faites cela, il vous invite à demander si vous souhaitez appliquer le masque au calque avant de le supprimer. Il suffit de cliquer sur Appliquer, et c'est tout, vous avez maintenant rendu votre arrière-plan transparent. Je vais juste zoomer pour qu'on puisse regarder de plus près. Je suis vraiment content de ça. Cette méthode d'utilisation du masque de calque est vraiment efficace pour saisir uniquement les parties dessinées de votre feuille de calcul. Parfois, lorsque vous utilisez l'un des outils de sélection comme les outils magiques, ou une autre méthode pour sélectionner le calque blanc et le supprimer. Parfois, vous obtenez ce fantôme autour de vos dessins où vous obtenez quelques pixels gris et blanc sur le bord même et vous ne l'obtenez pas avec cette méthode, c'est pourquoi j'aime vraiment cette méthode. C' est un peu plus que d'utiliser les étapes magiques, mais je pense que ça vaut vraiment la peine. Maintenant, au cours de ce processus, vous avez peut-être découvert que vos dessins sont devenus plus légers, il est très probable qu'ils ont l'air un peu gris maintenant. Nous pouvons simplement répéter ce que nous avons fait plus tôt en dupliquant la couche. Si vous accédez à nouveau à votre fenêtre Calques, cliquez sur ces lignes en haut, puis sélectionnez Dupliquer le calque et OK. Vous n'avez pas vraiment besoin de faire ce mode multiplier car il est déjà transparent, vous remarquerez probablement que dès que le calque est apparu, ces lignes sont devenues plus sombres. Zoom avant pour avoir un autre regard. Ça a l'air vraiment beau et sombre maintenant. Vous pouvez voir la différence avec un seul calque. C' est l'effet et avec la couche dupliquée, c'est une très belle ligne noire sombre. Je suis vraiment content de ça. Nous utiliserons notre raccourci cette fois pour fusionner ces calques. Nous allons frapper sur notre clavier Commande E. Juste un conseil sur l'utilisation de la Commande E. Remember Command E est fusionner, donc cela ne fonctionne que comme vous l'avez prévu si vous êtes au sommet des deux couches que vous avez l'intention de fusionner. Il fusionne du calque supérieur vers le calque situé en dessous. Notre feuille de travail est vraiment, vraiment agréable maintenant, des lignes noires très fortes, pas de fond. Ce que nous pouvons faire maintenant est dans votre barre d'outils, sur le côté gauche, vous pouvez sélectionner le caoutchouc si vous le souhaitez. Nous pouvons simplement zoomer et ranger tous les petits morceaux errants sur les bords de vos dessins si vous avez des petites marques que vous avez oubliées quand vous étiez en train de frotter ou parfois vous pouvez ramasser des petits morceaux de peluches sur la vitre de votre scanner. Comme vous utilisez le caoutchouc, pointe supérieure pour vous, si vous voulez agrandir votre caoutchouc, utilisant les crochets, sorte que le support carré de droite rendra votre caoutchouc plus grand, et le côté gauche support carré rendra votre caoutchouc plus petit. C' est juste pour vous faire gagner du temps au lieu d'aller à la taille de la brosse en haut, vous pouvez simplement utiliser ces touches de support. J' ai nettoyé ma feuille de calcul avec mon caoutchouc et maintenant je suis prêt à la sauvegarder. Allez simplement dans Fichier et Enregistrer sous. Nous allons enregistrer deux versions de votre feuille de calcul. abord, nous allons laisser le format dans cette liste déroulante en tant que document Photoshop, ce qui signifie qu'il va conserver le calque transparent. Si nous l'enregistrons ensuite comme un JPEG, il va en fait remettre ce fond blanc dans. abord, nous allons l'enregistrer en tant que document Photoshop, il suffit de cliquer sur Enregistrer et OK. Ensuite, nous allons dans Fichier et Enregistrer sous. Ensuite, nous allons changer le nom pour Worksheet juste parce que je l'enregistre sur mon bureau et j'ai déjà eu le scan original là-bas en tant que JPEG et ce sera aussi un JPEG. Donc on doit lui donner un nouveau nom et Save and Ok. Vous voyez comment il suffit de replacer ce fond blanc. Vous pouvez voir sur mon bureau que j'ai mon scan comme un fichier PSD qui a le neuvième arrière-plan transparent, c'est ce que nous allons utiliser. J' ai aussi le scan original. Cela ressemblerait à quoi qu'il soit venu dans votre scanner ou appareil photo et vous pouvez voir comme une comparaison, ce que nous venons de faire pour le préparer à être animé. Vous pouvez voir la différence dans la façon dont le blanc est et comment le noir est, nous avons un contraste beaucoup plus fort. En outre, l'autre raison pour laquelle je voulais que vous l'enregistriez en tant que fichier JPEG est sorte qu'il est maintenant temps que vous pouvez démarrer votre projet de classe. S' il vous plaît allez-y et commencez votre projet de classe. J' adorerais voir vos dessins originaux, c'est toujours très amusant de voir le processus au fur et à mesure. Une fois que vous êtes heureux que votre feuille de calcul ait été vraiment agréable et nettoyée et que vous avez des lignes noires très fortes, vous êtes prêt à faire votre premier GIF. Mais d'abord, nous allons simplement parler palettes de couleurs parce que les couleurs que vous choisissez de créer avec votre GIF ont un impact vraiment important sur l'humeur, le ton et le style de celui-ci. Dans la leçon suivante, nous allons examiner les palettes de couleurs et avoir comment choisir des couleurs réussies à utiliser dans vos designs GIF. Alors je te verrai là-bas. 7. Choisir une palette de couleurs: Il est vraiment important que nous réfléchissions soigneusement aux couleurs que nous choisissons pour votre GIF, ce qu'ils disent de vous et à la façon de les choisir. abord, un peu d'informations techniques sur les GIFT et comment cela affecte la couleur. Techniquement, vous pouvez créer vos GIF avec jusqu'à 256 couleurs. Maintenant, cela semble beaucoup, mais en fait ce n'est pas le cas. Combien de couleurs imaginez-vous qu'il y a dans un seul de nos dessins au trait noir et blanc après qu'il a été désaturé et nettoyé ? Il y en a plus de 256. Une fois que vous commencez à ajouter plus de couleurs, le nombre augmente. Les fichiers GIF sont conçus pour être des animations légères avec une taille de fichier faible, c'est pourquoi ils fonctionnent parfaitement. Mais cela signifie qu'ils sont très compressés. Lorsque vous ajoutez plus de couleurs, vous pouvez commencer à obtenir un peu de distorsion dans votre GIF final. Ceci est particulièrement visible si vous deviez utiliser des photos ou numériser des textures dans vos GIF car elles contiennent tant de couleurs différentes. Nous travaillons avec des couleurs Photoshop plates pour votre projet de classe, ce qui va empêcher toute distorsion dans nos GIF finis. Mais c'est quelque chose à garder à l'esprit si vous commencez à créer des GIF dans d'autres domaines de votre travail. Dans notre GIF changeant de couleur, le changement de couleur est ce qui le distingue. C' est le GIF avec les couleurs les plus différentes. Je recommande que chaque cadre ait seulement trois couleurs, une pour l'arrière-plan, une pour la lettre, et une pour le travail de ligne. Plus de trois couleurs par image, peut être un peu accablant une fois que les couleurs changent ensuite dans chacun de vos cadres. Techniquement pour ce GIF, vous pourriez avoir trois couleurs par cadre et cinq cadres, ce qui vous permet d'avoir jusqu'à 15 couleurs dans cette palette. 15 couleurs, c'est beaucoup, et si elles sont toutes différentes, ça va vous donner un effet assez fou. Une fois qu'il est animé, vous pouvez vraiment aimer que si cela convient à votre style, mais je recommande d'utiliser une palette de cinq couleurs pour ce GIF. Cinq couleurs dans cette palette de couleurs signifieront que vous utiliserez la même couleur trois fois sur l'animation. Dans un cadre pour l'arrière-plan, un pour le dessin au trait et un pour la dernière base. Cela signifie également que deux images à côté de l' autre partageront au moins une couleur en commun, ce qui peut donner une très belle continuité. Dans notre GIF tortueux, la simplicité de la palette de couleurs est essentielle car le mouvement de l'image est si subtil qu'il vacille doucement. Les couleurs pour l'arrière-plan de travail de ligne et la base de lettre, doivent être les mêmes dans les cinq cadres. Les blancs peuvent également travailler très bien dans ce GIF, soit en arrière-plan ou dans la lettre, comme le peut laisser l'arrière-plan transparent. Il peut également être étonnamment impactant, laissé comme une palette de couleurs monochromatiques. Pour ce GIF, je recommande entre une et cinq couleurs. peut s'agir de couleurs que vous avez déjà sélectionnées dans votre première palette de couleurs Ilpeut s'agir de couleurs que vous avez déjà sélectionnées dans votre première palette de couleurs ou d'un nouveau mélange si vous allez créer plus d'un des styles GIF. Pour l'image finale changeant GIF, comme il y a tellement de changements visuellement, je recommande une palette de couleurs plus limitée de une à quatre couleurs. Changer radicalement les couleurs et changer radicalement les images peut être un peu beaucoup. Où trouver l'inspiration pour des palettes de couleurs réussies ? Vous avez peut-être déjà une palette de couleurs si vous avez un logo de site Web ou une image de marque. Vous pourriez avoir un travail existant où vous aimez vraiment les couleurs que vous avez utilisées. Il peut être vraiment amusant de revoir une palette de couleurs que vous avez déjà. Avez-vous une couleur préférée ? Pensez à la façon dont vous avez décoré votre maison ou votre espace de travail et regardez dans votre garde-robe pour voir quelles couleurs apparaissent beaucoup, vous pourriez être surpris. Vous pouvez créer une palette entière à partir de cette seule couleur. Une bonne façon de le faire est de trouver cette couleur dans Photoshop, puis appuyez sur la commande U qui va vous donner une boîte qui apparaît où vous pouvez changer la teinte, la saturation et la légèreté. Changer les trois peut être un peu trop de variation, mais si vous gardez simplement la saturation et la légèreté la même, changez simplement la teinte. Vous obtiendrez un spectre de couleurs qui partagent une valeur tonale similaire à votre première couleur. C' est une technique que j'utilise beaucoup dans mon propre travail d'illustration. Je vais trouver un morceau de papier que j'aime la texture et la couleur de, le scanner et ensuite j'utilise Photoshop pour changer la teinte tout en gardant cette saturation et cette légèreté la même. Cela me donne une palette de couleurs fantastique qui peut être très variée. Pourtant, toutes ces couleurs semblent aller très bien ensemble. L' extraction de palettes de couleurs à partir de photographies est un moyen très populaire de faire des palettes de couleurs. Il y a tellement de couleurs présentes dans une photographie, et vous pouvez généralement dire que si vous le souhaitez, la sensation générale d'une photographie, vous aimerez probablement la palette de couleurs qui en découle. Vous pourriez avoir une photo préférée ou vous pourriez trouver quelque chose en ligne. Pinterest à nouveau, est toujours un endroit vraiment fantastique pour chercher de l'inspiration. Il ne doit pas nécessairement être une photographie, il peut être une illustration, par exemple, suffit d'utiliser l'outil de sélection de couleurs, trouver une couleur que vous aimez, et ensuite vous pouvez simplement mettre quelques taches en utilisant le pinceau sur le bord de votre photo . Maintenant, vous avez une palette de couleurs, il y a des tonnes de palette de couleurs qui génèrent des sites Web, des applications et des bits de logiciels que vous pouvez utiliser pour générer des palettes de couleurs pour vous. Par exemple, Adobe color est une excellente ressource pour créer vos palettes de couleurs. J' aime aussi [inaudible], mais vous pourriez avoir préféré le site ou l'application que vous aimez utiliser. Même Google recherche palettes de couleurs va vous donner des résultats que vous pourriez aimer. Que communiquent ces palettes de couleurs ? Il est probable que vous serez naturellement attiré par des palettes de couleur qui conviennent à votre personnalité, votre travail et à votre marque si vous en avez une. Mais pensez simplement à savoir si les palettes de couleurs que vous avez choisies se trouvent bien avec cela. Par exemple, les couleurs sourdes dans une palette harmonieuse véhiculent une atmosphère plus mature et sophistiquée. Alors qu'une palette vibrante de contraste dans les couleurs communiquera un look plus jeune et funky. Avoir un instantané numérique de vos palettes de couleurs va être très utile pour nous dans Photoshop. Cela va économiser beaucoup de devinettes quand vous choisissez les couleurs. Si vous êtes sur un Mac, prenez une capture d'écran à l'aide de la commande des boutons décaler et tomber sur vos claviers ou si vous travaillez à partir de quelque chose qui est un objet réel, vous pouvez prendre une photo de celui-ci ou vous pouvez imprimer l'écran sur un PC. Nous pouvons ensuite ouvrir cette photo ou cette capture d'écran dans Photoshop lorsque nous créons votre GIF et utiliser les informations de couleur directement à partir de celui-ci. Maintenant, c'est à vous qu'il est temps de trouver vos palettes de couleurs. Pour récapituler, vous pouvez utiliser au moins une couleur jusqu'à un maximum de 15 couleurs dans votre GIF changeant de couleur. Mais je recommande d'utiliser en fait pas plus de cinq couleurs dans un GIF. Prenez des photos ou des captures d'écran de votre palette de couleurs afin que vous les ayez numériquement et que nous puissions ouvrir dans Photoshop au fur et à mesure que nous créons nos GIF. J' espère que cette leçon vous a aidé à trouver une palette de couleurs dont vous vous sentez vraiment excité. Vous avez hâte de commencer à créer ces GIF. Maintenant que nous avons votre palette de couleurs et que nous avons tous vos dessins prêts à animer, nous pouvons commencer directement à faire votre premier GIF. Allons-y. 8. GIF qui change de couleur : partie 1: Dans cette leçon, je vais vous expliquer comment faire un fabuleux GIF changeant de couleur. Nous avons notre beau travail nettoyé à ouvrir dans Photoshop et nous sommes prêts à commencer à faire notre GIF changeant de couleur. J' ai une capture d'écran enregistrée sur mon bureau qui contient ma palette de couleurs pour ce GIF particulier, donc nous sommes prêts à partir. Sur votre feuille de calcul, vous avez le même dessin dessiné cinq fois. Il y en a peut-être un que tu aimes plus que les autres, même s'ils sont pareils. Choisissez celui que vous allez utiliser pour votre GIF changeant de couleur. Nous n'allons utiliser qu'un seul design dans celui-ci parce qu'il ne va pas bouger. votre barre d'outils pour sélectionner l'outil de sélection rectangulaire et je vais utiliser le dessin six. Je vais simplement maintenir la touche Maj enfoncée tout en faisant défiler une boîte sur mon dessin. Je fais attention à garder ma sélection à l'intérieur la boîte de ma feuille de calcul parce que je ne veux pas copier cette ligne sur la feuille de calcul aussi. Vous pouvez utiliser les touches fléchées juste pour déplacer la position de votre sélection juste pour l'obtenir au bon endroit. Ensuite, nous allons copier, Commandement C. Nous allons maintenant faire un nouveau fichier. Alors allez dans « Fichier » et « Nouveau ». Vous pouvez faire votre taille de toile quelle que soit votre choix. Les processus que nous allons utiliser seront les mêmes quelle que soit la taille, mais il est intéressant de noter à ce stade, si vous avez l'intention de partager votre GIF sur Instagram, il y a une taille optimale pour Instagram de 1080 par 1080 pixels, et il y a un minimum recommandé de 720 sur 720. Je vais faire ce 1080 d'ici 1080, puis cliquez sur « Créer ». Je vais maintenant coller mon dessin avec Commande V. Depuis votre barre d'outils, assurez-vous que vous êtes sur l'outil de déplacement et que vous pouvez déplacer votre dessin dans la position que vous aimez sur votre Canvas. Si cela est utile, vous pouvez faire glisser certains repères en cliquant et en faisant glisser sur la règle dans votre Canvas. Cela peut être très utile surtout si vous avez une lettre symétrique comme un H. Cela peut être très utile si vous essayez de trouver le centre de celui-ci. Si vous n'êtes pas satisfait de la taille de votre lettre sur l'arrière-plan, vous pouvez également agrandir votre clavier en appuyant simplement sur la commande T, qui est transformée, et faites simplement glisser les côtés de la boîte et cela va simplement augmenter ou diminuez la taille de votre dessin. Lorsque vous êtes en transformation, vous pouvez également faire pivoter si vous approchez des coins. Vous pouvez mettre votre lettre dans une position où vous en êtes vraiment satisfait. Une fois que vous êtes satisfait de la taille et de la position de votre lettre, appuyez simplement sur « Entrée ». Je vais également ouvrir ma palette de couleurs qui se trouve sur mon bureau. Je vais aller à « Fichier » et « Ouvrir ». J' ai les captures d'écran d'une palette de couleurs. C' est ouvert dans un onglet séparé. Comme vous pouvez le voir, nous avons les onglets en haut ici, la capture d'écran. Il y a mon nouveau document que je viens de faire et c'est la numérisation originale. Sur l'outil de déplacement, si vous cliquez simplement sur « Nouvelle palette de couleurs  » et faites-le glisser dans l'onglet qui dit détitrer votre nouveau document, puis faites-le glisser sur le Canvas, puis déposez-le en lâchant la souris, il y a notre palette de couleurs est très, très grand, il est donc tout couvert. Je vais zoomer vraiment loin et sur mon clavier appuyez sur Commande T, qui est transformée. Cela signifie que vous pouvez simplement rendre la chose sur cette couche plus grande ou plus petite. J' ai seulement besoin qu'il soit petit pour aller perdre des couleurs visibles. Lorsque vous êtes satisfait de la taille, appuyez simplement sur « Entrée », puis nous allons zoomer à nouveau. Si vous avez un aperçu de notre fenêtre Calques, nous avons actuellement trois couches. Il y a un calque d'arrière-plan blanc vide. Il y a notre dessin de lettre au milieu, et nous avons notre palette de couleurs. Notre palette de couleurs, nous allons continuer à allumer et désactiver et finalement nous allons le supprimer . Ce calque va finir par être supprimé. Pour le moment, nous allons également supprimer le calque d'arrière-plan afin que nous soyons juste avec notre dessin. Je veux maintenant changer la couleur de mon travail de ligne. Nous allons utiliser la superposition de couleur en bas de la fenêtre des calques. Si vous allez simplement à « Color overlay », vous pouvez voir qu'il a déjà changé couleur et ce n'est pas en fait une couleur qui est dans ma palette de couleurs cependant. Je vais juste cliquer sur le « Couleur », puis passer le curseur sur ma palette de couleurs. Je vais le rendre orange et « Ok », et « Ok » encore une fois. J' ai mon, la version orange. Maintenant, je vais répéter ce calque encore quatre fois afin que je puisse en faire toutes les différentes versions dans les différentes couleurs de ma palette de couleurs. Allons au calque dupliquer comme nous l'avons fait avant quand nous nous préparions à animer. Au fur et à mesure, je vais continuer à utiliser ces symboles oculaires sur le côté gauche. Cela allume et désactive vos couches. est très utile parce que nous allons finir avec beaucoup de couches très similaires. Parfois, il est utile de pouvoir simplement jeter un oeil à celui sur lequel vous travaillez. Encore une fois, la superposition de couleur en bas, et cette fois je vais aller pour la couleur jaune pâle et cliquez sur « OK ». Ensuite, je vais répéter ce processus trois fois de plus pour les autres couleurs. Vous pouvez voir que j'ai maintenant cinq couches avec mon dessin. Je suis dans ma fenêtre de couches. Je vais juste passer à travers et les éteindre à tour de rôle pour qu' on puisse voir que nous avons une de chaque couleur de nos palettes de couleurs. Reprenons la palette de couleurs. Nous avons déjà fait notre couche de ligne pour chacun de nos cadres. Maintenant, nous allons faire les arrière-plans. Nous allons faire une nouvelle couche, donc une nouvelle couche. Nous nous souvenons également de ces raccourcis. Commande, Shift et N créent une nouvelle couche parce que nous allons créer beaucoup de nouvelles couches à travers les différents processus de fabrication de GIF. C' est un raccourci que nous voulions peut-être nous souvenir. Dans ce calque particulier, je vais faire l'arrière-plan. Si nous faisons la commande A et qui sélectionne tout et puis nous pouvons aller à « Modifier », « Remplir », « Sélectionner la couleur. » Ensuite, nous pouvons utiliser à nouveau l'outil de sélection de couleurs, en retournant à l'orange. Ne vous inquiétez pas pour ça. Ce qui s'est passé, c'est notre ordre de calque, le calque orange est au-dessus de tous nos dessins, donc vous ne pouvez pas le voir à travers. Tout est en mode normal. Il agit comme un morceau de papier orange opaque. Je vais juste le faire glisser vers le bas de l'ordre des calques. On va faire une autre couche. Je vais éteindre l'orange juste parce que c'est un peu déroutant avec la palette de couleurs. Ensuite, nous allons aller « Modifier », « Remplir », « Couleur », « Deuxième couleur. » On y va. Nous allons continuer à répéter cela exactement comme nous l'avons fait pour les dessins au trait jusqu'à ce que nous ayons les cinq couleurs comme un calque d'arrière-plan solide. Vous pouvez maintenant voir dans notre fenêtre de calques que nous avons toujours notre palette de couleurs en haut, que nous pouvons activer et désactiver, puis nous avons nos cinq couleurs différentes de dessins au trait et ensuite nous avons nos cinq couleurs différentes de fond. Nous allons maintenant créer la couleur qui est l'intérieur du dessin au trait. Pour ce faire, nous allons aller sur notre couche 1, qui va désactiver les autres couches afin que ce ne soit pas déroutant. Nous voulons juste notre palette de couleurs dans le calque 1. la barre d'outils, il suffit de sélectionner vos baguettes magiques et nous allons sélectionner quelque part en arrière-plan. Peu importe où il est dans un espace vide. Je vois qu'il y a un problème. Voir ce qui est sélectionné va en dehors de la palette de couleurs ainsi qu'il ramasse la palette de couleurs et la raison de cela est ici dans mes menus de barre d'outils apparaissent, il est échantillon tous les calques est coché. Bien que j'aie sélectionné le calque 1 ramasse l'un des calques visibles. Je vais désélectionner avec la commande D. Maintenant que ce n'est pas coché, je vais essayer à nouveau. Vous pouvez voir qu'il ignore la palette de couleurs maintenant, ce qui est ce que je veux. Ce que j'ai sélectionné est en dehors de la lettre , mais je ne vais pas le sélectionner est à l'intérieur de la lettre. Je vais aller dans le menu de sélection et sélectionner inverse et vous pouvez voir que la sélection a changé d'être en dehors de la lettre qui comprenait le cadre de sélection à l'intérieur de la lettre. Maintenant, je vais juste zoomer un peu plus pour que nous soyons vraiment très proches. Maintenant, comme je l'ai mentionné à propos de la baguette magique plus tôt et la raison pour laquelle ce n'est pas aussi idéal qu'un masque de couche lorsque nous l'utilisons pour supprimer l'arrière-plan. Comme vous pouvez le voir, le bord est un peu floue et c'est juste la nature de Photoshop. Nous utilisons de très petites images qui ne sont que de petits dessins afin que vous puissiez voir certains des pixels là où il a un peu de bord floue. Ce que nous ne voulons pas arriver, c'est qu'il y ait un effet fantôme, quand nous remplissons la couleur ici, nous ne voulons pas voir aucun de ces pixels se répandre autour du bord de notre travail de ligne. Ce que nous allons faire est en fait de rétrécir un peu notre sélection pour qu'elle soit complètement couverte par un dessin de trait épais. Si vous allez dans le menu de sélection, puis allez dans « Modifier » et vous pouvez aller à « Contrat », il y a aussi la possibilité de développer. Ceux-ci sont vraiment utiles pour toutes choses. Vous voudrez peut-être revenir à cet outil. Nous allons contracter notre sélection et nous allons simplement essayer de pixels pour commencer et voir à quoi cela ressemble. Vous pouvez voir la ligne a sauté là-bas et cela devrait nous donner un bon tampon afin que nous ne ramassons aucun de nos différents pixels de couleur en dehors de notre ligne orange. Nous devons faire une nouvelle couche maintenant. Je vais utiliser le raccourci cette fois, donc Commande, Maj et N, puis Ok, je peux juste appuyer sur Entrée. J' ai un nouveau calque et je vais zoomer pour voir ma palette de couleurs et « Modifier », « Remplir », « Couleur » Je ne vais pas commencer avec orange cette fois parce que j'ai travail de ligne orange donc je vais commencer avec la deuxième couleur. On y va. Vous pouvez voir ce qui s'est passé. La raison pour laquelle il ressemble à ce qu'il fait est à cause des couches qui sont visibles, la couleur intérieure de la lettre est en fait au-dessus du travail de ligne. Nous pouvons facilement les changer et c'est à ça que ça ressemblera. Je dois maintenant faire exactement la même chose que je l'ai fait avec le travail de ligne et avec les couleurs de fond en ce que je dois faire cette forme exacte quatre fois de plus dans les différentes couleurs de la palette de couleurs afin que j'en ai une dans chaque couleur. Je vais continuer à créer de nouveaux calques à chaque fois, c'est-à-dire Commande, Maj et N. J'ai déjà sélectionné les formes , donc je n'ai pas besoin de le refaire tant que je suis sur le nouveau calque. Ensuite, j'ai juste besoin d'aller à « Modifier », « Remplir », « Couleur » et continuer à sélectionner chacune des couleurs et je vais juste répéter cela à chaque fois. Je l'ai fait maintenant. J'ai cinq versions de ce calque dans les différentes couleurs de ma palette de couleurs. Je vais juste étirer ça pour qu'on puisse voir, bien joué. Vous avez maintenant fait la majeure partie du travail pour votre GIF changeant de couleur, vous êtes presque là. Rejoignez-moi à la partie 2 de cette leçon pour compléter votre GIF. Je te verrai alors. 9. GIF qui change de couleur : partie 2: Je vais juste étirer ça pour qu'on puisse voir toutes nos couches. Ce qu'il faut faire, c'est qu'on va les faire correspondre, et faire cinq petits sandwichs. Achète un sandwich. Je vais te montrer ce que je veux dire. Imaginez que l'arrière-plan est comme une tranche de pain, donc cette orange, par exemple. Ensuite, nous avons notre jaune pâle. Je vais juste faire glisser ce calque vers le bas. Ensuite, nous pouvons mettre une de nos lignes colorées sur le dessus. Nous ne choisirons pas l'orange parce qu'elle ne va pas apparaître avec le fond orange. C' est le jaune, celui-là est un peu pâle, je crois. Ce vert foncé est sympa, donc on va l'utiliser. Je vais juste me débarrasser de mes sélections. On n'en a plus besoin, alors faites le commandement D. Ensuite, je vais prendre cette couche de ligne verte jusqu'au bas et dire, nous avons notre sandwich. C' est comme la couche supérieure de pain, et l'intérieur de ce dernier est comme la garniture sandwich. Ensuite, la couche orange est comme la couche inférieure de pain. Nous allons répéter cela quatre fois de plus pour qu'il nous donne cinq versions colorées différentes de notre même design. Vous pouvez juste jouer jusqu'à ce que vous ayez cinq images qui ont vraiment l'air bien. Je pense que j'ai maintenant mes couches dans un endroit où ça me fait cinq très belles versions de ce design, et il est très utile à ce stade juste de mettre chacun de vos sandwichs de couche dans un dossier aussi pour que vous puissiez vérifiez-les avant de fusionner les couches ensemble. Si vous venez de mettre en surbrillance en maintenant la touche Maj enfoncée , les trois calques du haut , ignorez votre palette de couleurs , rappelez-vous, puis allez au bas de la fenêtre Calques et cliquez sur le dossier. Alors c'est juste les regrouper ensemble. Si vous cliquez sur le tableau, vous pouvez toujours les voir à nouveau. Voyez comment ils sont légèrement en retrait du reste. Mais cela signifie simplement que vous pouvez activer et désactiver tout le groupe. Je ne vais pas faire ça pour mes quatre autres images et faire quatre groupes pour eux. J' ai maintenant mes groupes. Vous pouvez voir qu'ils sont actuellement tous activés. Si je les éteins graduellement en utilisant ce symbole de visibilité, à ce stade, nous allons maintenant supprimer le calque qui contient notre palette de couleurs. Vous le faites glisser dans la poubelle. Maintenant, nous allons aplatir chacun de nos groupes en une seule couche afin que nous puissions utiliser le raccourci fusionné que nous utilisions auparavant lorsque nous fusionnions un calque dans l'autre. Vous pouvez simplement utiliser la commande E sur votre clavier, et cela transformera tout ce groupe de trois couches en une seule couche. Je vais maintenant le faire pour les autres groupes. J' ai maintenant mes cinq couches de couleurs différentes. Nous sommes prêts à le transformer maintenant en GIF. Il suffit d'aller dans votre menu Fenêtre en haut, et aller dans Timeline, et il va vous donner ce petit peu supplémentaire en bas, suffit de cliquer sur le bouton ici qui indique Créer une animation d'image, puis ici sur le très côté droit, vous pouvez juste voir là que nous avons quelques petites lignes comme nous avons sur notre fenêtre Layers. Si vous cliquez là, puis accédez à Créer des images à partir de calques. Ce que vous pouvez voir ici, à gauche c'est que nous avons maintenant nos cinq images sur notre chronologie. En ce moment, ils disent zéro seconde en dessous. Si je joue à notre GIF, vous pouvez voir que c'est plutôt stroboscopique. C' est un peu intense parce que c'est beaucoup trop rapide. Si vous cliquez simplement sur la première image, maintenez la touche Maj enfoncée, puis cliquez sur la dernière image, puis vous cliquez simplement sur l'heure. Je vais juste essayer la première 0,2 seconde, et il est passé tous à 0,2. Vous pouvez avoir un jeu pour voir quel timing vous pensez fonctionne vraiment bien pour votre design particulier et votre palette de couleurs particulière. Alors nous allons avoir un aperçu de ça. Ok, donc nous voilà, notre tout premier GIF. Maintenant, nous avons juste besoin de l'exporter. Juste pour noter que notre GIF est actuellement en boucle permanente, alors continuez pour toujours. C' est parce que nous avons cette liste déroulante ici, qui est généralement définie comme valeur par défaut pour toujours. Mais vous ne pouvez pas lui dire que vous voulez qu'il bouclera une ou trois fois. Mais pour les GIF, vous voudrez normalement qu'il bouclera pour toujours. Nous pensons que GIF ne bouclera pas pour toujours, Il se peut que vous ayez besoin de changer cette liste déroulante. Nous sommes maintenant prêts à sauvegarder notre GIF. Il suffit donc d'aller dans Fichier, Exporter et Enregistrer pour le Web. Vous avez deux fenêtres ici. Sur le côté gauche, il vous montre à quoi ressemble l'original sur votre écran. Sur le côté droit, il vous montre à quoi ressemblera cette version particulière lorsqu'elle est exportée. Ensuite, vous pouvez en prévisualiser ici en appuyant sur la touche Play. Il est juste dit que vous pouvez voir si vous allez obtenir une distorsion dans votre image. S' il y a beaucoup de compression, vous pouvez la corriger à ce stade en choisissant un type de fichier différent, la taille du fichier. Vous pouvez voir si vous cliquez sur la liste déroulante Presets, nous avons beaucoup de différents types de GIF ici. Tant que cela ne va pas faire une taille de fichier énorme, j'enregistre normalement mon GIF comme 128. Vous pouvez voir la taille du fichier ici. Il ne sera que 153 kilo-octets, donc ce n'est pas trop grand, mais notez-vous que j'ai tendance à ne pas m'inquiéter trop. Il s'agit vraiment de la façon dont Photoshop remplit les détails. Cela ne fait pas vraiment beaucoup de différence pour ce type de GIF. Mais si vous allez travailler avec des photos, vous voudrez peut-être expérimenter avec cela parce que parfois cela peut faire une différence dans la qualité de votre GIF global. Cliquez ensuite sur Enregistrer, je vais l'enregistrer sur mon Bureau. Je vais l'appeler « Changement de couleur ». Le type de fichier est toujours GIF il le sait déjà, et enregistrez. Maintenant, vous avez votre premier GIF. Ouais, hé, j'ai hâte de voir ce que tu as fait, alors s'il te plaît téléchargez-le dans ton projet de classe. J' espère que vous avez adoré créer votre premier GIF autant que je le sais, je vais adorer les voir. Je suis vraiment excité de voir vos projets. Maintenant que tout le travail de terrain a été fait, créer votre prochain GIF va être un morceau de gâteau. Alors rejoignez-moi dans la prochaine leçon et je vous expliquerai comment créer le GIF effet vacillant. 10. GIF avec effet d'oscillation: Dans cette leçon, nous allons créer un fabuleux GIF effet vacillant. Nous allons maintenant faire notre GIF effet vacillant. C' est assez simple. Il va utiliser les mêmes principes que nous venons d'utiliser. J' ai toujours ouvert les mêmes fichiers que nous utilisions pour notre GIF changeant de couleur. J' ai mon GIF changeant de couleur ouvert devant moi maintenant et il y a les cinq cadres de couleurs différentes. J' ai toujours la même palette de couleurs ouverte et ma feuille de calcul originale là avec un fond transparent. À ce stade, vous pourriez utiliser une nouvelle palette de couleurs si vous le souhaitez. Quelque chose que je vais faire à la place est en fait regarder chacun de mes cinq cadres et choisir le favori de mes cadres colorés il à partir de là. J' ai vraiment aimé ce fond orange avec le dessin vert. Je vais en fait supprimer le reste de mes calques. Je vais juste les mettre en évidence et les faire glisser dans la poubelle, donc je reste maintenant avec mon seul calque. Ne vous inquiétez pas pour le moment de ce qui se passe sur la chronologie. Les choses vont paraître un peu bizarres sur la chronologie, mais nous allons régler ça à la fin. Si vous voulez une nouvelle palette de couleurs à ce stade, c'est assez simple, vous pouvez juste apporter une nouvelle palette de couleurs sur votre toile ici et puis je voudrais juste utiliser la baguette magique pour sélectionner chacune de vos différentes zones colorées et aller pour le modifier afin de le colorer. Si vous avez quelque chose comme cette zone jaune qui est séparée par beaucoup de lignes dessinées, plutôt que d'avoir à sélectionner chacune individuellement, vous pouvez aller dans le menu de sélection et sélectionner similaire et il va trouver tout ce jaune pâle pour vous afin que vous puissiez tout simplement aller très facilement à éditer remplissage et en faire une nouvelle couleur. Mais je vais juste garder mon schéma de couleurs tel qu'il est maintenant. Nous allons ensuite revenir à votre feuille de calcul dans notre GIF vacillant parce qu'il bouge doucement, nous allons avoir besoin de dessins légèrement différents pour chacun de nos cadres. C' est là que nos autres dessins entrent en jeu. Nous avons évidemment déjà utilisé le dessin six, donc nous allons maintenant utiliser les dessins 2, 3, 4 et 5. Encore une fois, je vais prendre mon outil de sélection rectangulaire, maintenir la touche Maj enfoncée pour faire la sélection carrée, puis copier la commande C, aller dans mon fichier, puis coller commande V et vous pouvez voir le dessin apparaître sur le dessus comme un calque. Je vais juste utiliser l'outil Déplacer et juste l' aligner aussi près que possible avec un en dessous. Ce ne sera pas parfait et c'est tout à fait le point, alors ne vous inquiétez pas trop si ça a l'air un peu différent. Si vous avez besoin de la faire pivoter, si elle n'est pas droite, vous pouvez simplement faire la commande T, comme nous l'avons fait auparavant avec votre palette de couleurs pour la rendre plus grande et plus petite et qui fera pivoter vos dessins afin que vous puissiez l'utiliser également. Nous avons maintenant notre deuxième couche. Je vais maintenant entrer et prendre la prochaine. Je vais juste désélectionner et puis dessiner une boîte sur mon prochain dessin, copier et coller. Je vais juste éteindre le dessin que je viens d'apporter pour que je sois toujours aligné avec mon dessin coloré à chaque fois. Je vais juste répéter ça pour les autres dessins. Maintenant, si vous regardez dans ma fenêtre, vous pouvez voir que j'ai maintenant les quatre autres dessins. Ils sont juste noir et blanc sur mon cadre coloré, donc j'ai tous les cinq cadres là-dedans maintenant. Ce que je dois faire maintenant est de faire les nouveaux cadres le même schéma de couleurs que le cadre qui était là à l'origine. Il va avoir un fond orange, il va être jaune au centre et il va avoir un travail de ligne verte. Je vais commencer par le calque quatre et juste faire ma superposition de couleur, choisir mon vert et vous pouvez juste passer par un à la fois et faire la même chose à chacun. Je pense que c'est plus rapide de le faire de cette façon. Maintenant, tous mes calques de ligne sont verts, je vais maintenant en faire quatre autres couches d'arrière-plan orange. Je vais juste aller à Command Shift et N pour New Layer, Commande A pour sélectionner tout, puis éditer, remplir, couleur et je vais juste goûter mon orange. Nous avons maintenant notre couche d'arrière-plan orange plan. Maintenant j'en ai un, je peux le dupliquer ici. Je vais juste commencer à étaler mes couches orange qu'il y en ait un sous chaque dessin de trait. Ensuite, nous allons faire maintenant la couche de couleur au milieu. Je vais commencer de bas en haut pour que je puisse juste goûter cette couleur. Je vais double-cliquer dans ma couleur de premier plan, il suffit de cliquer sur ce jaune pâle. Maintenant, je vais mettre mon arrière-plan avec mon dessin de la ligne de fond. Je vais prendre ma baguette magique. Assurez-vous que vous êtes sur votre calque de ligne, avec une baguette magique, il suffit de cliquer en arrière-plan exactement comme nous l'avons fait auparavant. Espérons que tout cela se sent assez familier. Allez à sélectionner inverse, sorte que nous sélectionnons maintenant l'intérieur de ce dernier plutôt que l'arrière-plan. Rappelez-vous, nous allons réduire notre sélection aussi. Allez à sélectionner, modifier et contracter juste pour que nous n'ayons pas ces bords plumous. Maintenant, nous avons besoin d'un nouveau calque entre notre arrière-plan et notre calque linéaire. Rappelez-vous, c'est comme un sandwich de couche. Nous allons Command Shift N pour le nouveau calque, puis éditer, remplir et la couleur de premier plan est le jaune que nous avons sélectionné suggère maintenant, donc nous pouvons aller bien et ensuite nous avons le numéro 2. Je peux fusionner ces couches tout de suite parce que je sais que je l'ai correctement. n'y a rien que je dois vérifier parce que j'ai déjà vérifié le réalignement. Je sais que je fais les couleurs à partir de la couleur du calque de base, donc je vais juste mettre en évidence ces trois et faire la commande E pour aplatir. J' ai deux de mes cinq cadres. Je vais répéter ce processus exact pour les trois autres images maintenant. Je viens de faire une erreur là-bas, mais je pensais juste le signaler. Si vous remplissez accidentellement votre calque de ligne, il y a la superposition de couleur dessus. Ça va aller de la même couleur que votre travail de ligne, pourrait être un peu une surprise. Vous pouvez simplement faire la commande Z si vous faites quelque chose comme ça et cela vous ramènera, c'est parce que j'ai oublié de faire ma nouvelle couche avec Command Shift et N, K, puis éditer et remplir. Fantastique. J'ai mes couches. Je vais juste utiliser les yeux pour les regarder un peu. Vous pouvez voir comment cela va fonctionner avec ce genre d'effet de déformation doucement une fois qu'il est animé. Si vous avez un coup d'oeil à la chronologie ici, il semblera qu'il a effectivement eu l'animation là-bas. Mais si votre timeline est ouverte lorsque vous modifiez, elle a tendance à copier simplement la première image. La chose la plus simple que je pense est juste si vous revenez à vos lignes ici à nouveau et dites simplement supprimer animation, puis cliquez à nouveau et dites faire images à partir de calques et maintenant il montre les différents calques. C' est un peu étrange parce qu'il a zéro seconde ou 0,2 sur la première image. Je vais juste les mettre en évidence tous comme nous l'avons fait avant, essayons de ne pas 0,2. Je sens que c'est un peu lent pour ce GIF, donc je vais juste essayer. Mettons-les en évidence à nouveau, essayons de ne pas 0,1 et je pense que c'est beaucoup mieux. Il semble convenir à ce GIF particulier et à cette palette de couleurs beaucoup, beaucoup mieux. Nous y sommes. C'est ainsi que vous créez un GIF effet vacillant. C' est assez simple une fois que vous connaissez ces processus à partir du GIF changeant de couleur. Maintenant, nous allons juste le sauver exactement de la même manière qu'avant. Donc, fichier, exportation, Enregistrer pour le web, GIF 128 l'a fait à nouveau, juste avoir un petit aperçu juste pour voir que ça va bien paraître. Heureux avec ça, économisez. Je vais l'enregistrer sur mon bureau en tant qu'effet vacillant. J' espère que vous avez aimé créer la vacance affecte GIF, je suis vraiment impatient de les voir. Si vous en avez créé un, veuillez le télécharger dans des projets de classe afin que je puisse voir et vous donner des commentaires. Dans la leçon suivante, je vais vous emmener à travers l'effet GIF final que nous allons regarder, qui est le GIF changeant d'image et qui va utiliser le reste des dessins que vous avez créés sur votre feuille de calcul pour créer un et GIF funky. Je te verrai là-bas. 11. GIF qui change d'image : partie 1: [ MUSIQUE] Dans cette vidéo, nous allons créer votre GIF changeant d'image. Certains des principes que nous avons déjà couverts dans le GIF changeant de couleur et le GIF effet vacillant. C' est une excellente chance d'intégrer ce que nous avons appris et de créer quelque chose de vraiment amusant dans le processus. J' ai décidé dans ce GIF, je vais utiliser une nouvelle palette de couleurs. J' ai ouvert ici, j'ai utilisé une application pour générer une palette de couleurs à partir d'une photo avec mon étui à crayons. Je vais juste recadrer ça, parce que je n'ai pas besoin d'autant de couleurs que ça m'a donné. Je vais vouloir utiliser quatre couleurs maximum dans ce GIF et ce sont les quatre que j'aimerais utiliser. Je vais juste recadrer et le laisser à cela et parce que j'utilise une nouvelle palette de couleurs, je vais juste commencer un fichier complètement nouveau pour celui-ci que j'ai décidé, plutôt que d'essayer de travailler à partir d'un des cadres du dernier GIF. Je vais juste aller dans Fichier et Nouveau et créer un nouveau document. Je vais juste faire cette taille qui était optimale pour Instagram, donc 1080 par 1080 pixels et créer. Je suis à nouveau sur mon outil de tente rectangulaire, et je vais commencer avec ce petit animal drôle que j'ai dessiné ici, maintenant la touche Maj enfoncée, dessinant une boîte. Juste raté un peu là, et copier dans mon nouveau document et coller la commande V. Je vais lui faire un peu de données afin que mon dernier soit plus de l'espace. Je vais juste appuyer sur la commande T sur mon clavier, pour suivre ces virages. Je pense que c'est à peu près la taille que j'aimerais utiliser, donc Enter. Je vais retourner dans ma feuille de calcul et je vais faire exactement la même chose avec les dessins au trait pour les dessins huit, neuf, 10 et ensuite je vais prendre le dessin deux aussi, donc nous avons cinq cadres de dessin. [ MUSIQUE] Vous voyez que j'ai mes cinq cadres ici, mes cinq dessins de lignes différents et regardons les. Il y a un, deux, trois, quatre et cinq. Bon pour supprimer le calque d'arrière-plan, donc je vais le faire maintenant. Voilà, donc je vais juste jeter un oeil à notre palette de couleurs maintenant, pour réfléchir aux couleurs que je vais utiliser pour les différentes parties de mon GIF. Vous pouvez voir dans cette palette, j'ai une couleur très sombre. Ensuite, ce rose et violet sont assez proches ensemble d'une certaine manière. Vous voulez penser à créer le plus de contraste vraiment entre votre travail de ligne et la partie solide de ce dernier et l'arrière-plan. Je veux vraiment que cette couleur sombre soit impliquée là-bas. Je pense que cela fonctionnera probablement mieux si j' utilise cette couleur vraiment sombre pour le travail de ligne. Je vais juste aller sur l'outil Déplacer et juste apporter cette palette de couleurs dans mon document. Ici, il est assez petit, mais il n'a pas besoin d'être plus grand que ça et nous y allons. J' ai décidé que le travail de ligne sera de cette couleur très sombre. Première étape, nous pouvons simplement changer tous nos dessins au trait et avec notre méthode de recouvrement de couleur à cette couleur ici. Je vais juste changer l'ordre des calques parce que je préfère que ma palette de couleurs soit en haut. Je vais commencer de bas en haut donc je suis sur mon animal. Allez dans Color Overlay, cliquez sur la couleur, puis cliquez sur la couleur sur mon palais. Je vais répéter ça pour mes autres dessins au trait. [ MUSIQUE] Maintenant, tous mes dessins au trait de cette couleur marine foncée, nous pouvons faire exactement ce que nous avons fait dans le GIF effet vacillant maintenant et nous pouvons créer notre couleur de fond et ce sera cette turquoise. Je vais descendre sur le bouton, faire un nouveau calque Command Shift et N. Je vais le faire glisser sur le bouton même, sélectionner toutes les commandes A, puis aller à Modifier, Remplir, Couleur, puis je sélectionne ma turquoise. N' oubliez pas que vous pouvez dupliquer ce calque encore quatre fois, pour vous donner une de ces couleurs d'arrière-plan pour chacune de vos images. Super, donc nous avons maintenant nos cinq couches d'arrière-plan. Je vais les étaler comme on l'a fait avant. Souviens-toi en pensant à ça comme des sandwichs, donc j'ai les couches supérieures et inférieures de pain comme on les appelle et ensuite je vais faire ces couches intermédiaires. Nous avons toujours terminé votre GIF changeant d'image. Dans la partie 2 de cette leçon, je vais vous montrer comment la compléter, ainsi que quelques façons de contourner les problèmes que vous pourriez rencontrer dans votre processus de fabrication de cadeaux. On se voit dans la partie 2. [ MUSIQUE] 12. GIF qui change d'image : partie 2: Donc, j'aime bien commencer, en bas et travailler mon chemin vers le haut. D' accord. Donc, nous allons commencer par l'animal d'abord. Alors, vous allez sur votre calque de ligne, rappelez-vous, nous allons aller aux magiques. Nous allons sélectionner en dehors de votre animal, puis rappelez-vous que nous allons aller sélectionner inverse. Celui-ci a une ligne plus fine. Je vais juste zoomer parce que nous allons toujours utiliser l'option de sélection de l'entrepreneur. On doit juste garder un oeil sur ça pour s'assurer que ça ne va pas trop petit. Donc, allez à sélectionner, modifier et contracter. Essayons deux pixels. Cela semblait absolument bien Ce ne sera pas trop parce que, donc je peux voir ma palette de couleurs. Donc, je dois faire une nouvelle couche pour mon remplissage sandwich, Command Shift et N pour une nouvelle couche. Ensuite, modifiez, Couleur de remplissage. J' allais utiliser ce rose pour l'intérieur. On y va. Donc, c'est la première image faite. Je vais répéter ça à mes autres cadres. Maintenant, ensuite, nous allons regarder cette lettre poilue. Ça va éteindre mes animaux. Maintenant, si vous vous souvenez quand on dessinait celui-ci, c'est celui où j'ai dit que ça pourrait être un peu un défi en utilisant la baguette magique de choisir en dehors de la lettre. Je suis en train de remplir à l'intérieur. J' ai fait une ligne autour de l'extérieur, comme vous pouvez le voir, qui fonctionnera pour nous. Mais j'ai mentionné le fait que je vais vous montrer un autre chemin s'il n'y a aucun moyen que vous puissiez créer une ligne tout autour de l'extérieur. Donc, nous allons faire notre nouvelle couche Command Shift et nouveau. Ok, donc, il y a plusieurs façons d'y arriver et vous pouvez utiliser l'outil de sélection ou utiliser un pinceau. Donc, je vais vous montrer un exemple de l'outil de sélection. Nous avons un polygone [inaudible] deux ici au-dessus de celui magique. Si vous avez simplement traité un peu comme un point à point. Donc, vous créez un chemin de baguette magique. Vous pouvez le faire aussi bien si vous trouvez que l'une de vos sélections, si vous avez un écart aveugle quelque part et que la baguette magique ne fonctionne pas pour vous. Il n'a pas dormi à l'intérieur et à l'extérieur de la lettre. Donc, vous cliquez juste une fois par fois. Ne double-cliquez pas jusqu'à ce que vous ayez terminé votre sélection car cela fera disparaître votre sélection comme ceci. Ensuite, on peut aller à Edit, Fill Color, et on a déjà le rose, ok, je vais juste désélectionner. En fait, parce qu'il est couvert dans le dessin autour de l'extérieur, il semble absolument bien. Une autre façon de le faire est d'utiliser le pinceau. Double-cliquez sur votre couleur de premier plan ici, sélectionnez votre rose et puis vous pouvez simplement peindre dans les zones de ce calque que vous voulez être cette couleur. Je vais juste annuler ce commande. Donc, je suis heureux avec mon H maintenant. Je vais juste monter, les autres sont assez simples à remplir en rose. Donc, je vais juste faire ça rapidement. Ok, donc j'ai mon H posé maintenant comme une image en trois couleurs. Je vais créer mes dossiers à nouveau, comme nous l'avons fait dans le cadeau changeant de couleur, parce que je vais introduire parfois une autre couleur. Donc, je vais juste passer en surbrillance chaque série de trois, et juste le mettre dans un dossier, ok. Donc, j'ai fait mes groupes. Donc vous pouvez voir maintenant l'effet général, c'est un peu comme le gimp d'effet de baguette et je vais juste ramener ma palette de couleurs. Donc, j'ai ce violet foncé que je n'ai pas encore utilisé. Je vais juste l'utiliser dans peu de domaines, juste quelques très petits domaines. Parce que je pense que ça peut être assez agréable juste d'ajouter un peu plus. Toujours comme juste un petit détail dans certaines de mes illustrations. Donc, dans celui-ci, par exemple, je vais juste colorer dans les rappeurs. Donc, je suis sur ma couche de ligne. Je vais sélectionner ici et maintenir la touche Maj enfoncée, donc je peux en sélectionner deux en même temps et maintenant dans ce cas, parce que je suis dans le travail de ligne, je vais juste rendre cette sélection minuscule un peu plus grande pour que je ne obtenir le mauvais type de pixels. En fait, avant de le faire, je pourrais aussi créer cette section du milieu dans ce violet plus foncé. Donc, je vais prendre ça aussi. Sélectionnez, modifiez et développez la sélection. Essayons deux pixels. Nous y sommes. Donc, je vais créer un nouveau calque, puis aller à Modifier, Couleur de remplissage, violet foncé. Peut-être y aller, ça donne quelque chose d'un peu différent, je pense. Donc, très heureux avec celui-là. Donc, celui-là, je pense qu'il peut certainement ajouter du violet foncé à l'intérieur de mes lettres. Donc, je suis sur mon calque de ligne, va cliquer à l'intérieur avec ma baguette magique, va créer un nouveau calque sous Command Shift et nouveau ok, va étendre cette sélection pour le rendre un peu plus grand. Donc, sélectionnez, modifier, développer, ok, puis éditer, couleur de remplissage, violet. Donc, vous pouvez voir que ma baguette magique n'a pas été fantastique dans certaines régions, parce que c'est très petit, je peux juste utiliser le pinceau pour toucher ces morceaux. Donc, je vais juste sélectionner ma couleur pourpre et juste colorer ces bits dedans. Ok, donc j'ai utilisé mon pinceau là-bas et je suis assez content de celui-là maintenant. Donc, nous allons passer à la suivante et celle-ci, je pense qu'il est impossible d'avoir une autre couleur dessus, donc, je vais laisser celle-ci telle qu'elle est et celle-ci est pendant que je vais laisser celle-ci telle qu'elle est. Donc, parce que, ce petit animal et le poilu, sont les seuls cadres de mon cadeau, les trois couleurs, tandis que les autres ont aussi le violet. Je vais juste les étaler. Donc, je vais juste mettre ce H poilu juste entre les groupes un et deux ici juste dire que ça nous donne ce genre de variété. Ce point, je vais supprimer ma palette de couleurs. Vérifions juste que nos illustrations ont l'air bien. Donc, nous pouvons maintenant les aplatir. Donc, chacun, si vous faites simplement la commande E, restez I, en surbrillance et allez à la commande E, faites-les glisser dans une couche exactement comme nous l'avons fait auparavant. Maintenant, nous avons nos cadres, maintenant nous pouvons créer nos animations. Donc, c'est tout, exactement comme nous l'avons déjà fait. Accédez à Fenêtre et chronologie, créez une animation d'image. Par ici. Créez des images à partir de calques. Vous pouvez voir qu'il est déjà passé à 0 secondes. Je sais que je ne veux pas ça comme ça, alors essayons de ne pas pointer un, voir à quoi ça ressemble. Cliquez sur Lecture. C' est très rapide, mais je pense que ça marche très vite. Je vais essayer à 0.2 et voir juste quelle est la différence. En fait, je pense que je l'aime très vite. Parfois, j'aime que le cadeau change d'image soit 0,1 parfois je l'aime 0.2, je pense que quand c'est vraiment rapide, il est plus facile de voir la lettre parce qu'il y a moins de temps pour vous de prendre chaque image. Donc, la lettre devient plus importante. Donc, je suis content de ça. Je vais l'exporter exactement de la même manière que je l'ai fait avant. Alors, passons à Fichier, Exporter, Safer Web. On a un cadeau 1, 2, 8. Juste un petit aperçu. Ça me semble parfait. Ensuite, nous allons cliquer sur Enregistrer. Félicitations pour avoir fait vos cadeaux. Wow, j'ai hâte de voir ce que vous avez fait, si vous avez créé l'un des styles de cadeaux ou les trois, s'il vous plaît télécharger tout ce que vous avez fait à vos projets de classe. J' ai hâte de voir ce que tu as fait. 13. Bonus : exporter sous forme de . mp4: Donc maintenant, vous avez un ou plusieurs GIF fantastiques à montrer pour votre projet de classe. Je suis sûr que tu meurs d'envie de les partager avec le monde entier. Dans cette leçon, je vais juste vous montrer comment exporter ces GIF en tant que fichiers MP4. La raison pour laquelle cela est vraiment utile est parce qu' actuellement Instagram ne prend pas en charge les GIF. Donc, si vous voulez télécharger un fichier sur Instagram, est-ce une image en mouvement, il doit être un fichier MP4, qui est un fichier vidéo. C' est vraiment facile de le faire, mais je vais juste vous accompagner dans le processus afin que vous puissiez partager vos GIF fantastiques sur cette plate-forme. Il y a donc des applications disponibles qui vous permettront de convertir votre GIF en ce qui est nécessaire pour Instagram, c'est-à-dire un fichier vidéo. Il doit s'agir d'un fichier MP4. applications, par exemple, incluent GIF flap, GIPHY, GIF Maker pour Instagram. Ils seront probablement tous nouveaux qui sortiront tout le temps. Jetez un oeil dans votre boutique d'applications et il est possible de trouver des applications qui feraient ce travail pour vous. Je vais juste vous montrer comment le faire manuellement parce que ce n'est pas très difficile. Il ne s'agit que de quelques étapes et d'une manière différente d'exporter votre GIF. Donc il suffit de vérifier tout d'abord, taille de votre image et dans votre GIF ici, la taille de l'image. Nous avons donc créé ce GIF, 1080 par 1080 pixels. Maintenant, si vous vous souvenez que c'est la taille optimale pour Instagram, mais il préfère vraiment quelque chose au-dessus de 720 pixels. Donc, si vous avez créé votre GIF inférieur à cela, vous pouvez le forcer ici et le faire 720 par 720. Ce n'est pas vraiment le moyen idéal de le faire, mais vous pouvez faire de petites méthodes de triche comme ça. Alors on peut dire : « Ok, tout va bien. » Donc, la chose avec Instagram est qu'il a besoin de créer un fichier vidéo plutôt qu'un GIF. Cela signifie donc qu'il ne peut pas boucler automatiquement. Donc nous avons déjà nos images ici sur la chronologie. Donc, tout ce que vous devez faire est de mettre en surbrillance vos cadres ici et puis il y a un petit signe plus ici si vous cliquez sur cela, il va dupliquer tous nos cadres à nouveau. Donc ça va nous donner deux boucles avec notre animation. Vous pouvez maintenant mettre en surbrillance tous les 10 de nos cadres et les dupliquer à nouveau, ce qui va nous donner 20 images et ainsi de suite. Vous pouvez le faire encore et encore et jusqu'à ce que nous ayons beaucoup et beaucoup de cadres. Donc quelque chose à garder à l'esprit est, eh bien, combien de temps cette animation va durer ? Pour Instagram, il doit être au moins trois secondes et je suggère que vous voulez ce soit plus de trois secondes parce que c'est tout à fait sûr que quelqu'un remarque sur Instagram. Ça ne peut pas durer plus de 60 secondes. Je vais juste continuer à ajouter quelques images de plus. Vous ne pouvez pas faire défiler le long de la chronologie. Tu vois, on a maintenant ce bar en bas. Donc je vais tout reproduire une fois plus et je suis sûr que ça va nous donner assez. Ainsi, nous pouvons prévisualiser de la même manière en appuyant sur le bouton de lecture. Vous remarquez que c'était un peu lent pour y commencer. C' est juste une mise en mémoire tampon, mais une fois qu' il est exporté, il jouera un peu plus facilement. Donc c'est définitivement plus de trois secondes et ce n'est pas aussi long que 60 secondes. Donc je suis assez content de ça. Je suggère que vous voulez probablement au moins cinq secondes, sinon, ça va sembler assez brusque et maintenant, nous pouvons l'exporter sous forme de fichier vidéo. Donc, pour ce faire, passons au fichier et à l'exportation. Nous avons donc cliqué sur enregistrer pour le web, mais cette fois nous allons dire rendre la vidéo. Donc, il est appelé sans titre un, nous pouvons lui donner un nouveau nom, appeler image changing.mp4 est le bon type de fichier. Vous n'avez pas besoin de modifier tout cela, c'est déjà dans les bons paramètres et vous pouvez dire rendu. Cela pourrait prendre quelques secondes pour le faire. Donc, vous pouvez voir sur mon bureau ici image changing.mp4. Si vous double-cliquez dessus, cela vous montrera en tant qu'aperçu. Donc ça fait 16 secondes et c'est bon. Vous pouvez voir qu'il est agréable et rapide maintenant qui est rendu et il devient super rapide. Donc ça va être un fichier qui est adapté pour Instagram afin que vous puissiez l'envoyer par e-mail à vous-même ou l'obtenir sur votre téléphone d' une autre façon dans votre dossier de vidéos et ensuite vous pouvez le télécharger à partir de là directement dans Instagram. Si vous partagez des GIF sur Instagram que vous avez créés à la suite de cette classe, n' oubliez pas de me marquer. J' adorerais voir vos GIF. Donc, utilisez simplement #melryesskillshares, afin que je puisse voir ce que vous avez posté. 14. Réflexions finales: Félicitations pour avoir terminé la classe, apprendre de nouvelles compétences et faire un projet de classe incroyable. Si vous êtes coincé ou avez des questions, s'il vous plaît postez-les dans le forum de discussion, je vérifie régulièrement et je ferai de mon mieux pour vous aider si je peux. Veuillez poster vos GIF partout où vous le pouvez. Bien sûr, j'aimerais les voir dans la galerie de projets de classe, mais peut-être que vous voulez les télécharger sur les réseaux sociaux, les mettre sur votre site Web, votre blog, dans vos e-mails, partout où vous voulez partager. J' espère que vous avez vraiment aimé apprendre ces trois approches différentes pour créer des effets GIF très différents, et que maintenant vous avez toutes sortes d'idées face à ce que vous pourriez animer ensuite. S' il y a une chose que vous retirez de ce cours, j'espère que c'est la joie de voir vos illustrations prendre vie en étant animées. J' ai beaucoup de cours Skillshare dans la planification, donc si vous avez des demandes ou des suggestions pour de nouveaux sujets de classe, s'il vous plaît laissez-moi savoir, j'aimerais toujours savoir s' il y a quelque chose en particulier que vous aimeriez voir. J' espère vraiment que vous avez apprécié la classe. Si c'est le cas, je vous serais tellement reconnaissant de laisser un avis, ça signifie vraiment beaucoup d'entendre vos commentaires. N' oubliez pas de me suivre pour que vous soyez averti lorsque je sortirai de nouvelles classes et que j'espère vous voir dans un autre de mes cours très bientôt. Au revoir pour l'instant.