Grundlagen der Reibung: 2D-Vektoranimation für Bewegungsdesign

1. Willkommen bei Friction Graphics: Hallo und willkommen zu dieser Einführung in Friction Graphics für Motion Graphics. Mein Name ist Jonathan. Ich bin Animator und Grafikdesigner sowie Gründer von nuc Stuck Creative Studio auf YouTube, wo ich Tutorials und gelegentlich animierte Kurzfilme hochlade und gelegentlich animierte In diesem Kurs werden wir uns Friction Graphics ansehen , eine vielseitige Raster - und Vektoranimationssoftware Sie Animationen sowohl für das Web als auch für Videos erstellen können sowohl für das Web als auch für Videos Friction ist kostenlos und Open Source. Diejenigen unter Ihnen, die After Effects entweder vom Namen oder aus Erfahrung kennen , finden Friction vielleicht etwas vertraut, da es Ähnlichkeiten zwischen den beiden gibt , aber sie sind unterschiedlich. After Effects ist hauptsächlich für Compositing gedacht, wohingegen Reibung auch stark Animationen und Webanimationen abhängt Ich persönlich verwende Friction für Charakteranimationen und manchmal für Bewegungsgrafiken Ich kombiniere es mit anderen Tools wie Cat and Live, Gimp und sogar Blender, um komplexere Szenen zu erstellen also ohne weitere Umschweife Lassen Sie uns also ohne weitere Umschweife sicherstellen, dass wir auf derselben Seite sind und loslegen 2. Download-Assets und Reibung: Dort. In dieser ersten Lektion wir zuerst Friction herunter. Laden Sie die Ressourcen herunter, wenn Sie nachverfolgen möchten , was wir genau mit demselben Filmmaterial machen. Um Reibung zu vermeiden, werden wir zu Friction Dot Graphics übergehen. Und wir gehen zu Download. Und von hier aus können wir unsere Version von Friction wählen. Für diesen Kurs werde ich jetzt Version eins von Friction RC Three verwenden . Dies ist der Release-Kandidat Nummer drei für Version eins von Friction. Version eins, RC drei finden Sie alle neuen Funktionen , die Friction zu bieten hat, und sie kommt der bevorstehenden Veröffentlichung von Version eins am nächsten . jetzt einfach heraus, welches mit Ihrem Betriebssystem kompatibel ist. In meinem Fall verwende ich das Linux-App-Image. Sobald Sie Friction heruntergeladen und installiert haben, können Sie sich die Kursressourcen ansehen , um die Materialien herunterzuladen , die ich verwenden werde. Nun, alle Videoclips, die ich verwenden werde , stammen aus Pixeln. Und am Ende werden wir einen Soundtrack verwenden, und diesen habe ich von Motion Array bekommen, und den kann ich leider nicht teilen. Bevor wir jetzt in Schwierigkeiten geraten, empfehle ich dringend, ihre Dokumentationsseite zu durchstöbern. Und dort finden Sie so viele Informationen über Reibung, und das wird es viel einfacher machen, Reibung zu erlernen und sich an die Benutzeroberfläche, die verschiedenen Funktionen und die Bedienung einiger dieser Funktionen zu gewöhnen die Benutzeroberfläche, die verschiedenen Funktionen und die Bedienung . Aber richtig, genug davon. Lassen Sie uns weitermachen und mit Friction beginnen. 3. Erster Blick - Friction UI: Hallo. Bevor wir also mit unserem ersten Projekt beginnen, wollen wir uns zunächst mit der Benutzeroberfläche von Friction vertraut machen. Das wird schnell gehen. Es gibt nicht viel zu lernen. Wir haben unsere Menüleiste oben. Darunter befindet sich unsere Hauptwerkzeugleiste, und darunter befinden sich einige Eigenschaften , die je nach Werkzeug und ausgewählten Objekten variieren werden. Also werden wir uns das später ansehen. Auf der rechten Seite haben wir die Farbwerkzeugleiste, mit der wir Farben im Handumdrehen ändern können , statt Reibung. So können wir die Füllfarbe, die Striche und sogar den Hintergrund unserer Szene ändern . Okay. Nun, in diesem großen mittleren Bereich hier, wo wir unseren schwarzen Hintergrund und unser fiktives Logo haben , das ist der Betrachter, und dort werden wir in der Gegend finden. Und auf der rechten Seite haben wir unser Eigenschaften-Panel. Also hier unten, ebenso wie unsere Vermögenswerte in der Warteschlange. Diese drei Bereiche hier bleiben gruppiert, und darüber hinaus haben wir die Fläche und die Kontur, und hier können wir die Fläche und Kontur für unsere Form und Pfade steuern . Diese beiden Bereiche hier können neu eingestellt werden, sodass Sie die Größe anpassen können Mit diesem kleinen, schwachen Abstand können Sie sie also anpassen Und vielleicht fallen Ihnen einige Pfeile auf, und diese Pfeile ermöglichen es uns , ihre Position zu ändern So können wir beispielsweise das Eigenschaftenfenster nach links, rechts, oben oder unten verschieben , was auch für die Fläche und die Kontur gilt. So könnten wir sie trennen und sogar die Fläche und die Kontur ganz auf die andere Seite des Viewers verschieben . Sie können also die Benutzeroberfläche grundsätzlich ändern. Wenn Sie nun zu viele Änderungen vornehmen und zur Standardeinstellung zurückkehren möchten, gehen Sie einfach zur Menüleiste in der Hilfe und gehen Sie zu Standardbenutzeroberfläche wiederherstellen Direkt darüber finden Sie einige weitere Optionen zum Wiederherstellen verschiedener Eigenschaften Also die Füllung und Kontur, installieren Sie die Standard-Expression-Presets neu und installieren Sie die Standard-Renderprofile Und egal, welche Änderungen Sie an der Benutzeroberfläche vornehmen, Friction wird sich beim nächsten Start der Software daran erinnern beim nächsten Start der Software Jetzt haben wir unter unserem Viewer-Bereich die Timeline, und wir können auch deren Größe ändern Hier auf der Timeline befindet sich also nichts , weil wir noch keine Szene erstellt Jetzt haben wir auf der linken Seite des Viewers das Werkzeugmenü. Und hier finden wir die Standardwerkzeuge für Reibung. Und wenn wir mit der rechten Maustaste darauf klicken und zu Labels gehen , das anklicken, erhalten wir den Namen für jedes der Tools. Also lasse ich das vorerst offen, damit du den Namen der Tools sehen kannst, falls ich sie rufe Nun, zu guter Letzt, ganz unten haben wir unsere Statusleiste, in der wir sehen können , wie viel RAM durch Reibung verbraucht wird Wir haben die Breite und Höhe unserer Szene. Im Moment ist es also auf 11 eingestellt , weil wir noch keine Szene haben. Wir können die Auflösung kontrollieren. Wir werden uns das gleich ansehen und dann haben wir die verschiedenen Layouts. Und zum Schluss noch ein paar Tools hier drüben, wie das Grid, Snapping und Gizmo, die wir uns gleich ansehen werden Das Letzte, was wir uns für die Benutzeroberfläche ansehen werden , befindet sich in der oberen rechten Ecke, wo wir das Friction-Logo haben Wenn Sie mit der linken Maustaste darauf klicken, wird ein Popup angezeigt. Und lassen Sie uns das erweitern. In diesem Pop-up können Sie einige Informationen über Ihr System sehen . Sie haben einen Abschnitt „Über uns“ für Reibung, und direkt daneben haben wir die Abkürzungen. Wenn Sie also schon immer die Abkürzungen für Reibung lernen wollten, sind sie in der Software genau richtig. Sie können sie sich ansehen. Leider können wir die Abkürzungen noch nicht ändern, aber das wird in zukünftigen Versionen von Friction noch früh genug geschehen. Wir haben auch ihre Datenschutzerklärung und die Lizenz, unter die Friction fällt. Das sind also die Grundlagen der Benutzeroberfläche. Wenn Sie zu Friction Graphics wechseln und statt zur Benutzeroberfläche zu deren Dokumentation wechseln, erhalten Sie auch eine Aufschlüsselung der Benutzeroberfläche. Sie werden dir also etwas über die verschiedenen Teile erzählen und dir einige Informationen zu den einzelnen Dingen geben. Und ich kann nur empfehlen, die Dokumentation auf ihrer Website zu lesen. Sie enthalten viele Informationen in der Dokumentation , die Ihnen helfen können, Reibung noch besser zu erlernen. Nachdem das geklärt ist, können wir mit der Erstellung unserer ersten Szene und dem Import unserer Assets fortfahren . 4. Neue Szene erstellen – Reibungsnavigation: Hallo. In dieser Lektion werden wir unsere erste Szene erstellen, unsere Assets importieren und uns ein wenig mit dem Umgang mit Reibungen vertraut machen Beginnen wir also damit, auf Neu zu klicken. Wir werden ein Pop-up bekommen. Dieses Pop-up ermöglicht es uns, die Parameter unserer Szene zu ändern. Diese können jetzt später geändert werden, es handelt sich also nicht um eine endgültige Verpflichtung. Ganz oben steht der Name unserer Szene. Ich belasse es bei der Standardeinstellung. Als Nächstes haben wir unsere Breite und unsere Höhe. Sie können diese manuell einstellen oder hier auf diese drei Punkte klicken und aus dieser Liste von Voreinstellungen auswählen Ich werde es auf 1920 bis 1080 belassen. Als Nächstes haben wir die Dauer. Jetzt kann die Dauer entweder in Frames oder in Sekunden angezeigt werden. Das liegt also an dir. Wir haben den Start-Frame und wir haben den End-Frame. Darunter haben wir die FPS, also Bilder pro Sekunde. Das ist die Bildrate deiner Animation oder deiner Szene, und du kannst sie entweder manuell oder erneut einstellen , auf diese drei Punkte klicken und aus einer Liste von Voreinstellungen wählen Als Nächstes haben wir den Hintergrund. Und wenn wir auf dieses kleine Quadrat hier drüben klicken, erhalten wir ein Pop-up, in dem wir die Hintergrundfarbe wählen können. Hintergrund wird normalerweise nicht gerendert. Dies ist eher ein Platzhalter, es sei denn, Sie exportieren Bilder, wenn ich mich nicht irre Sie können aber auch das Alpha steuern. Im Grunde können Sie es also transparent oder vollständig undurchsichtig oder halbtransparent machen oder vollständig undurchsichtig oder halbtransparent Direkt darunter haben wir Lesezeichen, denen wir Farben speichern können, aber das werden wir uns später in der Klasse ansehen Also lasse ich meins fast schwarz stehen. Und zu guter Letzt haben wir es als Standard festgelegt. Wenn Sie dieses Kontrollkästchen aktivieren, werden diese Einstellungen zu den Standardeinstellungen Sie das nächste Mal eine Szene erstellen. Das hindert Sie nicht daran, diese Einstellungen zu ändern. Denken Sie daran, die Option Als Standard festlegen zu deaktivieren, damit Sie Ihre vorherige Standardeinstellung nicht überschreiben, es sei denn, Sie möchten es. Okay, wenn wir fertig sind, klicken wir auf Okay, und jetzt haben wir unsere erste Szene und wir können jetzt mehr Informationen auf der Timeline sehen Wenn wir das hier erweitern, haben wir die Anzahl der Frames hier oben. Wenn Sie jedoch in Sekunden arbeiten, können Sie jederzeit mit der rechten Maustaste darauf klicken und zur Anzeige des Zeitcodes wechseln Jetzt werden Sie die Sekunden anstelle der Frames sehen . Ich bleibe bei den Frames. Lassen Sie uns jetzt einen vollständigen Blick auf die Timeline werfen. Auf der linken Seite oben haben wir den Start des Szenenrahmens. Also im Grunde, wo deine Szene beginnen soll. Es könnte wieder Einzelbilder oder Sekunden sein. Sie können diese Zahl also manuell ändern, und jetzt wird dies der neue Startframe für unsere Szene sein. Also lasse ich es vorerst auf Null. Und dann haben wir in der Mitte den aktuellen Frame. Also wo auch immer der Abspielkopf gerade eingestellt ist. Wenn ich also hier mit der linken Maustaste nach oben klicke und ziehe, kannst du sehen, wie wir den Wert ändern , indem ich den Abspielkopf verschiebe, das ist diese Leiste hier drüben Und dann haben wir auf der rechten Seite den Endrahmen Diese Werte können Sie also im Handumdrehen direkt hier über der Timeline ändern . Und am unteren Rand der Timeline, in der unteren rechten Ecke, haben wir die Option Horizontal anpassen. Wenn Sie darauf klicken, wird die gesamte Dauer unserer Zeitleiste angezeigt. Wenn ich also zum Beispiel den Start auf 50 ändern und dann auf Horizontal anpassen klicken würde den Start auf 50 ändern , würde es von 50 bis 250 beginnen Okay. In Ordnung, dann. Nun, über der Timeline im Viewer, haben wir jetzt unsere Leinwand. Sie können mit dem mittleren Mausrad scrollen, um Ansicht zu vergrößern oder zu verkleinern, oder einfach die Tastenkombination Minus zum Verkleinern und zum Vergrößern verwenden . Wenn Sie in einer Ansicht zur Menüleiste wechseln, zum Zoomen, sehen Sie alle Tastenkombinationen, die Optionen zum Vergrößern, Verkleinern, Anpassen von Canvas usw. Eine Tastenkombination , die ich sehr häufig verwende ist „An CNVs anpassen“ , also Control Zero also Control Zero drücken, können wir den Betrachter an unsere Leinwand anpassen Lassen Sie uns also weitermachen und unsere Ressourcen weitergeben, ich lectli-Code und ziehe ihn in Ich mache das Gleiche für diesen Videoclip hier drüben, linke Maustaste gedrückt und ziehe ihn in unser Projekt Das ist also eine Möglichkeit, wie Sie Ihre Assets importieren können. einigen seltenen Fällen kann es beim In einigen seltenen Fällen kann es beim Versuch, einige Video-Assets hineinzuziehen, zu Reibungsverlusten kommen, und hier kommt die Hauptsymbolleiste ins Spiel, Sie Ihre Inhalte importieren oder verknüpfen können. Alles, was Sie hier importieren , öffnet ein Popup-Fenster. Wählen Sie aus, was Sie importieren möchten, klicken Sie auf Öffnen und es wird importiert. Jetzt, wo wir unsere Assets importiert haben, wollen wir uns im Objektmodus befinden, wenn wir sie verschieben wollen. Also dieser Standardmodus hier drüben. Und wenn wir mit der linken Maustaste auf Objekte klicken, halten und ziehen, sollten wir in der Lage sein, sie zu greifen und zu verschieben. Alternativ können Sie Ihre Assets auch direkt aus der Timeline abrufen. Jedes Asset ist also eine eigene Spur oder Ebene. Nun spielt die Reihenfolge Ihrer Ebenen eine Rolle, da Sie sehen können, dass das Video, das sich über dem Logo befindet, es über dem Logo im Kendis-Bereich platziert Wenn ich die linke Maustaste gedrückt halten und es unter das Logo ziehen würde , würde es sich dann im Canvas-Bereich unter das Logo bewegen Wir können unsere Inhalte auch ausblenden, indem wir auf das Augensymbol klicken, und wir können sie auch sperren , sodass wir sie nicht anklicken oder sie im Kendis-Bereich oder sogar in der Timeline auswählen Kendis-Bereich oder sogar in der Timeline Nun noch etwas zu beachten: Wenn wir uns das Eigenschaften-Panel ansehen, haben wir hier nichts. Und wenn ich ein Logo auswähle, können wir das Logo dann im Eigenschaftenfenster sehen. Wenn ich das Video auswähle, sehen wir das Video im Eigenschaftenfenster. Das liegt einfach daran, dass, wenn wir in der Menüleiste in der Ansicht nach unten zum Eigenschaftenfilter gehen , standardmäßig so eingestellt ist, dass er ausgewählt wird. Im Eigenschaftenfenster können wir also nur sehen, was ausgewählt ist. Wir können das zum Beispiel von „ausgewählt“ auf „A“ ändern , und jetzt sehen wir alle Ebenen. So arbeite ich persönlich. Ich habe alle Schichten sichtbar. Ich habe also bereits gesagt , dass Sie mit der linken Maustaste auf Halten klicken und Ihre Elemente auf die Leinwand ziehen können , aber Sie können Ihre Elemente auch ändern indem Sie entweder G zum Greifen verwenden. Wenn wir also G drücken und den Cursor bewegen, können wir unser Objekt bewegen. Sie können Escape drücken, um den Vorgang abzubrechen. Andernfalls können wir, wenn wir es aufrufen, zur Bestätigung mit der linken Maustaste klicken oder einfach die Eingabetaste oder die Eingabetaste auf der Tastatur drücken. Als Nächstes können wir R drücken, um zu drehen diese Weise können wir ein Objekt oder einen Pfad drehen. Und schließlich können wir S für die Skalierung drücken, um ein Objekt oder einen Pfad zu skalieren. Nun, all diese Transformationen in mehr sind Dinge, die wir mit dem Gizmo durchführen können In der unteren rechten Ecke der Reibung haben wir also Gizmo. Wenn Sie mit der linken Maustaste darauf und mit der linken Maustaste auf das Drop-down-Menü klicken, können Sie auswählen, welche Eigenschaften Sie beeinflussen möchten In diesem Fall habe ich alle vier Optionen ausgewählt, um sie zu verschieben, zu skalieren, zu drehen und zu positionieren Lassen Sie uns nun unsere Videoebene hier für einen Moment ausschalten , damit wir unser Gizmo besser sehen können Und das Gizmo hier: Wenn Sie zum Beispiel mit der linken Maustaste auf Halten klicken, können Sie Ihr Objekt auf der X-Achse bewegen Wir können das auch für die Y-Achse tun. Wir haben die Fähigkeit , unser Objekt zu scheren. Wir können es gleichmäßig schneiden, indem wir diese obere Ecke hier verwenden, oder wir können es zum Beispiel nur auf dem X-Wert oder nur auf dem Y-Wert skalieren zum Beispiel nur auf dem X-Wert oder nur auf dem Y-Wert Außerdem können Sie damit Ihr Objekt bewegen und drehen. Mit dem Gizmo können Sie also alle Transformationen, die Sie tun würden, direkt auf der Leinwand durchführen, und das gilt für alle unsere Objekte Wenn ich also das Video hier auswähle, erhalten wir wieder das Gizmo und wir können all diese Transformationen durchführen Ich schalte den Gizmo vorerst aus. Um all das rückgängig zu machen, können wir entweder in der oberen linken Ecke auf Rückgängig klicken oder wir können die Tastenkombination Strg Z verwenden, um die Transformationen rückgängig zu machen , die wir gerade der oberen linken Ecke auf Rückgängig klicken oder wir können die Tastenkombination Strg Z verwenden, um die Transformationen rückgängig zu machen , die wir Okay. Jetzt mache ich alles rückgängig, bis wir nur die regulären Transformationen ohne das Gizmo gemacht regulären Transformationen ohne das Gizmo Eine weitere Möglichkeit, unsere Transformationen rückgängig zu machen besteht darin, die Drehung rückgängig zu machen, wenn wir Alt gedrückt halten und R drücken wenn wir Halten Sie die Alt-Taste gedrückt und drücken Sie S. Ich mache die Skalierung rückgängig, und halten Sie die Alt-Taste gedrückt und drücken Sie G, und das macht das Greifen rückgängig, das wir gemacht haben Wenn es um die Position von Objekten geht, wird sie normalerweise auf die obere linke Ecke der Leinwand gesetzt. Wenn ich also zum Beispiel den Videoclip hier drüben nehme und Alt G drücke, wird er in der oberen linken Ecke positioniert. Das gilt also im Grunde für alle Objekte. Noch ein paar Dinge, die Sie wissen sollten. Wenn wir zum Beispiel mit der rechten Maustaste auf ein Objekt über der Leinwand klicken, erhalten wir hier einige Optionen. Da es sich nun um ein Bild handelt, das wir importiert haben, können wir entweder eine neue Datei laden oder eine Quelldatei einrichten Grundsätzlich können Sie dieses Objekt gegen ein anderes Objekt austauschen. Wir können auch den Drehpunkt zentrieren, das ist dieser Wurfpunkt hier in der Mitte Wenn wir ihn also jemals an eine andere Stelle verschoben haben, weil wir von einem anderen Ausgangspunkt aus rotieren oder sogar von einem anderen Ausgangspunkt aus skalieren wollten von einem anderen Ausgangspunkt aus rotieren , können wir mit der rechten Maustaste den Drehpunkt in die Mitte verschieben, um ihn wieder in die Mitte zu setzen Ich drücke ein R, um die Drehung zurückzusetzen , und ein S , um die Skala zurückzusetzen. Sie können Ihr Objekt auch zentriert ausrichten, sodass es genau in der Mitte Ihrer Leinwand liegt. Wenn wir also mit der rechten Maustaste klicken, haben wir auch ein paar weitere Optionen wie Kopieren, Ausschneiden, Duplizieren, Gruppen löschen in den Rastereffekten, aber diese werden für später gelten. Okay, innerhalb des Eigenschaftenfensters haben wir unten dieses kleine Menü , mit dem wir entweder die Geometrie, die Geometrie nach Drehpunkt oder den Drehpunkt selbst ausrichten können . Und dann können wir wählen, an was wir es ausrichten wollen , sodass es die Szene, das zuletzt ausgewählte Objekt, der letzte selektive Drehpunkt im Begrenzungsrahmen sein kann ausgewählte Objekt, der letzte selektive Drehpunkt im Begrenzungsrahmen Und dann können wir es mit diesen Pfeilen ausrichten. In Ordnung. Also werde ich jetzt eine Linie oder ein Video im Hintergrund zentrieren. Es ist kleiner als unsere Leinwand, also drücke ich S für die Skalierung und ich werde es vergrößern. Sie können die Werte auch eingeben. Wenn wir zum Beispiel S drücken und zwei drücken, würde es doppelt so groß werden, oder wir würde es doppelt so groß werden, oder drücken die Lösch- oder Rücktaste, sagen wir 1,5 , und dann passt es in unsere Leinwand oder drücken Sie zur Bestätigung die Eingabetaste Und zum Schluss sperre ich das Hintergrundvideo oder schnappe mir unser Logo oder drücke S, um es zu skalieren und etwas zu verkleinern, und dann Enter Okay. Schauen wir uns jetzt den Zeitplan an. Im Moment sehen wir also nicht wirklich die gesamte Länge unseres Videos. Also ändere ich den Frame auf 800, drücke Enter, und dann passe ich ihn horizontal an. Jetzt können wir das Ende unseres Videos sehen und bis zur Timeline blättern, um unser Video anzusehen Wenn Sie nun vom Abspielkopf zum Anfang oder Ende unserer Dauer springen möchten , halten Sie einfach die Umschalttaste gedrückt und verwenden Sie die linke oder rechte Pfeiltaste Ich springe also zum allerersten Bild und drücke dann die Leertaste, um es abzuspielen Jetzt stellen Sie vielleicht fest , dass Reibung zwischengespeichert oder sichtbar ist. Dies soll zu einer reibungslosen Wiedergabe beitragen Sobald das Zwischenspeichern durch Reibung beendet ist, wird unsere Szene abgespielt, ohne dass es zu Verzögerungen Nun, das hängt wirklich von der Komplexität oder Schwere Ihrer Szene Wenn wir die Leertaste drücken, wird die Wiedergabe angehalten oder abgespielt, aber die Wiedergabe wird nicht wirklich gestoppt. Es wird einfach angehalten Wenn ich die Leertaste erneut drücke, wird die Wiedergabe fortgesetzt, aber sie hat nicht wirklich aufgehört Um die Wiedergabe zu beenden oder den Wiedergabemodus zu verlassen, können wir entweder hier auf diese Schaltfläche klicken, um die Wiedergabe beenden zu sagen , oder auf der Tastatur die Esc-Taste drücken, und jetzt ist die Wiedergabe unterbrochen Wenn ich jetzt die Leertaste drücke, kann ich feststellen , dass die Außenkanten der Leinwand pechschwarz sind, wenn ich gerade dass die Außenkanten der Leinwand pechschwarz sind, wenn die Wenn ich die Esc-Taste drücke, sind sie eher dunkelgrau. Sie uns nun Lassen Sie uns nun unseren Videoclip entsperren und mit der linken Maustaste darauf klicken. Ich werde es etwas größer als unsere Leinwand aufschneiden. Wenn Sie also hier nachschauen, haben wir diesen grauen Rand , der die Grenzen unserer Leinwand anzeigt Alles, was darüber hinausgeht, würde also nicht gerendert werden, wenn wir rendern würden. Okay, ich werde den Cursor über diesen Teil hier platzieren , der sich erweitert. Beachten Sie, dass wir, wenn ich die Leertaste drücke, um die Vorschau aufzurufen, diesen Bereich nicht mehr sehen können, diesen Bereich, der sich außerhalb der Leinwand befindet, weil er alles ausschneidet, was sich außerhalb des Leinwandbereichs befindet. Und weil wir das Video ändern, muss Friction die Animation erneut zwischenspeichern, oder in diesem Fall das Video zwischenspeichern. Apropos Caching: Wenn Sie sich erinnern, haben wir hier unten in der Statusleiste diese Zahl, die angibt, wie viel RAM durch Friction verbraucht wird , wenn unsere Wiedergabe zwischengespeichert wird Wenn Sie die Animation vor der Wiedergabe nicht zwischenspeichern möchten, können Sie in der Ansicht zur Menüleiste gehen und einfach den Vorschau-Cache deaktivieren Und wenn Sie sie abspielen, wird sie einfach wiedergegeben, ohne zu versuchen, etwas zwischenzuspeichern Damit beginnt die Wiedergabe an der Stelle, an der ich den Abspielkopf platziere und die Leertaste drücke den Abspielkopf platziere und die Wenn Sie nun die Wiedergabe beim allerersten Bild starten möchten , können Sie die Umschalttaste gedrückt halten und dann die Leertaste drücken, und die Wiedergabe beginnt mit dem ersten Bild Okay. Ich habe bereits erwähnt, dass dieser Teil außerhalb der Cenvas bei der Wiedergabe verschwinden wird Jetzt, wo wir den Cache deaktiviert haben, bei der Wiedergabe von SN wird dieser Teil außerhalb des Kv bei der Wiedergabe von SN nicht mehr abgeschnitten Wenn Sie diesen Teil jedoch manuell ausschneiden möchten, können Sie einfach C auf der Tastatur drücken oder in der Ansicht zur Menüleiste gehen und dann zu Clip to SN Dadurch wird alles, was sich außerhalb der Leinwand befindet, ausgeblendet oder erneut C gedrückt, und der Clip wird aufgehoben Also werde ich den Vorschau-Cache für mich selbst einschalten. Wenn Sie jetzt den Cache leeren möchten, können Sie anstelle von Bearbeiten zur Menüleiste gehen und dann nach unten gehen, um Groß- und Kleinschreibung zu löschen, oder einfach Strg plus R drücken, und der Cache wird Sie können sehen, dass die blauen Balken oben hier verschwunden sind. In Ordnung. Wenn es nun um die Timeline geht, können Sie mit der mittleren Maustaste klicken und sich bewegen Auf diese Weise können Sie in der Timeline schwenken. Und wenn es um die Timeline geht, ist diese Leiste hier der Sichtbarkeitsbereich dieses Videoclips. Wenn wir also mit der linken Maustaste darauf klicken, können wir es verschieben , um unser Video zu verschieben. Ich werde dieses Control Z rückgängig machen . Okay. Aber du wirst feststellen, dass wir das nicht für das Logo haben. Das bedeutet, dass das Logo immer sichtbar ist. Wenn Sie einen Sichtbarkeitsbereich für das Logo haben möchten, klicken Sie einfach mit der rechten Maustaste darauf und gehen Sie zum Sichtbarkeitsbereich. Und jetzt haben wir diesen Sichtbarkeitsbereich hier drüben. Sie können die Timeline vergrößern und verkleinern, indem Sie die Strg-Taste gedrückt halten und mit dem Mausrad scrollen Und wenn Sie nach links und rechts schwenken möchten, halten Sie die Umschalttaste gedrückt und scrollen Sie mit dem Mausrad Jetzt können wir den Sichtbarkeitsbereich erweitern. Wenn sich der Abspielkopf nicht über diesem Sichtbarkeitsbereich befindet , wird das Logo nicht angezeigt Okay? Das Gleiche gilt für das Video. Wenn Sie nun einen Schnitt an einem Videoclip machen möchten, halten Sie die Umschalttaste gedrückt und drücken Sie K. Es wird eine Kopie davon erstellt und an der Stelle geschnitten, Es wird eine Kopie davon erstellt und an der an der sich der Abspielkopf befand Okay. Zum Schluss drücke ich Strg A , um alles zu holen, und ich drücke Löschen, um alles zu löschen. Ich gehe zur Registerkarte „Assets“ und auf der Registerkarte „Assets“ können wir sehen, was wir importiert haben. Obwohl ich es aus der Szene selbst, also der Timeline, gelöscht habe , können wir sie immer noch in den Assets sehen. Jetzt kann ich sie mir einfach schnappen und zurück in unsere Szene ziehen. Einfach so. Fahren Sie also mit der Mittellinie oder dem Hintergrund fort, skalieren Sie 1,5, drücken Sie die Eingabetaste oder verschieben Sie das Video nach unten, oder klicken Sie mit der rechten Maustaste auf die Mittellinie und verkleinern Sie es ein wenig. Okay, wenn du deine Ebenen umbenennen möchtest, kannst du entweder mit der rechten Maustaste darauf klicken und sie umbenennen oder einfach mit der mittleren Maustaste darauf klicken Es erscheint ein Wurf-Popup und wir können es umbenennen. Sagen wir also Winter-Hintergrundvideo, drücken Sie die Eingabetaste, und da haben wir es Das allerletzte Ding befindet sich ganz oben in unserem Viewer. Wir haben hier diese Steuerelemente, Wir haben hier diese Steuerelemente denen wir unser Objekt bewegen, drehen, skalieren, den Drehpunkt und die Deckkraft ändern Sie können also viele dieser Transformationen direkt hier oben durchführen, entweder indem Sie mit der linken Maustaste klicken und diese Werte ziehen oder manuell etwas eingeben, also um 90 Grad, und es dreht sich um Drücken Sie dazu Alt R, und für etwas wie die Skala, wenn Sie sie einheitlich skalieren möchten, können Sie mit der linken Maustaste klicken und einen Wert eingeben, also sagen wir einen Wert von 0,5 Bevor Sie die Eingabetaste drücken, halten Sie einfach die Umschalttaste gedrückt und drücken Sie dann die Eingabetaste. Dadurch wird der Wert für beide Werte auf 1,5 gesetzt. Ebenso können Sie die Umschalttaste gedrückt halten, die linke Maustaste gedrückt halten und ziehen . Dadurch werden beide Werte gleichzeitig geändert. Machen wir also wieder 0,5 und drücken die Eingabetaste. Okay, das ist es also, um Reibung zu überwinden. In der nächsten Lektion werden wir mit dem Animieren beginnen. Wir werden also Keyframes erstellen und unsere Objekte bewegen. Wir sehen uns dort 5. Grundlagen der Animation – Reibungsschlüsselframe: Hallo und willkommen. In dieser Lektion beginnen wir damit, unsere Objekte zu animieren Lassen Sie uns also endlich die Dinge in Bewegung bringen. Also werde ich damit beginnen, das Logo etwas weiter herunterzufahren, und wir können loslegen Um die Position unseres Logos zu animieren, erweitern wir es entweder innerhalb der Timeline oder wir können es innerhalb des Timeline oder wir können es innerhalb des Eigenschaftenfensters erweitern Also das, was für Sie am besten funktioniert. Wenn Sie hier im Eigenschaftenfenster mehr Platz benötigen, können Sie F auf der Tastatur drücken, können Sie F auf der Tastatur drücken um die Fläche und die Kontur auszublenden Wenn wir erneut F drücken, sehen wir die Fläche und die Kontur Also behalte das einfach im Hinterkopf. In Ordnung. Lassen Sie uns unsere Animation in der Timeline erstellen, zunächst unsere Animation in der Timeline erstellen, und später werden wir das Eigenschaftenfenster verwenden. Also werde ich das Logo darin erweitern . Wir haben uns transformiert. Ich werde die Transformation erweitern. Und was ich suche, steckt in der Übersetzung. Lassen Sie uns also die Übersetzung hier erweitern . Lassen Sie uns das vergrößern. Und wir suchen nach der Y-Achse. X ist links und rechts. Y ist rauf und runter. Um einen Keyframe hinzuzufügen, können wir einfach mit der linken Maustaste auf diesen weißen Punkt hier drüben klicken Dadurch wird ein Keyframe hinzugefügt. Nun, jeder dieser Punkte sagt uns etwas. Der blaue Punkt oben zeigt uns, dass im Noktax-Logo etwas animiert ist Die grünen Punkte sagen uns, dass innerhalb der Transformation etwas animiert ist und dass innerhalb der Übersetzung etwas animiert ist Und dann, zu guter Letzt, sagt uns dieser rote Punkt hier unten , dass der Y-Wert animiert ist. Das hier unten ist also der eigentliche Keyframe. Und wenn wir es mit der linken Maustaste auswählen, werden sie alle gelb Okay, wir haben unseren ersten Keyframe, und um die Y-Position zu ändern, können wir entweder den Gizmo verwenden Wir können G und Y drücken, um ihn auf der Y-Achse zu fixieren und ihn nach oben oder unten zu verschieben, oder wir können mit der linken Maustaste auf diesen Wert klicken, gedrückt halten und ziehen, um ihn nach oben oder unten zu verschieben, oder wir können den Wert manuell eingeben, ganz Also drücke ich einfach G und Y und verschiebe es dann ganz nach unten und klicke mit der linken Maustaste, um zu bestätigen. Als Nächstes verschiebe ich etwa 24 Frames. Das ist also 1 Sekunde, und dann drücke ich erneut G und Y und verschiebe das Bild nach oben. Friction fügt automatisch einen Keyframe hinzu. Wenn Sie nun den Abspielkopf bewegen und einen Keyframe hinzufügen möchten, funktioniert das nicht, wenn Sie auf den roten Punkt klicken. Wenn Sie auf den roten Punkt klicken , werden alle vorhandenen Keyframes gelöscht Behalte das also im Hinterkopf. Alles Control Z von hier aus. Wenn wir mit der linken Maustaste auf den Punkt der Übersetzung klicken, wird dem X- und dem Y-Wert ebenfalls ein Keyframe hinzugefügt X- und dem Y-Wert da er zwei Werte enthält Wenn wir erneut mit der linken Maustaste darauf klicken, werden alle Keyframes gelöscht Lassen Sie uns das rückgängig machen. Wenn wir der linken Maustaste auf den Punkt „Transformieren“ klicken, wird allen Transformationseigenschaften ein Keyframe hinzugefügt allen Transformationseigenschaften Und wenn wir erneut mit der linken Maustaste darauf klicken, werden alle Keyframes gelöscht Machen wir das rückgängig und da haben wir es. Okay. Sobald Sie es also aktivieren, Friction automatisch die Keyframes hinzu Es gibt noch keine Möglichkeit, es auszuschalten. Wenn ich jetzt wiedergebe, also die Umschalt-Leertaste drücke, wird Friction von Anfang an wiedergegeben, und dann wird die gesamte Animation zwischengespeichert, oder es wird die gesamte Szene wiedergegeben. Aber ich möchte nur diesen ersten Teil wiedergeben, und ich möchte die Wiedergabe nicht ständig manuell neu starten müssen . Wir könnten entweder den Frame ändern oder wir können einfach die In- und Out-Zone verwenden. der Abspielkopf also auf dem ersten Frame oder Frame Null befindet, Wenn sich der Abspielkopf also auf dem ersten Frame oder Frame Null befindet, drücke ich I auf der Tastatur, um einen Endpunkt hinzuzufügen dann das Nuxtax-Logo und der Y-Wert ausgewählt sind, drücke ich die Aufwärtspfeiltaste, um zum nächsten Keyframe zu springen Und ich verschiebe ein paar Frames vorwärts, also verwende ich die Also nur ein paar Frames vorwärts, und dann drücke ich O auf der Tastatur, um einen Outpoint festzulegen Also ja, Sie können mit den Aufwärts- und Abwärtspfeilen zwischen den Keyframes Ihres ausgewählten Objekts wechseln, und Sie können die Pfeiltaste nach links und rechts verwenden, um den Abspielkopf auf der Timeline zu verschieben Richtig. Jetzt, wo wir unsere Vor- und Endpunkte haben, spielt Friction bei der Wiedergabe einfach diesen Abschnitt unserer Timeline ab. Wenn Sie die Ein- und Ausstiegspunkte entfernen möchten, können Sie innerhalb der Szene zur Menüleiste gehen und nach unten gehen, um die Ein- und Ausstiegspunkte zu löschen. Wenn Sie Ihre Wiedergabe in einer Endlosschleife abspielen wollten, können Sie auf diese Schaltfläche hier oben über der Timeline klicken , auf der Loop-Vorschau steht. Dadurch wird es auf unbestimmte Zeit wiederholt. In Ordnung Wir haben also unsere erste Animation, aber jetzt wollen wir sie etwas lockern Also etwas Beschleunigung und etwas Verlangsamung. Dazu klicken wir mit der linken Maustaste auf den Y-Wert, stellen sicher, dass er ausgewählt ist, und klicken dann hier oben über unseren Spuren, wo wir das Diagramm haben Dadurch wird der Diagrammeditor geöffnet, genau wie die Timeline. Wir können mit der mittleren Maustaste klicken und uns bewegen. Wir können mit der mittleren Maustaste klicken und herumschwenken, um Dinge zu verschieben. Wenn Sie die Umschalttaste gedrückt halten und scrollen, wird vertikal gezoomt. Wenn Sie die Strg-Taste gedrückt halten und mit dem mittleren Mausrad scrollen , wird es horizontal vergrößert. Wenn Sie horizontal passen, passt es für die gesamte Dauer Ihrer Szene. Wenn Sie jedoch Ihre Keyframes auswählen und dann horizontal anpassen, werden nur diese Keyframes vergrößert Das Gleiche gilt für die vertikale Anpassung. Aber wenn wir das tun, wird es den Keyframe hinter diesen Tasten hier verstecken . Also halte ich einfach die Umschalttaste gedrückt und scrolle dem mittleren Mausrad und dann mache ich es auf der Steuerung Also die horizontale Achse. Ordnung, also werden wir eine Kurve erstellen , um unserer Animation ein wenig Entspannung zu verleihen Wir werden das manuell machen, obwohl es hier eine Option gibt, dies automatisch zu tun Die einzige Sache ist, wenn wir das automatisch machen, also machen wir weiter und Ease out Cubic, Friction unserer Kurve zusätzliche Keyframes hinzu unserer Kurve zusätzliche Keyframes hinzu Das liegt daran, dass die automatische Beschleunigung für Webanimationen, also SVG-Animationen, gemacht wurde für Webanimationen, also SVG-Animationen, Und wenn Sie Web-SVG-Animationen erstellen, benötigen Sie tatsächliche Keyframes, also unterschiedliche Zeitwerte, die Sie eingeben Also werde ich das stattdessen rückgängig machen Wir wollen unsere Keyframes nehmen und dann die Ziehpunkte oder die Interpolation ändern , um Knoten zu glätten, und jetzt gibt es uns diese Ziehpunkte, mit denen wir die Kurve manuell ändern können Jetzt klicke ich mit der linken Maustaste auf diesen Griff und ziehe. Wenn Sie mit der linken Maustaste auf Halten und Ziehen klicken, können Sie auch X drücken, um es auf der X-Achse zu fixieren , oder Y drücken, um es auf der Y-Achse zu fixieren. Ich werde das etwas in die Länge ziehen. Und das erste hier, ich werde mit der linken Maustaste klicken und es ein bisschen nach unten ziehen. Wenn wir es jetzt abspielen, werden wir etwas beschleunigt am Anfang etwas beschleunigt und dann verlangsamt es sich, wenn es sich nach oben bewegt, wodurch der untere Teil der Kurve kleiner wird. Und in diesem Fall werde ich es etwas weiter nach unten ziehen. Okay, verfeinere die Kurve ein bisschen mehr. Und da haben wir es. Wir haben gerade unsere erste Animation mit Reibung erstellt. Okay? Nun, was die In- und Out-Points angeht, können Sie diese ändern, indem Sie entweder den Abspielkopf woanders platzieren und O oder I drücken, oder Sie können einfach mit der linken Maustaste auf den Rand unter dem Ein- oder Ausgang klicken den Rand unter dem Ein- oder Ausgang Linksklick, gedrückt halten und ziehen, nur damit Sie es wissen. Richtig. Nachdem wir mit dem Diagramm fertig sind, klicken wir erneut auf das Grafiksymbol um zu unserer Zeitleiste zurückzukehren. Ich werde es vergrößern. Jetzt brauchen wir nicht wirklich, dass unsere Szene 800 Frames hat, also reduziere ich das wieder auf 250. Okay, jetzt, wo wir unsere erste Animation haben, lassen Sie uns weitermachen und ein bisschen Text hinzufügen Um unseren Text hinzuzufügen, gehen wir zu den Tools und greifen auf das Tool Text hinzufügen Sobald wir es haben, klicken Sie einfach einmal mit der linken Maustaste auf die Leinwand und es wird ein neues Textobjekt hinzugefügt. Nun ist es wichtig zu beachten , dass Sie jedes Mal, wenn Sie klicken, ein neues Textobjekt hinzufügen. Selbst wenn ich hier etwas schreiben würde, solange das Textwerkzeug aktiv ist, fügen wir jedes Mal, wenn wir klicken, ein neues Objekt hinzu. Also werde ich das alles rückgängig machen. Also schnappen wir uns unser Textobjekt. Und drüben im Eigenschaftenfenster haben wir jetzt hier unten diesen kleinen Bereich , in den wir unseren Text eingeben können. Also werde ich hier hinter dem Horizont tippen. Dann klicke ich irgendwo anders, um den Textbearbeitungsmodus zu deaktivieren. Jetzt, wo wir ein Textobjekt mit einer Farbe haben , können wir nun Farben innerhalb der Füllung und Kontur erkennen. Das Textobjekt verwendet eine flache Farbe für die Füllung. Sie können auch einen Farbverlauf auswählen und mehrere Farbverläufe usw. erstellen oder ihn flach belassen Wir können ihm auch einen Strich geben, indem wir zu einem Strich wechseln, indem wir auf einen flachen Strich oder auf einen Strich mit Farbverlauf oder gar keinen Wir haben hier einige Optionen für den Strich . Ich wechsle wieder zum Füllen. Ebenso können wir, wenn wir zur Farbsymbolleiste oben gehen, mit der linken Maustaste klicken und hier ein Fenster öffnen, dem wir die Farbe der ausgewählten Elemente ändern können . Das Gleiche gilt für den Schlaganfall. Wir könnten es von hier oben flach streichen und die Farbe ändern. In Ordnung. Es gibt noch einige andere nette Dinge, die wir tun können , wie Strg gedrückt halten und scrollen, wodurch sich die Sättigung ändert, Shift gedrückt halten und scrollen, wodurch sich der Wert ändert, oder Alt gedrückt halten und scrollen, wodurch sich das U unserer Farbe ändert. Okay. Also setze ich das wieder auf Weiß. Und unten im Textfeld ändere ich das auf 129. Ich ändere die Ausrichtung in die Mitte und lasse sie hier unten stehen. Dann können wir unseren Text ausrichten, also Geometrie an der Szene. Und lassen Sie uns weitermachen und die Schriftart ändern. Klicken Sie also hier auf das Drop-down-Menü. Und ich werde mich für Pop-Ins entscheiden. Du machst daraus ein besonders mutiges Pop-Ins. Jetzt, wo wir unseren Text haben, lassen Sie uns weitermachen und ihn animieren. Um unseren Text zu animieren, werden wir dasselbe tun. Wir werden es erweitern, und jetzt werden Sie sehen, dass wir hier ein paar weitere Optionen haben hier ein paar weitere Optionen Für das Logo hingegen mussten wir nur transformieren. Hier haben wir Transformieren, Füllen, Text, Abstand und noch ein paar mehr , die abgestuft sind, okay? Wir gehen also zu Transformieren, Translation und fügen dem Y-Wert einen Keyframe hinzu Aber bevor wir das tun, schauen wir uns zunächst unsere Animation an. Und sagen wir hier nachdem das Logo vollständig nach oben gerutscht ist, also sollte Frame 24 reichen. Drücken wir die Esc-Taste, um den Wiedergabemodus zu verlassen, gehen wir zurück zu Bild 24, und ich füge dem Text einen Keyframe hinzu . Ich werde weitermachen Nehmen wir an, wir geben ihm auch 1 Sekunde. Vorerst können wir es später anpassen. Ich springe also zu Frame 40 48 und möchte einen weiteren Keyframe hinzufügen Wir haben hier also ein paar Optionen. Eine davon wäre, mit der rechten Maustaste auf den Wert zu klicken und Schlüssel hinzuzufügen. Wenn Sie die Einfügetaste auf Ihrer Tastatur haben, können Sie alternativ die Einfügetaste auf Ihrer Tastatur haben, einfach Einfügen drücken und es sollte ein Keyframe hinzugefügt werden Jetzt könnten wir die Position ändern, aber ich möchte eigentlich, dass dieser erste Keyframe auf dem Abspielkopf steht Jetzt könnte ich darauf klicken und es verschieben, oder wir können diesen Keyframe auswählen und entweder Shift D drücken ihn zu duplizieren, oder Oder wir können Strg D drücken, wodurch es dupliziert und an der Stelle platziert wird , an der sich der Abspielkopf Jetzt kann ich mit der Pfeiltaste nach unten zum ersten Keyframe springen und den Text verschieben Bevor ich den Text verschiebe, stellen Sie fest, dass sich über der Zeitleiste ein blauer Umriss befindet Und ab und zu haben wir den gleichen blauen Umriss über dem Betrachter. Dieser blaue Umriss zeigt an , welcher der beiden gerade aktiv ist. Also ist es die Timeline oder ist es der Zuschauer? Wenn die Timeline aktiv ist und ein Keyframe ausgewählt ist, wenn ich G drücke, obwohl der Text hier oben ausgewählt ist, weil wir ein Keyframe ausgewählt haben und die Timeline aktiv ist, der ausgewählte Keyframe übernommen, wenn wir G oder PresEscape drücken, um aus diesem auszubrechen Um zum Viewer zu springen, können Sie entweder mit der linken Maustaste darauf klicken oder einfach die Tabulatortaste auf der Tastatur drücken , um zwischen der Timeline und dem Viewer umzuschalten . Wenn ich jetzt G drücke, verschiebe ich jetzt unseren Text Drücken Sie also G und Y, und ich werde den Text ein wenig nach oben verschieben Jetzt, nachdem unser Logo ganz nach oben gegangen ist, wird der Text nach unten gehen Lassen Sie uns nun auch unserer Textanimation etwas Lockerung hinzufügen auch unserer Textanimation Also, genau wie wir es für unser Logo getan haben, werden wir der Textanimation ein wenig Lockerung hinzufügen Wenn der Y-Wert ausgewählt ist, klicken wir auf das Diagramm, und jetzt können wir das Diagramm ändern Also schnappe ich mir beide Keyframes. Ich mache sie glatt. Ich will am Anfang ein bisschen Gas geben und dann wird es in der Endposition nachlassen Also wird es beschleunigen und dann langsamer werden, wenn es runter geht Okay. Nun, um die Pause zu beseitigen, die wir hier haben, gibt es eine kleine Pause. Ich werde einfach zurück zu unseren Keyframes wechseln. Ich nehme beide Keyframes für den Y-Wert von Text, drücke G und verschiebe ihn dann etwas zurück Jetzt gibt es also fast keine Pause mehr zwischen dem Eintreffen des Logos und dem Absetzen des Textes Okay. In Ordnung. Also haben wir jetzt unsere Grundbewegung. Wir haben das Logo nach oben, wir haben den Text nach unten gedreht. Bevor wir uns mit dem Text befassen, kehren wir zu unserem Logo zurück. Und anstatt das Logo von Anfang bis Ende sichtbar zu machen, animieren wir jetzt seine Opazität Um das zu tun, erweitern wir es erneut, wählen statt Transformieren, und hier etwas niedriger, haben wir die Deckkraft Das wird jetzt ein separater Keyframe sein. Also werde ich beim allerersten Bild einen Keyframe zur Opazität hinzufügen Ich werde es auf Null reduzieren. Und dann gehen wir einfach zum nächsten Keyframe. Also Bild 24, und jetzt setze ich die Deckkraft auf 100. Ich klicke mit der linken Maustaste auf Opazität und gehe zum Grafikeditor Wenn Sie nur die Deckkraft sehen möchten, klicken Sie einfach auf die Ebene oder das Objekt, auf das Sie abzielen möchten Und klicken Sie erneut auf den Wert und das sollte alles klären Jetzt nehme ich mir beide Keyframes, mache sie glatt und ich möchte, dass sie sehr schnell undurchsichtig werden Also werde ich die Kurve wirklich übertreiben , um sie sehr schnell undurchsichtig zu machen Lassen Sie uns am Anfang etwas lockerer vorgehen , damit es transparent anfängt Lassen Sie uns das ein wenig reduzieren. Lass uns das hier sehen. Okay, es scheint, als würde eine S-Kurve ihm etwas mehr geben, es etwas subtiler machen. Das sollte reichen. Das ist Beenden des Grafik-Editors. Okay, wir haben jetzt unsere grundlegende Animation. Wir haben unser Logo animiert und unseren Text animiert. Und in der nächsten Lektion werden wir uns mit Maskierung statt mit Reibung befassen Hier werden wir uns auch Formen und Pfade ansehen . Wir sehen uns dort. 6. Formen und Pfade – Reibungsvektorwerkzeuge: Hallo zusammen. In dieser Lektion werden wir uns mit Maskierung und Formen und Pfaden statt mit Reibung befassen. Lass uns anfangen Wir haben unser Logo also bereits eingeblendet, aber jetzt müssen wir etwas an unserem Text ändern. Wir könnten es auch in die Szene einblenden lassen. Aber stattdessen werden wir eine Maske erstellen, um sie unsichtbar zu machen, bis sie sichtbar ist. Dafür gehe ich also zum ersten Keyframe über . Das ist nicht verpflichtend Und im Inneren der Werkzeuge werde ich mir das Rechteckwerkzeug schnappen. Ich werde mit der linken Maustaste klicken, halten und ziehen. Oder erstellen Sie eine Form um unseren Text herum. Nun, das Rechteckwerkzeug, genau wie bei unserem Textwerkzeug, wenn wir weiter klicken , während es ausgewählt ist, fügt es eine Reihe weiterer rechteckiger Felder hinzu. Wir müssen also sicherstellen, dass wir die Werkzeuge wechseln , nachdem wir unsere Form erstellt haben. Also drücke ich in den anderen Feldern die Taste Z und benenne das Rechteck hier in Tagline um Maske, Slogan. Okay, drücken Sie OK. Und jetzt haben wir unsere Maske. Lassen Sie uns zu dem Zeitpunkt übergehen, an dem der Text ganz unten ist um sicherzustellen, dass sich das Feld nicht über unserem Text befindet. Ich gehe zurück zum ersten Bild und verschiebe das Feld ein wenig nach oben. Drüben im Bereich Fläche und Kontur füge ich eine Füllung hinzu , die jede gewünschte Farbe haben kann. Und für den Strich setze ich ihn dann auf „Keine“. In Ordnung. Um es zu einer Maske über der Ebene zu machen, klicken wir auf dieses Drop-down-Menü hier drüben. Wir werden von der Quelle zur Zielausgabe wechseln . Dadurch wird in jede Ebene , die sich darunter befindet , ein Loch geschnitten, aber wir wollen nur, dass sich das auf den Slogan auswirkt Dazu müssen wir unsere Maske mit unserem Slogan gruppieren. Wählen wir also die Maske aus, halten Sie die Umschalttaste gedrückt und wählen Sie den Slogan Dann können Sie Strg G auf der Tastatur drücken oder einfach mit der rechten Maustaste klicken und zur Gruppe wechseln Dadurch wird eine neue Gruppe erstellt, die unsere Maske und unseren Slogan hat und ihre eigenen Transformationen hat Okay, also lass uns die Gruppe in Tagline com umbenennen. Okay. Beachten Sie jedoch, dass wir immer noch das gleiche Problem haben. Die Maske schneidet ein Loch durch alle anderen Schichten. Und das liegt daran, dass wir die Gruppe zu einer Ebene heraufstufen Wir können das tun, indem wir hier auf dieses kleine Häkchen klicken oder indem mit der rechten Maustaste klicken und zur Aktion gehen und zur Ebene Dadurch wird unsere Gruppe zu einer Ebene. Diese beiden funktionieren also unterschiedlich. Aber jetzt können Sie sehen , dass sich die Maske nur auf den Slogan auswirkt und nichts anderes beeinflusst wird. Wenn wir uns in der Zeit weiterbewegen, werden Sie sehen, wie der Text hinter der Form erscheint. Auf diese Weise können Sie also eine Maske anstelle von Reibung erstellen. Wenn Sie das Gegenteil machen wollten, würden Sie es einfach vom Ziel aus zum Zieleingang umschalten , und jetzt würde der Text nur dort erscheinen, wo wir die Form haben Okay? Nur damit du's weißt, du hast hier viele verschiedene Mischmodi, aber um ihre Effekte zu isolieren, musst du eine Ebene daraus erstellen. Gehen wir also zurück zum Ziel. Und wenn wir jetzt abspielen würden, werde ich den Outpoint etwas weiter nach hinten verschieben Lassen Sie uns die Wiedergabe abspielen und wir haben unsere erste Animation. Okay. Also werde ich die Tagline-Animation etwas weiter modifizieren. Also gehe ich zum Y-Wert und gehe zum Diagrammeditor und klicke erneut auf den Slogan, klicke erneut auf den Slogan nur um die Kurve zu isolieren Und hier klicke ich mit der linken Maustaste auf den Code und ziehe ihn heraus Es geht also etwas schneller raus. Ordnung. Ich verlasse die Grafik. Und hier haben wir unsere Animation. Wenn Sie nun von einer Ebene zurück zu einer Gruppe wechseln möchten, klicken Sie mit der rechten Maustaste, gehen Sie zur Aktion und gehen Sie einfach, um die Gruppe herabzustufen Du kannst hier auch die Gruppierung deiner Ebene aufheben, indem du einfach Strg+Shift G drückst. Okay Also, was wir hier gerade mit unserer Form gemacht haben, hätten wir auch mit einem Pfad Also einfach mit Linksklick, Linksklick, Linksklick, Linksklick, und wenn wir fertig sind, können wir die Form schließen, und das hätten wir mit diesem Pfad machen können. Nun, für diejenigen unter Ihnen mit Vektorsoftware vertraut sind, wird Ihnen das sehr vertraut sein. Wenn wir also in den Punktmodus wechseln, können wir jetzt die verschiedenen Punkte des von uns erstellten Pfads ändern . Wenn Sie Kurven erstellen möchten, können Sie entweder dieses Kontextmenü über dem Viewer verwenden und einfach einen Knoten nehmen und ihn zum Beispiel entweder zu einem glatten Knoten oder zu einem Eckknoten machen , und das würde uns die Steuerung dafür geben. Als solches. Also wenn ich diesen Schritt mache, bekommen wir diese Handles hier, damit wir unseren Weg kontrollieren können. Also gut. Ich wechsle zurück in deinen Objektmodus und lösche das. Bevor wir weitermachen, da wir über Objekte und Pfade sprechen Wenn wir entweder einen Kreis oder ein Rechteck zeichnen, handelt es sich bei diesen beiden um Objekte. Sie sind keine Pfade. Wenn ich mir also den Punktmodus schnappe, wirst du sehen, dass sie unterschiedliche Steuerelemente haben. Sie bekommen also diese kleinen rosafarbenen Punkte, und diese rosafarbenen Punkte ermöglichen es uns, ihre Skalierung an der Position des Kreises zu ändern . Das sind also Objekte. Wenn ich mir das Rechteck hier drüben schnappe den Objektmodus wechsle, bekommen wir ein paar zusätzliche Optionen. Zum Beispiel haben wir den Radius, und wenn ich die Umschalttaste gedrückt halte, linke Maustaste gedrückt halte und ziehe um beide Werte gleichzeitig zu beeinflussen, können Sie sehen, dass der Radius hier abgerundete Ecken für ein Rechteck ergibt . Also ein Linksklick, ein rechter Nullpunkt oder die Umschalttaste gedrückt halten und die Eingabetaste drücken , um beide Werte zu beeinflussen. Drücken Sie erneut die Nulltaste, um zu zoomen oder die Leinwand zu vergrößern. Und wenn Sie jemals eine dieser Formen in einen Pfad umwandeln wollten , würden Sie sie einfach auswählen, zur Menüleiste gehen, Pfad gehen und dann zu Objekt zwei Pfaden gehen. Dadurch wird eine Kopie davon als Pfad erstellt. Wir haben hier also immer noch das Rechteck, aber jetzt haben wir auch eine Pfadversion des Rechtecks. Also diese Form hier drüben. Also gut. Ich lösche die. Und jetzt zur nächsten Lektion, in der wir lernen werden, mit mehreren Szenen innerhalb von Friction zu arbeiten . Wir sehen uns dort. 7. Mehrere Szenen – Reibungskompositionen: Hallo, da. Willkommen zurück. In dieser Lektion werden wir lernen, wie man mit mehreren Szenen arbeitet, anstatt Reibung zu verursachen. Aber bevor wir das tun, was sehr wichtig ist, sollten wir unser Projekt speichern. Tatsächlich hätten wir wahrscheinlich viel früher sparen sollen . Es ist Zeit, unser Projekt zu retten. Um unser Projekt zu speichern, können wir entweder in der Hauptwerkzeugleiste auf Speichern klicken oder wir können einfach S drücken. Wenn ich also in eine Datei gehe und hier sehe, haben wir Control S zum Speichern. Okay? Also lass uns unser Projekt speichern. Und ich nenne diese Koctux-Logo-Animation V One und drücke auf Speichern Also haben wir jetzt unser Projekt gespeichert. Lassen Sie uns also weitermachen und eine neue Szene erstellen. Also oben in der Menüleiste, wenn wir in die Szene gehen , haben wir eine neue Szene. Wir werden das gleiche Pop-up bekommen. Wir können es benennen, die Abmessungen, die Dauer, die FPS wählen , alles, was wir vorher wählen mussten. Wir können auf Okay drücken und schon haben wir eine neue Szene, die hier oben links im Leinwandbereich oder im Viewer und auch oben links in den Spuren der Timeline zu sehen ist Leinwandbereich oder im Viewer . Also Szene eins, wenn wir mit der linken Maustaste darauf klicken, sehen Sie, dass wir die Option haben , Szene Null auszuwählen. Und wenn Sie möchten, dass die Timeline automatisch zur aktiven Szene im Viewer wechselt , können Sie mit der linken Maustaste darauf klicken. Und klicken Sie einfach auf „Aktiv“. Wenn wir jetzt die Szenen im Viewer wechseln, wird das auch in der Timeline geändert. Okay. Also, was ich tun möchte, ist unseren Slogan in unserem Logo zu nehmen und ihn in eine separate Szene zu verschieben. Um das zu tun, weil wir eine neue Szene erstellt haben, kann ich hier in der Timeline, wo wir diese beiden Zeilen haben, ganz oben drüber gehen hier in der Timeline, wo wir diese beiden Zeilen haben, ganz oben drüber . Wir haben also horizontal und vertikal. Wenn wir horizontal teilen , entsteht eine separate Zeitleiste. Wir haben also eine auf unserer rechten Seite und eine auf der linken Seite. Links oben klicke ich auf Keine und wechsle zur ersten Szene. Also hier drüben haben wir Szene Null und auf der rechten Seite haben wir Szene eins. Ich nehme unseren Slogan und ziehe ihn auf Szene eins, und ich mache dasselbe für das Nox Dax-Logo Ziehen Sie es auf Szene eins. Jetzt können wir diese zweite Zeitleiste schließen , indem wir auf das X neben den beiden Balken wird die Zeitleiste geschlossen. Wir können den Betrachter auch teilen und zwei Szenen gleichzeitig betrachten. Gehen wir also bei der ersten Szene ein bisschen weiter. Und weil wir das Aktive für die Timeline aktiviert haben, jedes Mal, wenn wir auf eine klicken, also zwischen den beiden aktiven Szenen hin- und herschalten, wechselt jedes Mal, wenn wir auf eine klicken, also zwischen den beiden aktiven Szenen hin- und herschalten, die Timeline automatisch mit uns. In der ersten Szene kann ich also sehen, dass der Slogan nicht angezeigt wird Lassen Sie uns also weitermachen und das Problem sehr schnell beheben. Wenn ich also mit der linken Maustaste darauf klicke, kann ich sehen, dass es da sein sollte, aber es wird nichts angezeigt. Also hat es funktioniert, es raus und zurück in die Gruppe zu ziehen . In Ordnung. Also das sollte den Fehler beheben, aber sie einfach aus der Gruppe oder aus der Ebene zu ziehen und sie wieder einzufügen, schien das Problem zu beheben Es zeigt Ihnen, wie einfach es manchmal ist , Fehler zu beheben Okay, was wir hier haben, ist eine isolierte Animation, in wir unser Logo und unseren Text haben. Okay, gehen wir also zurück zu Szene Null, wo wir unseren Hintergrund haben. Und jetzt können wir mit der rechten Maustaste auf die Leinwand klicken und zur Link-Szene gehen. Jetzt können wir die Szene , die wir gerade erstellt haben, in diese Szene einfügen. Auf diese Weise können wir sie auch umbenennen. Also mache ich weiter und nenne das Logo-Animation Link. Und wenn wir wollen, können wir unsere Szene sogar umbenennen. Gehen wir also in der Menüleiste zur Szene runter zu den Szeneneigenschaften. Und nennen wir das Animation One. Drücken Sie Okay. Wir können dasselbe für eine andere Szene tun. Gehen Sie zu den Szeneneigenschaften und nennen Sie diese Logo-Animation. Da haben wir es. Dieser Link, den wir gerade erstellt haben, hat übrigens auch Transformationseigenschaften, und die Clip-Option hier hat mit dem Hintergrund zu tun, ähnlich wie wenn Sie C auf der Tastatur drücken, um die Außenseite zu beschneiden, etwas Ähnliches. Okay. In Ordnung. Nun, aufgrund dessen, was wir getan haben, können wir zur Szene gehen, eine neue Szene erstellen, und wir werden diese Animation zwei nennen und in Animation zwei immer wieder. Und jetzt nehme ich innerhalb von Animation zwei nehme ich ein anderes Video und ziehe es in die Szene. Wenn wir nun ein Video importieren, kann Friction uns fragen, ob wir die angezeigten Eigenschaften an die des Videos anpassen möchten . Ich klicke einfach auf Nein. Sie können dies auch in den Einstellungen ausschalten. Und hier ist dieses Video eindeutig viel größer als unsere Komposition. Also werde ich mit der rechten Maustaste klicken. Ich werde eine Linie zentrieren und dann S für die Skalierung drücken und sie verkleinern, bis sie in unsere Komposition passt. Und belasse es so. Okay, jetzt haben wir ein anderes Video. Ich werde unser Layer-2-Izon-Video umbenennen. Drücken Sie Okay. Ich werde das Video auch sperren, damit wir es uns schnappen können. Und ich klicke mit der rechten Maustaste. Gehen Sie zu Szene verknüpfen, und ich werde die Logoanimation, die wir erstellt haben, verlinken. Und jetzt haben wir unsere Logoanimation in zwei verschiedenen Szenen. Und wenn wir zur Logoanimation übergehen oder wenn wir diese Ansicht hier aufteilen und zur Logoanimation wechseln Also dieser hier, er passt zu Genvs, was auch immer wir in der eigentlichen Szene ändern Wenn ich also zum Beispiel das Logo rotieren würde, werden Sie feststellen, dass es innerhalb unserer zweiten Animation automatisch aktualisiert wird innerhalb unserer zweiten Animation automatisch aktualisiert Das Gleiche gilt für die Animation hier drüben. Das bedeutet, dass Sie eine Komposition oder eine neue Szene erstellen und diese einfach mit verschiedenen Szenen verknüpfen können. Also werde ich die Rotation zurücksetzen und diese Instanz schließen. Richtig. Das war's also für die verschiedenen Szenen, nicht für Reibung. Und in der nächsten Lektion werden wir uns einigen grundlegenden Rastereffekten befassen. 8. Shader und Effekte – Reibungs-Plug-ins: Hallo. In dieser Lektion lernen wir einige grundlegende Rastereffekte kennen, lernen wir einige grundlegende Rastereffekte kennen in Reibung verfügbar sind, und wir werden sie auf unser Video hier anwenden. Lassen Sie uns also das Video entsperren, rechten Maustaste darauf klicken und zur Aktion übergehen. Wir suchen nach Rastereffekten. Ich habe viele benutzerdefinierte Shader für Friction, sodass Sie diese umfangreiche Liste nicht haben Im Moment werden wir einen der eingebauten Effekte oder eingebauten Shader für Friction verwenden Effekte oder eingebauten Shader für Also gehen wir zur Farbtiefe und zur Farbsättigung runter. Linksklick. Wenn wir nun das Video erweitern, haben wir jetzt Rastereffekte, und statt Rastereffekten haben wir eine Sättigung, und hier haben wir dann die verschiedenen Werte, die wir ändern können. Sie können all dies auch im Eigenschaftenfenster tun. Wenn Sie also die Dinge auf der Timeline nicht zu sehr erweitern möchten , können Sie dies hier tun. Und wenn Sie sich erinnern, können Sie F auf der Tastatur drücken , um die Fläche und die Kontur auszublenden. Auf diese Weise haben Sie einen größeren Bereich, mit dem Sie arbeiten können. Ordnung, alles hängt von Ihrem Arbeitsablauf ab, was für Sie am besten funktioniert Mit dem Farbton und der Sättigung können wir also das Hautbild verändern Wir können die Sättigung, den Kontrast und die Helligkeit ändern. Wenn wir also zum Beispiel die Sättigung verringern würden, könnten wir einen schwarz-weißen Hintergrund haben oder wir können die Sättigung erhöhen, um den Farben eine besondere Note zu verleihen Wir können diese Werte übrigens auch animieren. Also alles, was einen weißen Punkt daneben hat, kann animiert werden. Also gut, ich lasse das zusammenklappen. Ich sperre den Hintergrund. Ich reduziere die Sättigung ein bisschen. Und jetzt möchte ich als letztes unserem Logo in unserem Text einen Schlagschatten hinzufügen . Dazu klicke ich mit der rechten Maustaste darauf, auf die Link-Ebene, gehe zu Aktionen, runter zu Rastereffekten und gehe nach oben zu Schatten. Lassen Sie uns den Schatten hinzufügen, erweitern oder ausschneiden, gehen wir zu Rastereffekten, Schatten. Und hier können wir die Farbe und die Opazität wählen. Wir haben auch Übersetzungen. Also lass uns das erweitern. Die Übersetzung ist die Position, also X und Y. Wenn wir also heranzoomen, können wir unseren Schatten hinter unserem Text herausziehen unseren Schatten hinter unserem Text herausziehen Wir haben den Unschärferadius. Also, wie verschwommen wollen wir den Schatten, kontrollieren wir die Opazität Damit kann ich die Deckkraft zum Beispiel auf 0,4 reduzieren, ihr einen kleinen Unschärferadius geben Unschärferadius Es kommt also leicht hinter unserem Text hervor. Lass uns sehen. Sieht ziemlich gut aus. Und jetzt haben wir es da. Reibung wird sich auszahlen. Um aus der Sache auszubrechen, drücke ich die Escape-Taste. Ich setze hier einen Out-Point, also raus und beim ersten Bild einen Endpunkt und keine Wiedergabe. Wir haben den Loop eingeschaltet, also wird er in einer Schleife laufen. Ich finde, dass die Logoanimation etwas verbessert werden muss. Also mache ich es von hier aus. Ich teile das einfach hier auf. Gehe zur Logo-Animation. Lass uns rauszoomen. Wir müssen also sicherstellen , dass aktiv aktiviert ist. Jetzt können wir uns unsere Logo-Animation ansehen. Lass uns ein bisschen weitermachen. Ich werde die Kurve der Opazität anpassen. Ich möchte, dass es etwas früher undurchsichtig ist. Oder etwas schneller, aber es muss etwas länger transparent bleiben Wir können also entweder die Kurve anpassen oder einfach den Keyframe verschieben Drücken Sie also Gx und bewegen Sie ihn ein wenig nach vorne , sodass er etwas länger transparent ist Also ändere ich einfach die Kurve, bis ich ein bisschen von dem gefunden habe , was für mich am besten funktioniert Ich denke, das funktioniert genau richtig. Also kann ich das wieder beenden, auf unsere Hauptszene klicken, auf unsere Hauptszene klicken die Timeline zu wechseln und den Grafikeditor zu schließen. Okay. Nun, ich würde gerne die Geschwindigkeit des Wassers verringern, aber bevor wir das tun, werfen wir einen Blick auf die Reibungseigenschaften. Und genau das werden wir in der nächsten Lektion tun. 9. Vorschauauflösung – Reibungsspitzen: Am Anfang, als wir uns die Benutzeroberfläche angesehen haben , habe ich, wenn Sie sich erinnern, in der Statusleiste wenn Sie sich erinnern, in der Statusleiste die Auflösung erwähnt. Jetzt ist die Auflösung standardmäßig auf 50% eingestellt. Und wenn wir hier hineinzoomen würden, schauen wir mal, ob wir das richtig sehen können. Sie werden sehen, dass wir eine gewisse Pixelierung bekommen Das kann auch bei den Vektorformen passieren. Und das ist eher eine visuelle Darstellung und eine Möglichkeit, Speicherplatz für das System zu sparen. Wenn wir die Auflösung zwischen 50 und 100 ändern, werden Sie feststellen, dass wir viel schärfere Kanten erhalten und sogar der Schlagschatten viel sauberer ist Wann immer Sie anfangen, sich mit Effekten und anderen feinen Details zu beschäftigen, wird dringend empfohlen, auf 100% umzuschalten Also setze ich das wieder auf 50. es bei 50% belassen, wird weniger RAM benötigt, um das, was wir haben, zwischenzuspeichern, weil die Dinge etwas pixeliger und weniger definiert sind etwas pixeliger und weniger definiert Okay, das war's für diese Klammern, zurück zur Sache. 10. Systemeinstellungen - Reibungseinstellungen: Hallo zusammen. Diese Lektion wird einen kurzen Überblick über die Präferenzen für Reibung geben. Gehen wir also zur Menüleiste in einer Datei und gehen wir zu den Einstellungen. Wir können dieses Fenster vergrößern und hier haben wir es. Nun, das Erste, was wir in General haben, das ist sehr wichtig, ist die Aktivierung des Backups beim Speichern und die Aktivierung der automatischen Speicherung Jetzt müssen Sie nicht jedes Mal, wenn Sie speichern , Backups erstellen . Das ist natürlich optional Aber für das automatische Speichern würde ich dringend empfehlen, es einzuschalten Beachten Sie nur, dass Sie einen Timer einstellen möchten , der Ihrem Workflow entspricht Was das Standardverzeichnis betrifft, so setze ich es gerne auf das Projektverzeichnis statt auf das Verzeichnis , das zuletzt verwendet wurde. Wir haben auch einige Schnittstellen-Skelings, und was die Hardware angeht, haben wir einige Präferenzen für die Hardware Wenn Sie beispielsweise die Menge an RAM begrenzen möchten, einfach dieses Kontrollkästchen und legen Sie Ihr RAM-Limit Das Gleiche gilt für die CPU. Wir können hier auch einige andere Optionen auswählen, und ich neige dazu, sie auf der Standardeinstellung zu belassen mit Ausnahme des RAM, den ich leicht geändert habe. Für die Leinwand können wir die Größe der Knoten, die Größe der Steuerelemente, die gelösten Knoten und die Farben wählen Größe der Steuerelemente, die gelösten Knoten , die sie auf der Leinwand annehmen. Für die Timeline können wir hier die Farben der Keyframes festlegen Als Nächstes haben wir die Shader. Shader sind quasi Plug-ins für After Effects oder Filter Die Position der Shader auf Ihrem System hängt von Ihrem Betriebssystem und davon, wo es für Sie installiert wurde Und hier sollten Sie in der Lage sein, den Pfad der Shader zu ändern Wenn Sie also einen benutzerdefinierten Ordner auswählen möchten und diese Liste hier drüben ist, können wir wählen, ob Shader ein- oder ausgeschaltet werden sollen Und schließlich haben wir Voreinstellungen, mit denen wir Voreinstellungen für die Szenenauflösung und die Bildrate der Szene ändern oder neue erstellen können für die Szenenauflösung und die Bildrate der Szene ändern oder neue und Sie können auch alles auf die Standardeinstellungen zurücksetzen Wenn Sie etwas in Ihren Einstellungen geändert haben, klicken Sie auf Speichern, wenn Sie es speichern möchten, oder klicken Sie auf Schließen, wenn Sie alle Änderungen ignorieren möchten Also klicke ich einfach auf Schließen. Und das war's mit den Vorlieben. Ordnung, in der nächsten Lektion werden wir lernen, wie wir die Geschwindigkeit unseres Videos ändern können . Wir sehen uns dort. 11. Rahmenänderung – Reibungsgeschwindigkeitsrampe: Da. Willkommen zurück. In dieser Lektion lernen wir, wie wir die Geschwindigkeit unseres Videos ändern können . Nun, das ist ziemlich einfach zu bewerkstelligen, anstatt Reibung zu verursachen. Alles was wir tun müssen, ist unser Video zu entsperren, mit der rechten Maustaste darauf zu klicken. Gehen Sie runter zu Aktionen und wir gehen nach oben zur Frame-Neuzuordnung. Klicke darauf Und für diesen müssen wir die Ansicht verkleinern. Bevor wir das tun, erweitern wir unseren Clip. Und hier drüben, wenn wir mit der linken Maustaste darauf klicken und den Aufwärtspfeil drücken, springt der Abspielkopf zum letzten Keyframe, der sich auf Bild 330 befindet Lassen Sie uns also die Timeline auf 400 Frames erweitern und sie horizontal zoomen Und jetzt können wir das Anfangsbild und das letzte Bild unseres Videos sehen . Und das ist die Länge unseres Videos sowie die Geschwindigkeit bei normaler Wiedergabe. Wenn wir uns also diesen letzten Keyframe schnappen, ihn gedrückt halten und hineinziehen würden , würden wir im Grunde unser Video beschleunigen Lass es wiedergeben. Das Wasser bewegt sich etwas schneller. Wenn ich das noch weiter hineinziehe, spiele es ab. Gib ihm einen Moment. Okay. Wir werden sehen , dass sich das Wasser viel schneller bewegt. Ordnung. Das heißt, wenn wir es herausziehen und abspielen, sollte sich das Wasser technisch gesehen langsamer bewegen Richtig. Das bedeutet, dass wir das einfach ganz oder alternativ herausziehen können. Nehmen wir an, drüben bei Frame 100 wird es hier bei Frame 50 sein. Und das ist Frame-Remapping. Wenn Sie Ihr Video einmal zu stark verändert haben, wissen Sie nicht, wo es anfängt Ich zeige es dir hier, lass uns die Wiedergabe beenden, mit der rechten Maustaste auf Dauer bearbeiten klicken. Sie können sehen, dass wir den Mindest-Frame-Satz 250 haben. Wir haben den maximalen Frame auf 130 eingestellt. Lassen Sie uns das noch weiter modifizieren. Also mache ich einen Linksklick namens Ziehen. Sie können sehen, dass, wenn wir den Videoclip ziehen, die Keyframes tatsächlich mitbewegen. Ziehen Sie ihn ganz nach außen, ziehen ihn hinein Klicken wir erneut mit der rechten Maustaste auf Dauer bearbeiten. Jetzt können Sie sehen, dass der Mindest-Frame -110 ist. Die Frame-Verschiebung ist 130 und die maximale Frame-Verschiebung ist 59. Und das bedeutet, dass von Anfang an nichts passiert, weil das nichts passiert, weil das ist, bevor das Video überhaupt anfängt, und danach wird es ein wenig abgespielt und abgeschnitten. Und um das Video wiederherzustellen, können wir mit der rechten Maustaste klicken, zu Aktionen gehen und die Frame-Neuzuordnung deaktivieren Jetzt werden natürlich alle unsere Keyframes gelöscht Es wird also alle benutzerdefinierten Animationen entfernen , die wir möglicherweise erstellt haben. Ich klicke erneut mit der rechten Maustaste, gehe zu Aktionen und aktiviere die Frame-Neuzuordnung Und was Reibung für uns bedeutet, ist uns zu sagen, wie lang das Video tatsächlich ist, nämlich 322 Frames Und wo der Startpunkt tatsächlich ist, ist genau hier bei Bild 130. Wir können dies also manuell anpassen, wenn Sie möchten, dass es der tatsächlichen Länge des Videoclips entspricht. Okay. Nun, das ist wirklich für den Fall Sie nicht wissen, wie lang Ihr Video eigentlich sein soll. In Ordnung, das ist es also für diese Lektion. Und in der nächsten Lektion werden wir uns Shape Morphing befassen Auf diese Weise können wir mehr über Vektoranimation statt über Reibung lernen Vektoranimation statt , und wir sehen uns dort 12. Formwandlung – Reibungsvektoranimation: Hallo. In dieser Lektion werden wir ein bisschen Shape-Morphing lernen, damit wir etwas über die Vektoranimation von Reibung lernen können, bei der wir Hälften selbst animieren können In Ordnung. Um zu beginnen, nehme ich das Rechteckwerkzeug, klicke mit der linken Maustaste und halte die Umschalttaste gedrückt, um eine symmetrische Form zu erstellen, sodass daraus ein Quadrat wird. Und dann nehme ich den Kreis hier oben, klicke mit der linken Maustaste auf Halten, Ziehen und dann halte ich die Umschalttaste gedrückt, damit ich einen symmetrischen Kreis erstellen kann . Perfekt. Lassen Sie uns jetzt weitermachen und die Farbe unseres Kreises ändern. Also drücke ich F auf der Tastatur, um die Füllung und den Strich zu bekommen und die Farbe zu ändern, oder noch besser, wir können die Farbsymbolleiste hier oben verwenden und einfach eine andere Farbe wählen. Ordnung. Also müssen wir diese beiden Formen in Pfade umwandeln. Also schnappe ich mir beide. also die Umschalttaste gedrückt halte und mit der linken Maustaste klicke, ich also die Umschalttaste gedrückt halte und mit der linken Maustaste klicke, gehe ich zur Menüleiste innerhalb eines Pfads und gehe zu Objekt zu Pfad. Und jetzt können wir die ursprünglichen Formen löschen , wenn wir wollen , und ich benenne die Pfade um. Also dieser erste wird ein Kreis sein, und dieser zweite ist ein Quadrat. Okay, ich werde den Drehpunkt auch zentrieren , nur weil jetzt die Form sich verändert. Okay, es ist also einfach genug. Wir nehmen unseren Kreis, platzieren ihn und lassen ihn mit unserem Quadrat überlappen. Wenn wir die beiden exakt ausrichten wollen, nehmen wir einfach die beiden, gehen im Eigenschaftenfenster nach unten, sagen wir, Geometrie an der zuletzt ausgewählten Geometrie ausrichten, und jetzt können wir die beiden ausrichten. Okay, jetzt sind sie perfekt ausgerichtet. Nehmen wir den Punktmodus. Hier können die Dinge etwas seltsam werden, aber mach dir keine Sorgen, es ist eigentlich ganz einfach. Lassen Sie uns das Quadrat erweitern, und wir werden die Pfade erweitern. Und Sie können hier sehen, dass wir einen Pfad haben. Das ist eigentlich der Pfad des Platzes. Wir werden dem Pfad einen Keyframe hinzufügen. Lass uns weitermachen. Sagen wir 1 Sekunde. Also Frame 24. Und wenn wir jetzt mit der linken Maustaste auf einen dieser Punkte klicken und sie verschieben, wird ein weiterer Keyframe hinzugefügt Und wenn Sie die Wiedergabe abspielen, können Sie sehen, wie sich der Pfad verformt. Okay. Wenn wir also dieses Quadrat in einen Kreis verwandeln wollen, klicken Sie mit der linken Maustaste auf diesen Knoten, halten Sie die Taste gedrückt und halten Sie dann die Umschalttaste auf der Tastatur gedrückt. Und wenn Sie es an einem der Knoten des Kreises einrasten, nimmt es die Form dieses Knotens als solchen an. Wenn ich also mit der linken Maustaste klicke, gedrückt halte, Shift gedrückt halte, einraste, nimmt es die Form an. Das Gleiche gilt für all diese. Und weil wir den Pfad animiert haben, haben wir eine Transformation von einem Quadrat zu einem Kreis. Okay. Eine weitere Sache , die wir tun können. Lassen Sie uns den Kreis vorerst verstecken , wenn er sich in einen Kreis verwandelt, bekommen wir hier einen kleinen Dreh. Falls wir uns jetzt nicht drehen wollen, können wir herausfinden, warum die Drehung stattfindet. Das liegt daran, dass das hier runter muss, und ursprünglich wäre es hier oben. Beim zweiten Keyframe können wir uns also alle Knoten schnappen, R auf der Tastatur drücken und drehen Sie werden feststellen, dass sich die Punkte um ihre eigene Achse drehen Hm. Also das ist ein Problem. Dafür gibt es tatsächlich eine Lösung. Drüben in den Tools. Hier unten haben wir Pivot. Wir können von Pivot Global zu Pivot Loco wechseln. Das heißt, wenn wir die Lok schwenken, schwenken wir vom Mittelpunkt oder Drehpunkt Wenn wir also den Objektmodus ausgewählt haben, ist dies hier der Wenn wir uns im Punktmodus befinden, können Sie sich vorstellen, dass jeder dieser Knoten sein eigener Drehpunkt ist. Deshalb dreht er sich um sich selbst, wenn wir ihn ergreifen und drehen dreht er sich um sich selbst, wenn wir ihn Wenn wir zwei von ihnen ergreifen und drehen, drehen sie sich um sich selbst Aber wenn wir von lokal zu global wechseln, bekommen wir hier drüben diesen kleinen grünen Punkt, und das hier ist der globale Drehpunkt, das heißt, wenn ich alle vier nehme, bekommen wir diesen globalen Drehpunkt, und wenn ich rotiere, drehen sie sich jetzt alle zusammen um diesen einen globalen Drehpunkt. Das funktioniert also auch, wenn ich einen Kreis mache, zwei Kreise, dann gehe ich in den Objektmodus. Lassen Sie uns zurück zum lokalen Drehpunkt wechseln. Wenn wir also den orangefarbenen Drehpunkt haben, schnappen Sie sich beide, drücken Sie R und drehen Sie. Sie werden sehen, dass sie sich an ihren eigenen Drehpunkten drehen. Also, wenn ich das nehme, es hier hinstelle, das nehme, es hier hinstelle, drehe, drehen sie sich an ihrem eigenen Drehpunkt. Wenn ich jetzt zum globalen Drehpunkt wechsle, also zu diesem grünen Drehpunkt hier drüben, wo auch immer ich ihn platziere, wenn ich ihn drehe, drehen sich beide um ihn herum. Okay, Sie können zwischen den beiden Drehpunkten wechseln , indem Sie P auf der Tastatur drücken Also P, wir sind auf Global, wieder P und wir sind auf Lokal Also gut, ich lösche diese beiden Formen. Und im Grunde, lassen Sie uns weitermachen und das wieder zentrieren, Center Pivot. Indem wir also den globalen Drehpunkt verwenden, also den grünen Drehpunkt hier drüben, können wir jetzt alle unsere Knoten schwenken. Und wenn wir es jetzt abspielen, verwandelt es sich in einen Kreis, ohne sich zu drehen, und unsere Form verändert sich Also werde ich zurück zum globalen Modus wechseln, ich nehme den Objektmodus Und jetzt möchte ich diesem Objekt etwas Bewegung verleihen , während es sich verändert. Gehen wir also zu Transform, Translation, und ich mache Keyframes für die X-Position, also links und rechts Ich gehe weiter zu dem Zeitpunkt, an dem es transformiert wird, und ich nehme es, drücke GX ein und verschiebe es auf die andere Seite des Bildschirms Und jetzt haben wir hier diese Bewegung, eine Art Transformation Das hier ist also ein sehr, sehr einfaches Morphing. Das ist nicht allzu kompliziert. Wir können das Diagramm jederzeit anpassen , um es etwas lockerer zu gestalten Ich kann also mit der linken Maustaste das Salz wegziehen, linken Maustaste das Salz wegziehen Und jetzt, wenn wir es abspielen, bekommen wir diesen Sprung in der Animation Okay? Ich werde den Skirahmen mehr in die Mitte verschieben , wo wir die höchste Beschleunigung haben. Also genau hier, also springt es irgendwie, und wenn es auf der anderen Seite ankommt, ist es schon ein Kreis Lass uns so gehen. Ich verschiebe das ein bisschen, sodass es quadratisch anfängt. Und ich versuche, das Morphing auf den höchsten Punkt der Beschleunigung zu bringen , und das wird hier für einen nahtlosen Übergang Okay, so können Sie Pfade statt Reibung animieren Jetzt können wir noch eine ganze Menge mehr tun. Nun, wir können noch viel mehr tun, aber das sollte Ihnen einen allgemeinen Überblick geben. Und in der nächsten Lektion werden wir lernen, wie wir SVG-Dateien importieren können. 13. Verknüpfen und Importieren von SVG – Reibungselemente: Hallo. In dieser Lektion werden wir lernen, wie wir SVG-Dateien importieren oder verknüpfen können , ohne dass es zu Reibungsverlusten kommt. Also hier drüben habe ich ein SVG, das ist eine Vektordatei. Ich klicke mit der linken Maustaste auf den Code und ziehe ihn statt Reibung. Also haben wir das einfach per Drag-and-Drop gezogen . Wenn ich in den Punktmodus wechsle und mit der linken Maustaste darauf klicke, können Sie sehen, wie wir all diese Knoten haben Ich werde in den Objektmodus wechseln. Wenn ich jetzt die PNG-Version importiere, bring das rein. Sie werden feststellen, dass nichts passiert, wenn Sie den Punktmodus aufrufen. Das liegt daran, dass das hier ein Bild ist, und das hier ist eine Vektordatei , mit der Friction tatsächlich arbeiten kann. Innerhalb der ersten Ebene haben wir also diese andere Gruppe, von der wir wissen , dass es sich um eine Gruppe handelt, weil sie das Daten-Schachbrett hat , das uns wissen lässt, dass es sich um eine Gruppe handelt, die noch nicht zu einer Ebene heraufgestuft wurde Hier haben wir unsere zwei verschiedenen Objekte. Eins ist ein Objekt, eines ist ein Pfad. Lassen Sie uns das in Logo umbenennen, und ich nenne es in RIM-Kreis oder besser gesagt Logo. Kreis. Diesen kann ich Logo Comp nennen Und schließlich können wir weitermachen und die Gruppierung von Ebene eins aufheben Ich nehme die erste Ebene, halte die Umschalttaste gedrückt und drücke G, und dadurch wird die Logo-Komposition veröffentlicht Okay. Nun, nur eine kurze Klammer Da das hier eine Gruppe ist, werde ich in den Objektmodus wechseln Da es sich hier also um eine Gruppe handelt, müssen wir, wenn wir von der Leinwand aus auf das zugreifen wollen, was sich innerhalb der Gruppe befindet, zuerst darauf doppelklicken , damit wir in die Gruppe gelangen können. Wenn wir die Gruppe verlassen wollen, müssen wir einfach außerhalb der Gruppe doppelklicken, und wir befinden uns jetzt außerhalb der Gruppe. Nun, diese Unterscheidung ist wirklich wichtig, denn wenn ich das Kreiswerkzeug nehme und einen Kreis zeichne, wirst du sehen, dass der Kreis außerhalb der Gruppe erstellt wurde . Wir haben also Logo Comp Circle. Wenn ich auf die Gruppe doppelklicke, bin ich jetzt in der Gruppe, okay, ich nehme den Kreis zwei Ich klicke mit der linken Maustaste auf Halten und Ziehen. Wir haben einen Kreis erstellt, aber innerhalb der Gruppe. Das liegt daran, dass wir innerhalb der Gruppe waren. Hier muss also ein Unterschied gemacht werden. Wir können einfach mit der linken Maustaste auf Halten klicken und das Ganze herausziehen. Man kann sehen, dass es auch woanders hingesprungen ist, und um es zu holen, musste ich die Gruppe verlassen. Wenn ich in der Gruppe wäre und versuchen würde, es mir zu schnappen, wäre ich dazu nicht in der Lage, weil ich mich gerade in dieser Gruppe befinde. Diese Unterscheidung ist also wirklich wichtig. Okay. Ich möchte nur wirklich darauf hinweisen, damit ich mir die beiden schnappen und löschen kann. Ordnung. Ich lösche auch das PNG. Also das hier, das wir haben, ist ein SVG, das wir innerhalb von Friction importiert haben. Die andere Möglichkeit besteht darin, auf Link zu klicken. Wenn Sie also in einer Datei zur Menüleiste wechseln, haben wir Link und Import. Also dieses Mal werden wir auf Link gehen. Ich gehe rüber und hole mir das SVG. Denken Sie daran, dass wir es verlinken Drücken Sie den SVG-Link öffnen. Ist eigentlich kein Pfad. Es ist keine Gruppe, es ist kein Pfad. Es funktioniert genauso wie das PNG, das wir hatten. Wenn wir also jemals das SVG innerhalb von Inkscape öffnen würden , ändere ich die Farbe des Logos hier auf lila, und ich speichere, wenn wir wieder in Friction gehen. Wenn ich mit der linken Maustaste darauf klicke und „Neu laden“ sage, ist es jetzt lila, oder Jetzt drüben in den Assets , denn das hier ist der Link. Jetzt haben wir es hier drüben. Wenn ich also auf Halten klicke und es hineinziehe, ist das die Linkversion. Und in der nächsten Lektion werden wir lernen, wie wir unsere Animation ohne Reibung exportieren können. 14. Animation exportieren – Reibungsrender: Hallo zusammen. In dieser Lektion lernen wir, wie wir unsere Videos exportieren können. Im Grunde werden wir unsere Animation in eine Videodatei rendern . Aber bevor wir das tun, lassen Sie uns das Wort Jenseits ansprechen. dauert eine Weile, bis ich es merke, aber da fehlt ein D. Lassen Sie uns also zur Logo-Animationsszene wechseln, und ich kann weitermachen und den fehlenden Buchstaben hinzufügen. In diesem speziellen Fall, da mein Text bereits mittig ausgerichtet ist, durch Hinzufügen des fehlenden Buchstabens nicht auf eine der beiden Seiten verschoben. Sie können dies jedoch jederzeit korrigieren, indem Sie einfach zu Ihrer Ausrichtung gehen, Groometrie auf Szene einstellen und horizontal ausrichten Okay, nachdem das geklärt ist, kehren wir zu unserer Animation zur Szene zurück Und das Letzte, was ich vor dem Rendern mache , ist eine wichtige Audiodatei. Also hole ich mir einen Soundtrack , den ich hier habe, und füge ihn ein. Und Reibung bietet Ihnen nicht wirklich viele Optionen, wenn es um Audiodateien geht, aber Sie haben zum Beispiel die Möglichkeit, die Lautstärke zu verringern. Sie können es natürlich zuschneiden und verschieben. Ja, also wenn du dich jetzt zurücklehnst, haben wir einen Track. Sag es laut. Also werde ich die Lautstärke verringern, sagen wir, 230 hier und alles klar. Also ich möchte, dass der Kick hier etwas früher passiert. Also werde ich das einfach kürzen und den Anfang zurückziehen. Beim allerersten Bild werde ich die Lautstärke mit Keyframes versehen Ich reduziere es auf etwa 15. Es ist also nicht ganz leise. Und dann, etwas später, können wir es wieder auf 30 hochfahren lassen. In Ordnung, das ist so ziemlich alles. Jetzt, wo wir Audio in einem Track haben, können wir weitermachen und rendern Jetzt ist das Audio natürlich nicht mehr verpflichtend. Um zu exportieren, gehen wir zu Q über. Und ganz oben links haben wir ein kleines Plus. Klicken Sie auf das Plus. Es wird das hier drüben hinzufügen, das erweitert ist, und wir können die Szeneneigenschaften ändern. Im Wesentlichen können Sie von hier aus die Szene auswählen , die Sie rendern möchten. Im Moment rendern wir also Animation zwei. Also das ist die Szene, also belasse ich es dabei. Dann haben wir unsere Rahmenpalette. So können wir direkt in unserer Szeneneigenschaft für das Rendern festlegen, was auf der Timeline gerendert werden soll. Alternativ können wir auch auf das Zahnrad klicken und vom Szenenbereich zum Ein- und Ausgang wechseln. Und der Ein- und Ausgangsbereich wird unser Ein- und Ausgang-Bereich sein , den wir selbst festlegen Und lass uns auf Okay klicken. Als Nächstes wollen wir unsere Profile überprüfen. Nun, es hängt wirklich davon ab, wofür Sie exportieren, aber MP Four oder MP Four mit Audio, wenn Sie Audio haben, wie wir gerade einen Soundtrack hinzugefügt haben, sollten gut funktionieren, aber Sie können auch für etwas wie ProRes-Video, ProRes-Video mit Audio entscheiden ProRes-Video mit Und wenn Sie eine Bildsequenz wollen, haben Sie sie. Beachten Sie, dass Sie, wenn Sie eine Bildsequenz mit Transparenz rendern möchten , sicherstellen müssen, dass die Leinwand tatsächlich auf transparent eingestellt ist Sie müssten also in einen Hintergrund gehen und ihn dann auf volle Transparenz einstellen Okay. Also für dieses Profil werde ich mich einfach für ProRes Video plus Audio entscheiden, und wir bekommen all die kleinen Details hier drüben. Wir können in ein Format gehen und die Dinge ändern. Sie können also von QuickTime MOV aus zwischen verschiedenen Formaten wechseln, wenn Sie möchten Wir können auch den Codec wählen. Und wir haben die verschiedenen Profile. Also einige Dinge, die Sie hier ändern können. Hier können Sie auch die Feinabstimmung vornehmen, wenn Sie ein transparentes Video wünschen. Sobald wir das alles überprüft haben, haben wir auch die Audiooptionen unten, okay? Sie können auf Okay drücken. Und zum Schluss wählen wir unser Ziel. Klicken Sie also auf dieses kleine Symbol hier neben dem Ort oder Ziel. Ich navigiere zu dem Ordner, in den ich exportieren möchte, und lass uns diesen einfach umbenennen. Also nenne ich das hier Nextax Logo. Animation per Punkt, Bewegung, Drücken Sie Speichern. Und jetzt können wir auf Rendern klicken. Sie sollten wissen, dass Sie hier auch zusätzliche Hinweise hinzufügen können. So können Sie andere Animationen auslösen. Und wenn Sie zum Rendern bereit sind, klicken Sie auf Rendern. Sie können sie auch deaktivieren, Sie können sie auch deaktivieren wenn Sie nicht möchten, dass sie gerendert werden Okay? Nur damit du es weißt, ich bin auf einige Probleme gestoßen, als ich diese Methode gewählt habe, wenn die Szene nicht geöffnet ist. Also, was ich damit zum Beispiel meine , erkläre es schnell. Wenn ich die erste Animation rendern wollte, sagen wir Animation eins, und ich sage den In- und Out-Bereich die erste Animation rendern wollte, sagen wir Animation eins, , und okay, sobald es mit dem Rendern der zweiten Animation fertig ist, würde es versuchen, die erste Animation zu rendern. Hätte ich fast vergessen. Wähle ein Profil. Wie dem auch sei, ich mache weiter und deaktiviere das zweite und lass uns auf Rendern klicken Der Rendervorgang sieht irgendwie so aus wie das, was er macht, wenn er zwischengespeichert oder Sobald unser Rendern abgeschlossen ist, im Render-Bedienfeld haben wir im Render-Bedienfeld diese kleine Play-Schaltfläche neben dem Ziel Und wenn du darauf klickst, sollte dein Rendering mit deinem Standard-Player geöffnet werden. Und da haben wir es. Wir haben unsere Animation hier. In Ordnung, und das war's für das Rendern unserer Animation. Wir sehen uns in der nächsten Lektion. 15. Kursprojekt - Reibungsübung: Hallo, wir treffen uns wieder. Jetzt, da Sie den Kurs abgeschlossen haben, Sie an der Reihe, Ihr eigenes Projekt mithilfe von Friction zu erstellen. Ich ermutige dich, deine Arbeit mit der Klasse zu teilen, entweder um Feedback zu erhalten oder einfach, um deine Fähigkeiten unter Beweis zu stellen. Wenn du Fragen oder Zweifel hast, kannst du sie in der Diskussion äußern und ich werde mich umgehend bei dir melden. Jetzt wird jeder von Ihnen unterschiedliche Fähigkeiten haben, daher empfehle ich, sich für das zu unterschiedliche Fähigkeiten haben, daher empfehle ich, entscheiden, was sich für Sie am bequemsten anfühlt. Gehen Sie Schritt für Schritt vor, damit Sie sich allmählich mit Reibung vertraut machen können . Nachdem das gesagt ist, fahren Sie fort und fügen Sie einige Bewegungsgrafiken hinzu. 16. Danke fürs Zuschauen.Reibungsgrafik: Hallo zusammen. Ich sehe , du hast es bis zum Ende des Kurses geschafft. Ich gratuliere dir. Inzwischen sollten Sie über ein solides Verständnis der Grundlagen von Reibung verfügen solides Verständnis der Grundlagen von Reibung , sodass Sie sich auf Ihre eigenen Projekte und irgendwann auch auf die Arbeit mit Kunden konzentrieren können, falls Sie das anstreben. Wenn Sie nach diesem Kurs mehr über Reibung erfahren möchten, können Sie jederzeit den Noctux Creative-Kanal besuchen , wo ich viele Tutorials habe , die sich mit weiteren Aspekten von Reibung befassen weiteren Aspekten von Reibung befassen Nochmals, mein Name ist Jonathan. Dies war eine Einführung in Friction Graphics. Danke fürs Zuschauen und wir sehen uns beim nächsten Mal. nun, ohne weitere Umschweife, Lassen Sie uns nun, ohne weitere Umschweife, mit Friction beginnen.