Animation de la taille de la bouchée : animez un effet de parallaxe dans Procreate Dreams | Isaiah Creates | Skillshare

Vitesse de lecture


1.0x


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

Animation de la taille de la bouchée : animez un effet de parallaxe dans Procreate Dreams

teacher avatar Isaiah Creates, Art Director & Motion Designer

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

      0:41

    • 2.

      Animation D'un Effet De Parallaxe 2D

      6:21

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

158

apprenants

4

projets

À propos de ce cours

Découvrez comment créer une animation parallaxe 2D à défilement latéral avec Procreate Dreams. 

Dans ce cours succinct, je vais expliquer rapidement comment fonctionnent les animations parallaxe et vous présenter un cadre simple pour créer votre propre animation parallaxe. Ce module d'apprentissage court est le mieux adapté aux étudiants de niveau intermédiaire qui ont de l'expérience avec Procreate Dreams et qui souhaitent apprendre une nouvelle technique d'animation amusante et polyvalente.

On vous explique notamment :

  • Comment configurer votre fichier
  • Comment animer des éléments d'arrière-plan et de premier plan pour créer un effet de parallaxe
  • Comment ajouter un effet de flou de l'objectif

Ce que vous réaliserez :

À la fin de ce cours, vous aurez appris comment créer votre propre animation parallaxe.

Ce dont vous aurez besoin pour suivre ce cours :

Tout ce dont vous avez besoin est votre iPad, votre Apple Pencil et l’app Procreate Dreams.

Autres cours d'animation amusants à découvrir :

En quête de plus d'inspiration ? Cliquez ici pour découvrir d'autres cours sur l'animation 2D.

Rencontrez votre enseignant·e

Teacher Profile Image

Isaiah Creates

Art Director & Motion Designer

Top Teacher

Hey there! I'm so glad you've found your way to my Skillshare community. I'm Isaiah, a senior art director, top teacher, and content creator living in the U.S. I started out with a traditional graphic design background, but I've always had a special love for motion. Over the years working in advertising, I've been lucky to develop my skills in motion design and animation -- and I like to add my own quirky touch with hand-drawn doodles and playful animations that make my work stand out.

