En attendant Noël : bobine de porte animée dans Procreate | Nicole Gabriel | Skillshare
Recherche

Vitesse de lecture


1.0x


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

En attendant Noël : bobine de porte animée dans Procreate

teacher avatar Nicole Gabriel, Procreate Artist

Regardez ce cours et des milliers d'autres

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

Regardez ce cours et des milliers d'autres

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

Leçons de ce cours

    • 1.

      Bienvenue

      1:46

    • 2.

      Votre projet

      0:27

    • 3.

      Préparation et ébauche

      7:21

    • 4.

      Illustration

      13:35

    • 5.

      L'animation

      6:00

    • 6.

      Ajouter une image

      1:50

    • 7.

      Touches finales et exportation

      2:31

    • 8.

      Merci

      0:32

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

24

apprenants

1

projet

À propos de ce cours

La saison de l'Avent est un moment spécial de l'année où nous nous préparons pour Noël. Pendant cette période, de petits rituels et traditions émergent souvent pour nous mettre dans l'esprit des fêtes.

Un calendrier de l'Avent est un excellent moyen de compter les jours qui nous séparent de Noël. Dans ce cours, nous allons animer une porte qui s'ouvre et dévoile l'une de vos illustrations ou photos. Vous pouvez utiliser cette petite vidéo à publier sur les réseaux sociaux pour créer une atmosphère festive.

Vous apprendrez dans Procreate :

  • Illustrer une porte
  • utiliser le dessin assisté
  • utiliser l'assistant d'animation
  • comment votre bobine apparaît dans votre flux

Ce dont vous avez besoin pour ce cours :

  • iPad + stylo
  • Procreate

Voici un tableau Pinterest avec des portes pour votre inspiration :

https://at.pinterest.com/nicigabriel/doors/

Rencontrez votre enseignant·e

Teacher Profile Image

Nicole Gabriel

Procreate Artist

