Texte et GIF animé sur l'iPad Procreate : du début à la fin

1. Bande-annonce: Salut, je m'appelle Esther Nerioshi. Je suis concepteur de motifs de surface, illustrateur et artiste du lettrage. Cette classe consiste à travailler avec du texte et à créer des GIF animés sur votre iPad. Nous allons apprendre quelques concepts de typographie de base pour que vous puissiez commencer. Je vais marcher avec vous étape par étape sur la façon d'utiliser les outils de type dans le programme, puis nous allons sauter dans une animation rapide et facile sur April enneigé. À la fin de cette classe, vous aurez votre propre GIF animé fabriqué à partir de zéro sur votre iPad. Je te verrai en cours. Ma mère s'appelle Esther Nerioshi. Elle t'apprend à faire des mots sur iPad. Je t'aime. Bonjour. Elle t'apprend à faire des mots sur iPad. Je t'aime. Bonjour. 2. Couleurs: Parlons des couleurs. Je sais que beaucoup d'entre vous ont le super-pouvoir d'élaborer une palette de couleurs pendant que vous travaillez et vous pouvez choisir la couleur à la volée et les décisions viennent tout simplement naturel pour vous. Mais pour le reste d'entre nous, commençons par une palette. Puisque nous allons créer une scène enneigée, j'ai quatre nuances de bleu à choisir, et il y a des couleurs chaudes et des couleurs mutuelles aussi. En aucun cas, vous devez rester avec ces couleurs ou je vais rester avec ces couleurs, mais j'ai l'impression que c'est un bon point de saut pour nous de travailler à partir de. Je vais mettre ce fichier à votre disposition pour que vous puissiez le télécharger sous notre classe. Une fois que vous l'avez ouvert dans votre Procreate, vous pouvez échantillonner la couleur et en faire une palette. Pour échantillonner une couleur, vous pouvez appuyer brièvement sur l'icône carrée ici sur la gauche ou sur la droite dépend de la façon dont vous configurez votre interface utilisateur. Vous voyez ce petit cercle que vous faites glisser pour échantillonner des couleurs. Dis que je suis content de celui-là. Je vais ouvrir ma palette et cliquer sur le point ici, et ça va sauver cette couleur. Vous continuez à faire ça jusqu'à ce que vous ayez les 12 couleurs. Chaque fois que vous souhaitez supprimer une palette de couleurs, vous pouvez simplement effectuer un balayage vers la gauche, puis appuyer sur Supprimer. C' est comme ça que vous travaillez avec les couleurs ici. Dans notre prochaine vidéo, je vais vous montrer comment travailler avec l'outil de texte. Nous allons passer en revue chaque petit bouton que Procreate a jusqu'à présent, afin que vous sachiez comment utiliser l'outil de texte pour votre conception. 3. Outil texte: D' accord. Commençons par un nouveau document. Vous pouvez passer dans le coin supérieur droit pour cliquer sur le signe plus, et tout le chemin en bas, vous pouvez créer votre propre taille personnalisée. Pour notre classe, je vais aller avec 4000 pixels par 3000 pixels, et si vous travaillez mieux avec d'autres unités de mesure, par tous les moyens, vous pouvez simplement basculer en cliquant. Je recommande de laisser le DPI à 300 et plus, parce que dans le cas où vous voulez imprimer un cadre fixe de votre travail, vous ne serez pas exalté s'il est 300 et plus. Mais si vous savez avec certitude que votre application multimédia finale sera à l'écran, vous pouvez laisser ce nombre un peu plus bas, peut-être jusqu'à 72 DPI. Une fois que vous avez compris cela, vous pouvez cliquer sur Créer. J' aime toujours commencer par zoomer juste un petit peu. Vous pouvez le faire en pincant pour que je puisse voir toute mon adresse, et je voudrais lui donner une couleur claire. Peut-être ce fard à joues, rose. Vous pouvez simplement glisser-déposer, et je veux créer un nouveau calque parce que nous allons travailler sur le texte. Ensuite, je vais changer pour une couleur différente. Quelle que soit la couleur qui est active dans le coin ici sera la couleur de votre texte. Je vais cliquer sur le paramètre, puis ajouter, ajouter du texte, et tapez simplement ce que vous voulez dire ici. Dans le coin supérieur droit, il y a un bouton qui indique Modifier le style, c'est ce dont nous avons besoin pour éditer notre texte. Devant nous, nous avons quatre colonnes. Ils sont, la police, le style, design et les attributs, et nous allons passer par chaque bouton. Sur la gauche, vous avez une belle sélection de différentes polices qui vient juste avec le programme, et la deuxième colonne, qui définit le style, vous donnera un style spécifique individuel sous cette famille de polices. Pour notre classe, je vais aller avec la valeur par défaut, mais je veux choisir une version plus audacieuse de cela parce que finalement nous aurons des tonnes de floons de neige prêts sur le dessus du type. Nous voulons plus d'espace pour que la neige atterrit, et sur la troisième colonne, qui est la colonne de conception, vous pouvez changer la taille en glissant simplement vers la droite. Vous verrez que le programme crée automatiquement une autre ligne parce que nous sommes à court d'espace sous ce cadre de sélection, et vous pouvez corriger cela en faisant glisser la poignée bleue vers la droite. Ne vous inquiétez pas trop du placement à partir de maintenant parce que vous pouvez le faire plus tard aussi, et pour l'instant nous allons juste nous concentrer sur la façon dont le texte ressemble. La deuxième option et la troisième option sont le crénage et le suivi. Ils sont semblables parce qu'ils traitent tous les deux de l'espace entre les lettres. La différence est que Kerning fonctionne plus localement et que le suivi fonctionne plus universellement. Par exemple, vous voulez créer plus d'espace entre R et I, vous pouvez simplement appuyer et y apporter le curseur. Augmentez l'espacement en faisant simplement glisser le curseur, et vous pouvez également le faire en sélectionnant quelques-unes des lettres. Il suffit de double-cliquer et de sélectionner, et vous pouvez définir le nombre de lettres que vous voulez sélectionner , puis vous pouvez modifier le crénage entre cette sélection locale. Si vous appuyez deux fois, cela fera également ressortir cette orientation verticale, qui permettra à vos lettres de s'aligner verticalement. Ce n'est pas ce dont nous avons besoin, alors je vais revenir à l'orientation horizontale. Pour vous montrer comment fonctionne le suivi, vous devez cliquer en dehors de la zone, puis cliquer de retour dans. Vous voyez que le curseur a disparu, ce qui vous permet de changer l'espacement universellement. ce moment, je vais augmenter le suivi du mot April. Vous verrez tout l'espace entre chaque lettre a augmenté. Cela fonctionne même si vous avez un gros paragraphe avec beaucoup de lettres. Cela s'appliquera à tout le texte de la zone, et l'option suivante est en tête. C' est pour le texte multi-lignes, donc apparemment nous n'avons qu'un seul mot ici. Je vais retourner au clavier ici, puis ajouter une autre ligne. Je vais épeler la neige ici. Vous pouvez faire glisser la zone vers le haut afin que le texte affiche le style d'édition. moment, je vais diminuer le début et vous verrez la différence, et fondamentalement il ajuster l'espace entre chaque ligne. L' option suivante est appelée Ligne de base. Fondamentalement, il déplace juste le morceau entier de haut en bas. L' opacité est assez évidente. Il modifie l'opacité du texte, et la toute dernière colonne est appelée attributs. Tout en haut, il y a quatre options pour l'alignement du texte. Je me suis dit qu'il serait plus facile de vous montrer visuellement ce qu'ils signifient que d'expliquer avec des mots. Donc c'est la chasse d'eau à gauche, c'est centré. C' est une lumière flash, et la dernière option est justifiée. Cela ne nous affectera pas trop parce que nous n'avons qu'un seul mot à utiliser, mais ces options peuvent être très utiles si vous travaillez avec des paragraphes volumineux. L' option suivante ici est U pour le soulignement et O pour le contour. La dernière option ici change le cas de vos mots. Si vous l'avez activé, ce sera toutes les majuscules. Si vous l'avez éteint, ce ne sera que de petites lettres. Une fois que vous êtes satisfait de ce que vous avez, vous pouvez, je vais juste supprimer le mot neige parce que nous avons juste besoin d'un mot ici pour notre projet. Je vais cliquer sur terminé. Si vous ouvrez vos calques, vous verrez cette inclinaison A. Chaque fois que vous voyez cela, il vous montre que ce calque est un calque de texte, qui signifie que vous pouvez toujours l'ajouter, le style et l'alignement et tout ce que nous venons de couvrir. Cependant, si vous faites quelque chose de funky, comme déformer le, Je vais juste cliquer sur hors de cela. Si vous voulez déformer la forme de cette lettre, disons sur une distorsion , juste un petit peu, puis vous ouvrez votre calque, vous verrez le A disparu parce que le programme voit ce calque comme le calque d'image. Vous pouvez toujours annuler cela et ramener le calque. Vous verrez le A revenir à nouveau. Chaque fois que vous voulez l'ajouter à nouveau, il vous suffit de tabuler sur le mot et il vous ramènera au panneau d'édition. Oui, c'est tout ce qu'on doit savoir sur les textos. Pour notre projet, je voudrais créer une sorte de dimension au mot parce que je veux que la neige puisse atterrir au-dessus de la lettre, et ce serait bien d'avoir une dimension 3D au lieu de regarder plat. Je vais créer un calque dupliqué en faisant glisser vers la gauche et en cliquant sur duplicate, et je vais juste déplacer le calque inférieur, juste un peu et lui donner une couleur différente. Je vais créer un masque d'écrêtage en créant un nouveau calque ci-dessus, et cliquez sur la vignette et le masque d'écrêtage et lui donner une couleur différente. Facile à pétiller. Pour l'instant, je veux finir de dessiner cette dimension 3D. Fondamentalement, j'ai besoin de combler l'écart entre les deux couches. Je vais accélérer la vidéo ici pour que vous n'ayez pas à me voir dessiner pour toujours, mais toutes les techniques que je vous montre ici, ont été couvertes dans ma classe appelée, A gazillion Ways to Letter. Vous êtes les bienvenus pour le vérifier. Cependant, si le lettrage n'est pas votre truc, je comprends totalement. Je vais garder ce fichier à votre disposition pour que vous puissiez le télécharger. Vous pouvez simplement sauter en avant et apprendre la partie animation de la classe. Tout ce qui fonctionne le mieux pour toi, vas-y. 4. Ajouter l'accent: Dans cette vidéo, nous allons finir de dessiner la couche de papeterie du projet. Puisque l'accent de cette classe est mis sur le texte et le GIF animé, je ne passerais pas beaucoup de temps à l'écran sur le lettrage détaillé. J' ai ajouté un peu de texture sur les lettres, ainsi que l'arrière-plan derrière la scène. Mais ils sont totalement facultatifs pour compléter l'animation. Si vous passez au panneau Calques, nous avons deux calques pour le moment. Nous avons le calque d'arrière-plan ainsi que le mot APRIL sur le dessus. Le but de cette vidéo est de dessiner de la neige fondamentale sur le mot AVRIL. Il n'a pas besoin d'être fou, juste une couche très mince pour mettre en place l'ambiance et nous préparer pour l'animation. Nous allons le faire en lançant une nouvelle couche et en changant la couleur en blanc pour notre neige. En termes de pinceaux, j'ai trouvé cette encre saignée sous l'encrage. C' est vraiment proche de l'effet visuel que je cherche. Vous voyez que cela a créé une belle adresse moelleuse qui est très proche de la vraie neige de la vie. Vous pouvez jouer avec la gigue de réglage pour contrôler le moelleux que vous voulez que votre neige soit. Encore une fois, c'est sous l'encrage du dossier et la brosse elle-même est appelée purge d'encre. Une fois que vous l'avez fait, vous pouvez commencer à dessiner. C' est peut-être comme la première heure de neige. Ce n'est pas super fou et juste très mince. Il est difficile de contrôler les bords ou les bords vont avec ce stylo moelleux. Ne vous inquiétez pas trop car vous pouvez fixer les bords avec la gomme. [SOUND] Imaginez que notre source de lumière vient d'en haut, donc naturellement nous aurons une ombre sur la partie inférieure de la neige. On veut juste un Alpha Lock la couche de neige, on vient de travailler dessus. Ensuite, peut-être sélectionner une barrière bleu clair pour lui donner une ombre. [ SOFT SOUND] Je vais fusionner ce calque avec le calque APRIL pour simplifier le processus d'animation. Encore une fois, nous avons deux couches. Nous avons ce AVRIL avec la neige dessus et nous avons la couche de fond. Dans la vidéo suivante, nous allons plonger dans la partie animation du processus. 5. GIF animé: Dans cette vidéo, nous allons créer un GIF animé du début à la fin, le tout dans Procreate. abord, vous voulez créer un nouveau calque au-dessus du mot April, puis vous voulez changer la couleur en blanc parce que nous allons faire un tas de boules de neige. Vous voulez vous assurer que vous avez une brosse moelleuse. Je dirais juste de monter la gigue parce que la taille de la boule de neige va augmenter. Donc, nous voulons que le moelleux augmente également. C' est juste plus amusant et réaliste de cette façon. Alors allez-y et dessinez de la neige. Vous voulez vous assurer que la taille de votre neige varie, sorte qu'elle donne de la profondeur à votre scène, afin qu'elle ne soit pas super plate. Idéalement, vous pouvez également créer quelques couches de neige. L' un est pour le premier plan qui se déplace un peu plus vite, l'autre reste en arrière-plan qui se déplace un peu plus lentement. Mais en ce qui concerne un GIF animé, un calque suffirait. Essayez également de ne pas éviter de dessiner sur le dessus du mot, sorte qu'il semble naturel. Il suffit de remplir l'espace avec des tonnes de neige. Essayez de ne pas dessiner une demi-neige comme ça parce que lorsque vous déplacez le cadre vers le bas pour l'animation, vous ne voulez pas la moitié de la neige. Il n'aura pas l'air réaliste du tout. C' est un bon point de départ. Maintenant, vous voulez créer un Alpha Lock pour lui donner une ombre, juste pour le rendre plus amusant, et je veux utiliser le même bleu clair. Assurez-vous que votre source lumineuse est cohérente. Dans notre cas, la source de lumière vient du haut de sorte qu'il est logique que l'ombre soit au fond. Mais si vous choisissez une source de lumière qui ne vient pas du haut, vous voulez faire attention à l'endroit où tombe votre ombre. Ce n'est pas vraiment de la science, vous pouvez être assez lâche en dessinant l'ombre ici. Je pense qu'on a une bonne scène de neige qui se passe ici. Je vais créer une nouvelle couche pour que je puisse vous faire quelques notes sans détruire le flocon de neige que je viens de faire. L' objectif de l'animation est de créer une scène de neige à l'aide de quatre images. Si on regarde la boule de neige ici, c'est notre première image. À la deuxième image, il va probablement passer à ici. Le troisième cadre, il va probablement atterrir quelque part par ici. La dernière image, elle sera hors du cadre visible ici, donc c'est notre objectif. Pour le moment, nous avons déjà fait notre première image. Rappelez-vous que la couche 4 est ma couche de prise de notes. Je vais supprimer ça, et passer à la couche de neige. Je vais l'appeler Snow 1, que je sache que c'est la première image de la neige. La prochaine chose que je veux faire est de créer un duplicata de ceci, puis de le renommer en Snow 2. Avec Snow 1 et Snow 2 visibles, je vais sélectionner Snow 2 et la déplacer vers le bas. Je veux allumer la magnétique pour savoir que je bouge parfaitement à la verticale. Il sera utile d'avoir de la neige de référence. Par exemple, je regarde cette neige particulière pour ma référence, afin de pouvoir mesurer la distance visuelle entre la couche Snow 1 et Snow 2. Cela semble à peu près juste en termes que j'ai déplacé mon cadre d'environ un quart vers le bas. Ensuite, je peux désactiver ma couche Snow 1. Parce que nous avons déplacé la couche Snow 2 vers le bas, nous avons créé un tas d'espace tout en haut, et nous voulons remplir l'espace avec de la neige nouvelle et je veux le déverrouiller. Cliquez sur « Alpha Lock », et commencez à dessiner la neige. Vous voulez rendre la nouvelle neige assez cohérente aussi bien en termes de style et de densité par rapport à la première. Cela ressemble à droite, et je veux Alpha Lock ici que je puisse dessiner l'ombre sur la nouvelle neige que je viens de créer. Vous pouvez également utiliser le masque d'écrêtage pour créer un même effet. Maintenant, je veux dupliquer le Snow 2, puis le renommer comme Snow 3, et je veux le déplacer vers le bas d'environ un quart de la hauteur. Ensuite, je veux désactiver la visibilité de ma Snow 2 et cliquer sur « Alpha Lock » pour le déverrouiller afin que je puisse dessiner de nouvelles choses, à savoir, de nouvelles neiges sur la couche Snow 3. Plus vous avez d'images pour votre animation, plus la distance que vous avez pour votre animation est courte, plus votre animation sera lisse. Donc peut-être qu'idéalement, nous voulons six ou sept images. Mais juste pour le but de la démonstration, je vais le garder en quatre images. Alpha Verrouillez à nouveau pour ajouter l'ombre. Encore une fois, je vais dupliquer la couche Snow 3 et le nommer comme Snow 4. Ce sera la dernière image de notre animation. Avec Snow 3 et Snow 4 visibles, je vais déplacer Snow 4 vers le bas d'environ un quart de la hauteur. Ensuite, je veux désactiver la couche Snow 3, désactiver l'Alpha Lock pour créer de nouvelles boules de neige. Ensuite, je veux Alpha Verrouiller pour ajouter l'ombre. Notre prochaine étape consiste à donner à chaque couche de neige un fond. Finalement, nous voulons les aplatir afin que nous n'ayons que quatre images claires à animer. Si nous animons simplement en ce moment, en utilisant le paramètre, le partage et le GIF animé, Procreate va penser que chaque calque est un cadre animé, ce n'est pas ce que nous voulons ici. Nous allons donc fusionner les deux couches d'avril et d'arrière-plan en un seul calque d'arrière-plan. Nous pouvons fusionner, puis créer trois doublons, puis donner à chaque couche de neige un arrière-plan. ce moment, nous avons quatre appariements de neige et de fond. Maintenant, nous avons quatre appariements de neige et sa couche de fond. Notre objectif ici est de fusionner la couche de neige avec sa couche de fond. Mais avant de le faire, nous voulons nous assurer que toutes les couches de visibilité sont activées afin qu'elles puissent fusionner correctement. Vous pouvez simplement cliquer sur la couche de neige et cliquer sur « Fusionner vers le bas ». Finalement, vous aurez quatre couches ici pour l'animation. Mais avant de passer à l'aperçu, vous voulez vous assurer que la couleur d'arrière-plan est désactivée, sorte que le Procreate ne pense pas que la couleur d'arrière-plan soit un calque d'animation. Maintenant, vous pouvez passer à Réglage et partager un GIF animé. Génial, ça marche. Ici, vous pouvez changer les images par seconde. Vous pouvez le rendre super lent ou super rapide, dépend de l'effet visuel que vous recherchez. Vous pouvez l'enregistrer en pleine résolution ainsi qu'en mode Web prêt, ce qui est un peu moins que la résolution complète. Malheureusement, à ce stade, vous ne serez pas en mesure de l'enregistrer comme une vidéo qui est nécessaire pour la publication Instagram. Mais en ce qui concerne GIF, vous êtes prêt. Vous devriez pouvoir prévisualiser votre GIF sur votre pellicule photo si vous l'enregistrez localement sur votre iPad. Si vous souhaitez enregistrer vos fichiers en tant que vidéos, vous pouvez exporter par lots vos calques d'image en accédant à Paramètres, puis aux fichiers PNG. Vous devriez être en mesure de télécharger vos fichiers sur iPad ou télécharger directement vos fichiers via les services de partage de fichiers que vous avez, puis d'apporter les images à Photoshop ou After Effects ou tout autre logiciel tiers qui la même chose pour convertir le GIF ou les images en vidéo. 6. Variations: Il existe de nombreux endroits passionnants où vous pouvez prendre vos compétences existantes de cette classe à un nouveau niveau. Par exemple, c'est une animation rapide que j' ai créée en utilisant le même principe mais au lieu de créer de la neige, j'ai fait un tas de biscuits aux pépites de chocolat et celui-ci est juste une autre variation de la neige sur laquelle nous avons travaillé et vous pouvez l'arrière-plan pour aimer un type d'accord de temporisation. Donc c'est vraiment à vous de choisir et j'espère que vous êtes super inspiré et que vous voulez créer des tonnes d'animation à cause de cette classe. Si vous le faites, s'il vous plaît partager avec moi et j' aimerais voir votre projet dans la galerie des étudiants. 7. Overachievers: Très bien, je sais que tu es là dehors. Faisons plus de choses dans cette classe. Notre objectif pour cette dernière petite vidéo est de créer cet effet frissonnant sur notre type. Donc nous voulons d'abord ouvrir notre fichier, et rappelez-vous que nous avons quatre couches différentes ici à la fin de la classe et revenons à notre première couche ici, puis cliquez sur l'ajustement et venez liquider. Nous voulons déformer le type plus précisément. Nous voulons pousser un peu ce genre de choses pour qu'on ait l'impression que le mot April frissonne. Mais soyez très prudent lorsque vous dessinez très près de la neige. Vous ne voulez pas que la neige change de forme. Au moins, vous ne voulez pas qu'il regarde à distance ovale.Cela va juste rendre les choses pas réalistes. Soyez doux avec votre toucher et dessinez simplement autour de la neige, et essentiellement ce que nous voulons faire la même chose pour toutes les couches. Que le type se déforme un peu. Une fois que tout commencera à boucler, il semblera que le mot April frissonne. C' est notre première couche et vous voulez cacher la première couche une fois que vous avez terminé, et passer à la suivante et faire la même chose. Si vous pouvez, vous voulez garder la pression et la taille de votre brosse cohérente afin que l'effet soit également cohérent. Une fois que vous avez terminé avec cette couche, vous pouvez la cacher et passer à l'ajustement suivant et liquider. Cette vidéo est un bonus pour ceux qui sont restés sur, vous êtes fortement récompensé avec une vidéo bonus. J' ai toujours aimé apprendre plus de choses sur un certain sujet. Je suis content que vous soyez là, et que vous veniez à la dernière couche, que vous vous adaptiez et que vous liquidiez. Ça se sent juste. Maintenant, nous avons toute la visibilité activée et sauf la couleur de fond. Vous pouvez venir à définir le partage et le GIF animé pour voir une animation rapide. Merci beaucoup d'avoir pris le cours. Cela a été une pure joie d'apprendre avec vous. J' espère vous voir autour de Skillshare et Instagram jusqu'à la prochaine fois.