Projektworkflow für das Motiondesign: Vom Skript bis zur abschließenden Animation

1. Einführung: Hallo allerseits. Ich bin Tamer. Ich bin ein Motiondesigner und kommerzieller Schauspieler mit Sitz in Großbritannien. Ich arbeite seit fünf Jahren als Motion Designer. Ich habe mit einem Abschluss in Computeranimation und Kommunikationskunst abgeschlossen. Seit sechs Jahren kommerzieller Akteur zu sein und mit verschiedenen Regisseuren und Produzenten zusammenzuarbeiten , haben mich gelehrt, dass Planung , Planung und Planung der Schlüssel zu einem gut gestalteten Projekt sind. Dies hat mir geholfen, viele Techniken und kreative Perspektiven zu erwerben , die ich auf meine Arbeit als Motion Designer anwenden kann . In diesem Kurs lernen Sie, wie Sie mit dem Erklären Ihres Videoprojekts umgehen können. Kurz gesagt werden animierte Erklärvideos verwendet, um zu zeigen, wie ein Produkt, Dienstleistung oder ein Geschäft funktioniert. Sie werden damit beginnen, Ihre Animation mit einem visuellen Skript David zu visualisieren . Sie lernen, wie Sie eine starke Grundlage für Ihre Arbeit aufbauen können, indem Sie Ihre Idee storyboarding und ein Animat erstellen. Sie erstellen wirklich Designboards, um dem Kunden zu zeigen , wie das letzte Stück aussehen wird. Schließlich fügen Sie das Spiel aus der Animation hinzu. Ich werde Sie Schritt für Schritt von dem Moment an führen, in dem wir das Skript vom Kunden bis zur endgültigen Animation erhalten . Ich empfehle Ihnen dringend, eine gute Grundlage in Animation und Design zu haben eine gute Grundlage in Animation und Constable wir verwenden Illustrator, Photoshop und After Effects. Am Ende dieses Kurses haben Sie ein gut gestaltetes animiertes Stück für Ihr Portfolio bereit. Lasst uns anfangen. 2. KURSPROJEKT: In dieser Lektion werde ich über das Unterrichtsprojekt sprechen. Um für die Arbeit im Motiondesign-Projekt eingestellt zu werden, benötigen Sie überhaupt einen Kunden , und genau das habe ich für Sie geschaffen. Ein hypothetischer Kunde namens HunterGoes. Es ist eine Bereitstellungs-App, die alles liefern kann, was Ihnen einfällt. Das Ziel des Kunden ist es, Menschen dazu zu bringen, ihre App herunterzuladen. Sie brauchen ein 22. Erklärvideo um den Leuten ihren Dienst zu zeigen. Das Video wird im ganzen Internet zusammenfallen, und das Projekt und die Ressourcen finden Sie die Markenrichtlinie des Kunden zusammen mit einem Skript, an dem wir arbeiten werden. In den kommenden Lektionen zeige ich Ihnen Schritt für Schritt, wie ich mit dem Produktionsprozess umgehe, bis wir die endgültige Animation erreichen. Wie wir das Skript in ein visuelles Skript verwandelt haben, Storyboard skizzierten und animatisch machten, Designboote erstellen, eine thematische Sequenz des Boards erstellen und schließlich eine spielerische Animation hinzufügten. Ich zeige Ihnen auch, wie Sie Plattformen zur Inspiration nutzen können, wie Pinterest. In der Projektbeschreibung habe ich eine Roadmap für Sie erstellt, damit Sie Ihre laufende Arbeit verfolgen und veröffentlichen können Ihre laufende Arbeit verfolgen und veröffentlichen während Sie die Lektionen ansehen. Ich führe Sie durch alle Herausforderungen, denen Sie gegenüberstehen könnten. Du musst nicht jede kreative Entscheidung nachahmen, die ich treffe. Sie können Ihre eigenen Ideen, Design und Ihre eigenen Animationen haben. Sie können mein Kunstwerk verwenden, wenn Sie nicht Ihre eigenen erstellen möchten, finden Sie alle Assets im Bereich Ressourcen. Am Ende dieser Klasse haben Sie eine starke Grundlage dafür, wie Sie mit einem Motion-Design-Projekt von Grund auf neu umgehen können. Sie können diesen Workflow auf jede Motion Design-Projektmaßstab anwenden . 3. Visuelles Skript: In dieser Lektion werde ich den ersten Schritt zur Zerlegung des Skripts unternehmen , und die Markenrichtlinie wurde abgelehnt. Okay, hier habe ich eine Huntergoes-Markenrichtlinie. Sie können es aus dem Ressourcenbedienfeld herunterladen. Lasst uns die Datei öffnen. Hier habe ich die Markenrichtlinie, die Logo-Illustrationsdatei und das Voice-Over. Lasst uns das PDF öffnen. Okay, hier habe ich das Hauptlogo der Marke. Es besteht aus zwei Teilen, der Wortmarke und der Markenmarke. Sie können überhaupt nicht getrennt werden. Okay. Hier habe ich die Logo-Variationen. Ich kann das Logo nicht auf einem Hintergrund verwenden, anders als diese drei Farboptionen. Hier habe ich die Farbpalette, die Primärfarben und die Sekundärfarben sowie die Arial Rounded Schriftart. Hier habe ich dieses Drehbuch. Dieses Skript, an dem wir an diesem Projekt arbeiten werden, HunterGoes ist die neueste und coolste Online-Lieferplattform. Wir können alles für Sie abholen und abgeben, von Lebensmitteln , Elektronik, Lebensmitteln, Büchern und vielem mehr. Was auch immer Sie brauchen, laden Sie die App jetzt herunter und bestellen Sie gerne. HunterGoes, wir haben dich. Okay, nachdem wir die Markenrichtlinie und das Skript überprüft haben, besteht unsere Herausforderung darin, dieses Skript in ein Storyboard umzuwandeln und danach die Animation durchzuführen. Zuvor müssen wir jedoch ein paar Schritte unternehmen, um eine starke Grundlage für unsere Arbeit zu schaffen. Wir werden damit beginnen, ein schnelles visuelles Skript zu machen. Visual Script hilft uns dabei, die Ideen aus dem Kopf zu holen und wie wir jeden Satz im Drehbuch visualisieren. Okay, hier habe ich einen Tisch, den ich auf Seiten App gemacht habe. Links habe ich das Voice-Over und rechts habe ich die Grafik. Was ich jetzt mache, ist das Skript zu kopieren und unter den Voice-Over-Bereich einzufügen. Wählen wir das gesamte Skript, den Befehl C und den Befehl V zum Einfügen aus. Okay, hier habe ich das Drehbuch. Ich werde den Text verkleinern. Lasst uns einen gewissen Abstand zwischen diesen beiden Sätzen haben. Was ich jetzt noch tun werde, ist, jeden Satz in diesem Skript zu visualisieren. Ich muss mir keine Sorgen um die Details machen. Es ist nur eine Möglichkeit, mir die Ideen aus dem Kopf zu holen. Okay, fangen wir an. HunterGoes ist die neueste und coolste Online-Lieferplattform. Was ich hier visualisiere, ist eine Seitenansicht, eine Straßenszene und ein vorbeifahrendes Lieferauto, dann geht ein Smartphone hinter dem Fahrzeug hoch. Sagen wir eine Seitenansicht eines Lieferwagens, das die Straße hinuntergeht. Dann geht ein Smartphone hinter dem Fahrzeug hoch. Okay. Wir können alles für Sie abholen und abgeben. Hier kann ich einige Lieferboxen zeigen , die oben auf das Auto fallen. Angenommen, Boxen fangen an, mit geschlossener Nahkamera auf die Oberseite des Autos zu fallen . Von Lebensmitteln, Elektronik, Lebensmitteln, Büchern und vielem mehr. Okay, hier kann ich Icons haben diese Dienste darstellen, die in den Boxen auftauchen. Icons tauchen um die Boxen herum auf. Was immer Sie brauchen, wann immer Sie brauchen. Hier kann ich diese beiden Zeilen spielerisch animieren. Okay, sagen wir auf spielerische Weise animierter Text. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. Hier kann ich auf das Smartphone wechseln die App mit dem Download anzeigen, den App-Text an der Seite. Angenommen, ein Smartphone mit der App erscheint auf der linken Seite mit dem Text „App auf der rechten Seite herunterladen“ Okay, HunterGoes. Wir haben dich erwischt. Schieben Sie den Übergang zum Markenlogo mit dem Slogan darunter. Wir sind fertig. Denken Sie daran, dass Sie sich Ihre eigenen Bilder einfallen lassen können. Versuche es nicht zu kompliziert zu machen. Sie können sich auf den Workflow konzentrieren und den Prozess genießen. Stellen Sie sicher, dass Sie Ihre Arbeit im Projektpanel veröffentlichen . Wir sehen uns in der nächsten Lektion. 4. Lasse dich inspirieren: In dieser Lektion zeige ich Ihnen, wie Sie Pinterest für Designzwecke verwenden können. Es ist eine großartige Plattform, um Inspirationen zu sammeln und zu organisieren. Wenn Sie Pinterest bereits verwenden und mit diesem Thema vertraut sind, können Sie diese Lektion überspringen. Wir öffnen die Pinterest-Website und wir erhalten dieses Anmeldeformular. Melden wir uns für ein Konto an. Schreibe eine E-Mail-Adresse, erstelle ein Passwort und dein Alter. Drücken Sie „Weiter“. Jetzt müssen wir ein paar Schritte machen, die wir als Nächstes unternehmen müssen. Hier können wir fünf Themen auswählen, an denen Sie interessiert sind. Ich wähle designbezogene Themen und klicke auf „Fertig“. Hier können Sie den Code von Ihrem Telefon aus scannen , damit Sie die App herunterladen können. Ich brauche es momentan nicht. Jetzt erstellt Pinterest eine Seite für alle Themen, die ich ausgewählt habe. Nehmen wir an, ich mag dieses Design und ich muss es speichern. Alles was ich tun muss, ist es zu übergehen und auf „Speichern“ zu klicken. Jetzt habe ich es auf meinem Profil. Lass uns nachsehen. Dies ist das Bild, das ich gespeichert habe. Alle meine gespeicherten Sachen werden hierher gehen. Um die Dinge organisierter zu gestalten, können wir Boards erstellen. Sie können auf dieses Pluszeichen klicken und auf „Board“ klicken. Ich nenne die Board-Illustrationen. Sie können dieses Zeichen hier ankreuzen, wenn Sie möchten, dass Ihr Board geheim ist. Klicken Sie auf „Erstellen“. Jetzt bekomme ich ein paar Vorschläge , die ich speichern kann. Das gefällt mir. Fertig. Kommen wir zurück zu meinem Profil. Jetzt sehen Sie meine Illustrations-Tafel. Mal sehen, wie wir mehr Bilder in diesem Board speichern können. Drücken Sie dieses Pinterest-Symbol , um zur Homepage zu gelangen. Ich suche nach stilisierter Illustration des Autos. Das gefällt mir. Ich klicke auf diesen Pfeil und sicher zur Illustrationstafel. Jetzt haben wir das Bild in meiner Illustrationstafel gespeichert . Was ist, wenn ich ein Bild außerhalb des Pinterest-Ökosystems speichern möchte . Ich zeige Ihnen, wie wenn Sie Chrome verwenden, einen neuen Tab öffnen, zum Apps Web Store gehen und nach Pinterest suchen werde. Klicken Sie auf die Schaltfläche Pinterest speichern fügen Sie zur Chrome Add-Erweiterung hinzu. Klicken Sie auf dieses Erweiterungssymbol und schalten Sie die Pin-Schaltfläche ein. Nehmen wir an, ich mag dieses Bild auf Shutterstock und ich muss es auf meiner Illustrationstafel speichern. Das, das ich auf Pinterest erstellt habe, muss ich nur das Bild durchgehen und auf der Illustrationstafel speichern. Wenn ich wieder hierher komme, finden wir das Auto, das in meiner Illustrationstafel gespeichert ist. Im Grunde ist das alles, was Sie über Pinterest wissen müssen. Es ist ein großartiges Werkzeug, um Inspiration zu sammeln und zu organisieren. Wir sehen uns in der nächsten Lektion. 5. Moodboard und Behandlung: Jetzt, da ich meine Gedanken für diesen Ort mit visuellem Skript zusammengestellt meine Gedanken für diesen Ort mit visuellem Skript habe, werde ich in dieser Lektion einige Inspiration für mein Stück sammeln. Die Kunden haben uns nichts anderes als das Drehbuch gezeigt, daher ist es jetzt unsere Aufgabe, ihre und unsere Gedanken zu visualisieren. Das ist, wenn Moodboard praktisch ist. Indem Sie einige Zeit damit verbringen Referenzen und Inspirationen zu sammeln, können Sie Ihre Ziele und letztendlich Ihr endgültiges Design sehen . Hier sind meine gesammelten Pins für das Moodboard. Es ist ein auf Illustrationen basierendes Design. Ich mag hier die Seitenansicht des Busses mit minimalem Hintergrund in Bezug auf Design und Farbwert. Schau dir an, wie ordentlich die Schrift hier ist und der schöne Farbkontrast . Mal sehen. Ich denke, das ist ein cooles stilisiertes Lieferauto. So visualisiere ich die Icons hier, die im Bus auftauchen werden . Dies sind im Allgemeinen meine Referenzen für dieses Stück. Ich zeige dir jetzt, wie ich mein Moodboard mit diesen Pins in Photoshop erstellen werde. Jetzt bin ich in Photoshop. Wie Sie hier sehen können, habe ich eine Reihe von Kisten erstellt , um mir das Leben erleichtern, wenn ich anfange, meine Referenzen zu verwirren. Ich zeige dir wie in ein bisschen. Sie können es nach Belieben optimieren oder Ihr eigenes Moodboard-Design erstellen. Ich habe diese Moodboard-Vorlage für dich hochgeladen. Sie finden es im Ressourcenbedienfeld. Hier ist die Farbpalette der Marke. Ich glaube, ich könnte einige von ihnen in diesem Moodboard benutzen. Ich werde anfangen, einige dieser Bilder von Pinterest zu bekommen. Ich habe jetzt alle Bilder. Ich werde anfangen, sie neu zu ordnen und zu sehen, wie sie zusammenpassen werden. Zuerst konvertiere ich jedes Bild in ein intelligentes Objekt, damit Sie die Größe des Bildes so gut ändern können, wie Sie möchten, ohne dass es zu Verschlechterung oder Qualitätsverlust führt. Ich werde die Clipping-Maske verwenden, um diese Bilder in den Feldern zu positionieren. Das ist Layer 02. Ich ziehe dieses Bild und lege es über die Ebene 02. Ich kann „Command“ drücken und klicken, um eine Clipping-Maske zu erstellen , oder mit der rechten Maustaste auf die Clipping-Maske klicken. Was die Clipping-Maske hier macht, ist, dass das Feld die sichtbaren Grenzen des Bildes definiert oder steuert. Ich werde die gleiche Methode auf den Rest der Bilder anwenden . Ich füge einige Markenfarben das Moodboard ein, damit es sich mehr mit HunterGos Typ verwandt anfühlt . Ich füge vor allen Bildern eine Formebene hinzu. Ich werde multiplizieren und die Deckkraft um 15 Prozent machen. Dies ist nur eine Möglichkeit, den Vorstand zusammenzubringen und mehr mit der Markenidentität zu verknüpfen. Jetzt, da wir mit der Herstellung des Moodboards fertig sind, gehen wir mit dem nächsten Schritt fort und schreiben die Behandlung auf. Die Behandlung ist die Art des Dokuments, das einen grundlegenden Überblick über eine Idee liefert. Es ist normalerweise kurz und ermöglicht es dem Kunden oder dem Leser zu verstehen, worum es in dem Video geht. Ich fange jetzt an, die Behandlung zu schreiben. Die Szene beginnt mit einem Lieferwagen, das die Straße hinunterfährt. Ein Smartphone, das die App anzeigt erscheint hinter dem Fahrzeug. Das Smartphone geht unter und die Kamera zoomt auf die Oberseite des Autos, und dann fallen Lieferboxen hinein. In halbrunder Form tauchen Symbole um die Boxen herum auf. Das Auto verlässt den Rahmen und dann erscheint auf spielerische Weise animierter Text , was immer Sie brauchen, wann immer Sie brauchen , was immer Sie brauchen, wann immer Sie brauchen. Der Text geht nach unten und verlässt den Rahmen. Das Smartphone erscheint und der Text, lade die App herunter, tritt von rechts in den Rahmen ein. Schieben Sie den Übergang zu einem HunterGos Logo mit dem Slogan, unter dem wir Sie haben. Ich habe mein Moodboard und habe meine Behandlung aufgeschrieben. Jetzt können wir mit der nächsten Lektion übergehen. 6. Storyboard skizzieren: Ich bin fertig mit meinem Konzept. In dieser Lektion gehe ich die Leiter nach oben, wo ich meinem Kunden zeigen werde , was ich visuell für dieses Stück mit animatischen Dingen denke . Was ist animatic Animatic ist ein animiertes Storyboard, oder mit anderen Worten, es ist eine Diashow von Bildern, die Bewegungen darstellen. Um eine Animatik zu erstellen, müssen wir zuerst ein Storyboard erstellen. Diese Storyboard-Bilder werden dann zusammengeschnitten , um eine grobe Entwurfsanimation zu erstellen. Diese Methode gibt dem Maker eine Vorstellung davon , wie die endgültige Animation aussehen wird. Du musst dich nicht um deine Zeichenfähigkeiten sorgen. Ich persönlich bin kein Zeichnungskünstler, es ist nur eine Möglichkeit zu sehen, wie die Geschichte fließen wird. Ich habe hier meine Storyboard-Vorlage. Sie können es aus dem Ressourcenbedienfeld herunterladen , wenn Sie möchten. Sie können es scannen und zum Skizzieren verwenden. Ich bin fertig mit dem Skizzieren des Storyboards. Was ich jetzt tun muss, ist meine Storyboard-Papiere zu scannen und in Photoshop zu importieren, damit ich die Bilder separat schneiden kann. Sie können die CamScanner-App verwenden. dieser App können Sie Dokumente scannen und die Bilder als JPEG oder PDF teilen. Oder Sie können Ihr Smartphone verwenden, um Ihre Storyboard-Papiere zu erfassen , was auch immer für Sie funktioniert. Jetzt habe ich die gescannten Bilder auf Photoshop. Ich muss anfangen, jede Box in ihren eigenen Frames zu beschneiden und zu trennen. Ich fange an, das erste Bild zu beschneiden. Klicken Sie mit der rechten Maustaste, Rastern, um es in Pixel zu konvertieren, damit ich mit dem Zuschneiden beginnen kann. Ich wähle ein polygonales Werkzeug oder drücke L auf der Tastatur. Treffen Sie eine Auswahl. Befehl C zum Kopieren und Umschalt-Befehl V, um es an derselben Stelle einzufügen. Sie können auch das rechteckige Werkzeug oder M auf der Tastatur verwenden , um Ihre Auswahl zu treffen. Ich werde diesen Prozess beschleunigen da es eine unkomplizierte Arbeit ist. Ich bin fertig, jeden Frame vom Storyboard zu beschneiden, jetzt muss ich jedes Bild an die Komposition anpassen. Aber vorher muss ich die Bilder wieder in Smart Object konvertieren, Bilder wieder um ihre Qualität beim Vergrößern beizubehalten . Sie können Ihre gescannten Bilder zurückverfolgen, wenn Sie der Meinung sind, dass sie unklar sind und etwas Retusche benötigen, um sauberer aussehen zu können. Ich würde jetzt einige der Bilder zurückverfolgen. Stellen Sie sicher, dass Sie Ihre Bilder rasterisieren , um darauf zeichnen zu können. Sie können das Werkzeug Ansicht drehen oder Auf Tastatur hinzufügen verwenden. Um die Ansicht zu drehen, damit Sie Ihre Bilder komfortabler verfolgen können. Ich benutze das Pinsel-Werkzeug oder drücke B auf der Tastatur. Stellen Sie sicher, dass Sie es nach Abschluss jedes Bildes erneut in Smart Object konvertieren. Ich glaube nicht, dass ich die Wolken hier mag, also entferne ich sie von der Szene. Eine weitere Sache, die ich tun muss, muss ich den Text ändern und ihn lesbarer und sauberer machen. Ich verwende das Type-Werkzeug oder drücke T auf der Tastatur, um einen Text zu erstellen. Ich werde auch das Logo ändern. Dies sind einige Optimierungen, die ich mache, um die Animatik anständiger zu machen , wenn ich es an den Client sende. Ich bin jetzt fertig mit den Frames, in der nächsten Lektion mache ich die Animatik. 7. Animatic Schneiden 01: Wenn es um die Videobearbeitung geht, ist Adobe Premiere Pro das beste Tool, das wir verwenden können. Es ist eine einfache Software, besonders für Anfänger, also mach dir keine Sorgen, wenn du sie noch nie benutzt hast. In dieser Lektion zeige ich Ihnen, wie Sie eine Animatik schneiden und das bereitgestellte V0 mit den Grafiken mit dieser Bearbeitungssoftware sehen das bereitgestellte V0 mit . Hier habe ich die getrennten Frames. Jetzt muss ich sie exportieren, damit ich sie zum Bearbeiten verwenden kann. Exportieren. Wir wählen den Standort und hier sind sie. Wir öffnen Adobe Premiere Pro. Klicken Sie auf „Neues Projekt“. Nennen Sie das Projekt, es wird animatisch. Wählen Sie den Standort aus und drücken Sie „Okay“. Sobald Sie Premiere Pro geöffnet haben, sollten Sie diesen Bearbeitungsarbeitsbereich sehen. Wenn nicht, können Sie zu Windows, Workspace und Bearbeiten wechseln. Hier ist das Projektpanel, in dem wir alle unsere Vermögenswerte haben werden , an denen wir arbeiten werden. Doppelklicken, um meine Bilder zu importieren. Ziehen Sie und drücken Sie „Importieren“. Jetzt habe ich alle Bilder in meinem Projektpanel. Ich erstelle einen neuen Ordner, damit ich alle Frames in einem Ordner haben kann . Jetzt wähle ich alle meine Frames und ziehe sie in die Timeline. Jetzt habe ich alle meine Frames in Ordnung. Ich überprüfe die Bildrate. Ich lasse es bei 25 Bildern pro Sekunde. Mithilfe des Auswahlwerkzeugs oder V auf der Tastatur kann ich auf die Frames klicken und ziehen. das Fangwerkzeug und dann die Zeitleiste oder S auf der Tastatur aktivieren , können Sie zwei Frames einrasten. Sie können die Zeitleiste vergrößern und verkleinern, indem Sie diese Schiebereiste ziehen oder die Minus- oder Plus-Taste auf der Tastatur drücken. Ich kann dies nach oben und unten ziehen, um die Video-Timeline zu vergrößern , damit ich die Miniaturansichten sehen kann. Hier haben wir die Audiospur und die Videospur. Audiodateien können nur zur Audiospur gehen und Videodateien gehen zu Videospuren. Jetzt importiere ich die Audio-Assets, das Voice-Over und die Musikspur. Doppelklicken Sie auf die Datei, damit ich die Quelle im obigen Bedienfeld sehen kann . Doppelklicken Sie auf die Links und schließen Sie alle meine Lieferplattform. Wir können alles für Sie abholen und abgeben, von Lebensmitteln, Elektronik, Lebensmitteln, Büchern und vielem mehr, was Sie brauchen, wann immer Sie brauchen. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. Country Gross, wir haben dich erwischt. Ich werde die Bereiche, die ich nicht brauche, aus dem Voice-Over ausschneiden . Ich ziehe diesen Cursor auf die Timeline hier rüber und klicke auf „Markieren“ oder I Tastatur und gehe hier rüber und klicke auf „Markieren“ oder O auf der Tastatur. Jetzt drücke ich dieses Icon, Überschreiben, und ich habe das Voice-Over auf der Audiospur. Ich ziehe die Musik auch per Drag & Drop. Wie ich bereits sagte, können Sie die Assets mit dem Auswahlwerkzeug ziehen und verschieben. Manchmal finde ich es effizienter , das Rolling Edit Tool zu verwenden. diesem Tool können Sie die Bearbeitungspunkte zwischen zwei Clips abrufen , damit Sie klicken und ziehen können, wo immer Sie möchten. Jetzt fange ich an, mein Voice-Over mit den Bildern zu synchronisieren , die ich habe. Zuerst schalte ich den Musiktitel stumm , indem ich diesen M-Letter drücke. Ich glaube, ich habe einige Probleme in den ersten drei Frames. Ich werde sie mischen. [unverständlich] Ist die neueste und coolste Online-Lieferplattform. Wir können alles für Sie abholen und abgeben. Von der Food-Plattform können wir abholen. Eine Sache, die ich am Anfang vergessen habe , ist, alle meine Frames auszuwählen, wenn ich sie in die Sequenz importiert habe und sie auf die Rahmengröße skaliert habe. So kann ich alle meine Frames auswählen, mit der rechten Maustaste klicken und auf Framegröße skalieren. Aber ich glaube, ich habe ein paar Probleme mit meinen Frames. Wenn Sie diesen schwarzen Strich um die Frames herum sehen können, denke ich, dass dies von der Beschneidung in Photoshop stammt. Aber das ist kein Problem, ich kann es später manuell beheben. 8. Animatic Schneiden 02: Wir können alles für Sie abholen und abgeben, von Lebensmitteln, Elektronik, Lebensmitteln, Büchern und vielem mehr. Was auch immer Sie brauchen , wann immer Sie brauchen. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. Hunter Goes, wir haben dich. Jetzt, da ich meine Bilder oder meine Frames mit dem Voice-Over synchronisiert habe , werde ich jetzt etwas zwischen dem Voice-Over und dem Musiktitel mischen , den wir haben. Zuerst werde ich die Stummschaltung des Musikticks aufheben. Ich gehe zu Audio und benutze diesen Mixer, glaube ich. Jede Ebene hat das spezifische, sagen wir mal, Volumen in diesem Mixer. Nehmen wir an, mein Voice-Over ist auf A2, also können wir mit A2 auf dem Mixer herumspielen. Jetzt ist es Versuch und Irrtum. Ich werde mehrmals testen und wiederholen, um das beste Ergebnis für mein Audio zu erzielen. Hunter Goes ist die neueste und coolste Online-Lieferplattform. Wir können alles für Sie abholen und abgeben, von Lebensmitteln , Elektronik, Lebensmitteln, Büchern und vielem mehr. Was immer Sie brauchen, wann immer Sie brauchen. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. Hunter Goes, wir haben dich. [MUSIK] [NOISE] Ich denke, ich sollte die Lautstärke für die Musik ein wenig senken. Hunter Goes ist die neueste und coolste Online-Lieferplattform. Wir können alles für Sie abholen und abgeben, von Lebensmitteln , Elektronik, Lebensmitteln, Büchern und vielem mehr. Was auch immer Sie brauchen , wann immer Sie brauchen. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. Hunter Goes, wir haben dich. Mein Hauptziel hier ist , dass ich möchte, dass das Voice-Over klar ist. Hunter Goes ist die neueste und coolste Online-Lieferplattform. Wir können alles für Sie abholen und abgeben, von Lebensmitteln , Elektronik, Lebensmitteln, Büchern und vielem mehr. Was auch immer Sie brauchen , wann immer Sie brauchen. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. Hunter Goes, wir haben dich. [MUSIK] Hier möchte ich diesen Frame ein wenig erweitern. Wir haben dich erwischt. Hunter Goes ist die neueste und coolste Online-Lieferplattform. Wir können [unhörbar] auswählen und fallen lassen . Hier kann ich Razor Tool oder C auf der Tastatur auswählen , um meine Musikspur zu schneiden. Was ich jetzt machen werde, ist, dass mein Musiktitel am Ende ausblendet. Ich werde das vergrößern, drücke diese Taste und gehe zu Track Frames Lautstärke. Ich erstelle diesen Schlüssel und einen weiteren am Ende. Jetzt verblasst mein Musiktitel viel flüssiger. Hunter Goes ist die neueste und coolste Online-Lieferplattform. Wir können alles für Sie abholen und abgeben, von Lebensmitteln , Elektronik, Lebensmitteln, Büchern und vielem mehr. Was auch immer Sie brauchen , wann immer Sie brauchen. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. Hunter Goes, wir haben dich. [NOISE] Jetzt repariere ich die Skalierung der Frames. Ich kann es beheben, indem ich auf den Rahmen oder die Bilder klicke , die ich skalieren möchte, um es an die Kompositionsgröße anzupassen und zu Bearbeitungseffektsteuerelementen gehe . Ich kann mit der Waage spielen, damit sie zur Komposition passt. Ich werde die gleiche Methode auf den Rest der Frames anwenden . Ich bin fertig mit der Bearbeitung meines Animatikums. Jetzt werde ich exportieren. Gehen wir zu Datei-Exportmedien. Ich wähle das Format H264 mit hoher Bitrate aus, wähle den Speicherort aus und klicke auf Exportieren. Hunter Goes ist die neueste und coolste Online-Plattform meiner Lieferplattform. Wir können alles für Sie abholen und abgeben, von Lebensmitteln, Elektronik, Lebensmitteln, Büchern und vielem mehr. Was auch immer Sie brauchen , wann immer Sie brauchen. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. Hunter Goes, wir haben dich. Dies ist meine grobe Darstellung der animierten Visuals. Es soll ein Gefühl von Timing und Tempo des Videos vermitteln , damit der Kunde eine klare Vorstellung davon haben kann , wohin dieses Stück geht , bevor wir mit dem Entwerfen und Animieren beginnen. 9. Design 01: In dieser Lektion gehe ich in Illustrator und beginne mit der Gestaltung der Frames, die ich in den vorherigen Lektionen gemacht habe , und es zeigt die Richtung an, in die ich gehen möchte. Jetzt bin ich in Illustrator, ich gehe in die Markenrichtlinie ein und nehme ein paar Vermögenswerte von dort. Ich bekomme die Farbpalette , weil ich sie beim Entwerfen verwenden werde. Ich bekomme das Logo der Marke. Ich bekomme die paar Variationen, also habe ich die drei Möglichkeiten. Kopieren und Einfügen. Dies ist ein Kunstwerk, das ich von Shutterstock bekommen habe. Ich werde einige andere Designs darin in meinen Design-Boards verwenden . Ich werde diesen öffnen, und ich benutze den Hintergrund, dieses Gebäude, also werde ich es auf meinen Designboards verwenden . Ich kopiere und füge es ein, skaliere es und ändere vielleicht seine Farbe in Gelb. Ich ändere die Deckkraft auf 50 Prozent. Ich denke, 50 Prozent sind gut. Jetzt erstelle ich mit dem rechteckigen Werkzeug einen Hintergrund. Ändern wir es in diese Farbe und klicken Sie mit der rechten Maustaste auf Anordnen und senden Sie es zurück. Ich denke, ich werde die Gebäude viel niedriger machen, also verwende ich das direkte Tool oder wir können A auf der Tastatur drücken und alle Scheitelpunkte dieses Kunstwerks auswählen. Ich denke, ich sollte zuerst den Hintergrund sperren. Ich klicke auf den Hintergrund und gehe zur Auswahl der Objektsperre. Jetzt habe ich den Hintergrund gesperrt, jetzt kann ich das direkte Tool verwenden und alle Scheitelpunkte für dieses Kunstwerk auswählen , und ich werde es niedriger machen. Jetzt werde ich dieses einfache Pflaster mit dem rechteckigen Werkzeug erstellen dieses einfache Pflaster mit dem oder Sie können M auf der Tastatur drücken. Ich ändere die Farbe dazu. Jetzt ändere ich auch die Deckkraft, 80 Prozent. Jetzt erstelle ich auch mit dem rechteckigen Werkzeug eine Fahrspurlinien auf der Straße. Ich ändere die Farbe wie Grau. Ich werde die Deckkraft auf sagen wir 80 Prozent ändern. Ich denke, ich lasse es 100 Prozent für die Deckkraft und ich mache es ein bisschen dunkler. Ich glaube, ich werde die Deckkraft ein wenig senken. Fünfzig Prozent laufen gut. Vielleicht. Ich denke, es ist gut. Ich benutze das direkte Tool, mach es etwas kürzer. Jetzt werde ich duplizieren , indem ich „Option“ drücke und gedrückt halte. Ich hole den Baum von dem Kunstwerk, das ich vom Shutterstock bekommen habe. Ich sperre alle Ebenen, damit ich ohne Unterbrechung am Baum arbeiten kann ohne Unterbrechung am Baum oder auf irgendetwas aus dem Hintergrund klicken kann. Aber ich glaube, ich werde das löschen, ich brauche es nicht. Ich denke, das ist viel besser, weil der Baum flach aussieht wie alle meine Kunstwerke, also ändere ich die Farbe in Grün. Ich werde die Farbe des Rumpfes ändern, vielleicht indem ich die orange Farbe verwende und ihn brauner mache. Jetzt gruppiere ich den ganzen Baum, indem sowohl den Stamm als auch den obigen Teil auswähle und „Control G“ drücke . Jetzt dupliziere ich auch den Baum und mache einige Variationen in der Skala. Ich werde alle Objekte auf dieser Zeichenfläche entsperren und die gesamte Zeichenfläche duplizieren, indem ich das Artboard Tool verwende oder auf der Tastatur „Umschalt O“ drücke. Ich drücke „Option“ und halte die Zeichenfläche gedrückt und ziehe sie. Jetzt erstelle ich eine neue Zeichenflächen für den Rest der Szenen. 10. Design 02: Jetzt sperre ich alle Auswahlen und füge jetzt das Auto hinzu. Ich öffne, nicht dieses Auto. Ich öffne ein weiteres Shutterstock-Artwork. Öffne das hier. Ich werde die Gruppierung des gesamten Kunstwerks aufheben, indem ich „Command Control G“ drücke. Ich wähle das ganze Auto aus, kopiere und füge es ein. Ich würde es in meiner Szene positionieren. Ich lösche das Design. Ich brauche es nicht. Ich lösche dieses Ding auch hinter den Rädern. Ich ändere die Körperfarbe. Jetzt erstelle ich mit dem rechteckigen Werkzeug einen Dachträger oben auf dem Auto. Jetzt markiere ich es, indem ich das Logo hinzufüge. Jetzt springe ich zur 13, indem ich das Smartphone über dem Fahrzeug hinzufüge. Ich wähle die Objekte aus und sperre die Auswahl oder drücke „Befehl D“ auf der Tastatur. Jetzt öffne ich das Handy-Artwork, das ich von Shutterstock erhalten habe, und passe es an meine, sagen wir Designrichtung an. Jetzt werde ich einige Änderungen an den Farben und Formen vornehmen. Ich verwende immer die Farbpalette, um mein Kunstwerk zu färben. Jetzt füge ich Text hinzu, indem ich das Text-Tool verwende, halte deine Taste gedrückt. Richten Sie es aus. Ich benutze die Client-Font, Arial geerdet. Ich werde es noch einmal ausrichten. Ich denke, ich möchte die Textfarbe auf etwas heller ändern . Ja. Lass mich das mal ausprobieren. Ich glaube, ich bin jetzt fertig mit dem Telefon. Eine Sache hier, ich möchte es ändern, ist der Hintergrund oder die Himmelsfarbe und die Straße. Ich glaube, sie sehen genauso aus. Ich möchte die Farbe der Straße anders machen als die Farbe des Himmels. Ich habe die Straße vom Himmel getrennt. Mach es dimmer. Jetzt gibt es einen Unterschied zwischen der Straße und der Himmelsfarbe. Ich denke, das ist in Ordnung. Ich werde das Gleiche für den Rest der Kunsttafeln anwenden . 11. Design 03: Bevor ich fortfahre, positioniere ich den Dachträger neu. Bewegen Sie es einfach etwas tiefer und nach links. Jetzt, wenn ich zur 4. Szene gehe, werde ich das Auto duplizieren. In dieser Szene brauche ich nur den oberen Teil des Autos, also beschneide ich ihn, also beschneide ich ihn indem ich ein Rechteck über dem Fahrzeug erstelle. Wählen Sie beide aus. Gehe dann zu Objekt, Schnittmaske. Maske. Lassen Sie uns diesen soliden Hintergrund duplizieren. Lassen Sie uns diese Zeichenfläche duplizieren. Jetzt erstelle ich die Lieferboxen mit grundlegenden Formen. Kopieren Sie, um eine weitere Aufnahme zu erstellen. Jetzt erstellen wir die Icons. Wenden Sie Farben mit der Pipette an oder drücken Sie I auf der Tastatur, um Farben aus der obigen Palette auszuwählen. Ich gruppiere sie. Kontrolliere G. Jetzt bekomme ich die Icon-Aktien, die ich von Shutterstock bekommen habe. Sie ändern die Farben in Weiß. Cool. Jetzt werde ich duplizieren , um die vier aufeinanderfolgenden Aufnahmen zu machen. Fügen Sie Text mit dem Textwerkzeug hinzu. Ändern Sie die Schriftart auf Arial-Rounded. Ich dupliziere die Schriftart damit ich sie in diesem Frame verwenden kann. Fügen Sie Text hinzu. Jetzt das letzte. Ich hole das Logo. Zentriere es. Fügen Sie den Slogan hinzu. Ich bin fertig. Jetzt ist es an der Zeit, meine Design-Boards zu exportieren. Ich gehe zu Datei, Exportieren, Exportieren als, wähle den Speicherort aus. Stellen Sie sicher, dass das Format PNG ist. Prüfen Sie die Zeichenflächen und überprüfen Sie alle. Klicken Sie nun auf „Exportieren“. Alle Einstellungen sind in Ordnung. Drücken Sie „Okay“. Hier habe ich meine Designboards. Also bin ich fertig damit, die gesamte Sequenz für dieses Stück zu entwerfen . In der nächsten Lektion mache ich die Biodynamik. 12. Boardimatic: Boardimatic besteht nicht darin, dem Kunden die endgültigen Design-Frames, das Timing und das Tempo des Videos zu zeigen die endgültigen Design-Frames, das Timing , sondern spart uns auch eine Menge Arbeit, wenn der Kunde zufällig Änderungen am Design hat. Sobald wir uns die Entwurfsphase angesehen haben, können wir uns dann mit der Animation beschäftigen. Gehe zu Datei, Speichern unter, und ich nenne es HunterGoes Board statt animatic. Klicken Sie auf „Speichern“. Jetzt importiere ich meine Design-Boards. Ziehen Sie die Sequenz und wählen Sie alle Frames aus und nach rechts „Auf Bildgröße skalieren“. Mithilfe des Rolling-Edit-Tools werde ich meine Design-Boards auf dem Voice-Over ausrichten. Wie Sie hier sehen können, verwende ich diese unten stehenden Skizziertafeln als Referenz. [MUSIK] HunterGoes ist die neueste und coolste Online-Lieferplattform. Wir können alles für Sie abholen und abgeben, von Lebensmitteln, Elektronik, Lebensmitteln, Büchern und vielem mehr. Was immer Sie brauchen, wann immer Sie brauchen. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. HunterGoes, wir haben dich. [MUSIK] Jetzt muss ich die Datei exportieren. Exportieren, Medien. Wählen Sie den Standort aus und speichern Sie. [MUSIK] HunterGoes ist die neueste und coolste Online-Lieferplattform. Wir können alles für Sie abholen und abgeben, von Lebensmitteln , Elektronik, Lebensmitteln, Büchern und vielem mehr. Was immer Sie brauchen, wann immer Sie brauchen. Laden Sie die App jetzt herunter und freuen Sie sich beim Bestellen. HunterGoes, wir haben dich. [MUSIK] Ich bin fertig mit der Boardimatik und bereit, zur nächsten Lektion überzugehen. Befolgen Sie unbedingt die Roadmap, die ich in die Projektbeschreibung aufgenommen habe , und veröffentlichen Sie Ihre laufende Arbeit, damit Sie Feedback erhalten und andere Schüler inspirieren können . 13. Organisieren: Ich bin ein paar Schritte davon entfernt After Effects zu öffnen und zu animieren. Aber bevor ich das mache, muss ich einige Ordnerstrukturierungen durchführen, um all die Dinge zu organisieren , die ich bisher getan habe. Es ist eine gute Angewohnheit, jedes Projekt, an dem Sie arbeiten, so zu organisieren , dass Sie alle Ihre Vermögenswerte an einem bestimmten Ort benannt und abgelegt haben alle Ihre Vermögenswerte an einem bestimmten Ort benannt und abgelegt , damit Sie nichts verpassen, was Sie später verwenden könnten oder insbesondere wenn Sie möchte das Projekt an einen anderen Animator oder Videoeditor übergeben. Normalerweise verwende ich beide Geschmackswerkzeuge, um meine Projekte zu organisieren. Es ist ein kostenloses Projektmanagement-Tool, dem Sie Ordnervorlagen für Ihr Projekt einrichten können. Schauen wir es uns an. Hier habe ich beide Geschmacksmanagement-Tool. Ich fange an, meine Projektvorlage zu benennen. Projekt Nummer 1. Kunde HunterGoes, Projektname, Erklärvideo. Geben Sie das Datum und den Namen des Erstellers ein. Jetzt kann ich zu Vorlagen gehen, um meine eigene Vorlage zu erstellen. Ich wähle eine Motion Graphics-Vorlage. Ich werde all dies löschen und ich werde es von Grund auf neu erstellen. Ich erstelle einen neuen Ordner, ich nenne ihn Assets. Ich erstelle einen neuen Unterordner in Assets und nenne ihn Animatic. Ein neuer Unterordner. Thematischer und ein neues Audio und eins für Stockbilder. Lassen Sie mich einen neuen Unterordner in Animatic erstellen und ihn Footage nennen . Noch eins, PSD. Noch ein Frames. Jetzt erstelle ich im Audio VoiceOver und Music. Jetzt erstelle ich innerhalb der Platine einen Unterordner namens Illustrationsdatei oder KI. Unterordner des Entwurfsrahmens. Jetzt erstelle ich einen neuen Ordner namens Brand. Nennen Sie in Brand diese Richtlinie und den Skript-Unterordner. Ein neuer Ordner heißt es Concept. Inside Concept habe ich Moodboard & Treatment. Ein weiterer Unterordner für visuelles Skript. Für die vier Projektdateien. Darin lege ich After Effects-Dateien und den Unterordner für Premiere-Dateien ein. Jetzt habe ich alle Ordner, die ich brauche. Jetzt kann ich ein Projekt erstellen. Wählen Sie einen Speicherort aus, um ihn zu speichern. Los geht's. Das ist es im Grunde genommen für die Ordnerstrukturierung und Organisation. Wir sehen uns in der nächsten Lektion. 14. Vorbereiten deiner Grafiken: Ich habe mein Vermögen organisiert, jetzt werde ich in Illustrator springen und das Kunstwerk beschaffen , das ich in After Effects verwenden werde . Jetzt werde ich alle Kunstwerke, die ich verwenden werde , in After Effects in einer Zeichenfläche platzieren alle Kunstwerke, die ich verwenden werde , in After Effects in einer Zeichenfläche damit ich sie in After Effects importieren kann. In Artboard 3 habe ich das Auto, das Telefon und die Hintergrund-Assets. Ich importiere diese Zeichenfläche. In Artboard 11 habe ich die Boxen und die vier Icons. Ich importiere diese Zeichenfläche auch. Ich muss mir keine Sorgen um den Text machen, da ich ihn in After Effects erstellen kann. Ich gehe zu Datei, Speichern als unser Limit 03, da es Artboard 3 ist, lasst uns nachsehen. Speichern Sie jede Zeichenfläche separate Datei und wählen Sie Bereich 3. Jetzt gehe ich zu Speichern unter, nenne diesen 11, also ist es Artboard 11. Speichern Sie jede Zeichenfläche in einer separaten Datei und in Bereich 11. Jetzt habe ich die beiden Zeichenflächen. Ich erstelle zunächst eine neue Ebene und habe das Smartphone in einer separaten Ebene. Neue Schicht für das Auto. Greg und lass fallen. Jetzt möchte ich die Zeichenfläche der Straße erweitern , damit ich genug Platz habe , um den Hintergrund zu verschieben , während ich ihn in After Effects animiere. Wenn es dich jetzt verwirrt, wirst du wissen, was ich meine, wenn wir in After Effects kommen. Ich werde die Elemente entsprechend neu anordnen. Ich nenne diese Layer-Straße. Lasst uns nun die zweite Zeichenfläche öffnen. Ich fange an, jedes Element separat einzufügen. Lösche das Auto Ich brauche es nicht in dieser Zeichenfläche. Cool. Jetzt habe ich alle meine Elemente in separaten Ebenen. Ich benenne die KIs um. Wenn du dein eigenes Storyboard benutzt hast, kannst du denselben Prozess wie ich verwenden. In der nächsten Lektion importiere ich das Kunstwerk in After Effects und beginne mit dem Animieren. 15. Animiere die erste Szene: Schließlich haben wir die Phase erreicht, in der wir in After Effects springen und mit Keyframing und Animation beginnen werden. Fangen wir an. Endlich bin ich in After Effects. Kurz bevor ich fortfahre, wie Sie jetzt sehen können, bin ich zu Windows gewechselt, da ich einige Probleme mit meinem Mac hatte , während ich den Kurs aufnahm. Ich importiere zunächst mein Kunstwerk. Stellen Sie sicher, dass die Importart Komposition ist und die Footage-Dimension Ebenengröße und nicht die Dokumentgröße hat Ich werde auch die Farbpalette und das breite thematische Filmmaterial als Referenz importieren . Jetzt werde ich etwas organisieren, einen neuen KI-Ordner erstellen, um alle AIs zu platzieren, die ich darin habe. Noch eins für Comps und ein anderes für Footages. Jetzt gehe ich zur Komposition, neuen Comp Dimensionen 1920 1080 und Bildrate 30. Ich nenne das Comp Main. Ich ziehe das Board thematisch per Drag & Drop in die Zeitleiste und trimme den Comp in den Arbeitsbereich. Lasst uns diesen Straßenhintergrund ziehen und ablegen. Deaktivieren Sie die thematische Ebene der Grenze. Jetzt, indem ich auf den Straßenhintergrund klicke und P drücke, habe ich die Position bekommen. Indem ich die Position X ziehe, kann ich die Straße nach links und rechts bewegen. Jetzt bekomme ich die Auto-KI und stelle sicher, dass ich die Zusammenbruch-Transformation einschalte. Kurz gesagt, die Kollapse-Transformation behält die Qualität des KI-Kunstwerks bei, das es skaliert. Ich füge dem Auto zunächst eine subtile Bewegung hinzu, wie ein bisschen hüpfen, als würde es wirklich die Straße runter bewegen. Ich kompiere die Auto-Schicht vor und nenne sie Auto. Lassen Sie uns die Dimension ein wenig erweitern. Jetzt teile ich das Auto in zwei Teile, den Oberkörper und die Räder , indem ich es mit dem Stiftwerkzeug maskiere. Ich nenne es Leiche. Dupliziere die Ebene und invertiere die Maske und ich nenne sie Räder. Jetzt fügen wir dem Oberkörper etwas Sprungkraft hinzu. Erstellen Sie einen Schlüssel, bewegen Sie die Zeitleiste und ziehen Sie den Körper ein wenig nach unten. Behalten Sie die erste Taste bei und ziehen Sie die Timeline und fügen Sie sie ein und offline, um es einfach zu erleichtern. Lasst es uns ein bisschen schnell machen. Wenn Sie alle Tasten auswählen, lassen Sie uns Option und halten und ziehen Sie die Tasten näher zusammen. Jetzt werde ich diese Bewegung durchlaufen. Gehen Sie hier über die Uhr, halten Sie die Wahltaste gedrückt und klicken Sie und tippen Sie diese einfache Ausdrucksschleife ein. Lasst uns jetzt den Hintergrund in Bewegung bringen. Machen Sie am Anfang einen Schlüssel. Bewegen Sie die Zeitleiste und ziehen Sie die Ebene nach links. Jetzt hole ich das Auto aus dem Rahmen, mache einen Schlüssel und bewege es nach rechts. Ziehen Sie das Auto aus dem Rahmen und der neue Schlüssel wurde automatisch erstellt. Ich werde das Ease-Out glatter gestalten, indem ich zum Graph-Editor gehe und den Geschwindigkeitsdiagramm verwende. Lassen Sie uns das Board thematisch einschalten, um zu sehen, wann das Telefon erscheint. Hier füge ich eine Markierung hinzu. Ich ziehe das Telefon per Drag & Drop in die Auto-Comp. Erweitern wir die Bemaßungshöhe ein wenig. Erstellen Sie einen Positionsschlüssel und bewegen Sie ihn nach rechts. Ziehen Sie das Telefon hinter das Auto und erleichtern Sie es einfach. Ich werde die Leichtigkeit reibungsloser machen. Jetzt verstecke ich das Telefon mit einer Maske. Lassen Sie uns eine Formebene erstellen. Benennen Sie die Maske und wenden Sie Alpha invertierte Matte auf die Standardebene an. Ich habe hier ein Problem. Es ist von der Maskierung, glaube ich. Schauen wir uns unseren nächsten Übergang an. Ich füge hier einen weiteren Marker hinzu. Das Telefon geht hier runter, erstelle einen Schlüssel und ziehe die Zeitleiste und bewege das Telefon nach unten. Jetzt mache ich es einfacher, es reibungsloser zu machen. Die Straßenanimation sollte hier nicht aufhören, also werde ich sie ein wenig erweitern. Ich werde es früher fallen lassen. 16. Animieren von Falling: Jetzt mache ich das Zoom-In-Ding in die Oberseite des Autos. Gehen wir zu Layer, New, Null-Objekt und ich werde die Null-Übergeordnete zu diesen beiden Ebenen, dem Auto und der Straße, machen die Null-Übergeordnete zu diesen beiden Ebenen, , indem ich die übergeordnete Auswahlbreite verwende. Machen wir zwei Schlüssel, eine auf der Waage und die andere auf Position. Bewegen Sie die Zeitleiste nach rechts und skalieren Sie sie oben und passen Sie die Position des Autos in die Mitte ein. Lasst es uns langsamer machen. Jetzt werde ich die Gebäude los, gehe zur Position, klicke mit der Position rechten Maustaste auf „Separate Dimensionen“, damit ich mehr Kontrolle über die X- und Y-Position habe. Okay, ich mache hier einen Positionsschlüssel. Bewegen Sie die Zeitleiste und ziehen Sie die Gebäude nach unten und richten Sie sie mit den obigen Tasten aus. Jetzt kann ich die Ebene teilen, ich brauche sie nicht mehr und ich mache eine neue feste Ebene und wähle die gleiche Farbe dieser Ebene mit dem Augentropfen. [NOISE] Ich hätte die Gebäude in Illustrator auf einer separaten Ebene bauen können, aber das ist vorerst in Ordnung. Mal sehen wir uns den nächsten Schritt an. Ich füge einen Marker hinzu. Gehen wir in die Auto-Comp und ich importiere die Boxen. Lasst uns sie neu positionieren. Ich denke, die Größe ist jetzt gut. Jetzt muss ich den Ankerpunkt ändern und ihn für jede Box unten legen , da ich Squash- und Streckbewegung anwenden muss. Jetzt wähle ich die drei Schichten aus und binde sie an die Karosserieschicht, damit die Boxen der springenden Bewegung des Autos folgen können . Lassen Sie uns eine Schlüsselposition erstellen, sie nach rechts bewegen und das Feld nach oben ziehen. Lassen Sie uns jetzt etwas Squash- und Stretch-Effekt anwenden. Kopieren Sie nun die Skalierungsschlüssel und fügen Sie sie in die restlichen Ebenen ein. Sie können „U“ drücken, um alle Tasten anzuzeigen , die Sie in der Ebene haben. [NOISE] Ich habe eine seltsame Lücke zwischen diesen beiden Boxen, lasst es uns reparieren. 17. Animation der Icons: Mal sehen, wann die Symbole erscheinen werden. Ich füge hier einen neuen Marker hinzu. Ich hole jetzt die Coins aus dem Projektpanel. Lasst uns sie neu positionieren. Wählen Sie alle aus und klicken Sie mit der rechten Maustaste auf Pre-comp und ich nenne es Icons. Wählen Sie alle Ebenen aus und drücken Sie „S“. Erstellen Sie einen Schlüssel und bewegen Sie ihn nach rechts und jetzt zoomen wir heraus. Verschieben wir nun die Zeitleiste nach rechts und machen einen weiteren Schlüssel. Jetzt wähle ich diese Tasten aus und skaliere sie, um ein Überschwingen zu machen. Überschwingen soll die Skala überschreiten. Es soll durchgehen und dann zieht es sich zurück. Wählen Sie alle Ebenen und ys, ys aus. Erstellen wir nun eine sekundäre Animation für die Icons. Gehen Sie zum Stiftwerkzeug und streichen Sie es und ziehen Sie den Ankerpunkt nach unten. Jetzt gehe ich unter Transformieren zum Ankerpunkt und ziehe die Y-Position nach oben. Jetzt fügen wir einen Trimmpfad hinzu. Animieren Sie die Zeile mit den End- und Starttasten. Duplizieren Sie nun die Ebene und ändern Sie die Drehung auf 90 und duplizieren Sie mit Drehung 180, eine weitere mit Drehung 270. Cool. Wählen wir alle Ebenen aus und machen Pre-comp und nennen sie den Effekt. Jetzt positioniere ich den Effekt in der Mitte jedes Symbols und ändere seine Farbe entsprechend der Farbe des Symbols. Gehe zu Effekt und wähle „Füllen“. Verwenden Sie die Pipette, um die Farbe des Symbols auszuwählen. Ich werde das Gleiche auf den Rest der Icons anwenden . Jetzt werde ich die Icons nacheinander auftauchen lassen. Lassen Sie uns die Bodymatic als Referenz überprüfen und einige Marker hinzufügen. 18. Textanimation: Nun, um zur nächsten Szene weiterzugehen, mal sehen. Hier sollte der Text erscheinen. Jetzt holen wir die Icons und die Oberseite des Autos aus dem Rahmen. Ich werde die Icons ein Kind in die Null bringen. Machen Sie eine Komposition und ziehen Sie den Null nach links. Ich werde es einfacher machen und dann glatter. Jetzt erstelle ich mit dem Type-Werkzeug einen Text , was immer Sie brauchen. Ich werde sicherstellen, dass die Schriftart Arial Rounded ist. Dupliziere: „Wann immer du brauchst“. Lassen Sie uns die Farbpalette holen und die Farbe der zweiten ändern. Jetzt kompieren wir den ersten Typ vor. Jetzt habe ich zwei Ansätze, die ich verfolgen kann , um diese drei Wörter zu animieren. Ich kann den Zersetzungstext verwenden, es ist ein kostenpflichtiges Plugin, das ich von AE Script bekommen habe und es ist super effizient. Sie können den Text mit einem Klick durch Zeichenwörter oder Zeilen zerlegen . Wenn ich meine Typebene auswähle, kann ich Zeichen auswählen und auf „Zerlegen“ klicken. Die drei Wörter sind jetzt in separate Zeichen zerlegt. Jetzt habe ich die Kontrolle über jeden Buchstaben. Ich zeige Ihnen den anderen Ansatz wenn Sie mit der nächsten Farbe arbeiten. Es ist ein bisschen zeitaufwändig und doch alternativ wenn Sie das Plugin für zerlegten Text nicht erwerben. Okay. Wählen wir alle Buchstaben aus und erstellen eine Schlüsselposition und verschieben sie nach rechts, ziehen Sie die Y-Position ein wenig. Ich erstelle Schlüssel zwischen den beiden zum Überschreiten. Lassen Sie uns alles auswählen und einfach ist. Alles klar, cool. Lassen Sie uns nun den nächsten Typ vorab kompieren und jetzt zersetze ich ihn manuell. Zuerst zähle ich, wie viele Buchstaben ich in diesem Satz habe. Ich hab 15. Ich werde die Ebene 15 Mal duplizieren. Ich nehme jeden Buchstaben von jeder Ebene, also habe ich irgendwann jeden Buchstaben separat an. Es ist ein bisschen hektisch, aber es ist der Weg, wenn Sie das Plugin für zerlegten Text nicht haben . Alles klar. Machen wir das Plugin, das ich habe, rückgängig machen und die Schritte nachahmen, die ich für die vorherige Folie gemacht habe . Alles klar, cool. Wählen wir sowohl die Text-Pre-Comps trennen ihre Positionsmaße. Ich mache einen Y-Positionsschlüssel, verschiebe die Zeitleiste nach rechts und mache eine Vorfreude, bevor ich herunterfalle. 19. Übergang nach Text: Lass uns jetzt das Telefon holen und eine Skalierungsanimation anwenden, er benutzt den Geschwindigkeitsdiagramm. Jetzt füge ich den Text „App herunterladen“ hinzu. Wenden Sie die Positionsanimation darauf an, und einige lockern ein Drittel. 20. Logo und Tagline: Lasst uns in die letzte Szene einsteigen. Erstellen Sie eine neue feste Ebene, Pipette, um die gewünschte Farbe aus der Palette auszuwählen . Kompiere die Ebene vor, und ich bekomme das Logo und lasse es auf die feste Ebene fallen. Passe die Skala an. Jetzt gehe ich zum Hauptkomp und mache einen Positionsschlüssel und bewege ihn nach rechts. Ziehen Sie dann die Ebene aus dem Rahmen. Lass uns den Slogan hinzufügen, den wir dir haben. Alles klar, cool. 21. Füge Gewürze hinzu: Ich bin fertig mit meiner Animation. Jetzt möchte ich ein paar zusätzliche Pfade oder Polituren hinzufügen , die das ganze Stück zusammenbringen können. Ich füge zunächst eine Vignette hinzu. Vignette ist eine einfache Möglichkeit, dem Stück ein Gefühl von Tiefe zu geben und die Aufmerksamkeit des Betrachters zu fokussieren. Ich erstelle eine neue Einstellungsebene. Nennen Sie Vignette. Gehe zu Effekte und Voreinstellungen und suche nach Exposure. Jetzt kann ich mit der Belichtungsintensität herumspielen. Jetzt füge ich Maske hinzu. Überprüfen Sie invertiert und erhöhen Sie die Nummer der Maskenfeder bis wir eine glatte Kante haben. Jetzt füge ich etwas Lärm und Korn hinzu. Lassen Sie uns der Einstellungsebene einen Rauscheffekt hinzufügen und den Rauschwert vielleicht fünf erreichen. Rauscheffekt ist eine Möglichkeit, das Rendern weniger perfekt und digital aussehen zu lassen. Ein bisschen Korn kann dem ganzen Stück eine nette Note verleihen. Jetzt habe ich das ganze Stück voll animiert. Ich exportiere und importiere das Video Premier Pro, damit ich die Musik und das Voice-Over hinzufügen kann. Jetzt bin ich in Premier Pro die Animationssequenz bereits importiert. Ich kann das Voice-Over und die Musik mit meiner Animation synchronisieren lassen. 22. Es ist ein Umschlag: Nun, und das war's für diesen Kurs. Stellen Sie sicher, dass Sie Ihr Projekt beenden und es in der Projektgalerie veröffentlichen. Ich stehe für jedes Feedback zur Verfügung, das Sie möglicherweise haben. Ich hoffe, dass dieser Kurs wertvoll war und Sie haben daraus Neues gelernt. Ich möchte mich so sehr bedanken, dass Sie sich die Zeit genommen haben, diese Reise zu gehen. Du kannst mir auf Skillshare folgen, um Updates für meine zukünftigen Kurse zu erhalten . Viel Glück.