Animation der Bissgröße: Animieren eines Parallaxeeffekts in Procreate Dreams

1. Einführung: Hallo, ich bin Isaiah Cardona und ich bin ein leitender Art Director und Lehrer , und ich bin ein leitender Art Director und Lehrer der Schülern gerne Animationsfilme beibringt In diesem Bite-Size-Kurs werde ich schnell erklären, wie Parallax-Animationen funktionieren, und Sie durch ein einfaches Framework für Erstellung Dieses kurze Lernmodul eignet sich am besten für fortgeschrittene Schüler , die Erfahrung mit Procreate Dreams haben und eine neue unterhaltsame und vielseitige Animationstechnik erlernen möchten eine neue unterhaltsame und vielseitige Animationstechnik Wenn Sie also bereit sind, loszulegen, schnappen Sie sich Ihr iPad mit Procreate Dreams und lassen Sie uns loslegen Oh 2. 2D-Parallax-Effekt animieren: Willkommen zurück. In diesem Tutorial werde ich Ihnen zeigen, wie Sie eine Parallaxenanimation erstellen und Träume reproduzieren Diese Animation kann in drei Elemente unterteilt werden. Wir haben den Typ im Vordergrund , der Frame-by-Frame-Animationen verwendet , um die Handwellenanimation zu erzeugen. Dann haben wir das Auto, das im Mittelpunkt der Animation steht. Dieses Element verwendet auch Einzelbildanimationen , indem die Illusion erweckt, dass sich die Räder bewegen. Und schließlich haben wir das scrollende Hintergrundbild. Wie es funktioniert der Animation wird eine Parallaxentechnik verwendet , bei der das Auto steht während sich der Hintergrund- und Vordergrundcharakter von links nach rechts bewegen, wodurch der Eindruck entsteht, dass sich das Auto vorwärts bewegt Sie bei der Gestaltung Ihrer Objekte darauf, dass der Hintergrund wirklich lang ist Der erste Schritt besteht darin , Ihre Datei einzurichten. Ich verwende Breitbild und 12 Bilder pro Sekunde und eine Dauer von 3 Sekunden, aber richte deine Datei für dein Projekt ein. Als Nächstes importiere ich alle meine Ressourcen. Sobald alle meine Assets drin sind, ordne ich die Tracks so an, dass sich das Hintergrundbild unten und die Vordergrundanimation oben befindet. Ich werde auch dafür sorgen , dass der Hintergrund und das Auto die gesamte Dauer der Animation einnehmen. Jetzt kann ich mit der Animation des Parallax-Effekts beginnen. Ich beginne also damit, das Hintergrundbild so zu verschieben , dass es am linken Rand ausgerichtet ist Und ich werde zu Beginn einen Keyframe hinzufügen. Dann gehe ich zum Ende der Timeline, erstelle einen neuen Keyframe und verschiebe dann den Hintergrund so, dass er am rechten Rand ausgerichtet Und jetzt haben wir den scrollenden Hintergrund. Profi-Tipp: Die Beschleunigungseinstellung wird eine große Rolle in der Animation spielen Tippe und halte zwischen den Keyframes und tippe dann auf „Alle Beschleunigungen einstellen Wenn Sie Lanier verwenden , sieht es so aus sich das Auto ständig mit derselben Geschwindigkeit bewegen Dies eignet sich hervorragend für Loop-Animationen, aber wenn Sie die anderen Einstellungen wie Easing und Out verwenden Sie den Eindruck, dass das Auto erwecken Sie den Eindruck, dass das Auto schneller und langsamer wird Also spiele ich mit den verschiedenen Optionen herum, um die zu finden, die für das, was Sie wollen, am besten geeignet ist Und jetzt gebe ich Lanier meine Lockerung zurück. Als Nächstes animiere ich die Bewegung meines Mannes, sodass es aussieht, als würde das Auto an ihm vorbeifahren Und Sie haben vielleicht bemerkt , dass dieser Track der einzige ist , der nicht die gesamte Dauer ausfüllt Das liegt daran, dass wir ihn nur für eine kurze Dauer der Animation sehen werden. Zunächst verschiebe ich die Charaktergruppe an das Ende der Zeitleiste, sodass Sie das Auto ein wenig fahren sehen , bevor es an dem Typen vorbeifährt. Jetzt zoome ich heraus, sodass ich die gesamte Hintergrundebene sehen kann, und verschiebe den Typen irgendwo in der Mitte dieser Ebene. Dann füge ich am Anfang der Gruppe einen Keyframe hinzu. Als Nächstes verschiebe ich den Abspielkopf an das Ende der Timeline, füge einen Keyframe hinzu und bewege meinen Charakter dann außerhalb des linken Randes des Und wie Sie sehen können, sind jetzt all unsere Vordergrund- und Hintergrundelemente Jetzt zeige ich Ihnen, wie Sie mit der neuen Funktion zur Linsenunschärfe mit dem Kamerafokus der Animation spielen Linsenunschärfe mit dem Kamerafokus der Animation Linsenunschärfe tritt auf, wenn ein Kameraobjektiv auf ein einzelnes Objekt, den Brennpunkt, fokussiert , wodurch Objekte im Hintergrund und Vordergrund zu verschwimmen beginnen Je weiter ein Objekt vom Brennpunkt entfernt ist, desto unschärfer Für meine Animation möchte ich, dass das Auto im Mittelpunkt steht, was bedeutet, dass der Charakter im Hintergrund und im Vordergrund verschwommen erscheinen Ich gehe also zunächst zu meiner Hintergrundebene und tippe auf das Aktionssymbol und dann auf Filter Lens Blur ist ein neuer Effekt, diesen Sommer zu den Filteroptionen hinzugefügt wurde Sie haben die Möglichkeit, den Radius anzupassen, was sich auf die Unschärfe sowie auf Helligkeit und Kontrast auswirkt sowie auf Helligkeit und Kontrast Und ich möchte dem Hintergrund nur eine leichte Unschärfe hinzufügen, da ich immer noch möchte, dass die Details der Abbildung sichtbar Also werde ich mich für 2% entscheiden. Ich empfehle, mit dem Schalter herumzuspielen bis Sie den gewünschten Effekt erzielen Jetzt wende ich die Linsenunschärfe auf die Figur im Vordergrund an und mache sie auf 3%, um anzuzeigen, dass sie weiter vom Auto entfernt ist Tippen Sie jetzt auf Abspielen, um die Animation zu überprüfen. Profi-Tipp: Das Tolle an ns blur ist, dass Sie Keyframes verwenden können, um die Unschärfe so anzupassen , dass der Eindruck entsteht, dass die Kamera wechselt Wie Sie hier sehen können, habe ich Keyframes hinzugefügt, sodass es so aussieht, als ob die Kamera nicht mehr auf das Auto fokussiert, sondern auf die Figur im Vordergrund wechselt Auto fokussiert, sondern auf die Figur im Vordergrund und später wieder zum Auto zurückkehrt Herumspielen mit Linsenunschärfe ist eine hervorragende Möglichkeit, Ihren Animationen einen fortgeschrittenen Touch zu verleihen Und jetzt, da Sie den Prozess abgeschlossen haben, lassen Sie uns über das Klassenprojekt sprechen Das Klassenprojekt besteht darin, eine Parallaxenanimation zu erstellen und sie in der Projektgalerie zu veröffentlichen Du hast völlige Freiheit, also sorge dafür, dass ich Spaß damit habe Und für diejenigen, die nach einer zusätzlichen Herausforderung suchen , können Sie die Technik der Linsenunschärfe auch auf Ihre Animation anwenden Technik der Linsenunschärfe auch auf Ihre Animation Wenn Sie während des Kurses Fragen haben, hinterlassen Sie bitte einen Kommentar im Diskussionsbereich dieses Kurses Ich helfe Ihnen gerne weiter. Ich kann es kaum erwarten, all Ihre Projekte zu sehen. Danke fürs Zuschauen. Tschüss fürs Erste.