Gifs animés dans Procreate

1. Intro Animé Gifs dans Procreate: Bonjour, je suis Liz Walker, graphiste et illustrateur. Merci d'avoir rejoint ma première classe Skillshare, GIF animés dans Procreate. J' ai toujours pensé aux GIF comme un moyen d'envoyer des messages drôles à ma mère et à mes sœurs. Comme le singe qui jette l'ordinateur portable quand je n'ai pas envie de travailler ou la danse Napoléon ou Alice s'inclinant pour dire merci. Juste quelque chose de drôle à ajouter à votre journée. Cependant, avec l'ajout de partager vos projets en tant que GIF directement depuis Procreate, cela m'a vraiment fait arrêter et réfléchir pendant une minute, comment puis-je ajouter un intérêt supplémentaire à mes illustrations ? Dans ce cours, nous allons explorer quelques étapes simples pour mettre mouvement vos illustrations en utilisant Procreate in GIF. Certains éléments que nous allons couvrir dans cette classe sont des informations de base sur les GIF, les paramètres de Procreate, les exercices de creusement dans les styles d'animation que vous pouvez utiliser pour vos illustrations. N' hésitez pas à arrêter et à suivre avec moi pendant les exercices. Comme je trouve cela un excellent moyen de développer vos compétences. Vérifiez les paramètres d'exportation et de téléchargement. Je partagerai mes trucs et astuces de flux de travail. Nous aborderons également la recherche d'inspiration et l'importance des planches d'humeur. Pour le projet de classe, nous allons créer un GIF animé en utilisant les techniques des vidéos d' exercices pour ajouter de l'animation à une illustration. Commençons. 2. Gifs et Procreate: Pouvez-vous croire que les gifs ont été autour depuis 1987 ? Voici quelques bases sur les gifs. Gif est synonyme de format d'échange graphique. Les gifs utilisent une compression sans perte en maintenant la qualité de l'image plus élevée que les JPEG. Dans Procreate, chaque calque ou groupe est une lecture d'image unique du bas vers le haut et doit être visible pour qu'il apparaisse. Plus vous avez d'images dans le panneau Calque, plus l'animation sera fluide. Voici comment j'ai configuré mes fichiers gif. J' ai un dossier nommé build ou 00, et dans ce dossier je garde tous les éléments dont je pourrais avoir besoin, au cas où je gâcherais ou supprimerais quelque chose et il peut juste être réparé facilement. Je peux extraire un actif de ce dossier, et c'est réparé. Ensuite, j'ai mon cadre 1, qui est le cadre que nous allons commencer et mon cadre final, qui est le résultat final. De cette façon, vous savez toujours où vous allez commencer et où vous allez finir. Pour prévisualiser, sélectionnez « Actions », sélectionnez « Partager », puis sélectionnez « GIF animé », et vous verrez un aperçu de ce que vous allez exporter. Dans ce mode d'aperçu, vous pouvez afficher les images par seconde et les augmenter ou les diminuer. Vous pouvez désactiver ou activer vos arrière-plans transparents. Vous pouvez choisir un format Web Ready ou un format Full Resolution. J' exporte le mien en pleine résolution parce que le Web Ready le compresse vraiment, et l'a rendu pixélisé. 3. Big Reveal: J' ai ma flèche vers le haut. Je vais le sélectionner et ajouter un masque de calque, puis je vais sentir le masque de calque avec du noir, puis sélectionner le blanc dans votre pinceau, ajouter un calque de guidage afin que nous puissions voir ce que nous faisons ci-dessous et réduire l'opacité. Ensuite, dans le masque de calque, nous allons juste peindre le blanc sur afin que nous puissions révéler notre flèche. Nous continuons simplement à dupliquer le calque et le masque de calque. Vous êtes dans l'image gif d'un lien blanc de cette flèche. C' est très simple, mais ça fait passer le point. Maintenant, regardons comment nous pourrions faire ça avec le mot cadeaux et fleurs. Nous avons notre premier cadre, et à l'intérieur de ce cadre, je vais dupliquer la couche de fleurs et remplir avec du noir et ce sera mon calque de guide. Je vais prendre l'opacité là-dessus, et ça sera toujours visible pendant que nous créons ça. J' ajoute un masque de couche, le remplit avec du noir, puis je peins juste dans mes fleurs. Au fur et à mesure, nous voulons simplement nous assurer que nous renommons nos dossiers pour que nous soyons organisés. J' aime vraiment essayer de garder mes fichiers organisés. Je m'appelle parfois chaos organisé parce que c'est à quoi ressemblent mes fichiers. Nous allons continuer à peindre jusqu'à ce que nous ayons révélé toutes les fleurs, et je veux que ça ait l'air très pictural, comme si les fleurs poussaient de ce mot. Nous n'avons pas besoin de cette couche de guide. Nous allons le supprimer. J' aime ajouter un cadre parfois au début ou à la fin, tout comme une pause dans les mêmes images. Mais cela le rend donc peut-être vous pouvez lire quelque chose ou il se trouve sur l'illustration avant qu'elle ne bouclera en arrière. Notre prochain exemple, nous allons effacer le cercle. Vous continuez à dupliquer le cadre, puis continuez à effacer un par un. Maintenant, allons allumer tous nos cadres et nous allons les revoir. Pour cette révélation, nous allons révéler le mot crème glacée. J' ai cette configuration. J' ai Frame 0 comme juste un calque vide. C' est comme le calque d'arrière-plan, il n'y a rien dessus. Ce sera le premier cadre que nous verrons. Dans le calque suivant, nous allons dupliquer le cadre de calque d'arrière-plan 0, et nous allons le jeter au-dessus de la couche de crème glacée. Vous pouvez le voir et je ne peux pas, et ensuite ce qu'on va faire, c'est effacer le mot crème glacée pour notre grande révélation. Je vais utiliser un de ces stylos à pinceaux achetés qu'ils ont ici, et juste commencer à peindre loin. Tu peux aller n'importe où avec ça. J' ai ces deux spots, puis je vais dupliquer tout le cadre. Je vais nommer celui-ci Frame 2, et je vais continuer à travailler. J' ai choisi ce stylo pinceau parce que je voulais montrer une partie de la texture. Je vais accélérer ça pour vous les gars pour que vous n'ayez pas à vous asseoir et à regarder, et attendre. Maintenant, nous l'avons révélé. Jetons un coup d'oeil à ce que ça va ressembler. Là, ça va. Bonjour, crème glacée. C' est ton tour. C'est le moment idéal pour arrêter et pratiquer ce style d'animation avec une partie de votre travail ou simplement faire un exemple simple. C' est vraiment bon de prendre quelques minutes et d'explorer. 4. Allons le déplacer: Pour le mouvement, GIF, nous allons utiliser les outils de liquide pour animer les cheveux de cette sirène. Pour sélectionner l'outil liquéfié, accédez à Réglages, Liquifier. Je vais utiliser l'outil de poussée pour pousser ses cheveux. Je veux que ça ressemble à flotter sous l'eau. Maintenant, nous pouvons ajouter du mouvement aux plantes marines. Je veux que ces plantes semblent se balancer d'avant en arrière dans l'eau. Pour y parvenir, je vais utiliser l'outil de distorsion. Vous pouvez tirer chaque point de la grille pour déplacer l'objet. J' ai gardé chaque plante séparée pour pouvoir les déformer individuellement. Je vais ajuster les particules et les faire croire qu'elles se déplacent sous l'eau pour ajouter un peu plus de magie. En outre, je vais ajouter plus de particules après avoir tourné pour remplir les espaces qui n'avaient pas de particules auparavant. J' aime ajouter de la texture supplémentaire à mes illustrations. Une fois que j'ai ajusté toutes les plantes un dupliquer la couche ou le groupe de cadre, et commencer à liquider les cheveux, déformer toutes les plantes, et je continue comme ça. Il est préférable de continuer à travailler ici, car vous ajoutez à l'image précédente. Ainsi, chaque petit mouvement ajoute au cadre suivant. C' est le moment idéal pour arrêter et revoir notre GIF et voir ce que nous travaillons, et aussi si vous avez besoin de revenir en arrière et de réajuster quelque chose parce que vous n'aimez pas vraiment son apparence, ce n'est pas un problème. Si vous avez besoin de sortir quelque chose que vous avez travaillé d'une manière qui est un peu trop comme je l'ai fait ici. Vous pouvez simplement le retirer de votre fichier de construction et le réparer. C'est ton tour. C' est le moment idéal pour s'arrêter et pratiquer ce style d'animation avec une partie de votre travail. Ou simplement faire un exemple simple, c'est vraiment bon de prendre quelques minutes et d'explorer. 5. Suivez votre chemin: Suivre un tracé ou une couche de guidage. Pour ce chemin, je vais choisir juste une couche qui est vraiment évidente, et tracer mon chemin ici que je veux que ce papillon vole. Maintenant, le calque d'arrière-plan et ce fichier sont tous aplatis parce que je ne vais pas animer quoi que ce soit là-dessus. Ensuite, j'ai la couche de papillons. Ce que je vais faire avec la couche de papillons, c'est que je vais supprimer l'un des papillons à l'aide de l'outil de sélection, en faisant le tapotement de trois doigts, faites glisser vers le bas pour faire apparaître le menu de copier-coller de coupe. Je vais le couper et le coller dans une nouvelle couche. Quand ce papillon vole le long de ce chemin, ça a l'air bizarre parce que les papillons ne volent pas avec leurs ailes larges ouvertes. Nous allons dupliquer la couche de papillon, nous allons en garder une, nous allons juste effacer la moitié du papillon, puis dupliquer à nouveau et le faire tourner pour lui donner une certaine dimension, combiner cela ensemble, et ensuite nous allons commencer dupliquer et déplacer ce papillon le long du chemin. Rappelez-vous que plus vous avez de papillons et de cadres, plus votre animation sera lisse. Ensuite, quand j'arrive à cette courbe, je vais juste la retourner horizontalement, retourner et la faire pivoter. Maintenant, il vole droit et droit dans les fleurs. Pour passer en revue cela, je vais désactiver le calque de guidage et le calque d'arrière-plan car il ajoutera un flash. Je veux juste voir où nous en sommes maintenant avant de continuer à aller de l'avant. Vous pouvez voir quand nous l'examinons, il a l'air bien. Retourner le papillon n'a pas l'air étrange. Nous allons continuer vers l'avant. L' étape suivante consiste à combiner le calque d'arrière-plan et le papillon. Pour chaque papillon, il doit avoir sa propre couche d'arrière-plan. Vous pouvez faire deux choses. Vous pouvez les aplatir ensemble ou les mettre en groupes d'images. J' aime les mettre en groupe jusqu'à ce que je sache que j'en ai fini avec quelque chose et j'ai l'impression que je ne vais pas changer ça. Je nomme tous ces dossiers en cours de route pour m'assurer que tout est étiqueté et organisé. Une fois à la fin, nous allons l'examiner. Ça a l'air plutôt bien. C'est ton tour. C' est le moment idéal pour s'arrêter et pratiquer ce style d'animation avec une partie de votre travail. Ou simplement faire un exemple simple, c'est vraiment bon de prendre quelques minutes et d'explorer. 6. Tout dans les yeux: Regardons un exemple d'un croquis que j'ai fait de ma mère et sœurs, et comment vous pouvez facilement ajouter animation à cela juste pour ajouter juste un peu plus ou ajouter un peu d'intérêt à cela. Nous allons ouvrir et fermer les yeux. J' ai séparé tous les yeux des sœurs, créé des versions fermées et ouvertes pour tout le monde, l' exception de ma sœur, sœur C. Je vais utiliser l'outil de sélection et dessiner autour de ses yeux. Ensuite, je vais à trois doigts pour que ce menu apparaisse, et je vais couper et coller et ce que cela fait, c'est qu' il le fait dans ses propres couches séparées. Pour que nous puissions activer cette couche et désactiver cette couche. Ensuite, je vais dupliquer les yeux fermés de ma soeur A, les déplacer vers la soeur C, puis les ajuster sur son visage. Voyez maintenant, alors je vais les éteindre, parce que je ne veux pas d'eux maintenant. Nous allons dupliquer, faire un nouveau cadre. Ensuite, je vais passer à travers et je vais juste ajuster les yeux, les éteindre et allumer. Je vais continuer à faire ça, juste ouvrir et fermer. Vous pouvez utiliser l'outil de sélection et les retourner horizontalement, sorte qu'ils regardent dans une direction différente et l'ajuster un peu. Jetons un coup d'oeil à ce que cela ressemblera une fois qu'il sera exporté. Ils sont là, ils se regardent. Il ajoute juste un peu plus de plaisir et d'intérêt à cette illustration. Regardons ma fille de cheveux bleus comme un exemple dans le court Jeff. Chaque fois qu'elle clignote, elle rougit et ses cheveux soufflent dans le vent et les petits cœurs se peuplent. Il suffit de le garder simple et d'ajouter quelques choses à vos illustrations et d'ajouter juste un peu plus de plaisir. C' est ton tour. C'est le moment idéal pour s'arrêter et pratiquer ce style d'animation avec une partie de votre travail, ou simplement faire un exemple simple. C' est vraiment bon juste de prendre quelques minutes et d'explorer. 7. Exportez: Bon, maintenant nous sommes prêts à exporter ça. Allons à notre GIF animé, nous allons exporter une résolution complète et je vais mettre ceci dans mes albums partagés. Lorsque nous exportons ceci, vous ne pouvez pas l'exporter directement à partir de Procreate, puis aller dans Instagram ou Facebook. Vous devez passer par une autre application, et vous pouvez passer par Giphy. J' ai un compte créé pour moi. Ce que vous faites, c'est que vous ajoutez , vous le sélectionnez, et voici ici. C' est ce dernier, vous sélectionnez « Choisir une photo » ou « Utiliser ». Il est là, puis vous sélectionnez télécharger. Cela prend une minute pendant les processus. Vous voulez vous assurer que votre GIF dure au moins trois secondes. n'y a aucune modification que vous pouvez ajouter dans Giphy, puis vous sélectionnez ceci. Vous sélectionnez « Envoyer », puis vous pouvez sélectionner à l'endroit où vous souhaitez l'envoyer. Il n'est pas affiché directement sur votre compte. Maintenant, une autre méthode serait de le prendre dans une autre application. Il existe de nombreuses applications. Pour celui-ci, je vais utiliser GifVid. « Gif to Video » est ce que j'ai sélectionné. Je vais sélectionner la résolution la plus élevée ici, et cela vous pouvez contrôler la vitesse de votre lecture, ou vous pouvez également ajouter des boucles vidéo souhaitées afin de vous assurer que vous avez au moins trois secondes. Vous pouvez sélectionner dans le menu où vous souhaitez le télécharger, et il devrait se connecter directement à votre compte. 8. *Inspiration et réflexions de planche d'humeur: As-tu déjà pensé : « Ok, je suis prêt. Je vais dessiner ça maintenant », et tu ouvres ton carnet de croquis ou ton iPad ou tu sors ta toile, et tu penses, je ne sais pas quoi faire. Mon cerveau est vide. Qu' est-ce que je vais faire ? Vous n'êtes pas seul. Nous luttons tous avec ça. Certaines choses que j'aime faire quand je me sens comme ça sont revenir en arrière et regarder certains de mes vieux travaux, et peut-être que je peux prendre une de ces pièces et le réaménager et le rendre un peu plus intéressant ou nouveau. J' essaie aussi de dessiner tous les jours. Je sais que c'est difficile de dessiner tous les jours, mais parfois c'est juste de se présenter. Certains jours, vous pouvez avoir plus de temps que d'autres jours. Récemment, je faisais un défi de dessin avec ma sœur et un jour, elle m'a envoyé un message et m'a dit : « Je ne pense pas pouvoir le faire aujourd'hui. » Notre invite était une sirène. Je lui ai envoyé un message qui disait : « Dessinez une sirène de bâton. Puis tu es venu. » À ce jour, chaque fois que je ne me sens pas inspiré, je pense juste bâton sirène. Certains jours, tu dois juste te pointer. En outre, vous pouvez essayer de vous échauffer avec une pratique de simplement esquisser, allumer de la musique, s'asseoir dehors et juste commencer à esquisser sans but, puis cela vous mènera à plus d'un but. Une autre chose que j'aime faire est que j'aime collectionner des planches d'inspiration ou aussi des planches d'humeur. Un endroit idéal pour le faire comme sur Pinterest. Vous pouvez catégoriser vos tableaux. Vous pouvez le faire, si vous dites que vous voulez des roses et des verts ou que vous voulez des jaunes et des rouges, et examiner ces conseils et regarder et être inspiré par eux. Pensez à la façon dont vous pouvez utiliser ces couleurs ou si vous avez quelque chose de spécifique à l'esprit, c'est vraiment génial d'avoir une planche d'humeur et de construire cela. Vous pouvez donc voir de quoi vous avez été inspiré. 9. PROJET DE COURS: Maintenant, c'est à vous de pratiquer ce que nous avons appris aujourd'hui en complétant votre propre projet de classe. N' oubliez pas de trouver de l'inspiration. Peut-être créer un nouveau tableau, puis prendre votre illustration unique, et réfléchir à la façon dont vous pouvez ajouter une animation à cela. C' est peut-être une grande révélation. Peut-être que vous ajoutez juste un peu de mouvement. Vous avez quelque chose qui vole, vous avez un petit chemin, qui nous mène à votre illustration. Lorsque vous avez terminé, n'oubliez pas de télécharger votre projet dans la galerie de projets et de le partager avec tout le monde afin que nous puissions être inspirés par vous. J' ai hâte de voir ce que vous créez. 10. **Update** Assistance Assist Toolbar à l'animation: Hé, là. J'ai une mise à jour de mon cours en examinant la nouvelle fonctionnalité, Animate Assist, et comment elle peut vous aider avec votre flux de travail. Pour activer votre Animate Assist, vous sélectionnez les outils de ce menu ici, une petite clé. Animate Assist est juste là, et il suffit d'activer cette bascule. Puis au bas de l'écran apparaît un menu et c'est là que nous allons faire tout notre travail d'animation. Je vais vous montrer à quoi ressemblent mes couches. Dans mon panneau de calques, j'ai ce calque supérieur qui est ma signature, mon cadre, construit des calques juste au cas où j'en aurais besoin, et le calque d'arrière-plan. Dans ce menu ici, le menu Animer Assist, si vous sélectionnez la première image, qui était notre calque inférieur, mon calque d'arrière-plan, vous pouvez sélectionner le bascule et faire que votre calque d'arrière-plan. Cela signifie que l'arrière-plan s'affichera à travers toute l'animation et que vous n'avez pas besoin de la dupliquer, gaspillant votre visage en ajoutant le même calque encore et encore. Nous passons à ce dernier calque, qui est mon calque de signature, qui était le calque supérieur dans le panneau de calque, et vous pouvez le sélectionner et en faire votre premier plan afin qu'il reste toujours sur le dessus. S' il y a une animation que vous voulez continuer à se produire sur le dessus, vous pourriez avoir cela se produire. Je vais vous montrer comment j'ajoute juste une animation simple en utilisant ce menu et comment c'est facile. Nous allons passer en revue toutes les options pour ce faire. Tout d'abord, nous allons dupliquer cette couche. Ce que cela a fait dans votre panneau de calque, vous verrez qu'il a dupliqué le dossier entier qui est si cool. Ensuite, je vais ajouter mon outil de brosse et j'ai ces cœurs aquarelle. Ce que je vais faire, c'est d'ajouter juste un couple, laissez-moi les agrandir. Ce que je vais faire, c'est ajouter un petit coeur. J' ai la taille, non ? Quelques petits cœurs qui sortent de ça. Ensuite, ici, nous le dupliquerons à nouveau et je vais faire la même chose. Je vais juste ajouter un peu plus de coeurs. Regarde ça. C' est plus de cœurs. Ce qui est vraiment sympa dans ce menu, c'est que vous n'avez pas à y aller comme vous le faisiez auparavant. Tu devais aller à ça, puis tu devais y aller, puis il a dû le prévisualiser. Tu n'as plus à faire ça. Vous pouvez en prévisualiser ici. C'est vraiment gentil. Bien que cela se déplace très vite, comment nous allons corriger cela est que vous pouvez changer toute la durée autant d'images. Ces cadres vont tenir, cela tiendra juste le même cadre exact plus longtemps. Je vais le faire pour chacun d'entre eux et ensuite on pourra regarder ça. Dans le menu des paramètres, vous pouvez modifier vos images par seconde, que vous avez utilisé pour modifier dans l'autre menu. Les cadres de peau d'oignon montrent que c'est comme une transparence de vous montrer vos animations à l'avance. Vous pouvez voir en animant à quoi ça ressemble. Votre vidéo va jouer. Un coup, assez explicite, il joue juste à travers lui jusqu'à la fin. Looping, ça remonte au début. Bras à lèvres continue juste d'aller et en arrière entre le début et la fin, juste rebondir, ce qui peut l'ajouter vraiment bien. Il est vraiment facile d'ajouter un cadre. Si vous cliquez sur « Ajouter un cadre », c' différent de dupliquer un cadre. Vous sélectionnez le cadre réel à dupliquer et vous pouvez sélectionner ces images que vous avez accidentellement faites, je ne sais pas pourquoi j'ai fait cela, et vous les supprimez simplement. Si vous voulez ajouter un cadre vide au milieu pour dessiner au-dessus du dessus, et vous pouvez voir où sont vos images réelles ici parce que celles qui ont une durée entière sont grisées. Vous pouvez ensuite aller à votre menu et vous pouvez aller à partager et sélectionner « GIF animé », MP4. C' est notre menu d'exportation où il vous montre un aperçu beaucoup plus grand qu'auparavant. Je sélectionne toujours « Résolution maximale » lors exportation et vous [inaudible] j'ai un arrière-plan, mais si vous vouliez le faire, vous pourriez le faire. Ensuite, vous sélectionnez « Exporter » et vous êtes prêt à partir. Merci beaucoup d'avoir regardé et j'ai hâte que vous preniez ça et n'hésitez pas à me marquer dans tout ce que vous faites. Posez des questions. Merci. 11. Merci: Merci beaucoup d'avoir rejoint ma première classe Skillshare : GIF animé dans Procreate. N' oubliez pas de publier votre projet de classe dans la Galerie de projets. Cela signifierait tellement pour moi que vous examiniez ma classe, lui donniez un genre et suiviez mon profil Skillshare, donc vous êtes averti lorsque je publierai de futures classes. Merci encore.