Enseignant·e
Level: Intermediate

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. Bienvenue: C'est à nouveau cette période de l'année. Noël approche à grands pas. Les chrétiens appellent les quatre semaines précédant Noël la période de l'Avent. À l'origine, l'Avent signifie l'arrivée, et c'est un moment de réflexion où nous prenons le temps de revenir sur l'année et de trouver un peu de paix. Et un calendrier de l'Avent compte les jours 1 à 24 jusqu'à Noël Et de nos jours, il est populaire dans le monde entier, indépendamment de toute religion. Dans ce cours, nous allons créer une animation à partir d'une porte qui s'ouvre et qui dévoile une petite illustration festive. Vous pouvez utiliser cette technique pour ouvrir 24 portes différentes et les publier sur vos réseaux sociaux. C'est exactement ce que je vais faire, et j'espère que vous participerez mon défi Instagram personnel pour créer une atmosphère festive. Dans ce cours, vous apprendrez à utiliser le dessin assisté de Procreate et l'assistant d'animation Il s'adresse aux utilisateurs de Procreate intermédiaires à avancés, car je ne vous enseigne aucune des bases de Procreate ici Si nécessaire, veuillez d'abord consulter mes autres cours adaptés aux débutants. Nous allons dessiner et animer dans l'application Procreate, pas Procreate Vous aurez donc besoin d'un iPad avec l'application Procreate et d'un OK, allons-y directement . Rendez-vous en classe. 2. Votre projet: Dans ce cours, votre projet est une vidéo avec votre porte animée qui révèle n'importe quelle image que vous souhaitez montrer. Merci de partager votre travail dans la galerie. De plus, si vous le souhaitez, rejoignez-moi sur Instagram où je publierai un vrai message tous les jours du 1er au 24 décembre. 3. Setup et croquis: Et avant de commencer le dessin, nous devons planifier un peu notre bobine. Voici donc mon compte Instagram, et vous devez réfléchir au moment de créer la bobine, quoi elle ressemblera dans vos pieds. Voici donc le flux général, et vous avez l'aperçu du format carré. Et ici, dans les rouleaux, vous avez tout ce qu'il faut Ce n'est donc pas le problème. Le problème est là, à quoi cela ressemble sur ce fil. OK, passons à Procreate. Créons un nouveau Canvas. C'est au format 1080 x 1920. C'est donc également le format normal pour une histoire réelle ou une histoire. Vous pouvez également le partager dans les histoires. Cliquez ensuite sur Créer. J'utilise d'ailleurs un mode couleur SRGB , parfait pour les bobines Instagram OK, et définir cet aperçu queer à partir du fil, il faut y réfléchir Et remplissons ce canevas en couleur, puis cliquons l'outil de transformation, puis sur le point bleu dans le coin relâchons cette petite icône reliée et cliquez sur 1080 x 1080 pour obtenir ce format carré. Et maintenant je le déplace jusqu'à ce qu'il s'enclenche. Non, je n'ai pas le bouton. Activez le snapping. Et vous pouvez le déplacer jusqu'à ce qu'il soit centré. OK. Les lignes jaunes ici et là. Il est donc parfaitement au milieu. Et c'est ainsi que l'aperçu apparaît dans votre fil Instagram. Donc, à titre de petit guide, je désactive l'opacité très bas Créez une autre couche. Et pour ma porte, j'aimerais utiliser un rouge vif. J'ai donc pensé à faire le fond dans cette couleur rose, et la porte devrait être dans ce rouge vif. Et pour ce qui est des détails que je crée avec ce rouge foncé, je vous mets en lien toutes mes couleurs en dessous de cette vidéo, et vous pouvez utiliser les mêmes couleurs si vous le souhaitez. OK, nous avons le fond, et je fais mon croquis avec ce dugat Et pour cela, j' aimerais utiliser le crayon 6 B. C'est mon pinceau de prédilection pour presque toutes les illustrations que je fais. Je l'adore parce qu' il est tellement polyvalent. OK, et j'aimerais faire une porte. Donc la tête, la tête ronde de la porte et 22 portes qui s'ouvrent de cette façon. Fais un croquis approximatif. Voici donc le haut, arrondissez-le. Et puis la porte, pas tout en bas, parce que c'est mieux pour l'animation plus tard. Ainsi, vous pouvez voir comment la porte pivote sur le côté. OK, de cette façon. Donc, dans les pieds, vous pouvez voir cette tuile, et vous pourrez aussi, plus tard , ajouter le chiffre ici au milieu pour le voir sur vos pieds. Mais cela n'a pas d' importance pour le moment. OK, c'est mon croquis, et maintenant j'aimerais le peaufiner. Allumons le guide de dessin. Modifier le guide de dessin. Symétrie. OK. Et c'est la symétrie verticale. Cliquez sur Terminé. J'accélère mon processus de dessin pour vous Je suis sûr que tu peux le faire sans mon aide. Si vous avez besoin d'inspiration, vous pouvez cliquer sur mon tableau Pinterest, que je vous ai lié sous cette vidéo. C'est donc mon croquis. Et retrouvons-nous dans le prochain cours pour illustrer la chose. 4. Illustration: Réduisons donc l'opacité de la couche d'esquisse. Ou 37 % F, et je le tourne pour le multiplier et je le laisse en haut, pour pouvoir toujours le voir. Nous pouvons supprimer cette esquisse au milieu et créer une autre couche et je la déplace derrière l' esquisse pour que je puisse toujours voir mon esquisse Pour l'illustration et l'animation, il est important de dessiner la partie supérieure dans un groupe, puis une porte dans un autre groupe. Bien, commençons par cette partie supérieure. Et j'ai dit que j'aimerais que ma porte soit de cette couleur rouge vif. Mais pour créer un contraste, le haut, l'arrière-plan du haut, j'aimerais les avoir dans ce rouge foncé. Et j'utilise également l' assistant de dessin pour le dessus. Je l'allume ici. Et pour accélérer un peu le processus, j'ai utilisé un stylo studio. Normalement, je le dessinais avec le crayon 6 B et je coloriais les parties avec le crayon. Mais pour cette vidéo, j'aimerais choisir le stylo studio et y déposer la couleur pour la rendre plus rapide. OK. Commençons par cette ligne. OK, je pense que c'est bon. OK. Ensuite, je crée une couche sur le dessus pour créer les détails. Et j'utilise également l'aide au dessin pour passer à mon rouge vif. Et je dessine ces gouttes. Il n'est pas nécessaire de dessiner exactement à partir de la couche d'esquisse, mais c'est à vous de décider Et cela dépend de votre style de dessin. Y. Affinez légèrement les coins et les bords pour les rendre plus beaux Et les points entre les deux. Pas besoin de les rendre parfaits et de la même taille. Et je pense que j'aimerais faire quelques rayures ici. Sur le dessus. J'aimerais maintenant effacer certaines parties de ce document pour donner plus de détails. Vous pouvez également revenir au rouge étoile et y dessiner la couleur, mais pour utiliser moins de couches, j'aimerais en mais pour utiliser moins de couches, effacer certaines parties et laisser le rouge foncé de l' arrière-plan transparaître à travers le rouge foncé. J'aimerais effacer avec le crayon 6 B. Et je pense qu' il faut le réduire un peu. J'aimerais qu'il y ait une ligne ici. Et avec ce pantalon et ce pinceau, je n'aime pas le rendre parfait de cette façon Je laisse donc la file d'attente telle quelle, sans aucun aiguisage assisté. Vous pouvez désactiver la couche d' esquisse pendant un moment pour voir si vous aimez cette partie J'efface aussi simplement un cercle ici et un au milieu. Et ici aussi, je crois que ça me plaît. Et pour plus d'intérêt, vous pouvez revenir au pinceau et à cette couleur rouge, et je passe au crayon 6 B et fais quelques ombres ici pour le salir un peu ou utiliser la porte. Rendez-le ainsi plus intéressant et apportez de la texture. Mais tu n'es pas obligée de le faire si tu n'aimes pas. OK. Bien. Et j'aimerais regrouper ces deux couches pour le haut, créer une autre couche et la déplacer derrière cette couche supérieure. Et maintenant, dessinons la porte d'un côté de la porte de la même manière avec le stylo de studio et réactivons la couche d'esquisse Mais pas l'aide au dessin. Il est important de dessiner un côté d'une couche ou d'un groupe. Le groupe est important, mais nous y reviendrons plus tard. Et pour ce qui est des détails, je les fais en commençant par le haut, mais sur le côté, sorte que le magasin rouge vif et les détails en rouge foncé passent à mon rouge foncé, et je crée une autre couche sur le dessus de cette porte et je passe à mon crayon six B. Je pense que c'est trop épais. I. C'est mieux. J'utilise une taille à 30 %, si vous souhaitez le faire de la même manière. J'accélère le reste de l' illustration pour vous. Fais-le selon ton style. OK. Regroupons les deux couches de porte, puis dupliquons la porte, à l'outil de déplacement et retournez-la horizontalement, assurez-vous que votre outil de fermeture et vos aimants sont allumés. Maintenant, vous pouvez la déplacer de ce côté jusqu'à ce qu'elle s' enclenche Maintenant, vous pouvez la déplacer de ce côté jusqu'à ce qu'elle s' ici au milieu et que vous voyiez cette OK. C'est ça. Nous pouvons désactiver ce guide de dessin pour que la ligne du milieu disparaisse. Et c'est la gauche. J'incline la porte de gauche, et voici la droite. Peu importe, mais uniquement pour mon organisation. Donc, sur le siège, il y a quelques petits points blancs au milieu, et je corrige ça sur le côté droit. Je passe donc au stylo de studio et au rouge vif et je corrige un peu. Juste un petit peu. OK. Et je passe à la couche rouge foncé, et j'en fais un masque à découper. Je l'attache à la porte et je reviens à cette couche Ducret, la couche rouge foncé, et je passe au crayon six B et je trace également un petit trait ici sur le bord de la Je pense donc que c'est mieux voir ce bord au milieu Sur la porte fermée. OK, c'est bien, maintenant. OK, nous en avons terminé avec l'illustration. Une seule chose. J'en ai trop en haut et il y a plus d' espace en bas. J'aimerais donc marquer les trois groupes, l'outil de déplacement, et le décaler légèrement vers le bas. OK. C'est ça. Donc c'est bien, maintenant. Et vous pouvez voir ici, en bas, ce rectangle. Comment cela apparaîtra sur votre fil Instagram, vous verrez ces parties. Je trouve ça sympa de mettre un chiffre ici au milieu et c'est un bel aperçu. Alors replacez-le vers le bas et éteignez-le. Rencontrons-nous dans la prochaine vidéo où nous en apprendrons davantage sur l'animation. 5. L'animation: Commençons l'animation. Sous cette petite icône représentant une clé à molette, sous Canvas, se trouve l'assistant d'animation Activez-le et cette petite chronologie apparaît en bas, où vous pouvez trouver toutes vos couches et tous vos groupes Passons aux couches. Nous n'avons plus besoin de l' esquisse, vous pouvez donc la supprimer ou la désactiver, la laisser de côté. Et il est important de déplacer ce groupe du haut vers le bas. Ensuite, vous pouvez accéder à cette chronologie et cliquer sur la toute première image. Pour l'instant, cette option d'arrière-plan est importante, vous pouvez donc l'activer et vous avez maintenant ce groupe supérieur. Toujours en arrière-plan, vous n'avez pas besoin d'animer cette partie car elle est toujours là Il suffit d' animer les deux portes. Et ces deux portes, gauche et droite, le regroupent en un seul groupe. Et maintenant, vous n'avez qu'un seul cadre pour les deux portes ci-dessous dans le menu des cadres. Chaque fois que vous ajoutez une nouvelle couche ou un groupe de couches, un autre cadre apparaît dans le menu des cadres. Regardons les différents paramètres ci-dessous. Vous pouvez choisir une boucle, ce qui signifie que votre vidéo sera diffusée en boucle sans fin. Le ping-pong signifie qu'il se joue en avant puis en arrière. Et un seul plan joue votre animation une seule fois, et c'est fait. Pour notre animation, l'option one shot est parfaite. images par seconde influe sur la vitesse de votre animation, et nous pourrons jouer avec cela plus tard. Avec les deux options de skins d'oignon, vous pouvez choisir la quantité et l'intensité avec lesquelles vous souhaitez voir toutes vos images individuelles et tous vos groupes pendant votre processus d'animation. Tu peux jouer avec ça. Faisons l'animation maintenant. Sur ce premier cadre, la porte doit être fermée et chaque autre cadre doit ouvrir la porte un peu plus. Je sélectionne ce dernier cadre, qui est le cadre supérieur de notre menu des couches. Je vais maintenant supprimer le côté droit de la porte, transformer le côté gauche, puis le copier également vers la droite. Ici, vous pouvez choisir Distorter. Éteignez les aimants pour faciliter la transformation. Maintenant, vous pouvez simplement les faire glisser un peu au milieu et appuyer légèrement sur les deux coins Ça suffit. Vous pouvez le copier maintenant. Choisissez à nouveau l'outil de transformation et retournez à l'horizontale. Assurez-vous de réactiver les aimants, puis vous pourrez les déplacer parfaitement vers la droite La première petite étape est terminée. Maintenant allons-y. Je dirais encore une dizaine de fois et décaler la porte un tout petit peu plus dans chaque cadre. Assurez-vous d'activer et de désactiver vos aimants si nécessaire ou non J'accélère mon processus pour vous. Je pense que c'est terminé. Nous allons le tester. Je pense que j'ajoute un cadre supplémentaire et que je retourne simplement les deux côtés de la porte dans l'autre sens. Retournez-le à l'horizontale et déplacez-le vers l'extérieur. Et aussi sur le côté gauche. Ça me plaît. Vous pouvez maintenant revenir aux paramètres et jouer avec le nombre d'images par seconde. Plus le chiffre est bas, plus l'animation est lente. J'en sélectionne dix. Oui, c'est parfait. Dans la vidéo suivante, nous allons ajouter une photo qui apparaît lorsque la porte s'ouvre. 6. Ajouter une image: Maintenant que l' animation de la porte est terminée, ajoutons une illustration qui apparaît lorsque la porte s'ouvre. Allons ajouter à la photo. J'ai créé cette illustration de gui que j'aimerais ajouter maintenant Pour le moment, c'est sur un cadre séparé. Nous devons l'ajouter au premier groupe de portes, décalé dans ce groupe et vers le bas. C'est donc derrière les deux portes. Transformez-le et déplacez-le légèrement. J'aimerais maintenant réduire l' opacité des écorces d'oignons pour avoir une idée plus précise de l'image finale Ajoutons maintenant une copie de cette illustration à chaque groupe de portes et réduisons encore un peu la taille à chaque fois. Ainsi, la porte s'ouvre, et en même temps, l'illustration s'agrandit de plus en plus. OK, c'est terminé. Dans la vidéo suivante, nous ajouterons un numéro à la porte et effectuerons d'autres réglages de finition. 7. Touches de finition et exportation: Ajoutons un numéro à la porte. Ouvrez le groupe avec la porte fermée, sélectionnez le groupe de gauche et sélectionnez la couleur du numéro. Je choisis un blanc pur. Ensuite, allez ajouter du texte, écrivez un chiffre. Choisissez votre police et agrandissez-la. Je choisis une police en gras et je sélectionne l'option de contour. Vous pouvez jouer ici avec votre style préféré, ou vous pouvez écrire le numéro vous-même. Encore une fois, examinons l'aperçu du fil Instagram. Je déplace le chiffre pour qu'il soit centré sur ce carré. Testons-le à nouveau. C'est bien, mais je pense que l'apparence du numéro est trop courte. Vous pouvez accéder aux options du cadre, et ici vous avez la durée de maintien. Cela copie simplement votre couche pour qu' elle apparaisse plus longue. Plus le nombre est élevé, plus vous avez de copies. Si vous le souhaitez, vous pouvez également maintenir la durée de la dernière image. Testez-le. Oui. Maintenant c'est bon. Il est temps d'exporter notre animation. Allez partager et vous avez ici différentes options. Vous pouvez choisir un p quatre animé. Et là encore, vous avez la possibilité d'augmenter ou de diminuer le nombre d'images par seconde. Vous pouvez rejouer avec cela ici, puis simplement cliquer sur Exporter et l'enregistrer où vous le souhaitez. C'est ça. 8. Merci: Merci beaucoup d'avoir suivi mon cours. J'espère que vous avez créé une belle animation de votre porte d'ouverture. Laissez-moi le voir, que ce soit dans la galerie ou sur Instagram, et n'hésitez pas à m'y emmener. Je vais partager vos créations dans mes récits. N'oubliez pas de compter les jours. Passez une bonne période de l'Avent, et encore plus belles journées de Noël. Au revoir