I genuinely enjoy teaching and love breaking down my animation process in a way that's easy to understand, especially for those who don't have a background in animation. You can find my classes here on Skillshare and helpful tutorials on YouTube. If you're curious about exploring new creati... Voir le profil complet

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. Introduction: Salut, je suis Isaiah Cardona, et je suis directeur artistique senior et professeur qui aime enseigner l'animation aux étudiants Dans ce cours sur la taille du bit, je vais rapidement expliquer le fonctionnement des animations de parallaxe et vous expliquer un cadre simple pour créer votre propre animation de parallaxe Ce court module d'apprentissage convient parfaitement aux étudiants de niveau intermédiaire qui ont de l'expérience avec Procreate dreams et qui cherchent à apprendre une nouvelle technique d' animation amusante et polyvalente Donc, si vous êtes prêt à commencer, procurez-vous votre iPad avec Procreate dreams, et c'est parti Oh 2. Animer un effet de parallaxe 2D: Bon retour. Dans ce didacticiel, je vais vous expliquer comment créer une animation parallaxe et procréer des rêves Cette animation peut être divisée en trois éléments. Nous avons le gars au premier plan, qui utilise une animation image par image pour produire l'animation du signe de la main Ensuite, nous avons la voiture, qui est au centre de l'animation. Cet élément utilise également l'animation image par image en donnant l'illusion que les roues bougent. Et enfin, nous avons l'image d'arrière-plan défilante. Comment ça marche. L'animation fonctionne en utilisant une technique de parallaxe dans laquelle la voiture est arrêt tandis que les personnages d' arrière-plan et de premier plan se déplacent de gauche à droite, ce qui donne l'illusion que la voiture avance un des points essentiels à retenir lors de la conception de vos actifs vous assurer que l'arrière-plan est vraiment long La première étape sera de configurer votre dossier. J'utilise un écran large et 12 images par seconde et une durée de 3 secondes, mais configurez votre fichier pour votre projet. Ensuite, je vais importer tous mes actifs. Une fois tous mes actifs intégrés, j'organiserai les pistes de manière à ce que l'image d'arrière-plan soit en bas et l' animation de premier plan en haut Je veillerai également à ce que l'arrière-plan et voiture occupent toute la durée de l'animation. Je peux maintenant commencer à animer l'effet de parallaxe. Je vais donc commencer par déplacer l'image d'arrière-plan pour qu'elle s'aligne sur le bord gauche Et je vais ajouter une image-clé au début. Je vais ensuite passer à la fin de la chronologie et créer une nouvelle image-clé, puis déplacer l'arrière-plan pour l' aligner sur le bord droit Et maintenant, nous avons l' arrière-plan défilant. Conseil de pro, le réglage d'atténuation jouera un rôle important dans l'animation. Appuyez et maintenez entre les images-clés, puis appuyez sur Définir tous les assouplissements L'utilisation de Lanier donnera l'impression que la voiture se déplace constamment à la même vitesse C'est idéal pour les animations en boucle, mais l'utilisation d'autres paramètres, tels que l'accélération et la sortie, donnera l'impression que la voiture accélère et ralentit Je joue donc avec les différentes options pour trouver celle qui convient le mieux à ce que vous recherchez. Maintenant, je vais rendre mes assouplissements à Lanier. Ensuite, je vais animer le mouvement de mon homme pour qu'il donne l'impression que la voiture passe devant lui. Et vous avez peut-être remarqué que ce titre est le seul qui ne couvre pas toute la durée. C'est parce que nous ne le verrons que pendant une courte durée de l'animation. Pour commencer, je vais déplacer le groupe de personnages jusqu' à la fin de la chronologie afin que vous puissiez voir la voiture rouler un peu avant qu'elle ne passe devant le gars. Maintenant, je vais faire un zoom arrière pour voir la couche d' arrière-plan complète, et je vais déplacer le gars quelque part au milieu de cette couche. Ensuite, j'ajouterai une image-clé au début du groupe. Ensuite, je vais déplacer la tête de lecture jusqu'à la fin de la chronologie, ajouter une image-clé, puis déplacer mon personnage en dehors du bord gauche du Et comme vous pouvez le constater, tous nos éléments de premier plan et d'arrière-plan sont maintenant animés Je vais maintenant vous montrer comment jouer avec la mise au point de l'animation par la caméra à l'aide de la nouvelle fonction de flou d'objectif Le flou d'objectif se produit lorsqu' un objectif d'appareil photo fait la mise au point sur un seul objet, le point focal, ce qui rend les objets en arrière-plan et au premier plan flous Plus un objet est éloigné du point focal, il devient flou Pour mon animation, je veux que la voiture soit le point central, ce qui signifie que les personnages d'arrière-plan et de premier plan apparaîtront flous Je vais donc commencer par accéder à ma couche d'arrière-plan et appuyer sur l'icône d'action, puis sur le filtre. Le flou d'objectif est un nouvel effet qui a été ajouté cet été aux options de filtre Il vous donne la possibilité de régler le rayon, ce qui affectera le degré de flou, ainsi que la luminosité et le contraste Et je veux juste ajouter un léger flou à l'arrière-plan, car je veux toujours les détails de l' illustration soient visibles Je vais donc opter pour 2 %. Je recommande de jouer avec le bouton jusqu'à ce que vous obteniez l'effet souhaité Je vais maintenant appliquer le flou d'objectif au personnage au premier plan, et je vais le porter à 3 % pour indiquer qu'il est plus éloigné de la voiture. Maintenant, appuyez sur Play pour revoir l'animation. Conseil de pro, l'avantage du flou ns est que vous pouvez utiliser des images-clés pour régler le flou afin de donner l' illusion que l'appareil photo passe d'un objet à l' passe Comme vous pouvez le voir ici, j'ai ajouté des images-clés, ce qui donne l'impression que la caméra passe de la mise au point sur la voiture au premier plan au premier plan, puis qu'elle revient ensuite sur la Jouer avec le flou de l'objectif est un excellent moyen d'ajouter une touche avancée à vos animations Maintenant que vous avez terminé le processus, parlons du projet de classe. Le projet de classe consiste à créer une animation parallaxe et à la publier dans la galerie de projets Tu as une liberté totale, alors fais en sorte que je m'amuse bien. Et pour ceux qui recherchent un défi supplémentaire, vous pouvez également appliquer la technique du flou d'objectif à votre animation Si vous avez des questions tout au long de ce cours, veuillez laisser un commentaire dans la section de discussion de ce cours. Je serais heureuse de vous aider. J'ai hâte de voir tous vos projets. Merci d'avoir regardé. Au revoir pour le moment.