GIF et animation pour votre illustration

1. Introduction: Salut, tout le monde. Ce cours porte sur la création de cadeaux et d'animations à partir de vos illustrations. Je m'appelle Rebecca Howe, et je suis écrivaine et illustratrice. Et dans ce cours, je vais vous montrer un processus étape par étape pour faire des animations et des puces directement sur votre iPad. Je suis toujours à la recherche de moyens de rationaliser tout mon travail sur mon iPad et même dans la procréation. Et avec la dernière mise à jour de procréation, ils facilitent vraiment l'exportation de cadeaux directement à partir du panneau des calques de votre projet pour votre projet dans cette classe, je veux que vous choisissiez un animal ou un lettrage que vous souhaitez faire bouger. À la fin de ce cours, votre illustration sera animée et prête à être partagée. Et vous serez prêt à utiliser vos compétences en animation de toutes sortes de façons avec votre illustration. Allons-y 2. L'ébauche: Ok, commençons avec notre croquis. Je vais utiliser l'écran partagé sur mon iPad afin que je puisse regarder procréer et ma fenêtre de navigateur en même temps afin que je puisse utiliser cette photo de référence vraiment mignonne que j'ai trouvé d'un chat . La première chose que je vais faire est de dessiner vraiment lâchement mais de façon réaliste à quoi ressemble ce chat . Et puis je vais passer à une autre couche et style, regarder le croquis encore plus loin pour que je puisse en faire un peu mon propre dessin animé à la recherche de chat pour moi. Mes croquis initiaux sont généralement assez bâclés, et je voulais vous montrer la progression de l'esquisse initiale à la finale parce que vraiment, le but de ce croquis initial est de me donner une sorte d'idée des proportions et de l' apparence que je suis aller en essayant sur l'erreur. Maintenant que j'ai ce genre de croquis initial vers le bas, je vais descendre l'opacité de ce calque et commencer un nouveau calque et dessiner mon prochain croquis de chat finalisé. - D'accord  ? La dernière chose que nous devons faire est de couper en coller les yeux du chat sur leur propre couche parce que c'est la partie du chat que je veux animer. Ok, passons à ajouter de la couleur à notre chat. 3. Ajouter de la couleur: On va ajouter de la couleur à notre chat maintenant. Et vous pouvez le faire de tellement de façons différentes, mais je vais juste vous montrer un peu de mon style et comment j'aime ajouter de la couleur à mes animations. J' ai tendance à utiliser des rushes texturées pour faire des lavages, puis découper des formes et superposer des formes sur des formes sur des formes. Celui-ci va être assez simple. Je découpe la forme de base de ce chat, puis dans cette même couche, je vais utiliser mon outil de sélection directe et sélectionner les petites zones où je veux mettre rayures. Et une fois toutes ces petites zones sélectionnées, je vais aller dans mes réglages et ajuster la couleur de sorte qu'elle semble un peu plus foncée et un peu plus lumineuse pour donner un peu de contraste. Et finalement, je vais vouloir enlever tout mon contour noir foncé. Mais maintenant je vais l'utiliser dans un calque séparé pour me donner un petit guide pour où je veux que toute ma couleur soit Next. Je vais colorer dans les yeux, veillant à les garder sur une couche séparée à la fois la couleur de l'arrière-plan et la forme des yeux dans les endroits où je veux avoir un peu de travail de ligne. Je vais juste passer en revue certaines de ces lignes noires dans un nouveau calque avec la couleur que je préfère avoir mon travail de ligne, ce qui est une sorte de rose plus foncé. - Ok , maintenant il est temps de commencer à s'assurer que toutes nos couches sont en place pour faire le Jif. 4. Animer: Donc je veux animer les yeux de ce chat pour qu'ils clignotent. Donc la première chose que nous allons faire est de dessiner les différentes versions du I de l'ouverture à fermeture, et nous allons les empiler tous dans leurs propres couches. Le 1er 1 ici va être un peu plus fermé que l'original I et vous pouvez dupliquer le premier je le retourne et le déplacer. Si vous voulez obtenir une symétrie parfaite, alors vous ne sortirez pas ces couches ensemble et découpez la pupille de l'œil, collez-la dans sa propre couche afin que nous puissions la dupliquer et mettre une pupille dans chaque version du I et répéter ce processus sur et sur et sur et sur jusqu'à ce que nous ayons probablement six ou sept versions de l'oeil de l'ouverture à la fermeture. Maintenant que nous avons toutes les différentes versions du I prêt, nous pouvons aller de l'avant et dupliquer le corps du chat encore et encore jusqu'à ce que chaque version desyeux ait son propre chat. Maintenant que nous avons toutes les différentes versions du I prêt, nous pouvons aller de l'avant et dupliquer le corps du chat encore et encore jusqu'à ce que chaque version desyeux ait son propre chat. Maintenant que nous avons toutes les différentes versions du I prêt, nous pouvons aller de l'avant et dupliquer le corps du chat encore et encore jusqu'à ce que chaque version des Ce que je réalise ici, c'est que mes tailles de fichier sont si grandes que je n'ai plus de couches potentielles. Donc, je vais faire tout plus petit et aller dans ma culture et re taille et redimensionner cette toile entière afin que je puisse avoir plus de couches disponibles pour moi parce que nous faisons un Jiff. Animation pour le Web La taille du fichier que j'utilisais était vraiment beaucoup plus grande qu'elle ne devait l' être. Maintenant que nous avons beaucoup plus de couches à notre disposition, nous pouvons mettre chat derrière chaque ensemble d'yeux et les fusionner tous ensemble. Une fois que nous avons fini de fusionner tous ces yeux individuels sur leur corps de chat individuel, nous pouvons aller dans le menu d'actions, trouver l'onglet de partage et cliquer sur Animer le Jif. C' est là que nous pouvons regarder un aperçu de notre animation jusqu'à présent. Alors passons à travers et assurez-vous que tous ces chats individuels étiquetés correctement afin que nous ne soyons pas vraiment confus pendant que nous essayons les orteils, mettez-les dans l'ordre. On les veut. Vous pouvez réétiqueter chaque calque en cliquant une fois dessus pendant qu'il est sélectionné et en choisissant renommer. Donc maintenant je vais dupliquer un tas de la couche une en haut pour que les chats que je puisse rester ouvert un peu plus longtemps. Mais dans cet aperçu. Je remarque que l'œil du chat s'ouvre brusquement, et c'est parce que j'ai oublié de remonter l'œil après qu'il se ferme. Donc, l'ordre que je veux vraiment est d'aller 123454321 puis de répéter ce calque une fois pour que je reste ouvert à la fin de l'animation. Essayons ça. Ouais, ça a l'air très bien. Donc, les yeux du chat s'ouvrent et se ferment assez lentement, puis restent ouverts au sommet. Je viens de remarquer quelque chose que vous avez probablement déjà remarqué, c' est-à-dire que j'ai oublié les rayures sur la tête de ce chat. Je vais donc aller de l'avant avec la même stratégie que j'ai utilisée auparavant et faire des rayures sur un calque indépendant que je peux dupliquer et mettre sur toutes les couches que j'ai déjà créées. Ça prend un peu de temps, mais je pense vraiment que ça en vaut la peine. J' aiune autre idée pour une animation supplémentaire pour ce chat. J' ai Je pense que je veux qu'il surgisse lentement à partir du bas de l'écran, donc je vais aller de l'avant et cacher toutes les différentes couches. Sauf pour le 1er 1 je veux que le chat fasse sortir sa tête du bas avec ses yeux ouverts, donc je vais dupliquer la première couche et déplacer le duplicata vers le bas environ 1/2 pouce. Ensuite, j'éteindrai la première couche d'origine. C' est tout le chemin apparu, et je vais prendre le duplicata, le dupliquer et déplacer le prochain duplicata vers le bas 1/2 pouce. Je continuerai à faire ça jusqu'à ce que j'aie la dernière couche avec le chat qui tombe du fond du campus. Gardez à l'esprit que lorsque vous animerez un Jiff, vous découvrirez cela assez rapidement. Mais l'animation commence par la couche inférieure de votre campus, et elle monte. C' est donc l'ordre de la façon dont il utilise les calques comme images différentes pour l'animation. Maintenant que nous avons tous nos calques terminés, allons regarder à nouveau l'aperçu de notre animation. On dirait que l'animation ne fonctionne pas si bien. Retournez et découvrez que nous avons oublié de réactiver la visibilité de toutes ces couches. Cela amène un très bon conseil, qui est que si vous avez des couches supplémentaires que vous ne voulez pas utiliser dans votre Jif. Il suffit de cacher la visibilité de cette couche et elle ne sera pas incluse dans le Jif. Maintenant, notre aperçu va beaucoup mieux. C' est vraiment cool. J' aime comment le chat se lève, clignote les yeux une fois, puis l'animation recommence à zéro. Je veux revenir en arrière et re étiqueter les couches du chat qui descendent dans le fond du campus avec des chiffres négatifs. C' est juste une chose d'organisation que j'aime faire pour mes animations, sorte que si je reviens un peu plus tard, je peux comprendre comment je l'ai construit, au cas où je veux l'éditer ou faire quelque chose de similaire. La dernière chose que je veux faire est que je vais dupliquer tous les calques négatifs et ajouter ces doublons en haut de sorte que l'animation aura le chat se lever lentement du bas de la toile clignote ceux et ensuite revenir progressivement hors du campus. C' est l'un de ces moments où vous serez vraiment reconnaissant d'avoir pris le temps d' étiqueter chaque couche individuelle parce que,à étiqueter chaque couche individuelle parce que, mesure que vous ajoutez plus de complexité à l'animation de l'année, que vous changez d'avis ou que vous y revenez en quelques semaines ou mois Sans le souvenir de la façon dont tu l'as construit, tu seras capable de comprendre ce qui se passe parce que tu l'as vraiment bien étiqueté. Ok, regardons cette animation et voyons à quoi ça ressemble. Ouais, j'aime vraiment ça. Le chat se lève, clignote progressivement, puis redescend progressivement, et je peux exporter à partir d'ici et l'enregistrer sur mon appareil, et il est prêt à partager. 5. PARTAGER: Ok, cette partie est très simple. Allez sur Gylfi dot com et téléchargez le Jif que vous venez de créer et d'exporter à partir de approprié . Vous n'avez même pas besoin d'avoir un compte chez Jiffy pour utiliser cette ressource. Vous et vous pouvez également mettre votre site Web en tant que source. Tu es dehors par là. Si quelqu'un trouve votre animation ou Jif, ils savent tous qui vous a fait des tags afin que d'autres personnes puissent la trouver et l'utiliser si vous voulez. Et à partir de là, vous pouvez choisir de partager le Jif et de l'utiliser dans vos messages texte ou sur le Web. Et vous pouvez aussi l'avoir envoyé par e-mail un fichier vidéo afin que vous puissiez partager sur Instagram. Parce que instagram à ce stade ne supporte pas les cadeaux. J' aime vraiment transformer mes affaires en films, parce que je peux aussi le tirer en remorque. Je suis film et ajoute des effets sonores aussi bien. Ce que j'ai fait avec ce Jeff juste pour le plaisir. Um et vous pouvez voir sur mon flux Instagram à Rebecca sont comment 6. Bonus : Stop Motion dans Procreate: Donc, je voulais vous montrer cette petite vidéo bonus sur la façon de faire des animations de mouvement d'arrêt de fichier film avec la procréation. Je me suis demandé si oui ou non je voulais faire une vidéo à ce sujet, parce que maintenant que procréer a la possibilité d'exporter Jeffs, j'essayais de savoir si c'était même précieux pour les gens de savoir comment faire ça. Je me suis demandé si oui ou non je voulais faire une vidéo à ce sujet, parce que maintenant que procréer a la possibilité d'exporter Jeffs, Mais je pense toujours que c'est parce que parfois, quand vous voulez faire une courte animation, c'est une façon parfaite de le faire. Um, juste dans la procréation afin que vous n'ayez pas à utiliser des sites Web externes ou des AP pour créer votre temps écoulé pour votre animation pour vous montrer comment cela fonctionne dans la procréation. Je fais juste un avion très simple que je vais devoir descendre une piste et ensuite décoller. Et une fois que j'ai dessiné l'avion initial, je vais simplement dupliquer cette couche avec l'avion entier dessus, et chaque image va faire avancer l'avion, puis vers le haut un peu à fois si semblable à le Jif que nous avons fait avant que vous ayez chaque mouvement sur son propre cadre de sorte que lorsque ces images seront mises en place, ce sera une animation stop motion. Donc, quand on regarde l'aperçu du Jif pour cette animation, on peut voir que l'avion fonctionne totalement. Il descend la piste, puis il monte en l'air, et j'ai changé la fréquence d'images un peu pour qu'elle aille un peu plus vite. Maintenant vient la partie qui est un peu différente de la façon dont nous avons exporté Jeffs directement de la procréation. Cette fois, je veux utiliser la capture temporelle qui est intégrée pour procréer, prendre le temps écoulé et le faire ressembler à un film stop motion. Donc, ce que je veux que vous fassiez, c'est créer un nouveau calque en bas de vos calques qui vide et sélectionnez la couleur blanche, et ce que nous allons faire est de montrer la première image de l'avion, puis de faire environ 6 à 10 coups de blanc sur cette couche. C' est en dessous de tout pour qu'on ne voit aucun des coups de peinture. Nous allons continuer à le faire entre chaque couche en montrant le calque suivant cachant le calque précédent et en faisant 6 à 10 traits, puis en montrant le calque suivant cachant le précédent plus tard faisant 6 à 10 traits. Et c'est ainsi que nous allons obtenir la capture temporelle pour la capturer en tant qu' animation stop motion . La raison pour laquelle nous faisons cela est que la façon dont le temps de capture, fonctionne et de procréation est qu'il capture chaque trait individuel de votre pinceau. Vous devez donc faire des coups de pinceau individuels entre chaque mouvement de cadre afin qu'il mette un peu de temps entre chaque image que vous voulez ennemi. Ok, nous arrivons à la fin de la réalisation de tous nos cadres. Donc, ce que nous allons faire est d'aller à la clé à la barre d'outils des actions, trouver le bouton vidéo et regarder la relecture temporelle. Et vous pouvez utiliser votre doigt en le faisant glisser sur l'écran, gauche et à droite pour afficher le replay temporel à votre propre vitesse. J' aime ce regard, donc je vais l' exporter en vidéo pleine longueur, garder sur mon appareil, et ensuite je vais retourner dans mon film et frapper le signe plus et je clique sur le film et puis je trouve ce laps de temps replay à l'intérieur de la bibliothèque hit Create Movie, et c'est là que je vais trouver le laps de temps. On joue au cinéma maintenant. Ce que je vais faire, c'est ralentir le film pour que je puisse facilement trouver le bon endroit pour couper cette vidéo et supprimer la moitié avant qui n'inclut pas l'avion qui se déplace vers l' avant et qui décolle. Je vais pousser jouer et regarder ça aller et m'assurer qu'il fait exactement ce que je voulais faire . Et puis ce que je vais faire, c'est aller à la vitesse et l'accélérer jusqu'à la vitesse que je veux que l' avion aille. Et je pense que je vais probablement accélérer ça un peu plus juste pour rendre ça intéressant. Ça ressemble à un Jiff, mais ça va être un fichier de film pour que je puisse le partager sur Instagram et partout où vous pouvez partager des vidéos. qui est cool à propos de mon film, c'est qu'ils ont toute cette bibliothèque pleine d'effets sonores et musique thématique que vous pouvez utiliser, et je vais choisir le son de jet parce que c'est un peu approprié pour cela et mettre ça là-dedans juste au-dessus du , puis exportez ceci pour partager l'exportation dans mes films. Thèse de succès assez simple entre bouton de partage. C' est un carré avec une petite flèche, puis vous pouvez choisir où vous voulez l'enregistrer et la qualité de la vidéo. Cela ne prend que quelques minutes et vous avez votre petit fichier vidéo prêt à partir. Regardons ça ici. Et mon petit hack pour utiliser le rapport d'aspect 16 par neuf pour la vidéo sur Instagram est que je garde tout ce que je veux montrer sur Instagram juste au centre de l'écran. Donc, cette petite vidéo, quand je vais la partager sur Instagram s'intègre parfaitement dans ce carré. 7. Votre projet: merci de me joindre aujourd'hui. J' ai hâte de voir les projets que vous créez, et j'espère que vous les partagerez dans notre section projet. Veuillez également laisser des commentaires ou des questions, tout ce dont vous pourriez vouloir parler. C' est un endroit idéal pour les artistes de se réunir, d'être inspirés et de s'entraider. En outre, si vous partagez votre création sur les réseaux sociaux, hashtags sont classe avec Becca afin que je puisse voir ce que vous avez fait là-bas et vous promouvoir par moi-même. Flux Instagram. se voit dans la classe suivante.