Animation in Adobe Photoshop: Erstelle ein Social-Video, um deine Marke zu fördern

1. Einführung: Hey, ich bin Isaiah-Karte Dona und ich bin Art Director mit Sitz in Kansas City mit mehrjähriger Erfahrung mit Motion Design. Und ich habe dieses Projekt erstellt, um den Schülern zu helfen , einige grundlegende Animationstechniken zu erlernen, mit denen sie ein Video erstellen können, um ihre persönliche Marke oder ihr Geschäft in sozialen Netzwerken zu bewerben , um ihre persönliche Marke oder ihr Geschäft in sozialen Netzwerken Diese Klasse wird großartig sein erster Schritt für alle, die mit Photoshop vertraut sind und Motion Graphics lernen möchten . Und in dieser Klasse werde ich das Konzeptieren und Storyboarding Ihres Projekts behandeln. Wie ich Inspiration finde gibt Ihnen die Grundlagen des Animierens in Photoshop und stellt Ihnen die Arbeitsdateien zur Verfügung, mit denen Sie mir folgen können . Ich hoffe, dich im Unterricht zu sehen und kann es kaum erwarten zu sehen, was du erschaffst. 2. Erste Schritte: Für dieses Projekt erstellen Sie ein kurzes Video in Photoshop, dem Sie Ihre persönliche Marke oder Ihr Geschäft in sozialen Medien bewerben können , um Ihr Video zu erstellen mit dem Sie Ihre persönliche Marke oder Ihr Geschäft in sozialen Medien bewerben können, um Ihr Video zu erstellen. Video-Idee, Inspiration für Motion Graphics zu finden den Storyboarding-Prozess zu durchlaufen. Ich werde uns auch durch die Vorbereitung unserer Assets für Animationen und die Grundlagen der Verwendung des Video-Timeline-Tools führen. Und dann werden wir mehrere Übungen und Photoshop durchlaufen mehrere Übungen und Photoshop um zu lernen, wie man verschiedene Motiongrafik-Elemente animiert . Ich habe Übungsdateien zur Verfügung gestellt, einschließlich abgeschlossener Dateien, damit Sie weiterverfolgen oder auf eine endgültige Arbeitsdateien verweisen können. Schließlich zeige ich Ihnen, wie Sie Ihr Projekt für Social Media und Skillshare exportieren können. 3. Projekt definieren: Bevor Sie Ihr Video konzipieren ist es wichtig, das Projekt zu definieren. Hier sind ein paar Elemente, die Sie bei der Konzeption Ihres Videos berücksichtigen sollten. Zuerst war das Ziel für das Video. Möchten Sie das Bewusstsein für Ihre Marke schärfen? Oder möchten Sie etwas von Ihrer Arbeit präsentieren? Überlegen Sie sich auch Ihr Publikum und was es tun soll. Es könnte sein, dass Sie möchten, dass sie sich mit Ihrem Beitrag beschäftigen oder einen Link zu Ihrer Website besuchen. Ein weiterer wichtiger Faktor sind die Richtlinien Ihrer Marke. Es ist wichtig, dass der Stil und die Stimme der Marke das Video und den von Ihnen verwendeten Bewegungsstil prägen. Vollständig animiertes Video könnte für einige Marken geeignet sein, während subtile Bewegungen am besten für andere Marken Berücksichtigen Sie auch Assets. Es ist wichtig, einen Blick darauf zu werfen, welche Assets Sie gerade zur Verfügung haben Lifestyle-Bilder oder haben Sie auch Icons oder Illustrationen, die animiert werden könnten? Schließlich ist es wichtig, die Plattform zu berücksichtigen , auf der Sie das Video ebenfalls veröffentlichen werden. Dies hilft Ihnen, die verwendeten Dimensionen sowie das Format zu bestimmen, in dem Sie sie exportieren. 4. INSPIRATION: Bevor ich ein Video storyboarden kann, empfehle ich immer, sich für verschiedene Animationstechniken inspirieren Sie möglicherweise verwenden möchten. Ein paar Orte, an denen ich mich inspirieren lasse , sind Dribble, Instagram und Pinterest. Pinterest ermöglicht es Ihnen, alle Inspirationen in verschiedenen Boards zu sammeln . Wenn Sie Schwierigkeiten haben, Inspiration zu finden, schauen Sie sich meine Motion-Grafiktafel pinterest.com an, slash Jesaja, ihren Spender. Oder klicken Sie auf den Link. Im Projektabschnitt unserer Klasse. Mein Board ist in Animationsstop-Motion-Texte, eine Animation, handgezeichnete Animation sowie einige hilfreiche Tutorials aufgeteilt eine Animation, handgezeichnete Animation . Es ist also ein großartiger Ort , um sich für Ihr Klassenprojekt inspirieren zu lassen. 5. Storyboarding: In dieser Lektion gehe ich durch mein Beispiel-Storyboard, das auch in den Klassendateien verfügbar ist, die aus dem Ressourcenbereich dieser Klasse heruntergeladen werden können . Hier habe ich ein Storyboard, das ich für gefälschte Unternehmen namens Plants Shop erstelle. Und da ich diese Überlegungen anwandte, wusste ich, dass ich ein Logo hatte. Ich wusste, was meine Farben Krieg haben. Ich wusste, dass ich möchte, dass es offensichtlich Bilder von Pflanzen zeigt, da es sich um ein Pflanzengeschäft handelt. Und so konnte ich das irgendwie durchgehen und die Rahmen auslegen und die Geschichte erzählen, die ich erzählen möchte, die zuerst damit begann , das Logo zu zeigen , als die Pflanzen zu zeigen, indem Sie einen Slogan integrieren, um Ihren zu finden und dann sicherzustellen, dass dieses Video mit unseren Markenfarben sehr gebrandmarkt wurde . Dann möchte ich, dass es das Video stark mit meinem Logo beendet. Und dann ermutigen Sie das Publikum wirklich , sich mit dem Video zu beschäftigen, indem Sie eine Animation haben, die es daran erinnert, Kommentare zu mögen und mir auf Instagram zu folgen. Und für den Storyboarding-Prozess integriere ich gerne auch Animationshinweise, die ich unter jedem Frame habe die helfen, zu überschreiben und zu planen. Hi, möchte, dass alle Elemente animiert werden und wie ich möchte, dass Elemente in und aus den Frames wechseln. Und eine Erinnerung daran, dass Sie Ihre Storyboard-Frames nach den Dimensionen der Plattform gestalten sollten Ihre Storyboard-Frames nach den Dimensionen der Plattform gestalten nach den Dimensionen der , auf der Sie veröffentlichen möchten. Zum Beispiel bin ich mit 1080 bis 1080 gegangen , da das sowohl für Facebook als auch für Instagram funktioniert. Aber Profi-Tipp, Es ist immer gut, die aktuellen Videodimensionen und -anforderungen zu überprüfen aktuellen Videodimensionen und -anforderungen da soziale Plattformen häufig Updates vornehmen. Zuletzt wollte ich darauf hinweisen, dass mein Storyboard und die Übungen, die ich für diesen Kurs erstelle, Ihnen helfen sollen, Ihnen ein paar Techniken beizubringen , die Sie für Ihr Video verwenden können. Aber Sie müssen nicht all diese Techniken anwenden. Zögern Sie nicht, die Technik oder den Ansatz zu verwenden , der für Ihr Projekt am besten geeignet ist. Und wie immer, wenn Sie auf Fragen stoßen oder Hilfe benötigen, wenden Sie sich bitte an mich. Sobald Sie Ihr Storyboard fertiggestellt haben, es gerne auf der Projektseite veröffentlichen , damit wir alle über den Fortschritt des anderen Schritt halten können . 6. Grundlagen von Photoshop Timeline: In dieser Lektion werde ich einige der Grundlagen der Verwendung des Zeitleisten-Tools beim Erstellen von Animationen nicht durchgehen Grundlagen der Verwendung des . Öffnen wir zuerst das Timeline-Tool. Gehe zuerst in das Menü oben und klicke dann auf Fenster. Gehe dann zum Ende der plötzlichen Zeitleiste und klicke darauf. Wenn das Zeitleistenfenster den Animationsmodus für den Endbildschirm befindet, klicken Sie auf die Zeitleiste in Videozeitleiste konvertieren . Als Nächstes müssen wir die Zeitachsendauer und die Bildrate angeben . Dauer bedeutet, wie lang der Videoclip sein wird. Und die Bildrate oder Frames pro Sekunde wird normalerweise durch die Art der gewünschten Ausgabe bestimmt. Normalerweise bleibe ich gerne zwischen 24 und 30 Frames pro Sekunde. Um dies zu tun, legen Sie Bildrate der Zeitleiste und das Bedienfeldmenü fest. Fügen wir nun eine neue Ebene und erstellen dann ein Objekt , das animiert werden kann. Für diesen werde ich also nur einen Kreis benutzen. Lassen Sie uns nun auf die Funktionen des Timeline-Tools eingehen. erste Schritt besteht darin, auf den Pfeil nach unten zu klicken , um die Layer-Eigenschaften anzuzeigen. Die Animation wird erstellt, indem die Eigenschaften im Laufe der Zeit geändert werden. Abhängig von der Art des Layers werden die Eigenschaften unterschiedlich sein. Für diese Ebene haben wir Position, Deckkraft und Stil. Position passt die Position des Objekts an und der Rahmen wird Transparenz der Ebene anpassen, die wir verwenden können, um ein Objekt verschwinden oder verblassen zu lassen. Und dann erlaubt uns Stil, die Füllung eines Objekts anzupassen. Eine weitere gemeinsame Eigenschaft ist die transformationseigenschaft, Sie nicht nur die Positionierung anpassen, sondern auch die Größe eines Objekts anpassen können. Wenn Sie einen Layer haben, der sich nicht transformiert hat, können Sie ihn in ein Smart-Objekt konvertieren, und das gibt Ihnen dann die Transformationseigenschaft. Jetzt sind wir bereit, unsere erste Animation zu erstellen. Gehen Sie nach unten und klicken Sie auf die Stoppuhr neben dem Eigenschaftsnamen , um das erste Schlüsselbild für die Layer-Eigenschaft festzulegen , die Sie animieren möchten. Als Nächstes verschieben wir den aktuellen Zeitindikator in einen neuen Frame und ändern dann die Layer-Eigenschaft. Und in dieser Situation möchte ich, dass sich der Kreis bewegt. Also verschiebe ich die aktuelle Zeitanzeige zurück und verschiebe dann einfach das Objekt. Und dann hast du es da. Wir haben gerade unsere erste Animation gemacht. Lassen Sie uns als Nächstes eine Vorschau unserer Animation anzeigen. Hier haben wir verschiedene Play-Steuerelemente , die es uns ermöglichen, die Animation abzuspielen oder anzuhalten. Wir haben auch die Möglichkeit, die Wiedergabequalität anzupassen, was hilfreich sein kann, wenn Sie einen langsameren Computer haben und entweder 50 Prozent von 25 Prozent verwenden können. Und wenn es an der Zeit ist, Ihre Animation zu speichern, haben wir ein paar Möglichkeiten. Die erste besteht darin, mit dem Befehl Für Web speichern als animiertes GIF zu speichern. Wir haben auch die Möglichkeit, mit dem Befehl „Video rendern“ als Bildsequenz oder Video zu speichern Video rendern“ als Bildsequenz oder . Und ich werde Ihnen diesen Prozess später in der Exportstunde ausführlicher zeigen . 7. Zubereiten von Assets: Bevor wir in Photoshop einsteigen, ist es sehr wichtig, unsere Assets zu sammeln und vorzubereiten, dass wir ein Beispiel animieren möchten , wenn wir animieren wollten und ein Logo wie gezeigt wird, würden wir es tun muss jedes Stück des Logos eine separate Ebene sein, damit wir jedes Stück animieren können. Das gilt auch für den Typ. Wenn Sie vorhaben, Textzeilen aufzuteilen , animieren Sie jeweils ein Wort. Jedes Wort müsste eine separate Ebene sein. Für viele Leute. Sie können ein Logo oder Assets als einzelnes Bild haben. Für diese Situationen empfehle ich immer, in Photoshop zu gehen und den Hintergrund jedes Objekts auszuschneiden. Und sobald jedes Objekt ausgeschnitten ist , trennen wir es in verschiedene Ebenen. Und dann würde ich den Hintergrund neu erstellen. Ein weiterer Teil beim Einrichten Ihrer Dateien ist die Verwendung von Maske pro Clipping-Maske. Da möchte ich, dass die Pflanzen an Ort und Stelle animieren , aber nicht außerhalb des blaublauen Kreises gezeigt werden. Ich habe eine Clipping-Maske benutzt. Eine Clipping-Maske ist, wenn eine Ebene von der darunter liegenden Ebene abgeschnitten wird. Klicken Sie dazu auf Alt oder Option und bewegen Sie dann den Mauszeiger zwischen den Ebenen, und bewegen Sie dann den Mauszeiger zwischen den Ebenen bis Sie das Beschneidungszeichen sehen. Für den Typ verwende ich eine Ebenenmaske. Die Gruppe wird über Ebenenmasken die Sache sein , dass Sie sie gezielt animieren können. Hier zeige ich Ihnen, wie Sie Schlüsselbilder verwenden und die Position einer Maskeneigenschaft ändern können , um eine coole Enthüllung zu erstellen. Eine Tatsache für den Logo-Typ. 8. Exercise: Für die folgenden Übungen verwenden wir die Übungsdateien aus dem Ordner „Klassendateien“, der sich im Ressourcenbereich dieser Klasse befindet . Es kann hilfreich sein, zuerst eine Übung anzuschauen, die Techniken zu erlernen und dann noch einmal zu schauen, wann Sie bereit sind, die Übungsdateien für Ihr eigenes Projekt zu verfolgen . Denken Sie daran, es langsam anzugehen und sich bei Fragen an mich zu wenden. 9. Übung 1: Maskenanimation: Und hier ist ein Beispiel, was wir machen werden und wir werden die Übungsdatei Übung 1.1 verwenden. Der erste Teil, den wir machen werden , wenn Sie Ihr Photoshop-Setup zum ersten Mal erhalten , ist, dass wir zu Window gehen und dann zur Timeline gehen. Und dann wird das Video Timeline Tool aktiviert. Und das werden wir für alle unsere Animationen und Photoshop verwenden . Und hier unten können Sie die Timeline vergrößern. Sie können es also nach rechts ziehen, um hineinzuzoomen , oder nach links , um zu sehen, dass es verkleinert wird. Für diesen Teil der Animation möchte ich wirklich mit einem Vollbild beginnen, der mit der Kill-Farbe gefüllt ist und verkleinert bewohnt wird. Beginnend mit der Animation klicke ich auf die Till-Ellipse. Also gehe ich zu Frame a und drücke dann Command T, welches das Transformationswerkzeug ist. Und dann gehe ich hoch und passe dann die Größe an. Und ich skaliere es auf 285% dieser Größe. Und dann zentriere ich es einfach bis zur Mitte des Rahmens. Jetzt haben wir diesen vollen Rahmen. Und dann gehe ich runter und klicke auf das Transformationstool. Und wenn ich dann auf diese Stoppuhr klicke, kann ich einen Schlüsselrahmen erstellen. Als nächstes gehe ich zu Frame 20 und drücke dann Command T, um das Transformationswerkzeug zu öffnen. Und in dieser Zeit möchte ich es, anstatt es zu skalieren, anstatt es zu skalieren, komplett verkleinern. Was ist Photoshop hier und ich darf 0 machen. Also mache ich das wie ich 0,01% mache. Es sieht also so aus, als wäre es komplett verkleinert und es ist verschwunden. Und ich denke, eine coole Sache ist, wenn Sie zum ersten Mal eine Anpassung vornehmen, um ID zu transformieren oder zu übergeben, müssen Sie beim ersten Mal eine Stoppuhr verwenden , um ein Keyframe zu erstellen. Aber danach können Sie einfach zu einem neuen Frame wechseln und dann eine Anpassung vornehmen. Und dann wird automatisch ein Keyframe erstellt. Und hier stelle ich einfach neu ein, wie auf die Timeline hineingezoomt wird, damit ich sie wiedergeben und die vollständige Animation in Aktion sehen kann . 10. Übung 2: Logo-Animation: Für diese Lektion werden wir animieren. Unser Logo wird Übungsdatei Übung 1.2 verwenden. Wenn die Layer gruppiert sind, können Sie zur Gruppenebene wechseln und auf den Pfeil klicken, um sie zu erweitern. Der erste Schritt besteht darin, die Pflanze eine Ebene zurück auf Frame 5 zu ziehen . Gehe dann zu Frame 17 und klicke auf die Stoppuhr neben Position, um ein Keyframe zu erstellen. Gehe dann zurück zum Anfang der Ebene bei Frame drei und bewege die Pflanze dann aus dem Kreisrahmen. Klicken Sie dann auf Ebene 17 und treffen den Diamanten neben der Position, um einen Schlüsselrahmen zu erstellen. Ziehen Sie als Nächstes den Schlüsselrahmen auf 10. Wechseln Sie zu Frame 15 und klicken Sie auf die Stoppuhr neben Deckkraft, um ein neues Keyframe für den aktuellen Transparenzgrad zu erstellen . Gehe dann zum Anfang von animate bei Frame 3 und reduziere die Deckkraft auf 0. Jetzt werden wir eine ähnliche Technik auf die anderen Pflanzen anwenden . Auf Werk 2. Wir gehen zu Frame 12 und erstellen dann einen Keyframe für die aktuelle Position. Dann starten wir die Ebene bei Frame 0 und ziehen Plant nach unten aus dem Frame, wodurch automatisch ein neues Keyframe erstellt werden soll. Gehe nun zu Frame 0 11 und ziehe die zentrale Pflanze über ihre Endposition hinaus. Ziehen Sie dann den neuen Key-Frame auf Frame 10. Gehe nun zu Frame 8 und erstelle einen Keyframe für die aktuelle Deckkraft. Als nächstes geh zu beginnen. Eine Ebene kann die Deckkraft auf 0 reduzieren. Gehe nun zu Plant 3 und ziehe zu Frame 10. Gehe dann zu Frame 20 zu und erstelle einen neuen Schlüsselrahmen für die aktuelle Position des Werks. Gehe dann zu Beginn der Ebene bei Frame 10 und ziehe aus dem Frame nach rechts. Klicken Sie nun auf Frame 20 eins und erstellen Sie einen neuen Schlüsselrahmen und ziehen Sie das neue Schlüsselbild nach unten auf Frame 15. Klicken Sie als Nächstes auf Frame 20 und erstellen Sie einen neuen Keyframe für die aktuelle Deckkraft. Gehe dann zum Anfang dieser Ebene. Und dann gehst du zu einer Pastete und wir reduzieren es auf 0, wodurch ein neues Keyframe erstellt wird. Klicken Sie nun bei Frame 10 auf die Till-Ellipse und erstellen Sie einen neuen Keyframe für die Transformation Sadie. Gehen Sie als Nächstes zur Startebene und drücken Befehlstaste T, um das Transformationswerkzeug aufzurufen, die Breite und Höhe 2,01% zu aktualisieren und klicken Sie auf den Pfeil oder die Eingabetaste die Breite und Höhe 2,01% zu aktualisieren und , um die Änderung zu übermitteln. Jetzt ist es an der Zeit, den Logo-Typ zu animieren. Klicken Sie auf den Pfeil auf der Logotyp-Gruppenebene, die erweitert werden soll. Ziehen Sie nun die Gruppenebene zwei Frame ein Team. Klicken Sie auf die Ebene Pflanztext und gehen Sie zu Frame 29 und erstellen Sie einen neuen Schlüsselrahmen für die aktuelle Position. Wiederholen Sie die Aktion für Shop-Layer. Der gleiche Rahmen. Gehe nun zum Anfang dieser beiden Ebenen bei Frame 19. Und wenn beide Textebenen ausgewählt sind, ziehen Sie sie im Canvas-Bereich nach unten. Gehe nun zu Frame 27 und erstelle neue Keyframes für beide Textebenen. Ziehen Sie dann die neuen Keyframes auf Frame 25. Lassen Sie uns nun die Transparenz bei Frame 29 animieren. Erstellen Sie neue Key Frames für die aktuelle Deckkraft. Und dann gehe zu Frame 24 und reduziere die Deckkraft auf 0. Als Nächstes ziehen wir die Shop-Texte Ebene zwei, Frame 29. Jetzt zoome ich mit dem Timeline-Tool heraus und spiele die Animation ab, um die endgültige Animation zu überprüfen , um sicherzustellen, dass ich damit zufrieden bin. 11. Übung 3: Bildübergang: In dieser Lektion werden wir Übergänge mit Bildern erstellen und die Übungsdatei 2.1 verwenden. Der erste Schritt besteht darin, über die drei oberen Griffe und das Timeline-Werkzeug zu ziehen . Wir können uns also einfach auf den ersten Teil dieser Animation konzentrieren. Klicken Sie auf Frame 20 und erstellen Sie neue Transformations-Keyframes für linke und rechte Ebene. Starten Sie zuerst diese Ebenen und ziehen Sie einen Frame heraus, um ein neues Keyframe zu erstellen. Wechseln Sie nun zu Frame 15 und ziehen Sie sowohl das linke als auch das rechte Fenster nach unten, bis sie fast fertig sind. Jetzt spiele ich die Animation ab. Als nächstes werde ich dieselbe Technik auf das mittlere Panel in der Maske anwenden . Wir fügen ein Keyframe bei Frame 25 für die aktuelle Position hinzu. Starten Sie dann eine Ebene und ziehen Sie beide mittleren Ebenen für den Rahmen in umgekehrter Richtung heraus. Als Nächstes fügen wir neue Keyframes hinzu, wenn Ebene 90 Prozent nach oben liegt. Und dann verschiebe diese Key-Frames auf Frame 15. Wiedergeben Sie Animation, um sicherzustellen, dass Sie zufrieden sind Jetzt wird der Text nacheinander verblassen. Um dies zu tun, ziehe ich zunächst alle drei Textebenen auf Frame 20. Dann gehe ich zur 1-Sekunden-Marke und erstelle ein neues Deckkraft-Keyframe und gehe dann zum Anfang der Ebene. Und bei Frame 20. Und dann gehe ich zu o, übergebe das, reduziere das auf 0. Jetzt wiederhole ich das für die nächsten drei Textebenen. Lassen Sie uns als Nächstes die Ebenen versetzen, indem wir Ihre Texte später auf das 1-Sekunden-Frame ziehen. Dann ziehe ich Zen-Texte später auf die 1 Sekunde, 10 Frames. Jetzt spiele ich die Animation ab. Als Nächstes fügen wir den Hintergrundbildern einen Zoomeffekt hinzu, damit wir eine subtile Animation haben , während Benutzer den Text und die Zeile Bu lesen. Und dann beginnend mit Panel eins, Bild, das zur 4-Sekunden-Marke geht, indem man auf Befehl T klickt, Verknüpfung und dann die Breite und Höhe ein wenig erhöht und dann die Breite und Höhe ein wenig das Bild ein wenig bewegt Verknüpfung und dann die Breite und Höhe ein wenig erhöht und das Bild ein wenig bewegt halte die Animation sehr subtil. Jetzt verwenden wir die gleiche Technik für die anderen Bilder. Klicken Sie also auf das Bild zentrieren, indem Sie die Befehlstastenkombination T verwenden und die Größe des Bildes erhöhen. Klicken Sie als Nächstes auf das letzte Bild und verwenden das Transformationswerkzeug erneut um die Größe ein wenig zu vergrößern, um einen schönen langsamen Zoom zu erzielen, spielen Sie einfach die Animation und machen Sie eine beliebige Korrekturen bis glücklich. Lassen Sie uns nun den nächsten Bildübergang animieren. Ziehen Sie zuerst das Bild der hängenden Pflanze auf drei Sekunden. Dann erstelle ich am Ebenenstart ein Keyframe und gehe dann zu Frame 15 und verschiebe das Bild dann aus dem Frame nach oben. Und wenn wir dann auf Frame 14 klicken, erstellen wir einen neuen Transformations-Keyframe. Und nach der Wiedergabe der Animation entscheide ich mich, den mittleren Key Frame auf Frame 10 zu verschieben, das letzte Schlüsselbild auf Frame 16. Nachdem ich die Animation für das erste Panel herausgefunden habe, werde ich dieselben Einstellungen auf die anderen beiden Bilder anwenden. Sobald diese an der ersten Animation ausgerichtet sind, versetze ich die Animation, indem ich die zweite, dritte Ebene zurück in die Zeitleiste ziehe. Um das richtige Timing zu erhalten, spiele ich die Animation erneut und nehme nach Bedarf Anpassungen vor, bis ich glücklich bin. 12. Übung 4: Lineares Abwischen: In dieser Lektion erstellen wir einen mehrfarbigen Wipe-Übergang. Wir werden die Übungsdatei Übung 2.2 verwenden. Ich werde mich auf die erste Farbe konzentrieren, die die Til-Weiß-Schicht sein wird. Und ich gehe bei Frame 20 und drücke diese Stoppuhr, um einen Schlüsselrahmen für die Transformation zu erstellen . Und dann ist eine Sache, die hier hilfreich ist, denn es gibt diejenigen auf ihren Farben, die oben sind , ist, dass ich für sie auswählen und sie dann rüberschiebe. Dann kann ich mich einfach auf die Ebene konzentrieren , auf der ich mich befinde, und ich versuche zu animieren. Mit diesem Alibi sehe ich das nur, bis die Schicht abwischt. Und dann wähle ich das aus und ziehe es dann in die obere linke Ecke. Und wie du siehst, habe ich das mit einem Winkel geschaffen. Auf diese Weise gibt es mir diesen schönen Übergang, sobald er wiedergegeben wird. Und wie Sie gesehen haben, es nach dem Hinzufügen automatisch einen Schlüsselrahmen erstellt, ihn auf Frame 0 verschoben und dann diese Anpassung vorgenommen. Und jetzt wiederhole ich diesen Schritt mit der dunklen bis weißen Schicht. Und so geht es zu 1 Sekunde, dritter Frame. Und dann mache ich es irgendwie früher und bewege das weiße Wisch ganz raus. Und dann gehe ich zum Anfang dieser Ebene und bewege diese dann einfach aus dem Rahmen der Oberseite. Hat gelacht. Und dann gehe ich jetzt zur weißen, weißen Ebene, wiederhole ich das Gleiche. Aber dieses Mal gehe ich einfach zu, ich möchte, dass das schneller geht. Also gehe ich hier zu 1 Sekunde, 10. Frame und am Anfang der Ebene einen Rahmen nach oben. Und so wird dieser eine kürzere Dauer haben. Aber was das tun wird, ist, dass es so aussieht, als würde es sich schneller bewegen und das ist das Ziel. Das erste bis wischen wird also die längste Dauer als die zweite sein. Und dann kommt der dritte sehr schnell herein , um mit diesem Übergang ein nettes Gefühl von Bewegung zu erzeugen . Jetzt spiele es einfach zurück, um sicherzustellen, dass ich damit zufrieden bin. Und dann, sobald Sie Ihre Animation beendet haben, stellen Sie sicher, dass Sie die Hintergrundebene deaktivieren. Wenn wir also alles zusammenbringen, müssen Sie sich keine Sorgen um diese Hintergrundebene machen. 13. Übung 5: Ionik: In dieser Lektion erstellen wir eine Animation mit sozialen Symbolen, und wir werden Übung drei Übungsdateien verwenden. Zu Beginn verstecke ich die anderen Ebenen, damit ich mich einfach auf das Like Icon konzentrieren kann. Erweitern der gleichartigen Layer-Optionen und der Timeline, um mit der Animation der Ebene zu beginnen. Ich gehe zunächst zu Frame 20 und erstelle dann einen neuen transformierten Schlüsselrahmen und mache es nur 70 Prozent als nächstes, gehe zu Frame 10 und erstelle einen Keyframe, dann gehe ich zu Frame 15 und die Größe auf 90 Prozent erhöhen. Als Nächstes fügen Sie dem Symbol einen Strich hinzu, wodurch meins für Pixelstrich und eine Farbe von 47 ein B6 ist. Jetzt gehe ich zurück zu Frame 20 und erstelle einen neuen Style-Keyframe und gehe dann zu Frame zehn und reduziere die Rechnungseinstellung auf 0. Also zeigt sich nur der Schlaganfall. Als Nächstes nehmen Sie die Benachrichtigungsebene und ziehen Sie zurück zu Frame 20, klicken Sie auf das 1-Sekunden-Frame, siebte Markierung und erstellen Sie ein neues transformiertes Keyframe. Gehen Sie dann zum Anfang der Ebene und schrumpfen Sie die Benachrichtigung nach unten und positionieren Sie sie dann in der Mitte des Herzsymbols. Als nächstes geht es zur 1 Sekunde Frame Fünf-Marke. Und mit der Befehl-T-Verknüpfung erhöhen Sie die Größe auf 106%. Ich gehe jetzt zu einem zweiten Frame, einer Markierung. Verwenden Sie die Befehlstastenkombination T, um nur die Breite auf 0,01% zu ändern , indem Sie sicherstellen, dass die Kette nicht ausgewählt ist. Gehe dann zu Frame 116 und erstelle einen neuen Key Frame für die Deckkraft. Gehe dann zu Frame 120 und reduziere die Transparenz bis auf 0. Als Nächstes wenden wir dieselben Animationstechniken, Kommentar- und Kommentarbenachrichtigungs-Layer und lassen ihre Animation nach dem Ende beginnen, wie die Animationssequenz. Dann tun Sie das Gleiche erneut für die Follow- und Follow-Benachrichtigungs-Layer. Hallo. Nachdem ich am Anfang der Zeitleiste zurückgeklickt hatte, wurde mir klar, dass ich die Kommentarebene verschoben habe, aber versehentlich eine Benachrichtigung kommentiert. Also ziehe ich das Kommentarsymbol zurück in die Story, da ich möchte, dass das Symbol immer angezeigt wird. Und dann ziehen Sie die Keyframes einfach zurück in ihre ursprüngliche Position. Und deshalb spiele ich die Animation immer gerne ab, um sicherzustellen, dass alles so funktioniert , wie ich es möchte. Entfernen Sie letzten Schritt den weißen Hintergrund und achten Sie darauf, dass Sie speichern. Hi. 14. Übung 6: Abschließen von Video: In dieser Lektion werden wir alle Übungen in einer Debatte zusammenfassen . Wir werden die Übungsaktenübung verwenden, um zu beginnen. Wir werden die anderen Übungen in eine neue PSD importieren. Um dies zu tun, gehen wir oben in die Datei und dann nach unten zu Linked platzieren und dann jede Übungsdatei hinzufügen. Sobald ich fertig bin, ordne ich die Ebenen neu an, damit die richtige Ebene überlappt. Lass uns unten. Jetzt schneide ich die erste Ebene ab, da die Animation kurz ist. Erweitern Sie die Zeitleiste und verschieben Sie Übung 2.1 auf Frame 20 als nächstes, ziehen Sie die anderen Ebenen auf die 5-Sekunden-Marke. Trimmen Übung 2.1. Ziehen Sie als Nächstes Übung 1.2 auf Frame 6 zehn. Verschieben Sie dann Übung 3 auf Frame Acht O Five. Zurück zur Ebene der Übung 1.2 werde ich die Ebene erweitern und einen neuen Transformations-Keyframe bei Frame 721 erstellen und dann mit dem Transformationswerkzeug zu Frame acht O Five wechseln mit dem Transformationswerkzeug zu Frame acht O Five , um das Logo zu verkleinern. Klicken Sie auf Trainingsebene 3, wechseln Sie zu Frame 8, 13, und skalieren Sie mit dem Befehlswerkzeug die Ebene auf 62,29% und positionieren Sie sie zum unteren Rand des Rahmens. Erstellen Sie dann einen neuen Key Frame. Wechseln Sie als Nächstes zu Frame Acht O Five, indem Sie das Transformationswerkzeug verwenden, das auf 0,01% reduziert wurde. Also verschwindet es. Nachdem Sie sich den letzten Teil angesehen hatten, wurde mir klar, dass ich wollte, dass das Logo größer wird. Psi ging wieder ein, passte auch die Größe und den Ort der Social-Icon-Animation an. Als Nächstes schaue ich mir den letzten Teil der Animation und trage den Arbeitsbereich auf fast 13 Sekunden hinunter. Zuletzt habe ich die vollständige Animation ein paar Mal abgespielt , um sicherzustellen, dass ich glücklich bin. Abhängig von Ihrem Computer müssen Sie möglicherweise die Wiedergabequalität auf 50 Prozent reduzieren , wie ich es getan habe, um schneller zu spielen. 15. Exportieren: In dieser Lektion zeige ich Ihnen, wie Sie Ihre endgültigen Videos exportieren können. Gehen Sie also zur Datei im oberen Menü und gehen Sie dann ganz nach unten zu Exportieren und dann bis zum Render-Video. Und das verwenden Sie, um Ihre Videos für soziale Netzwerke zu exportieren. Und dann möchten Sie nur sicherstellen, dass alle Einstellungen korrekt sind, dass Sie den richtigen Namen haben, Sie speichern möchten, da er am richtigen Ort ist , an dem Sie es haben möchten. Exportieren Sie es aus zwei, und dann haben Sie mehrere Einstellungen , die Sie möglicherweise noch einmal überprüfen möchten. Wie ich zu Beginn des Videos erwähnt habe, machen wir 1080 bis 1080. Und dann verwenden wir nur den Arbeitsbereich , den wir für dieses Video signiert haben. Und dann drücken wir die Schaltfläche „Rendern“, sobald wir zufrieden sind. Und dann bist du da, du bist fertig. Schließlich zeige ich Ihnen, wie Sie Ihre Videos für Skillshare exportieren können. Und nach einer ähnlichen Methode wie zuvor, gehen Sie zu Datei und Export. Und dann, diesmal, außer für Web Legacy. Dieses Mal machen wir es zu einem Geschenk. Und sie wollte nur sicherstellen, dass du mit den Einstellungen zufrieden bist , und klicke dann auf die Schaltfläche Speichern. Und dann vergewissern Sie sich , dass Sie den Titel und den Speicherort haben , unter dem Sie ihn speichern möchten. Und sobald Sie auf Speichern klicken, sind Sie fertig und können es dann auf die Projektseite hochladen. Herzlichen Glückwunsch, jetzt bist du fertig. 16. Zusammenfassung: Vielen Dank, dass Sie heute meinem Kurs beigetreten sind und ich hoffe, dass Sie inspiriert sind , einige lustige Videos mit den Techniken zu machen einige lustige Videos mit , die Sie aus dieser Klasse gelernt haben. Ich freue mich sehr zu sehen, was Sie geschaffen haben. also sicher, dass Sie Ihre Arbeit im Projektbereich der Klasse veröffentlichen . Mehr von meiner Arbeit findest du auch auf Instagram bei Isaiah Cortona, Casey. Und wenn Sie dort posten, mich gerne in Ihren Beiträgen markieren oder einen Hashtag verwenden, Jesaah-Kartenspender. Also kann ich es auch sehen. Und wenn Sie mehr Projekte wünschen Ihnen beim Erlernen von Bewegungsgrafiken helfen, folgen Sie mir auf Skillshare, da ich bald neue Projekte veröffentlichen werde. Ich kann es kaum erwarten zu sehen, was ihr euch einfallen lässt. Danke nochmal. Tschüss.