Animation für Anfänger:innen mit Adobe Photoshop und iMovie oder Final Cut Pro

1. Intro NEU: Hallo, willkommen zu dieser Lektion, in der ich Ihnen zeigen werde , wie Sie eine Animation mit Adobe Photoshop und Videobearbeitungssoftware wie iMovie oder Final Cut Pro erstellen. Mein Name ist Sam der Baumeister und ich bin Illustrator und Karikaturist mit einem Hintergrund im zeitgenössischen Tanz. Als Illustrator war Animation für mich immer sehr ansprechend. Und besonders in diesen Tagen, denen Websites sozialer Netzwerke bewegte Bilder und Clips normalen Illustrationen vorziehen. Aber ja, es gibt eine Menge Animationssoftware und alle haben auch eine Lernkurve. Aber mir wurde klar, dass ich Animationen mit der Software erstellen kann , die ich bereits verwendete, nämlich Adobe Photoshop und iMovie, die mit jedem Mac kostenlos geliefert werden. Später fing ich an, Final Cut Pro für die Bearbeitung zu verwenden. Und seitdem habe ich im Grunde nicht mehr zurückgeschaut. Aber in diesem Kurs zeige ich Ihnen , wie Sie beide verwenden. Ich zeige Ihnen auch drei verschiedene Arten der Animation. Die erste ist die Frame-by-Frame-Animation wie dieser Typ hier drüben. Dann gibt es noch den Jump-Cut-Stil, der häufig in japanischen Animationen verwendet wird. Und dann ist da noch das Animieren mit Keyframes in der Bearbeitungssoftware. Sie können wirklich coole und interessante Animationen erstellen , indem Sie diese drei Stile kombinieren. Mein Ziel für diese Lektion ist es, dass Sie nach dem Anschauen abends vor dem Fernseher sitzen und auf eine Idee kommen könnten . Und dann mit den Tools, die ich Ihnen zeigen werde, können Sie diese Animation erstellen und sie noch am selben Abend auf Instagram veröffentlichen, z. B. ein großer Teil der schnellen Arbeit darin, die Verknüpfungen der einzelnen Programme zu kennen . Wenn Sie also z.B. mit der rechten Hand zeichnen, haben Sie Ihre linke Hand auf der Tastatur und verwenden einen älteren Befehl, Befehl Z, um Befehl B rückgängig zu machen usw. Also zeige ich Ihnen diese Tastenkombinationen, was Ihren Prozess erheblich beschleunigen wird. Also, ja, lass uns loslegen. Wir sehen uns in Lektion eins. 2. Comapring imovie und endgültiger Schnitt: Beginnen wir mit dem Vergleich der beiden Bearbeitungsprogramme. Wie ich bereits erwähnt habe, ist iMovie mit jedem Mac-Computer kostenlos erhältlich. Es ist also wahrscheinlich die erste Option für Anfänger-Animatoren. Final Cut ist für eine Testphase für ein paar Monate kostenlos erhältlich . Und danach ist eine einmalige Zahlung erforderlich. Ich filme so viele Einschränkungen. Das bedeutet aber auch, dass es ein sehr einfaches und schnelles Programm ist, mit dem man lernen kann, wie man es benutzt. Es ist sehr intuitiv. Final Cut Pro braucht einige Zeit, um die Verwendung zu erlernen. Und es hat im Grunde alle Möglichkeiten von Weizen, aber viele, viele mehr zusätzlich zu diesem guten Beispiel ist die Anzahl der Schichten. Wie Sie sehen, kann ich in iMovie eine Figur auf einem Hintergrund hinzufügen. Aber wenn ich versuche, eine weitere Ebene hinzuzufügen, kann ich das. Es sind also nur zwei Schichten. Final Cut Pro hat unendlich viele Ebenen. Ich werde das Keyframing in einer anderen separaten Lektion erklären, aber beide Programme haben Keyframes. Imovie hat nur Möglichkeiten von links nach rechts und hoch und runter, was für einfache Animationen oder Erklärvideos ausreicht , z.B. Final Cut Pro kann fast alles machen , was man sich vorstellen kann Keyframes, die sich ebenfalls in beliebigem Grad drehen. Und Sie können auch die tatsächlichen Knoten sehen. Es ist also sehr einfach, Animationen zu bearbeiten und präzise zeitgesteuerte Animationen zu erstellen. Zusammenfassend würde ich sagen, dass iMovie am besten für einfache Frame-für-Frame-Animationen geeignet ist . Und Final Cut eignet sich am besten für komplexe und zeitlich präzise Animationen. 3. Adobe Photoshop – Zeichnung für die drei Arten der Animation: Die Basis der Animation besteht darin, mehrere Frames zu zeichnen und sie dann wie in einem Daumenkino zu verschieben. Ein einfacher Weg, dieses Konzept zu verstehen, besteht darin , sich den berühmten ersten Film eines Pferderennens anzusehen. Oder schauen Sie sich diesen Laufzyklus an, den ich aus einem Film aufgenommen habe. Ich habe in jedem Bild Screenshots gemacht. Und wenn Sie sie in einer Schleife wiedergeben, haben Sie einen laufenden Zyklus. Dann kann dies in eine Animation umgewandelt werden. Unabhängig davon, ob Sie iMovie oder Final Cut Pro verwenden , werden die eigentlichen Zeichnungen und Adobe Photoshop erstellt. Es ist sehr wichtig, auf einer Ebene zu skizzieren und jedes sich bewegende Teil auf einer separaten Ebene zu zeichnen. Ich erkläre die drei Arten des Animierens mit dieser kleinen winkenden Großmutter. Im Flipbook-Stil zeichnen wir das ganze Bild erneut so oft wie nötig. Sie können die Deckkraft der vorherigen Zeichnung verringern , um nahe an der zugrunde liegenden Form zu bleiben , die ich empfehle, nicht zu nahe daran zu haften. Wenn der Körper ein bisschen anders ist, obwohl er sich nicht bewegen sollte, gibt er der Animation Leben. Wenn Sie die Dateien exportieren, ist es sehr wichtig, den Hintergrund auszuschalten und als PNG-Datei zu exportieren. Adobe Photoshop gibt es zwei Möglichkeiten, dies zu tun. Klicken Sie auf die Ebene, um auf Quick Export als PNG zuzugreifen sie auf die schnellste Weise zu exportieren. Es wird automatisch unter dem Namen des Layers auf Ihrem Desktop gespeichert . Auf die andere Weise gehen Sie zu Kopie speichern und speichern sie so auch als PNG-Datei. Der Unterschied besteht jedoch darin , dass beim Schnellexport nur die zugeschnittene Zeichnung ohne ihre Beziehung zur Zeichenplatte gespeichert nur die zugeschnittene Zeichnung ohne wird. Die zweite Möglichkeit hält diese Kunsttafel als eine Art Geist im Hintergrund, obwohl sie transparent ist. Dies ist später nützlich, wenn wir mit der Bearbeitung und der anderen Software beginnen. Also ja, das ist der Flipbook-Stil, der Oma winkt, hallo, ein Sprungschnitt. Es ist leicht zu verstehen , wenn man sich dieses Beispiel ansieht , Oma-Überraschung. Anstatt also mehrere Frames zu zeichnen , damit sie zur Seite geht, schneide ich sofort auf den Mainframe, wie wenn Johnny Bravo seine Pose oder die Hintergrundfiguren im Anime trifft . Die dritte Möglichkeit, Keyframing wird in Videobearbeitungssoftware verwendet. Und es ist sehr nützlich, um den Animationsprozess zu beschleunigen. Hier z.B. könnte ich nur den Körper der Oma ohne die Hand zeichnen und dann nur die Hand zeichnen. Und später mit Keyframes bewege ich die Hand. Aber dazu später mehr. Lassen Sie mich Ihnen die Verknüpfungen zeigen, die ich am häufigsten verwende , wenn ich Adobe Photoshop zum Illustrieren verwende. Wenn Sie eine neue Datei öffnen, haben Sie nur einen gesperrten Hintergrund, und Sie sollten die Sperre deaktivieren und eine neue Ebene erstellen, was Sie einfach tun können, indem Sie auf dieses Plus klicken, I Ich lege meine erste Zeichnung ein, die ich mit dem Bleistift gezeichnet habe. Eine einfache Möglichkeit, um zu sehen, welche Abkürzungen für alles darüber schweben. Sie können also sehen, dass neben dem Farbeimerwerkzeug G steht. Das heißt, wenn ich in meiner Zeichnung bin und G drücke, gehe ich automatisch zum Farbeimer, bearbeite sie, damit ich eine Farbe auswählen und daraus einen kleinen grünen Mann machen kann . Zurück zum Bleistift, der auf B klickt. Okay, also werde ich seine Hand bewegen lassen. Also kann ich das einfach auf das Plus ziehen, um eine neue Ebene zu erstellen. Dies ist auch eine Abkürzung. Der normale Weg wäre, auf den Schnabelsee zu klicken und die Ebene zu duplizieren. Okay. Ich teste drei Schritte, oder? Und es zu ziehen war nur ein Schritt. Ich kann es auch in den Papierkorb ziehen , um eine Ebene zu löschen. Und wie immer in den meisten Programmen macht Command Z meinen letzten Schritt rückgängig, bestand , diesen zu löschen. Also brauche ich dich nicht. Eine einfache Möglichkeit zum Animieren besteht darin, die Deckkraft der darunter liegenden Ebene zu verringern, wenn ich den Arm in dieser zweiten Ebene ändere . Und dann ist E das Radier-Tool. Lösche diesen Teil des Arms zurück zum B für den Pinsel und ziehe einfach die Schleife. Wie du siehst, bin ich immer noch grün. Jetzt kann ich das benutzen, ich drücke I, um die schwarze Farbe auszuwählen und zurück zum Pinsel. Also musste ich nicht den ganzen Weg da rüber gehen, wieder schwarz rutschen, den ganzen Weg da rüber gehen. Ich könnte einfach, mit meiner Hand, die schon auf der Tastatur ist. Wähle den Farbwähler, wähle einen schwarzen Fleck, Fleck, zurück zum Pinselwerkzeug und zeichne meinen Arm. Nicht nur die Dinge auf der Seite haben Verknüpfungen, sondern jede Option, die Sie sich vorstellen können , kann eine Abkürzung sein. Die meisten davon wurden für Sie entschieden, z. B. undo Command Z, wie ich bereits erwähnt habe. Aber ich möchte horizontal flippen lassen. Ich möchte eine Verknüpfung erstellen, weil ich nicht immer den ganzen Weg dorthin gehen und herausfinden möchte, wo sie ist. Das nimmt zu viel Zeit in Anspruch. Also welcher Befehl Z, rückgängig gemacht? Deshalb gibt es diese Option für Tastaturkürzel. Und die Option war in Bearbeitung. Also klick Bearbeiten will unten lieben. Hier, flippe horizontal. Und ich kann meine eigene Verknüpfung erstellen. Ich verwende den Befehls-Unterstrich. Wenn ich nun etwas eingebe , das bereits existiert, wie Command Z, wird es angezeigt, weil Sie keine andere Verknüpfung überschreiben möchten , die bereits existiert. Es sei denn, Sie wollen natürlich, aber besser nicht, besser etwas finden , das es nicht gibt. Also Unterstrich des Befehls. Okay, und wenn ich jetzt etwas hervorhebe, drehe seinen Kopf um, dann kann ich einfach seinen Kopfbefehl-Unterstrich auswählen und er hat sich geändert. Anstatt also nach links zu schauen, schaut er nach rechts. Also ja, es gibt so viele Möglichkeiten, den Prozess zu beschleunigen weil es natürlich nur ein paar Sekunden dauert, dorthin zu gehen oder dorthin zu gehen, aber wenn Sie ein paar Stunden illustrieren , summieren sich all diese Sekunden. Halten Sie Ihre linke Hand auf der Tastatur und verwenden Sie weiterhin all diese Tastenkombinationen. 4. iMovie – Animation der 3 Stile: Schauen wir uns iMovie für Animationen an. Wie ich im Vergleich erwähnt habe, hat iMovie weniger Optionen. Deshalb schlage ich vor, es sehr einfach zu halten. Das heißt aber nicht, dass es keine wirklich coole Animation wie diese sein kann . Nackt, nackt, z.B. das war ein viraler Hit. Und so viele Leute haben ihre eigenen Versionen dieser Animation gemacht. Und es ist sehr einfach , wenn man es analysiert. Erstens sind es nur ein paar Frame-für-Frame-Animationen, nicht einmal so viele. Ich zähle ungefähr 24. Dann ist es nur ein farbiges Bild mit einem Zoo. Und dieser Zoom heißt in iMovie Ken Burns, was ein sehr einfacher Trick ist. Verwenden wir diese Techniken also mit unserem Oma-Beispiel. Eine wichtige Sache ist, dass wir nur zwei Schichten haben, wie ich bereits erwähnt habe. Wenn Sie also einen schönen Hintergrund finden, sagen wir, ich möchte Gramm auf diesen karierten Hintergrund setzen . Und ich ziehe das PNG von Oma hinein, verwandle es in Bild, Bild, Bild. Dann werde ich tatsächlich Oma vor diesem Hintergrund haben. Natürlich habe ich jetzt beide Schichten aufgenommen. Ein besserer Weg wäre also, keinen Hintergrund zu haben und einfach einen ähnlichen Hintergrund in Photoshop zu erstellen. Und dann als JPEG exportiert. Mach das für jede Oma. Großmutter. Ziehe sie in die Timeline. Wir haben unsere Oma schon in Zeit und Raum perfekt auf die Animation eingestellt. Wenn Sie nun ein, ein JPEG oder eine Datei zeichnen , wird es automatisch auf 4 s gesetzt. Das ist also für unsere Zwecke sehr lang, 1234, also brauchen wir nur einen Bruchteil einer Sekunde. Und das Gute an iMovie ist, dass Sie mehrere Bilder auswählen und alle in die gleiche Länge umwandeln können. Sagen wir also 0.2. Okay? Also habe ich Omas Hand links, in der Mitte und rechts. Also brauche ich Omas Hand noch einmal in der Mitte , um eine glatte Schleife zu erzeugen. Klicken Sie auf Option und ziehen Sie sie heraus. Wähle alles aus. Wahlweise, ziehen Sie die Leertaste zum Abspielen. Und tu es. Ja, perfekt. Jetzt sind wir immer noch nur in einer Schicht. Wenn ich wollte, könnte ich noch etwas hinzufügen. Nur weil ich es griffbereit habe. Lass uns diese Hand hier benutzen. Bild in Bild, um es transparent zu machen. So wie das. Transparenz liegt daran, dass iMovie Bilder automatisch einspeist. Schieben Sie dies also ganz nach links, um es sofort sichtbar zu machen. Nehmen wir an, das, worüber sie überrascht ist , ist dieses Schweben. Oma winkt Hallo. Plötzlich taucht eine Hand auf. Sein Markt für Raum und Zeit sinkt. Hier. Keyframe it, das, jetzt heißt es kleines x. Also wenn ich diesen Keyframe entfernen wollte, müsste ich ihn erneut anklicken. Jetzt gibt es also einen Keyframe. Dann lass es uns rausfallen und holen es uns wieder. Lass die Hand fallen. Und es wurde automatisch ein Keyframe hinzugefügt. Mal sehen. Abgefallen. Stimmt, perfekt. Dann natürlich Audio. Und es gibt immer Soundeffekte. Was wäre lustig? Ein Rennwagen fährt vorbei , wenn die Hand fällt? Wenn du wolltest. Du könntest etwas Musik hinzufügen. Wiedersehen. Befehl B, auch in diesem Programm für eine Katze löschen. Und wir haben unsere Animation. Ich sage Hallo, Gut. Ein weiterer Trick, um Ihren Prozess zu beschleunigen besteht darin, mit weniger Ebenen zu arbeiten. Wie viele Frames hat diese Animation Ihrer Meinung nach? Nur für den Trick, den ich hier benutzt habe, ist, nur zwei Frames für das Basketball-Dribbeln zu verwenden. Und weil ich im Hintergrund halbtransparente Bälle verwendet habe , entsteht ein Gefühl von Bewegung. Und du wechselst einfach zwischen hoch und runter, hoch und runter, hoch und runter. Das ist also, äh, eine Frame-für-Frame-Schleife. Also Flip Book mit zwei Frames und dann ein Jump Cut. Und ich verwende den Soundeffekt der Kamera, um diesen Sprungeffekt zu betonen. Und dann, mit dem Soundeffekt des Schwingens des Netzes, bekommt man auch dieses Gefühl der Schließung. Eine sehr schnelle Möglichkeit, z.B. Erklärvideos zu animieren oder eine lustige Idee in die Tat umzusetzen. Hier ist das Konzept, das wieder für eine Boxrede verwendet wird, als nur ein paar Frames, die immer wieder mit einem coolen Soundeffekt geschleift wurden. 5. Final Cut Pro – Animation der 3 Stile: Gehen wir zu Final Cut Pro. Erstellen Sie eine neue Bibliothek und ein neues Projekt. Wenn Sie auf Instagram hochladen, senden Sie Ihre Videogröße an Benutzerdefiniert und dann 1080 bis 1920. Das gibt Ihnen die lange Porträtansicht , die Instagram Reels haben. jetzt einfach alle Illustrationen fallen, die Sie in Adobe Photoshop erstellt haben, und stellen Sie sicher, dass es sich um PNG-Dateien für dieses Projekt handelt. Die meisten habe ich mit der ganzen Kunsttafel in der Tasche gespeichert. Dieser Geisterhintergrund habe ich in der Adobe Photoshop Photoshop-Lektion erwähnt . Einige bewegliche Teile wie Arme und Augen wurden jedoch als schnelle PNG-Dateien ohne Hintergrund gespeichert. Deshalb zeige ich Ihnen die drei Illustrationsstile , die perfekt in dieses Projekt passen. Zuerst habe ich die Frame-für-Frame Flipbook-Bewegung in seiner Hand. Ich habe den Körper in eine separate Ebene aufgeteilt, die sich jetzt im Hintergrund befindet. Und obendrein habe ich meine drei Arme Frame-für-Frame Flip Booking. Für die linke und rechte Bewegung seiner Arme. Ich habe Jump Cuts benutzt. Aber für die Bewegung des Arms nach unten, was das Highlight dieses Clips ist, habe ich Keyframes verwendet, weil ich möchte, dass dies so glatt wie möglich ist. Hier ist das Exportieren als schnelles PNG praktisch. Sie sehen, wenn ich den Arm auswähle, zeichnet ein Feld direkt um den Arm. Und das erleichtert das Drehen. Wenn ich noch den Hintergrund des Heiligen Geistes hätte, würde ich mich entsprechend der Größe des Hintergrunds drehen, die Bearbeitung sehr schwierig machen würde. Lassen Sie uns eine kleine Nebenstunde zur Verwendung von Keyframes machen. Das ist ein Foto, das ich gemacht habe und dann habe ich seinen Keep ein wenig bewegt. Und dreimal drei verschiedene Einstellungen des Kaps. Und dann habe ich einfach eine Schleife gemacht. Es sieht also so aus, als würde es bleiben, bewegt sich in die Breite. Lassen Sie uns also etwas Raum geben , an dem wir arbeiten können , um uns rückwärts zu bewegen. Also Befehl C zum Kopieren und Command V oder Einfügen. Also jetzt, um dies einfach zu bearbeiten und wir werden nur hervorgehoben , klicken Sie mit der Maus. Neuer zusammengesetzter Clip. Lass uns das als Grundlage nehmen. Jetzt. Meine Hintergrundebene ist einfach im Wind. Und ich habe dieses PNG. Also machte ich ein Foto von diesem Mann und löschte den Hintergrund. Es ist also eine PNG-Datei von diesem kleinen Kerl hier. Jetzt. Klicken Sie zum Anzeigen auf Transformieren ist. Also lasst uns ihn zu seinem Großen machen. Okay, perfekt. Das Gute an Final Cut Pro ist jetzt , dass Sie Knoten Ihrer Keyframes sehen können . Sie schlagen also, klicken Sie auf einen Clip, zeigen Sie Videoanimation. Wie Sie sehen, gibt es eine Abkürzung Control V, die Sie häufig verwenden werden. Also lass uns einfach ein Control V öffnen. Diese Transformation hat eine Positionsrotationsskala jeden Zugriff, den ich zuvor verwendet habe, oder bei x und y. Alle können Keyframes sein. Und wenn Sie in den Clip klicken, haben Sie hier auch Keyframe hinzufügen. Was ich also tun möchte, ist, dass ich am Anfang einen Offscreen haben möchte. Also ziehe ich ihn vom Bildschirm, nachdem ich hineingeflogen bin und füge zunächst einen Keyframe hinzu, wie Sie jetzt sehen, lassen Sie mich heranzoomen. Hier. Es wird ein Keyframe und Sie können sehen, welche Keyframes, alle davon. Dieser Lego-Mann ist also in Zeit, Position, Maßstab, Rotation usw. markiert . Jetzt möchte ich rein, einfliegen. Wie Sie sehen, erstellt es eine Linie, um zu sehen, wo er angefangen hat. Vielleicht ein bisschen. Rotation ist cool. Jetzt kann ich eine Vorschau anzeigen, indem ich zur Timeline gehe. Und vielleicht wäre es schön, ein bisschen zu schwanken, dann ein bisschen höher und ein bisschen mehr zu drehen. Sie können sehen, dass automatisch ein Keyframe hinzugefügt wird. Dann vielleicht ein bisschen weiter oben. Entschuldigung, ich habe meine Zeit immer noch nicht verschoben. Steuere Z, bewege die Timeline, die Timeline nach unten, drehe. Wenn wir nun eine Vorschau sehen wollten, drücken Sie die Leertaste, das war viel zu schnell. Also lasst es uns langsamer machen. Zieh es raus. Jetzt. Wir haben mehr Zeit. Und Sie können einfach auf diese Keyframes klicken und sie herausziehen. Sehr einfach zu bearbeiten. Diese Vorschau nochmal. Gehen Sie perfekt. Das war's. Jetzt hast du diese breite weiße Box. Also würde ich vorschlagen, wenn Sie damit fertig sind, hervorgehoben und Control V erneut. Es wird also gerade Final Cut. Pro bietet eine unendliche Anzahl von Ebenen, was Ihnen viele Möglichkeiten bietet. In diesem Projekt. Z. B. könnte ich das Audio vom ursprünglichen Movieclip lösen und separate Mundformen animieren , um sie auf eine andere Ebene zu legen. Die Münder sind eine Mischung aus Frame-für-Frame und manchmal Keyframing. In Final Cut Pro ist die Bearbeitung sehr intuitiv. Sie ziehen einfach die Länge der Clips entlang der Timeline. Welches auch immer Sie oben drauflegen, hat Vorrang vor den unteren Ebenen. Die Verknüpfungen, die Ihren Prozess in Final Cut Pro beschleunigen Ihren Prozess in Final Cut Pro spreizen zwei Finger auf dem Trackpad, um die Timeline zu vergrößern und zu verkleinern. Leertaste, um die Wiedergabe eines Clips zu starten und zu beenden. Halten Sie die Option gedrückt und ziehen Sie einen Clip, um ihn zu kopieren Befehl B zum Teilen eines Clips in und Control V zum Anzeigen der Keyframe-Knoten in einem Clip. Dies sind die Techniken, die ich Ihnen in Final Cut Pro empfehlen würde . Und ja, das ist mein Rat. Benutze diese Abkürzungen. 6. Letzte Bemerkungen: Danke, dass du dir diese Lektion angesehen hast. Ich hoffe du hattest Spaß und bist bereit, mit dem Animieren zu beginnen. Wenn Sie diese drei Techniken anwenden, können Sie sehr schnell werden und Ihre Schlachten auswählen. Sie versuchten, viel Zeit mit bestimmten Teilen, den Hauptteilen, zu verbringen. andere Teile ist es jedoch besser, Sprungschnitte zu verwenden. Denn wenn du z.B. auf Instagram hochlädst, bist du nach Lust und Laune des Algorithmus. Wenn Sie 20 Stunden mit einer Animation verbracht haben und kaum Likes oder Views erhalten. Das könnte schwierig sein. Verbringen Sie also genug Zeit damit, dass Sie das Projekt unabhängig vom Ergebnis von Natur aus genießen unabhängig vom Ergebnis von und dann Likes oder Views oder nur die Knochen. Denn am Ende geht es darum, Spaß zu haben und besser und effizienter in Ihrem künstlerischen Ausdruck zu werden. Also, ja, lass mich sehen, was du dir einfallen und ich freue mich darauf, deine Clips zu sehen. Danke. Tschüss.